/*======================================
Theme Name: Play Radio 2026
Theme URI: https://playradio.ro/
Description: A modern radio and magazine theme for Play Radio, derived from Dynamic News Lite. It keeps the magazine news structure while adding a 2026-ready adaptive light/dark interface, retro culture background motifs, curated ad zones, and a responsive radio header without page builder dependencies.
Version: 2.0.25
Requires at least: 6.8
Tested up to: 7.0
Requires PHP: 8.3
Author: Play Radio
Author URI: https://playradio.ro/
Tags: two-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, rtl-language-support, blog, news, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns, entertainment
Text Domain: dynamic-news-lite
Domain Path: /languages/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/


/* CSS Reset | http://meyerweb.com/eric/tools/css/reset/ | v2.0
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* General Styles
-------------------------------------------------------------- */
html {
	font-size: 100.01%;
}
body {
	font-family: 'Ubuntu', Arial, Tahoma;
	font-size: 1.0em;
	border: 0;
	color: #111;
	background-color: #e5e5e5;
}

/* Links */
a, a:link, a:visited{
	color: #e84747;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

/* Form Elements */
input, textarea {
	padding: 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	font-family: 'Ubuntu', Arial, Tahoma;
}
input[type="submit"] {
	border: none;
	color: #fff;
	background: #e84747;
}
input[type="submit"]:hover {
	background-color: #303030;
	cursor: pointer;
}

/* Clearing Floats */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
    *zoom: 1; /* For IE 6/7 only */
}

/* Make Form Elements responsive */
input, textarea, select {
	max-width: 100%;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Basic Structure
-------------------------------------------------------------- */
#wrapper {
	max-width: 1340px;
	width: 92%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
}
#header-wrap {
	background: #fff;
}
#header {
	padding: 3em;
}
#wrap {
	clear: both;
	padding: 1.5em 1.5em 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content {
	float: left;
	width: 72%;
	padding-right: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sidebar {
	float: right;
	width: 28%;
}

/* Header
-------------------------------------------------------------- */
#logo {
	float: left;
	max-width: 100%;
}
#logo .site-title {
	display: inline-block;
	font-size: 2.5em;
	font-weight: bold;
	color: #e84747;
	font-family: 'Francois One', Tahoma, Arial;
}
#logo .site-title a:link,
#logo .site-title a:visited {
	color: #e84747;
}
#logo .site-title a:hover,
#logo .site-title a:active {
	color: #333;
	text-decoration: none;
}
#logo .site-description {
	margin-top: 0.4em;
	color: #333;
}
#logo .custom-logo {
	margin: 0 1.5em 0 0;
	padding: 0;
	border: none;
	vertical-align: top;
	max-width: 100%;
	height: auto;
}

/* Header Content */
#header-content {
	display: inline;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header-content #header-social-icons,
#header-content #header-text,
#header-content #header-search {
	float: right;
	margin-left: 1.5em;
}
#header-content #header-text {
	margin-top: 0.3em;
	line-height: 1.4em;
	font-size: 1.3em;
	color: #777;
}
#header-content #header-search #s {
	float: right;
}

/* Header Widgets */
.header-widgets {
	float: right;
}
.header-widget {
	float: left;
	margin-left: 1.5em;
}

.header-widget ul {
	margin: 0;
	padding: 0;
}

.header-widget-title {
	font-weight: bold;
	margin: 0 0 0.5em;
}

/* Custom Header Image */
#custom-header {
	margin-top: 1px;
	text-align: center;
}
#custom-header img {
	max-width: 1340px;
	vertical-align: top;
	width: 100%;
	height: auto;
}

/* Top Navigation
-------------------------------------------------------------- */
#topnavi-wrap {
	background: #e84747;
	position: relative;
}
#topnavi-wrap #topnavi-social-icons {
	float: right;
}
#topnav-toggle {
	display: none;
}
.top-navigation-menu {
	display: inline;
	list-style-type: none;
	list-style-position: outside;
}
.top-navigation-menu li {
	float: left;
}
.top-navigation-menu a {
	display: block;
	font-size: 0.8em;
	padding: 0.9em 1em;
	text-decoration: none;
}
.top-navigation-menu a:link, .top-navigation-menu a:visited {
	color: #fff;
	text-decoration: none;
}
.top-navigation-menu a:hover {
	background: #333;
}
.top-navigation-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	color: #fff;
	background: #333;
}
.top-navigation-menu ul li{
	float: none;
	position: relative;
}
.top-navigation-menu ul a {
	min-width: 250px;
	min-width: 16rem;
	padding: 1em 1.2em;
	font-size: 0.75em;
	text-transform: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top-navigation-menu ul a:link, .top-navigation-menu ul a:visited {
	color: #fff;
}
.top-navigation-menu ul a:hover {
	background: rgba(255,2555,255,0.075);
}
.top-navigation-menu li ul ul {
	top: 0;
	left: 100%;
	border-left: 1px solid rgba(255,255,255,0.2);
}
.top-navigation-menu li.menu-item-has-children:hover > ul,
.top-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
	display: block;
}
.top-navigation-menu li.current_page_item a, .top-navigation-menu li.current-menu-item a {
	text-decoration: underline;
}
.top-navigation-menu li.current_page_item ul li a, .top-navigation-menu li.current-menu-item ul li a{
	color: #fff;
	text-decoration: none;
}
.top-navigation-menu li.current_page_item ul li a:hover, .top-navigation-menu li.current-menu-item ul li a:hover {
	text-decoration: underline;
}
.top-navigation-menu ul li.current_page_item a, .top-navigation-menu ul li.current-menu-item a {
	color: #fff;
	text-decoration: underline;
}
.top-navigation-menu ul li.current_page_item ul li a, .top-navigation-menu ul li.current-menu-item ul li a{
	text-decoration: none;
}

/* Mega Menu Styling */
.top-navigation-menu .mega-menu-content .mega-menu-widget ul li a:hover,
.top-navigation-menu .mega-menu-content .mega-menu-widget ul li a:active {
	color: rgba(255,255,255,0.6);
}

/* Navigation Menu
-------------------------------------------------------------- */
#mainnav-toggle, #mainnav-icon, .sidebar-navigation-toggle, .sidebar-closing-toggle {
	display: none;
}
#navi-wrap {
	background: #333;
}
.main-navigation-menu {
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	box-sizing: border-box;
}
.main-navigation-menu li{
	float: left;
	margin-right: 1px;
}
.main-navigation-menu a {
	display: block;
	padding: 1.5em;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.0em;
	font-family: 'Francois One', Tahoma, Arial;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.main-navigation-menu a:link, .main-navigation-menu a:visited{
	color: #fff;
	text-decoration: none;
}
.main-navigation-menu a:hover {
	background: #e84747;
}
.main-navigation-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	background: #fff;
	box-shadow: 0 0 2px #444;
}
.main-navigation-menu ul li{
	float: none;
	position: relative;
	margin: 0;
}
.main-navigation-menu ul a {
	min-width: 250px;
	min-width: 16rem;
	padding: 1em;
	font-weight: normal;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main-navigation-menu ul a:link, .main-navigation-menu ul a:visited{
	color: #333;
	font-size: 0.9em;
	text-decoration: none;
}
.main-navigation-menu ul a:hover {
	color: #fff;
	background: #e84747;
}
.main-navigation-menu li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation-menu li.menu-item-has-children:hover > ul,
.main-navigation-menu li.page_item_has_children:hover > ul,
.main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
	display: block;
}
.main-navigation-menu li.current_page_item a, .main-navigation-menu li.current-menu-item a {
	text-decoration: underline;
}
.main-navigation-menu li.current_page_item ul li a, .main-navigation-menu li.current-menu-item ul li a{
	text-decoration: none;
}
.main-navigation-menu ul li.current_page_item a, .main-navigation-menu ul li.current-menu-item a {
	text-decoration: underline;
}
.main-navigation-menu ul li.current_page_item ul li a, .main-navigation-menu ul li.current-menu-item ul li a{
	text-decoration: none;
}

/* Mega Menu Styling */
.mega-menu-content {
	line-height: 1.5;
}
.mega-menu-content .mega-menu-widget .mega-menu-widget-header-title {
	font-weight: bold;
}
.main-navigation-menu .mega-menu-content .widget_meta ul li a,
.main-navigation-menu .mega-menu-content .widget_pages ul li a,
.main-navigation-menu .mega-menu-content .widget_categories ul li a,
.main-navigation-menu .mega-menu-content .widget_archive ul li a {
	display: block;
	padding: 0.5em 0.75em;
}
.main-navigation-menu .mega-menu-content .mega-menu-widget .entry-meta,
.main-navigation-menu .mega-menu-content .mega-menu-widget .entry-meta span:before {
	color: #555;
}

/* Widget Styling
-------------------------------------------------------------- */
.widget {
	margin-bottom: 1.5em;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
	padding: 1.5em;
	background: #fff;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.widgettitle {
	font-size: 0.9em;
	font-family: 'Ubuntu', Arial, Tahoma;
	padding: 0.8em;
	margin: -0.5em -0.5em 1.5em -0.5em;
	background: #333;
	color: #fff;
	text-transform: uppercase;
}
.widget .textwidget {
	line-height: 1.5em;
}
.widget .textwidget p {
	margin-bottom: 1em;
}
.widget ul, .widget ol {
	line-height: 1.5em;
}
.widget ul {
	list-style: circle inside;
	color: #555;
}
.widget ul .children, .widget ol .children {
	padding: 0;
	margin: 0.5em 0 0.5em 1em;
}
.widget a:link, .widget a:visited  {
	text-decoration: none;
	color: #e84747;
}
.widget a:hover, .widget a:active {
	text-decoration: underline;
}
.widget img {
	max-width: 100%;
	height: auto;
}
.widgettitle a:link, .widgettitle a:visited  {
	color: #fff;
}

/* Custom Widgets
-------------------------------------------------------------- */

/* Theme Search Widget */
.search-form {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.search-form .screen-reader-text {
	display: none;
}
.search-form .search-field {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0.7em 45px 0.7em 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: transparent;
	padding: 0.8em 0.7em 0 0;
	cursor: pointer;
}
.search-form .search-submit .genericon-search {
	display: inline-block;
	width: 24px;
	height: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: text-bottom;
	color: #777;
	content: '\f400';
}
.search-form .search-submit:hover .genericon-search {
	color: #333;
}

/* Theme Calendar Widget */
#wp-calendar {
	margin: 0;
	width: 100%;
	color: #444;
	line-height: 1.6em;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: center;
}
#wp-calendar caption {
	padding: 0.4em 0;
	margin: 0 -0.4em 0.8em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#wp-calendar th {
	font-weight: bold;
	font-size: 0.85em;
	padding-bottom: 0.6em;
}
#wp-calendar tbody td {
	color: #888;
}
#wp-calendar tbody td a {
	font-weight: bold;
}
#wp-calendar tbody #today {
	font-weight: bold;
	color: #333;
}
#wp-calendar tfoot tr td {
	padding-top: 0.8em;
}
#wp-calendar #prev {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 0.4em;
	text-align: right;
}


/* Posts and Pages
-------------------------------------------------------------- */
.type-post, .type-page, .type-attachment  {
	margin: 0 0 1.5em 0;
	padding: 0.8em 1.5em 1.5em;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
	background: #fff;
}
.page-title, .entry-title {
	font-weight: bold;
	font-family: 'Francois One', Tahoma, Arial;
	color: #333;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	text-transform: uppercase;
	padding: 0.3em 0;
	border-bottom: 5px solid #333;
}
.page-title {
    font-size: 2.0em;
}
.entry-title {
    font-size: 1.5em;
}
.entry-title a:link, .entry-title a:visited {
	color: #333;
	text-decoration: none;
}
.entry-title a:hover, .entry-title a:active{
	color: #e84747;
}
.sticky {
	border-left: 10px solid #ccc;
}

/* Page Links | wp_link_pages() */
.page-links {
	margin: 0;
	word-spacing: 1em;
}

/* Postmeta */
.entry-meta {
	display: block;
	color: #333;
	margin: 0;
	padding: 0.7em 1em;
	background: #eee;
}
.entry-meta .meta-date, .entry-meta .meta-author,
.entry-meta .meta-comments, .entry-meta .post-edit-link {
	font-size: 0.9em;
	line-height: 1.5em;
}
.entry-meta a:link, .entry-meta a:visited {
	color: #555;
	text-decoration: underline;
}
.entry-meta a:hover, .entry-meta a:active{
	text-decoration: none;
}
.entry-meta .sep  {
	padding-right: 0.7em;
	margin-right: 0.8em;
	border-right: 1px solid #aaa;
}
.entry-meta .post-edit-link  {
	float: right;
}
.postinfo {
	clear: both;
	line-height: 1.5em;
}
.postinfo .meta-category {
	display: block;
	color: #333;
	margin: 0;
	font-size: 0.9em;
}
.postinfo .meta-category a {
	display: inline-block;
	float: left;
	color: #fff;
	background: #333;
	padding: 0.4em 1em;
	margin: 0 1px 1px 0;
}
.postinfo .meta-category a:hover, .postinfo .meta-category a:active {
	background: #e84747;
	text-decoration: none;
}
.postinfo .meta-tags {
	display: block;
	margin: 0.5em 0;
}
/* Read more Link */
.more-link {
	display: inline-block;
	margin: 0.5em 0;
	padding: 0.6em 1em;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	background-color: #e84747;
}
.more-link:link, .more-link:visited  {
	color: #fff;
}
.more-link:hover, .more-link:active {
	background-color: #303030;
	text-decoration: none;
}
.content-excerpt .more-link  {
	margin: 0.5em 0 1em;
}

/* Post Navigation */
.post-navigation {
	margin: 0 0 1.5em 0;
	padding: 0.8em 1em;
	color: #333;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 4px #ddd;
}
.post-navigation .nav-links:before,
.post-navigation .nav-links:after {
	content: "";
	display: table;
}
.post-navigation .nav-links:after {
	clear: both;
}
.post-navigation .nav-links .nav-previous {
	float: left;
}
.post-navigation .nav-links .nav-next {
	float: right;
}

/* Archives and Search Heading */
.page-header {
	background: #fff;
	padding: 1.2em 1.5em;
	margin-bottom: 1.5em;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
}
.archive-title {
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}
.archive-title span{
	color: #e84747;
}
.archive-description {
	line-height: 1.6;
	margin-top: 1em;
}

/* Content Pagination */
.post-pagination {
	margin-bottom: 1.5em;
	font-weight: bold;
	padding: 0.8em 1em;
	color: #333;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
	background: #fff;
	text-transform: uppercase;
}
.post-pagination a {
	padding: 0.6em 0.8em;
	margin-right: 0.2em;
	display: inline-block;
    text-align: center;
	text-decoration: none;
	color: #333;
}
.post-pagination a:link, .post-pagination a:visited {
	color: #333;
}
.post-pagination a:hover {
	color: #e84747;
}
.post-pagination .current {
	padding: 0.5em 0.9em;
	margin-right: 0.2em;
	color: #e84747;
	text-decoration: underline;
}

/* Infinite Scroll Pagination */
.infinite-scroll .post-pagination {
	display: none;
}
.infinite-scroll #infinite-handle span {
	display: inline-block;
	margin-bottom: 1.5em;
	padding: 0.6em 1em;
	line-height: 1.5;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background-color: #e84747;
}
.infinite-scroll #infinite-handle span:hover {
	background-color: #303030;
}

/* Breadcrumbs */
.breadcrumbs {
	margin-bottom: 1em;
	padding: 0.7em 1em;
	color: #333;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
	background: #fff;
}
.breadcrumbs .trail-browse,
.breadcrumbs .trail-items,
.breadcrumbs .trail-items li {
	display: inline;
	line-height: 1.4;
}
.breadcrumbs .trail-browse {
	margin-right: 0.5em;
}
.breadcrumbs .trail-items {
	list-style: none;
}
.breadcrumbs .trail-items li::after {
	content: "\00bb"; /* Raquo */
	padding: 0 0.5em;
}
.trail-separator-slash .trail-items li::after { content: "\002F"; }
.trail-separator-dash .trail-items li::after { content: "\2013"; }
.trail-separator-bull .trail-items li::after { content: "\2022"; }
.trail-separator-arrow-bracket .trail-items li::after { content: "\003e"; }
.trail-separator-raquo .trail-items li::after { content: "\00bb"; }
.trail-separator-single-arrow .trail-items li::after { content: "\2192"; }
.trail-separator-double-arrow .trail-items li::after { content: "\21D2"; }
.breadcrumbs .trail-items li:last-of-type::after {
	display: none;
}

/* Text Elements
-------------------------------------------------------------- */
.entry {
	line-height: 1.6em;
	margin: 0.5em 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.entry p, .comment p {
	margin: 0.75em 0;
}
.entry h1, .comment h1,
.entry h2, .comment h2,
.entry h3, .comment h3,
.entry h4, .comment h4,
.entry h5, .comment h5,
.entry h6, .comment h6 {
	color: #222;
	font-weight: bold;
	line-height: 1.0em;
	margin: 1.2em 0 0.3em;
}
.entry h1, .comment h1 {
	font-size: 3.0em;
}
.entry h2, .comment h2 {
	font-size: 2.25em;
}
.entry h3, .comment h3 {
	font-size: 1.5em;
}
.entry h4, .comment h4 {
	font-size: 1.25em;
}
.entry h5, .comment h5 {
	font-size: 1.125em;
	margin: 1.3em 0 0;
}
.entry h6, .comment h6 {
	font-size: 1.0em;
	margin: 1.3em 0 0;
}
.entry ul, .comment ul{
	list-style: square inside;
	margin: 0 0 1.5em 2em;
}
.entry ol, .comment ol{
	list-style: decimal inside;
	margin: 0 0 1.5em 2em;
}
.entry ol ol, .comment ol ol{
	list-style: upper-alpha inside;
}
.entry ol ol ol, .comment ol ol ol{
	list-style: lower-roman inside;
}
.entry ol ol ol ol, .comment ol ol ol ol{
	list-style: lower-alpha inside;
}
.entry ul ul, .comment ul ul,
.entry ol ol, .comment ol ol,
.entry ul ol, .comment ul ol
.entry ol ul, .comment ol ul {
	margin-bottom: 0.2em;
}
dl {
	margin: 1em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}
strong, b {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big, .big_tag {
	font-size: 1.3em;
}
ins {
	text-decoration: none;
}
hr {
	margin-bottom: 1.5em;
	height: 1px;
	border: 0;
	background-color: #ccc;
}
code, pre {
	overflow: auto;
	margin-bottom: 1.5em;
	padding: 1.5em;
	max-width: 100%;
	border: 1px solid #e5e5e5;
	background: #f5f5f5;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 1.6;
}
del, strike, s{
	text-decoration: line-through;
}
small {
	font-size: 0.7em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: 0.8em;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
.entry var, .entry kbd, .entry tt, .entry .tt_tag {
	font-size: 1.1em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
blockquote {
	margin: 0 0 1.5em;
	padding-left: 1.25em;
	border-left: 4px solid #303030;
	color: #777;
	font-style: italic;
	font-size: 18px;
	font-size: 1.125rem;
}

blockquote cite,
blockquote small {
	display: block;
	margin-top: 1em;
	color: #303030;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote > :last-child {
	margin-bottom: 0.5em;
}
.entry table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
	margin: 1em 0;
	text-align: left;
	width: 100%;
}
.entry tr th,
.entry thead th {
	background: #e5e5e5;
	font-weight: bold;
	padding: 0.2em 1em;
}
.entry tr td {
	border-top: 1px solid #ddd;
	padding: 0.2em 1em;
}
.entry tr.alternate td {
	background: #f5f5f5;
}

/* Images | Gallery | Videos
-------------------------------------------------------------- */
article .wp-post-image {
	max-width: 100%;
	margin: 1em 0 0;
	height: auto;
}
.entry img {
	max-width: 100%;
	height: auto;
}
.wp-caption {
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 1em 0;
}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-align: center;
}
.alignleft {
	float: left;
	display: inline;
	margin: 1em 2em 1em 0;
}
.alignright	{
	float: right;
	display: inline;
	margin: 1em 0 1em 2em;
}
.aligncenter {
	margin: 1em auto;
	display: block;
}

/* Gallery Styling */
.gallery {
	padding-top: 1em;
}
.gallery-item {
	padding: 0.3em 1em 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery img {
	margin: 0;
	padding: 0;
	border: none !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery-caption {
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 0.5em 0;
}

/* Make Vidoes responsive */
embed, iframe, object, video {
	max-width: 100%;
}

/* Image.php Navigation */
#image-nav {
	margin: 1.5em 0;
	padding: 0.6em 1em;
	font-weight: bold;
	color: #333;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
	background: #fff;
	text-transform: uppercase;
}
#image-nav .nav-previous {
	float: left;
}
#image-nav .nav-next {
	float: right;
}
#image-nav .nav-previous a, #image-nav .nav-next a {
	font-size: 0.9em;
	text-decoration: none;
	color: #e84747;
}
#image-nav .nav-previous a:hover, #image-nav .nav-next a:hover {
	text-decoration: underline;
}

/* Social Icons | based upon http://kovshenin.com/2014/social-menus-in-wordpress-themes/
-------------------------------------------------------------- */
.social-icons-menu {
	list-style-type: none;
	list-style-position: outside;
	line-height: 1em;
}
.social-icons-menu li {
	float: left;
	margin: 0 1px 1px 0;
	padding: 0;
}
.social-icons-menu li a {
	position: relative;
	display: inline-block;
	padding: 0.8em;
	background: #e84747;
	text-decoration: none;
	color: #fff;
}
.social-icons-menu li a:hover {
	text-decoration: none;
	background: #333;
}
.social-icons-menu li a:before {
	color: #fff;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	vertical-align: top;
}
.social-icons-menu li a .screen-reader-text,
.social-icons-menu li a .icon {
	display: none;
}
.social-icons-wrap .social-icons-hint {
	font-size: 0.8em;
	color: #777;
	max-width: 300px;
	line-height: 1.2em;
}

/* Add Genericons */
.social-icons-menu li a:before { content: '\f408'; } /* Default Icon */
.social-icons-menu li a[href*="codepen.io"]:before  { content: '\f216'; }
.social-icons-menu li a[href*="digg.com"]:before { content: '\f221'; }
.social-icons-menu li a[href*="dribbble.com"]:before { content: '\f201'; }
.social-icons-menu li a[href*="facebook.com"]:before { content: '\f203'; }
.social-icons-menu li a[href*="flickr.com"]:before { content: '\f211'; }
.social-icons-menu li a[href*="plus.google.com"]:before { content: '\f206'; }
.social-icons-menu li a[href*="github.com"]:before { content: '\f200'; }
.social-icons-menu li a[href*="instagram.com"]:before { content: '\f215'; }
.social-icons-menu li a[href*="linkedin.com"]:before { content: '\f207'; }
.social-icons-menu li a[href*="pinterest.com"]:before { content: '\f209'; }
.social-icons-menu li a[href*="polldaddy.com"]:before { content: '\f217'; }
.social-icons-menu li a[href*="getpocket.com"]:before { content: '\f224'; }
.social-icons-menu li a[href*="reddit.com"]:before { content: '\f222'; }
.social-icons-menu li a[href*="spotify.com"]:before { content: '\f515'; }
.social-icons-menu li a[href*="skype.com"]:before,
.social-icons-menu li a[href*="skype:"]:before { content: '\f220'; }
.social-icons-menu li a[href*="stumbleupon.com"]:before { content: '\f223'; }
.social-icons-menu li a[href*="tumblr.com"]:before { content: '\f214'; }
.social-icons-menu li a[href*="twitter.com"]:before { content: '\f202'; }
.social-icons-menu li a[href*="twitch.tv"]:before { content: '\f516'; }
.social-icons-menu li a[href*="vimeo.com"]:before  { content: '\f212'; }
.social-icons-menu li a[href*="wordpress.org"]:before,
.social-icons-menu li a[href*="wordpress.com"]:before { content: '\f205'; }
.social-icons-menu li a[href*="youtube.com"]:before { content: '\f213'; }
.social-icons-menu li a[href*="newsletter"]:before,
.social-icons-menu li a[href*="mailto"]:before { content: '\f410'; }
.social-icons-menu li a[href*="/feed"]:before,
.social-icons-menu li a[href*="/feed/"]:before,
.social-icons-menu li a[href*="?feed=rss2"]:before,
.social-icons-menu li a[href*="feedburner.google.com"]:before,
.social-icons-menu li a[href*="feedburner.com"]:before { content: '\f413'; }

/* Top Navigation Social Icons */
#topnavi-social-icons .social-icons-menu li a {
	padding: 0.6em;
}

/* Gutenberg Blocks
--------------------------------------------------------------*/

/* Audio */
.wp-block-audio audio {
	width: 100%;
}

/* Gallery */
.wp-block-gallery,
.entry .wp-block-gallery {
	margin: 0 0 1.5em;
}

/* Separator */
.wp-block-separator {
	height: 2px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}

/* Quote */
.wp-block-quote.is-style-large {
	border: none;
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 28px;
	font-size: 1.75rem;
}

.wp-block-quote.is-style-large p {
	margin-bottom: 0.5em;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
}

.wp-block-quote.is-style-large cite {
	text-align: inherit;
}

/* Pullquote */
.wp-block-pullquote {
	margin-bottom: 1.5em;
	padding: 1.5em 0;
    border-bottom: 4px solid #ccc;
    border-top: 4px solid #ccc;
}

.wp-block-pullquote blockquote {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 28px;
	font-size: 1.75rem;
}

.wp-block-pullquote blockquote p {
	margin-bottom: 0.5em;
}

/* Cover */
.wp-block-cover {
	display: flex;
}

.wp-block-cover-text {
	margin-top: 0;
	margin-bottom: 0;
}

/* Block Text Colors */
.has-primary-color {
	color: #e84747;
}

.has-white-color {
	color: #ffffff;
}

.has-light-gray-color {
	color: #f0f0f0;
}

.has-dark-gray-color {
	color: #777777;
}

.has-black-color {
	color: #303030;
}

/* Block Background Colors */
.has-primary-background-color {
	background-color: #e84747;
}

.has-white-background-color {
	background-color: #ffffff;
}

.has-light-gray-background-color {
	background-color: #f0f0f0;
}

.has-dark-gray-background-color {
	background-color: #777777;
}

.has-black-background-color {
	background-color: #303030;
}

/* Comments
-------------------------------------------------------------- */
#comments {
	margin: 0 0 1.5em 0;
	padding: 1em 1.5em;
	background: #fff;
	box-shadow: 0 0 4px #ddd;
	border: 1px solid #ddd;
}
#comments .comments-title, #respond #reply-title {
	font-weight: bold;
	font-family: 'Francois One', Tahoma, Arial;
	color: #555;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	text-transform: uppercase;
	padding: 0.3em 0;
	border-bottom: 5px solid #555;
	font-size: 1.5em;
}
.commentlist {
	display: block;
	margin: 1.5em 0;
}
.commentlist .comment{
	display: block;
	margin: 1.5em 0 0;
	list-style: none;
	line-height: 1.5em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.commentlist .comment .avatar {
	float: left;
	margin: 1em 1.5em 0.5em 0;
}
.commentlist .comment .avatar:after {
	clear: both;
}
.comment-author {
	line-height: 1.5em;
	background: #eee;
}
.comment-author .comment-meta {
	display: inline-block;
	font-size: 0.8em;
	margin: 0.5em 1.2em 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	color: #222;
}
.comment-author .fn {
	display: inline-block;
	float: left;
	font-family: 'Francois One', Tahoma, Arial;
	font-size: 1.0em;
	color: #fff;
	background: #333;
	padding: 0.4em 1em;
}
.comment-meta a:link, .comment-meta a:visited,
.comment-meta a:active, .comment-meta a:hover {
	color: #222;
}
.comment-author .fn a:link, .comment-author .fn a:visited {
	color: #fff;
	text-decoration: underline;
}
.comment-author .fn a:hover, .comment-author .fn a:active {
	text-decoration: none;
}
.bypostauthor .fn, .comment-author-admin .fn {
	background: #e84747;
}
#comments .children {
	margin-left: 1.5em;
}
.nocomments {
	color: #444;
	padding: 1em;
}
.commentlist .pingback {
	display: block;
	margin: 0.6em 0 0;
	padding: 0.8em 0 0;
	border-top: 1px solid #ddd;
	list-style: none;
	line-height: 1.3em;
}

/* Comment Pagination */
.comment-pagination {
	font-size: 0.9em;
	padding: 0 1em;
	background: #eee;
	margin-bottom: 1.5em;
}
.comment-pagination .alignleft {
	float: left;
}
.comment-pagination .alignright {
	float: right;
}

/* Comment Form */
#respond {
	margin: 0;
}
#commentform {
	padding: 1em 0 0;
}
#commentform p {
	margin: 1em 0;
}
#commentform input[type="text"], #commentform textarea {
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#commentform label {
	display: block;
	margin: 0.6em 0 0.2em;
}
#commentform #submit {
	display: block;
	border: none;
	margin-top: 1em;
	padding: 1em 4em;
	text-decoration: none;
	color: #fff;
	background: #e84747;
}
#commentform #submit:hover {
	background-color: #303030;
	cursor: pointer;
	text-decoration: none;
}

/* Page Templates
-------------------------------------------------------------- */

/* Fullwidth Template */
.template-fullwidth #content {
	float: none;
	width: 100%;
	padding: 0;
}

/* Front Page Template and Widgets
-------------------------------------------------------------- */

/* Front Page Slideshow */
#frontpage-slider-wrap {
	padding: 0;
	margin-bottom: 2.6em;
	/* All other Slideshow Styles in flexslider.css */
}

.frontpage-magazine-no-widgets, .frontpage-slider-empty-posts {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

/* Category Posts Widgets */
#frontpage-magazine-widgets .widgettitle {
	margin: 0 0 1.5em 0;
}
.widget-category-posts {
	margin-bottom: -1em;
}
.widget-category-posts .widgettitle .category-archive-link {
	float: right;
}
.widget-category-posts .widgettitle .category-archive-link .genericon-category {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	font-size: 21px;
	font-family: 'Genericons';
	text-decoration: inherit;
	vertical-align: top;
	content: '\f301';
	margin-top: -4px;
}
.widget-category-posts .widgettitle .category-archive-link .genericon-category:hover {
	text-decoration: none;
}
.widget-category-posts .type-post {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
}
.widget-category-posts .more-link:link, .widget-category-posts .more-link:visited  {
	color: #fff;
}
.widget-category-posts .more-link:hover, .widget-category-posts .more-link:active {
	text-decoration: none;
}
.widget-category-posts .big-post .entry-title {
	font-size: 1.1em;
}
.widget-category-posts .big-post .wp-post-image {
	margin: 0 0 0.5em 0;
}
.widget-category-posts .small-post {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
	background: #eee;
}
.widget-category-posts .small-post .wp-post-image {
	float: left;
	margin: 0 0.8em 0 0;
	max-width: 30%;
}
.widget-category-posts .small-post .small-post-content {
	padding: 0.4em 0.8em;
}
.widget-category-posts .small-post .entry-title {
	border: none;
	margin: 0;
	font-size: 0.95em;
	font-family: 'Ubuntu', Arial, Tahoma;
}
.widget-category-posts .small-post .entry-meta {
	display: inline-block;
	background: none;
	padding: 0 0.3em 0.3em 0;
	font-size: 0.9em;
}
.widget-category-posts .small-post .entry-meta .sep  {
	padding-right: 0.4em;
	margin-right: 0.6em;
	border-right: 1px solid #aaa;
}

/* Category Posts Boxed Widget */
#widget-category-posts-boxed .big-post {
	float: left;
	width: 50%;
	padding-right: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-boxed .small-posts {
	width: 50%;
	margin-left: 50%;
}

/* Category Posts Grid Widget */
#widget-category-posts-grid .category-posts-grid-row {
	margin-right: -1.5em;
}
#widget-category-posts-grid .category-posts-grid-row.small-post-row {
	margin-right: -1em;
}
#widget-category-posts-grid .category-posts-grid-row .big-post,
#widget-category-posts-grid .category-posts-grid-row .small-post-wrap {
	float: left;
	width: 50%;
	padding-right: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-grid .category-posts-grid-row.small-post-row .small-post-wrap {
	padding-right: 1em;
}

/* Front Page Category Area Thre (two columns) */
#widget-category-posts-columns .category-posts-column-left {
	float: left;
	width: 50%;
	padding-right: 0.75em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-columns .category-posts-column-right {
	margin-left: 50%;
	width: 50%;
	padding-left: 0.75em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-columns .category-posts-columns .big-post {
	margin-bottom: 1.5em;
}

/* Single Category Post ) */
#widget-category-posts-single .single-post {
	margin: 0 0 1.2em 0;
}
#widget-category-posts-single .single-post .wp-post-image {
	margin: 0 0 0.5em 0;
}

/* Footer
-------------------------------------------------------------- */
#footer-wrap {
	background: #333;
}
#footer {
	padding: 1em 1.5em;
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
}
#footer a {
	color: #bbb;
}
#footer a:hover {
	color: #fff;
}
#footer #footer-text {
	float: right;
	font-size: 0.9em;
}

/* Footer Navigation Menu */
#footernav {
	float: left;
}
#footernav-menu {
	float: left;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}
#footernav-menu li {
	float: left;
	position: relative;
	margin-right: 2em;
}
#footernav-menu a {
	display: inline-block;
	text-decoration: none;
	font-size: 0.9em;
}
#footernav-menu a:link, #footernav-menu a:visited{
	color: #fff;
	text-decoration: none;
}
#footernav-menu a:hover {
	text-decoration: underline;
}

/*============================ MEDIA QUERIES ============================*/

/* Small screens | <1120px */
@media only screen and (max-width: 96em) {
	body.playradio-2026:before,
	body.playradio-2026:after {
		display: none;
	}
}

@media only screen and (max-width: 70em) {
	#wrapper {
		width: 94%;
	}
}
/* Smaller screens | <1120px */
@media only screen and (max-width: 65em) {
	#wrapper {
		width: 96%;
	}
	.widget, .type-post, .type-page, .type-attachment, .page-header, .post-pagination,  #comments {
		box-shadow: none;
		border: none;
		padding: 0;
	}
	.widgettitle {
		margin: 0 0 1.5em 0;
	}
}
/* Tablets (landscape) | <960px */
@media only screen and (max-width: 60em) {
	#wrapper {
		width: 100%;
	}
	#header {
		padding: 2em;
	}
	#content {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	#header-content #header-social-icons,
	#header-content #header-text,
	#header-content #header-search,
	#header-content .header-widgets {
		display: none;
		margin: 0;
	}
	.mobile-header-social #header-content #header-social-icons,
	.mobile-header-search #header-content #header-search,
	.mobile-header-text #header-content #header-text,
	.mobile-header-widgets #header-content .header-widgets {
		display: inline-block;
		margin: 0;
	}
	.mobile-header-none #logo {
		float: none;
		width: 100%;
		text-align: center;
	}

	.widget, .type-post, .type-page, .type-attachment, .page-header, .post-pagination,  #comments {
		box-shadow: 0 0 4px #ddd;
		border: 1px solid #ddd;
		padding: 1.5em;
	}
	.widgettitle {
		margin: -0.5em -0.5em 1.5em -0.5em;
	}
	.type-post, .type-page, .type-attachment {
		padding: 0.8em 1.5em 1.5em;
	}
	#comments {
		padding: 1em 1.5em;
	}

	/* Mobile Navigation */

	/* Reset */
	#mainnav, .main-navigation-menu, .main-navigation-menu li, .main-navigation-menu a, .main-navigation-menu ul,
	.main-navigation-menu ul a, .main-navigation-menu ul ul, .main-navigation-menu li ul ul
	{
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		display: inline;
		font-size: 1.0em;
		border: none;
		box-shadow: none;
		background: none;
		top: auto;
		left: auto;
	}
	.main-navigation-menu li,
	.main-navigation-menu ul,
	.main-navigation-menu li ul ul,
	.main-navigation-menu .mega-menu-item .mega-menu-content,
	.main-navigation-menu .mega-menu-item .mega-menu-content .mega-menu-widget {
		position: static;
		display: block;
		left: auto;
		top: auto;
		clear: left;
	}

	/* Main Navigation Toggle */
	#mainnav {
		margin: 1.5em 0;
		float: none;
	}
	#mainnav-toggle {
		display: block;
		width: 100%;
		margin: 0;
		padding: 1.2em;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		font-family: 'Francois One', Tahoma, Arial;
		color: #fff;
		background: none;
		border: none;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-ms-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}
	#mainnav-toggle:hover {
		cursor: pointer;
		background: #e84747;
	}
	#mainnav-toggle:before {
		float: right;
		margin: 0;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		content: '\f419';
		font: normal 24px/1 Genericons;
		text-decoration: inherit;
		vertical-align: text-bottom;
	}
	.main-navigation-menu {
		width: 100%;
		display: none;
		border-top: 1px solid #fff;
	}
	.main-navigation-menu a {
		display: block;
		padding: 1.5em;
		text-decoration: none;
		font-size: 1.0em;
		border-bottom: 1px solid #fff;
		clear: left;
	}
	.main-navigation-menu ul {
		float: left;
		padding: 1em;
		background: #fff;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main-navigation-menu ul a {
		display: block;
		width: 100%;
		padding: 1em;
		font-size: 0.9em;
		border-bottom: 1px solid #aaa;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main-navigation-menu ul li ul {
		float: left;
		padding: 0 0 0 1em;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main-navigation-menu li.current_page_item a, .main-navigation-menu li.current-menu-item a {
		text-decoration: underline;
	}
	.main-navigation-menu li.current_page_item ul li a, .main-navigation-menu li.current-menu-item ul li a{
		text-decoration: none;
	}
	.main-navigation-menu ul li.current_page_item a, .main-navigation-menu ul li.current-menu-item a {
		text-decoration: underline;
	}

	.main-navigation-menu .submenu-dropdown-toggle {
		float: right;
		display: block;
		margin: 0;
		padding: 1.1em 1.5em;
	}
	.main-navigation-menu .submenu-dropdown-toggle:hover {
		cursor: pointer;
		background: #e84747;
	}
	.main-navigation-menu .submenu-dropdown-toggle:before {
		font-size: 28px;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f431';
		color: #fff;
	}
	.main-navigation-menu .submenu-dropdown-toggle.active:before {
		content: '\f432';
	}
	.main-navigation-menu ul .submenu-dropdown-toggle {
		padding: 0.6em 1em;
	}
	.main-navigation-menu ul .submenu-dropdown-toggle:before {
		font-size: 24px;
		color: #222;
	}
	.main-navigation-menu ul .submenu-dropdown-toggle:hover:before {
		color: #fff;
	}

	/* Mega Menu Styling */
	.mega-menu-item .mega-menu-two-columns > li,
	.mega-menu-item .mega-menu-three-columns > li,
	.mega-menu-item .mega-menu-five-columns > li {
		width: 100%;
	}

	.mega-menu-item .mega-menu-four-columns > li,
	.mega-menu-item .mega-menu-six-columns > li {
		width: 50%;
	}

	/* Display Sidebar under content */
	#sidebar {
		clear: both;
		float: none;
		margin: 2em 0 0;
		width: 100%;
	}

	/* Sliding Sidebar */
	.sliding-sidebar #wrapper {
		position: relative;
	}
	.sliding-sidebar #sidebar {
		float: none;
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 1.5em;
		background: #fff;
		width: 80%;
		height: 100%;
		overflow: auto;
		z-index: 200;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#sidebar-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		text-align: center;
		z-index: 100;
	}

	/* Change Mainnav toggle if sliding sidebar is active */
	.sliding-sidebar #mainnav-toggle {
		display: inline-block;
		width: auto;
	}
	.sliding-sidebar #mainnav-toggle:before {
		float: left;
		margin: 0 0.8em 0 0;
	}

	/* Sidebar Toggle */
	.sidebar-navigation-toggle {
		float: right;
		display: inline-block;
		margin: 0;
		padding: 1.2em;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		font-family: 'Francois One', Tahoma, Arial;
		color: #fff;
		background: none;
		border: none;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-ms-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}

	.sidebar-navigation-toggle:hover,
	.sidebar-navigation-toggle:active,
	.sidebar-navigation-toggle:focus {
		cursor: pointer;
		background: #e84747;
	}

	.sidebar-navigation-toggle:after {
		float: right;
		display: inline-block;
		margin: 0 0 0 0.4em;
		font: normal 24px/1 Genericons;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f510';
		color: #ffff;
	}

	/* Sidebar Closing Toggle */
	.sidebar-closing-toggle {
		display: block;
		width: 100%;
		margin: 0 0 1.5em;
		padding: 0.5em;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		font-family: 'Francois One', Tahoma, Arial;
		color: #fff;
		background: #e84747;
		border: none;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-ms-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}
	.sidebar-closing-toggle:hover,
	.sidebar-closing-toggle:active,
	.sidebar-closing-toggle:focus {
		cursor: pointer;
		background: #333;
	}
	.sidebar-closing-toggle:before {
		display: inline-block;
		float: left;
		font: normal 32px Genericons;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: top;
		content: '\f405';
		color: #fff;
		margin: -3px 0.15em -5px -0.15em;
	}

	/* Footer */
	#footer {
		text-align: center;
	}

	#footer #footer-text {
		float: none;
	}

	/* Footer Navigation Menu */
	#footernav {
		float: none;
	}
	#footernav-menu {
		float: none;
	}
	#footernav-menu li {
		float: none;
		display: inline-block;
		margin: 0 1em 1.5em;
	}
}

@media only screen and (max-width: 55em) {

	/* Mobile Top Navigation */

	/* Reset */
	#topnav, .top-navigation-menu, .top-navigation-menu li, .top-navigation-menu a, .top-navigation-menu ul,
	.top-navigation-menu ul a, .top-navigation-menu ul ul, .top-navigation-menu li ul ul
	{
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		display: inline;
		font-size: 1.0em;
		border: none;
		box-shadow: none;
		background: none;
		top: auto;
		left: auto;
	}
	.top-navigation-menu li,
	.top-navigation-menu ul,
	.top-navigation-menu li ul ul,
	.top-navigation-menu .mega-menu-item .mega-menu-content,
	.top-navigation-menu .mega-menu-item .mega-menu-content .mega-menu-widget {
		position: static;
		display: block;
		left: auto;
		top: auto;
		clear: left;
	}

	#topnav-toggle {
		display: inline-block;
		margin: 0;
		padding: 0.65em 1em;
		text-decoration: none;
		color: #fff;
		background: none;
		border: none;
	}
	#topnav-toggle:hover {
		cursor: pointer;
		background: #333;
	}
	#topnav-toggle:after {
		float: left;
		display: inline-block;
		font-size: 16px;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f419';
		color: #fff;
	}
	#topnav {
		float: none;
	}
	.top-navigation-menu {
		display: none;
		float: left;
		width: 100%;
		background: #333;
	}
	.top-navigation-menu a {
		display: block;
		padding: 1.2em;
		font-size: 0.8em;
		background: #333;
		clear: left;
	}
	.top-navigation-menu a:link, .top-navigation-menu a:visited {
		color: #fff;
		text-decoration: none;
	}
	.top-navigation-menu a:hover {
		background: rgba(255,255,255,0.075);
	}
	.top-navigation-menu ul {
		float: left;
		width: 100%;
	}
	.top-navigation-menu ul a {
		display: block;
		width: 100%;
		padding: 1.2em 1.2em 1.2em 2.5em;
		font-size: 0.8em;
		border-bottom: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.top-navigation-menu ul ul a {
		padding-left: 4em;
	}
	.top-navigation-menu ul ul ul a {
		padding-left: 5.5em;
	}
	.top-navigation-menu ul a:link, .top-navigation-menu ul a:visited {
		color: #fff;
	}
	.top-navigation-menu ul a:hover {
		text-decoration: underline;
		background: none;
	}

	.top-navigation-menu .submenu-dropdown-toggle {
		float: right;
		display: block;
		margin: 0;
		padding: 0.6em 1.2em;
	}
	.top-navigation-menu .submenu-dropdown-toggle:hover {
		cursor: pointer;
	}
	.top-navigation-menu .submenu-dropdown-toggle:hover:before {
		color: #999;
	}
	.top-navigation-menu .submenu-dropdown-toggle:before {
		font-size: 24px;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f431';
		color: #fff;
	}
	.top-navigation-menu .submenu-dropdown-toggle.active:before {
		content: '\f432';
	}
	.top-navigation-menu ul .submenu-dropdown-toggle:before {
		font-size: 22px;
	}


	.top-navigation-menu li.current_page_item a, .top-navigation-menu li.current-menu-item a {
		text-decoration: underline;
	}
	.top-navigation-menu li.current_page_item ul li a, .top-navigation-menu li.current-menu-item ul li a{
		text-decoration: none;
	}
	.top-navigation-menu li.current_page_item ul li a:hover, .top-navigation-menu li.current-menu-item ul li a:hover {
		text-decoration: underline;
	}
	.top-navigation-menu ul li.current_page_item a, .top-navigation-menu ul li.current-menu-item a {
		text-decoration: underline;
	}
	.top-navigation-menu ul li.current_page_item ul li a, .top-navigation-menu ul li.current-menu-item ul li a{
		text-decoration: none;
	}
}

/* Tablets (portrait) | <800px */
@media only screen and (max-width: 50em) {
	#logo .site-title {
		font-size: 2.3em;
	}
	.widget, .type-post, .type-page, .type-attachment, .page-header, .post-pagination,  #comments {
		box-shadow: none;
		border: none;
		padding: 0;
	}
	.widgettitle {
		margin: 0 0 1.5em 0;
	}
	.entry h1, .comment h1 {
	font-size: 2.2em;
	}
	.entry h2, .comment h2 {
		font-size: 1.8em;
	}
	.entry h3, .comment h3 {
		font-size: 1.4em;
	}
	.entry tr th,
	.entry thead th {
		padding: 0.2em 0.4em;
	}
	.entry tr td {
		padding: 0.2em 0.4em;
	}
}

/* Phablets (portrait) | <640px */
@media only screen and (max-width: 40em) {

	.page-title {
		font-size: 2.0em;
	}
	.entry-title {
		font-size: 1.4em;
	}
	.widget-category-posts .big-post .entry-title {
		font-size: 1.0em;
	}
	.widget-category-posts .small-post .entry-title {
		font-size: 0.9em;
	}

	/* Mega Menu Styling */
	.mega-menu-item .mega-menu-four-columns > li,
	.mega-menu-item .mega-menu-six-columns > li {
		width: 100%;
	}

	/* Frontpage Categories */
	.widget-category-posts .type-post {
		margin: 0 0 1.5em 0;
	}
	#widget-category-posts-grid .category-posts-grid-row {
		margin-right: 0;
	}
	#widget-category-posts-grid .category-posts-grid-row .big-post,
	#widget-category-posts-grid .category-posts-grid-row .small-post-wrap,
	#widget-category-posts-boxed .big-post,
	#widget-category-posts-columns .category-posts-column-left {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	#widget-category-posts-boxed .small-posts,
	#widget-category-posts-columns .category-posts-column-right {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	#widget-category-posts-boxed .small-posts,
	#widget-category-posts-columns .category-posts-columns .small-posts	{
		padding-bottom: 0.5em;
	}
	#widget-category-posts-columns .category-posts-columns .small-post {
		margin: 0 0 1em;
	}
	#widget-category-posts-columns .category-posts-column-right {
		margin-top: 1.5em;
	}
}

@media only screen and (max-width: 35em) {
	#logo {
		float: none;
		width: 100%;
		text-align: center;
	}
	#header-content {
		display: block;
		text-align: center;
	}
	#header-content #header-social-icons,
	#header-content #header-text,
	#header-content #header-search {
		float: none;
		padding-top: 1em;
	}
	#header-content #header-text {
		margin-top: 0;
	}
	#header-content .header-widgets {
		float: none;
	}
	.header-widget {
		float: none;
		margin-left: 0;
		margin-top: 1em;
	}

}

/* Smartphones | <480px */
@media only screen and (max-width: 30em) {
	#logo .site-title {
		font-size: 2.0em;
	}
	.alignright, .alignleft {
		float: none;
		margin: 1em 0;
	}

	/* Footer Navigation Menu */
	#footernav-menu li {
		display: block;
		margin: 0 0 1.5em;
	}
}

@media only screen and (max-width: 25em) {
	#header-content {
		display: none;
	}
}

/* Smartphones | <320px */
@media only screen and (max-width: 20em) {
	.entry-meta .meta-date, .entry-meta .meta-author, .entry-meta .meta-comments, .postinfo span {
		display: block;
	}
	.entry-meta .sep, .postinfo .sep, .entry-meta .post-edit-link {
		border: none;
		margin: 0;
		padding: 0;
	}
}

/*--------------------------------------------------------------
# Theme Option Styles
--------------------------------------------------------------*/

/* Sidebar Left Layout */
@media only screen and (min-width: 60em) {
	.sidebar-left #content {
		float: right;
		padding-right: 0;
		padding-left: 1.5em;
	}
	.sidebar-left #sidebar {
		float: left;
	}
}

/* Wide Theme Design */
@media only screen and (min-width: 60em) {
	.wide-layout #wrapper {
		margin: 0;
		width: 100%;
		max-width: 100%;
		background: none;
	}
	.wide-layout #header {
		padding: 3em 0.5em;
	}
	.wide-layout .container {
		max-width: 1340px;
		width: 92%;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.wide-layout #wrap {
		padding: 1.5em 0;
	}
}
@media only screen and (max-width: 70em) {
	.wide-layout .container {
		width: 94%;
	}
}
@media only screen and (max-width: 65em) {
	.wide-layout .container {
		width: 96%;
	}
	.wide-layout #wrapper {
		background: #fff;
	}
}
@media only screen and (max-width: 60em) {
	.wide-layout .container {
		width: 100%;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.wide-layout #wrap {
		padding: 1.5em 1.5em 0;
	}
}

/* Flat Theme Design */
.flat-layout .main-navigation-menu a {
	padding: 1.1em 1.2em;
	border-right: 1px solid rgba(255,255,255,0.1);
}
.flat-layout #topnavi-social-icons .social-icons-menu li a {
	padding: 0.5em;
}
.flat-layout #topnav-toggle {
	padding: 0.55em 1em;
}
.flat-layout .widget,
.flat-layout .type-post,
.flat-layout .type-page,
.flat-layout .type-attachment,
.flat-layout .page-header,
.flat-layout .post-pagination,
.flat-layout .post-navigation,
.flat-layout .breadcrumbs,
.flat-layout #comments {
	box-shadow: none;
	border-color: #e5e5e5;
}
@media only screen and (min-width: 55em) {
	.flat-layout .top-navigation-menu a {
		padding: 0.8em 0.9em;
		border-right: 1px solid rgba(255,255,255,0.1);
	}
}
@media only screen and (max-width: 60em) {
	.flat-layout #mainnav-toggle,
	.flat-layout .sidebar-navigation-toggle {
		padding: 0.9em 1.2em;
	}
	.flat-layout .main-navigation-menu .submenu-dropdown-toggle {
		padding: 0.7em 1.2em;
	}
}

/*--------------------------------------------------------------
# Media Query Fixes
--------------------------------------------------------------*/

/* Big Screens Navi Fix | >720px */
@media only screen and (min-width: 60.001em) {
	/* ensure #nav is visible on desktop version */
	.main-navigation-menu {
		display: block !important;
	}
	.sliding-sidebar #sidebar {
		display: block;
		position: static;
	}
}
@media only screen and (min-width: 55.001em) {
	.top-navigation-menu {
		display: block !important;
	}
	.top-navigation-menu li.menu-item:hover a {
		background: #333;
	}
	.top-navigation-menu li.menu-item li a:hover {
		background: rgba(255,2555,255,0.075);
	}
}

/*--------------------------------------------------------------
# Play Radio 2026 visual layer
--------------------------------------------------------------*/
:root {
	--play-orange: #ff6b00;
	--play-yellow: #ffd400;
	--play-green: #00c76f;
	--play-teal: #00d5ff;
	--play-pink: #ff2d8f;
	--play-red: #ff3347;
	--play-radius: 8px;
	--play-radius-lg: 18px;
	--play-content-width: 1240px;
	--play-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
	--play-font-display: 'Montserrat', Arial, Helvetica, sans-serif;
	--play-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

:root,
:root[data-play-theme="dark"] {
	--play-page: #050505;
	--play-surface: #111111;
	--play-surface-2: #1a1a1a;
	--play-card: #151515;
	--play-card-soft: #202020;
	--play-text: #f8f8f8;
	--play-muted: #b7b7b7;
	--play-border: rgba(255, 255, 255, 0.12);
	--play-nav: rgba(8, 8, 8, 0.92);
	--play-input: #0e0e0e;
	--play-ad-bg: rgba(255, 255, 255, 0.045);
	--play-social-icon: #f3f3f3;
	--play-social-icon-muted: #777b80;
	--play-social-hover-bg: #ff6b00;
	--play-social-hover-icon: #101010;
}

:root[data-play-theme="light"] {
	--play-page: #f3f4f6;
	--play-surface: #ffffff;
	--play-surface-2: #f7f7f7;
	--play-card: #ffffff;
	--play-card-soft: #f0f0f0;
	--play-text: #111111;
	--play-muted: #5f646b;
	--play-border: rgba(0, 0, 0, 0.12);
	--play-nav: rgba(255, 255, 255, 0.94);
	--play-input: #ffffff;
	--play-ad-bg: rgba(0, 0, 0, 0.035);
	--play-social-icon: #202225;
	--play-social-icon-muted: #9da2a8;
	--play-social-hover-bg: #ff6b00;
	--play-social-hover-icon: #101010;
}

html {
	background: var(--play-page);
}

body.playradio-2026 {
	min-height: 100vh;
	color: var(--play-text);
	background:
		radial-gradient(circle at 8% 12%, rgba(255, 45, 143, 0.16), transparent 28rem),
		radial-gradient(circle at 92% 18%, rgba(0, 199, 111, 0.12), transparent 26rem),
		linear-gradient(135deg, var(--play-page), var(--play-page));
	font-family: var(--play-font-body);
	position: relative;
	transition: background-color 180ms ease, color 180ms ease;
}

body.playradio-2026 a,
body.playradio-2026 a:link,
body.playradio-2026 a:visited {
	color: var(--play-orange);
}

body.playradio-2026:before,
body.playradio-2026:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 0;
	/* Decorative column = only the free outer margin around the 1240px content canvas. */
	width: max(0px, calc((100vw - var(--play-content-width)) / 2));
	min-height: 100%;
	background-repeat: repeat-y;
	background-size: min(150%, 36rem) auto;
	opacity: 0.26;
	pointer-events: none;
	/* A restrained outer glow: visible in dark mode without competing with content. */
	filter: saturate(1.04) contrast(1.02)
		drop-shadow(0 0 7px rgba(255, 132, 0, 0.24))
		drop-shadow(0 0 11px rgba(0, 207, 255, 0.14));
}

body.playradio-2026:before {
	left: 0;
	background-image: url("images/playradio/edge-left.svg");
	background-position: right top;
	-webkit-mask-image: linear-gradient(90deg, #000 0%, #000 84%, transparent 100%);
	mask-image: linear-gradient(90deg, #000 0%, #000 84%, transparent 100%);
}

body.playradio-2026:after {
	right: 0;
	background-image: url("images/playradio/edge-right.svg");
	background-position: left top;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 16%, #000 100%);
	mask-image: linear-gradient(90deg, transparent 0%, #000 16%, #000 100%);
}

:root[data-play-theme="light"] body.playradio-2026:before,
:root[data-play-theme="light"] body.playradio-2026:after {
	opacity: 0.12;
	filter: grayscale(0.38) saturate(0.58) brightness(0.90)
		drop-shadow(0 0 4px rgba(255, 132, 0, 0.08));
	mix-blend-mode: multiply;
}

.playradio-background {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
	min-height: 100%;
	display: none;
}

.playradio-background:before,
.playradio-background:after {
	content: none;
}

.playradio-background:before {
	left: 0;
	background-position: left 2rem top 2rem;
}

.playradio-background:after {
	right: 0;
	background-position: right -1rem top 8rem;
	transform: scaleX(-1);
}

:root[data-play-theme="light"] .playradio-background:before,
:root[data-play-theme="light"] .playradio-background:after {
	opacity: 0.13;
	mix-blend-mode: multiply;
}

.playradio-background span {
	display: none;
}

.playradio-bg-cassette {
	top: 15%;
	right: max(1rem, calc((100vw - var(--play-content-width)) / 2 - 7rem));
	width: 12rem;
	height: 7.5rem;
	border: 0.55rem solid var(--play-yellow);
	border-radius: 1.2rem;
	transform: rotate(-16deg);
}

.playradio-bg-cassette:before,
.playradio-bg-cassette:after {
	content: "";
	position: absolute;
	top: 2.2rem;
	width: 2.1rem;
	height: 2.1rem;
	border: 0.45rem solid currentColor;
	border-radius: 50%;
	color: var(--play-pink);
}

.playradio-bg-cassette:before {
	left: 2rem;
}

.playradio-bg-cassette:after {
	right: 2rem;
}

.playradio-bg-disc {
	bottom: 13%;
	left: max(1rem, calc((100vw - var(--play-content-width)) / 2 - 8rem));
	width: 14rem;
	height: 14rem;
	border-radius: 50%;
	background:
		radial-gradient(circle, transparent 0 1.4rem, var(--play-teal) 1.45rem 1.9rem, transparent 1.95rem 4.4rem, var(--play-orange) 4.45rem 4.95rem, transparent 5rem),
		radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 60%);
	transform: rotate(14deg);
}

.playradio-bg-eq {
	right: max(1rem, calc((100vw - var(--play-content-width)) / 2 - 4rem));
	bottom: 9%;
	width: 8rem;
	height: 12rem;
	background:
		linear-gradient(var(--play-green), var(--play-green)) 0 55% / 0.8rem 45% no-repeat,
		linear-gradient(var(--play-yellow), var(--play-yellow)) 1.6rem 25% / 0.8rem 75% no-repeat,
		linear-gradient(var(--play-pink), var(--play-pink)) 3.2rem 45% / 0.8rem 55% no-repeat,
		linear-gradient(var(--play-teal), var(--play-teal)) 4.8rem 15% / 0.8rem 85% no-repeat,
		linear-gradient(var(--play-orange), var(--play-orange)) 6.4rem 35% / 0.8rem 65% no-repeat;
	transform: skew(-7deg);
}

#wrapper {
	max-width: none;
	width: 100%;
	margin: 0;
	background: transparent;
	position: relative;
	z-index: 1;
}

.container,
.wide-layout .container {
	max-width: var(--play-content-width);
	width: min(92vw, var(--play-content-width));
	margin: 0 auto;
}

#header-wrap.playradio-header-wrap,
#navi-wrap,
.playradio-secondary-nav,
#footer-wrap {
	background: var(--play-nav);
	border-bottom: 1px solid var(--play-border);
	backdrop-filter: blur(18px);
}

#header {
	padding: 1.25rem 0;
}

.playradio-header-main {
	display: grid;
	grid-template-columns: minmax(12rem, 24rem) minmax(240px, 1fr) auto;
	gap: 1.25rem;
	align-items: center;
}

#logo {
	float: none;
	display: flex;
	align-items: center;
	gap: 0.9rem;
	min-width: 0;
}

.playradio-brand {
	display: inline-flex;
	align-items: center;
	width: clamp(12rem, 24vw, 24rem);
	height: 5.5rem;
	max-width: 100%;
	text-decoration: none;
	overflow: hidden;
}

.playradio-brand img,
.playradio-brand-logo {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: left center;
}

.playradio-brand-logo {
	flex: 0 0 100%;
}

.playradio-brand-copy {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	white-space: nowrap;
}

.playradio-brand-copy .site-title {
	font-size: 1.35rem;
	line-height: 1;
	color: var(--play-text);
}

.playradio-brand-copy .site-title a {
	color: var(--play-text);
}

.playradio-brand-copy .site-description {
	margin-top: 0.25rem;
	color: var(--play-muted);
	font-size: 0.9rem;
}

#header-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	min-width: 0;
}

#header-content #header-social-icons,
#header-content #header-text,
#header-content #header-search,
#header-content .header-widgets {
	float: none;
	margin: 0;
}

.search-form .search-field,
input,
textarea {
	color: var(--play-text);
	background: var(--play-input);
	border: 1px solid var(--play-border);
	border-radius: var(--play-radius);
}

.search-form .search-submit .genericon-search {
	color: var(--play-muted);
}

.playradio-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
}

.playradio-social-links {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.playradio-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.3rem;
	height: 2.3rem;
	color: var(--play-text) !important;
	background: var(--play-card-soft);
	border: 1px solid var(--play-border);
	border-radius: var(--play-radius);
	font: 900 0.72rem/1 var(--play-font-body);
	text-decoration: none !important;
	text-transform: uppercase;
}

.playradio-social-link:hover {
	color: #111 !important;
	background: linear-gradient(135deg, var(--play-yellow), var(--play-green));
}

.playradio-social-link.is-empty {
	opacity: 0.7;
}

.playradio-theme-switch {
	display: inline-grid;
	grid-template-columns: 1fr 1fr;
	padding: 0.2rem;
	border: 1px solid var(--play-border);
	border-radius: 999px;
	background: var(--play-card-soft);
}

.playradio-theme-switch button {
	min-width: 4.1rem;
	padding: 0.45rem 0.7rem;
	color: var(--play-muted);
	background: transparent;
	border: 0;
	border-radius: 999px;
	font: 700 0.78rem/1 var(--play-font-body);
	cursor: pointer;
}

.playradio-theme-switch button[aria-pressed="true"] {
	color: #111;
	background: linear-gradient(135deg, var(--play-yellow), var(--play-orange));
}

.playradio-live-button {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.75rem 1rem;
	color: #111 !important;
	background: linear-gradient(135deg, var(--play-yellow), var(--play-green));
	border-radius: var(--play-radius);
	font: 700 0.95rem/1 var(--play-font-body);
	text-transform: uppercase;
	text-decoration: none !important;
	box-shadow: 0 12px 34px rgba(0, 199, 111, 0.22);
}

.playradio-live-dot {
	width: 0.85rem;
	height: 0.85rem;
	border: 0.2rem solid var(--play-red);
	border-radius: 50%;
}

.playradio-header-ad-shell {
	margin-top: 1rem;
}

.playradio-ad {
	display: block;
	min-height: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	overflow: visible;
}

.playradio-ad + .playradio-ad {
	margin-top: 1rem;
}

.playradio-ad-empty span {
	display: none;
}

.playradio-before-content-ad {
	padding-top: 1.25rem;
}

#navi-wrap {
	position: sticky;
	top: 0;
	z-index: 30;
}

#mainnav {
	display: flex;
	align-items: center;
	min-height: 3.5rem;
}

.main-navigation-menu {
	float: none;
	display: flex !important;
	align-items: center;
	gap: 0.35rem;
	width: auto;
}

.main-navigation-menu li {
	float: none;
	margin: 0;
}

.main-navigation-menu a {
	border-radius: var(--play-radius);
	padding: 1rem 1.05rem;
	color: var(--play-text) !important;
	font-family: var(--play-font-body);
	font-weight: 800;
	letter-spacing: 0;
}

.main-navigation-menu a:hover,
.main-navigation-menu li.current_page_item a,
.main-navigation-menu li.current-menu-item a {
	color: #111 !important;
	background: linear-gradient(135deg, var(--play-yellow), var(--play-orange));
	text-decoration: none;
}

.playradio-secondary-nav {
	border-top: 1px solid var(--play-border);
}

#topnavi-wrap {
	position: relative;
}

.top-navigation-menu a {
	color: var(--play-muted) !important;
}

.playradio-hero {
	padding: 1.5rem 0 0;
}

#custom-header {
	width: min(92vw, var(--play-content-width));
	margin: 0 auto;
	overflow: hidden;
	border-radius: var(--play-radius-lg);
	box-shadow: var(--play-shadow);
}

#custom-header img {
	display: block;
	width: 100%;
	max-width: none;
}

#wrap {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
	gap: 1.5rem;
	padding: 1.5rem 0 0;
}

#content,
#sidebar {
	float: none;
	width: auto;
	padding: 0;
}

#content {
	grid-column: 1;
}

#sidebar {
	grid-column: 2;
}

.widget,
.type-post,
.type-page,
.type-attachment,
.page-header,
.post-pagination,
.post-navigation,
.breadcrumbs,
#comments {
	color: var(--play-text);
	background: var(--play-card);
	border: 1px solid var(--play-border);
	border-radius: var(--play-radius);
	box-shadow: none;
}

.widget {
	padding: 1.25rem;
}

.widgettitle,
.page-title,
.entry-title {
	color: var(--play-text);
	border: 0;
}

.widgettitle {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	margin: -0.25rem -0.25rem 1.25rem;
	padding: 0.85rem 1rem;
	color: var(--play-text);
	background: var(--play-surface-2);
	border-radius: var(--play-radius);
	font-family: var(--play-font-body);
	font-size: 1.05rem;
	font-weight: 900;
	letter-spacing: 0;
}

.widgettitle:before {
	content: "";
	width: 1.1rem;
	height: 1.1rem;
	background:
		linear-gradient(90deg, var(--play-orange) 0 35%, transparent 36%),
		radial-gradient(circle at 70% 50%, var(--play-green) 0 35%, transparent 36%);
	border-radius: 0.2rem;
}

.widget-category-posts .type-post {
	padding: 0;
	overflow: hidden;
	background: var(--play-card);
	border-radius: var(--play-radius);
}

.widget-category-posts img,
.wp-post-image {
	display: block;
	width: 100%;
	object-fit: cover;
}

.widget-category-posts .entry-title {
	padding: 0.85rem 0.95rem 0;
	font-family: var(--play-font-body);
	font-size: 1.1rem;
	font-weight: 900;
	line-height: 1.25;
	text-transform: none;
}

.widget-category-posts .entry-title a,
.entry-title a:link,
.entry-title a:visited {
	color: var(--play-text);
}

.widget-category-posts .entry,
.content-excerpt .entry {
	color: var(--play-muted);
	line-height: 1.55;
}

.widget-category-posts .entry {
	padding: 0.85rem 0.95rem 1rem;
}

.entry-meta {
	color: var(--play-muted);
	background: var(--play-card-soft);
	border-radius: var(--play-radius);
}

.entry-meta:empty,
.postmeta:empty {
	display: none;
}

.entry-meta a:link,
.entry-meta a:visited {
	color: var(--play-muted);
}

.postinfo .meta-category a,
.more-link,
input[type="submit"] {
	color: #111 !important;
	background: linear-gradient(135deg, var(--play-yellow), var(--play-orange));
	border-radius: var(--play-radius);
	font-weight: 800;
}

.entry {
	color: var(--play-text);
	font-size: 1.05rem;
	line-height: 1.75;
}

.entry p,
.entry ul,
.entry ol {
	margin-bottom: 1.25rem;
}

.entry a {
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

#sidebar .widget {
	background: var(--play-card);
}

#footer-wrap {
	margin-top: 2rem;
}

#footer {
	padding: 1.5rem 0;
	color: var(--play-muted);
}

#footer a {
	color: var(--play-muted);
}

@media only screen and (max-width: 70em) {
	.playradio-header-main {
		grid-template-columns: minmax(220px, 1fr) auto;
	}

	#header-content {
		grid-column: 1 / -1;
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 60em) {
	.container,
	.wide-layout .container {
		width: min(100% - 2rem, var(--play-content-width));
	}

	#header {
		padding: 0.95rem 0;
	}

	.playradio-header-main {
		grid-template-columns: auto 1fr auto;
		gap: 0.75rem;
	}

	#logo {
		justify-content: center;
	}

	.playradio-brand-copy {
		display: none !important;
	}

	.playradio-brand-logo {
		width: 100%;
		height: 100%;
	}

	.playradio-brand {
		width: clamp(8.5rem, 38vw, 13rem);
		height: 4.2rem;
	}

	#header-content,
	.playradio-header-ad-shell {
		display: none;
	}

	.playradio-theme-switch {
		display: none;
	}

	.playradio-social-links {
		display: none;
	}

	.playradio-live-button {
		padding: 0.85rem;
		font-size: 0;
	}

	.playradio-live-button:after {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-top: 0.48rem solid transparent;
		border-bottom: 0.48rem solid transparent;
		border-left: 0.78rem solid #111;
	}

	.playradio-live-dot {
		display: none;
	}

	#navi-wrap {
		position: static;
		background: var(--play-page);
	}

	#mainnav-toggle {
		display: block;
		width: auto;
		margin: 0;
		padding: 1rem;
		color: var(--play-text);
		background: transparent;
		border: 0;
		font-size: 0;
	}

	#mainnav-toggle:before {
		content: "";
		display: block;
		width: 2.6rem;
		height: 1.55rem;
		background:
			linear-gradient(var(--play-text), var(--play-text)) 0 0 / 100% 0.22rem no-repeat,
			linear-gradient(var(--play-text), var(--play-text)) 0 50% / 100% 0.22rem no-repeat,
			linear-gradient(var(--play-text), var(--play-text)) 0 100% / 100% 0.22rem no-repeat;
	}

	#mainnav-toggle.active:before {
		height: 2.2rem;
		background:
			linear-gradient(45deg, transparent 45%, var(--play-text) 46% 54%, transparent 55%) center / 100% 100% no-repeat,
			linear-gradient(-45deg, transparent 45%, var(--play-text) 46% 54%, transparent 55%) center / 100% 100% no-repeat;
	}

	#mainnav {
		display: block;
		min-height: 0;
	}

	.main-navigation-menu {
		display: none;
		width: 100%;
		padding: 1.5rem 0 2rem;
		background: var(--play-page);
		border-top: 1px solid var(--play-border);
	}

	.main-navigation-menu li {
		text-align: center;
	}

	.main-navigation-menu a {
		display: block;
		padding: 1rem;
		border: 0;
		font-size: clamp(1.45rem, 7vw, 2.4rem);
		font-weight: 400;
		text-transform: uppercase;
	}

	.main-navigation-menu ul {
		background: transparent;
	}

	#wrap {
		display: block;
		padding: 1.25rem 1rem 0;
	}

	#sidebar {
		grid-column: auto;
		margin-top: 1.5rem;
	}

	.playradio-before-content-ad {
		padding: 1rem 1rem 0;
	}

	/* Keep the margins clean where the viewport is too narrow for edge artwork. */
	body.playradio-2026:before,
	body.playradio-2026:after {
		display: none;
	}
}

@media only screen and (max-width: 40em) {
	.widget,
	.type-post,
	.type-page,
	.type-attachment,
	.page-header,
	.post-pagination,
	.post-navigation,
	.breadcrumbs,
	#comments {
		padding: 1rem;
	}

	.widget-category-posts .type-post {
		padding: 0;
	}

	.widget-category-posts .entry-title {
		font-size: 1.35rem;
	}

	.entry-title {
		font-size: 1.7rem;
		line-height: 1.18;
		text-transform: none;
	}

	.entry {
		font-size: 1rem;
	}

	.playradio-ad {
		min-height: 4.5rem;
	}
}

/* Play Radio 2.0.4: icon-based social controls and refined radio typography. */
body.playradio-2026,
body.playradio-2026 input,
body.playradio-2026 textarea,
body.playradio-2026 button,
body.playradio-2026 select {
	font-family: var(--play-font-body);
}

body.playradio-2026 {
	letter-spacing: -0.008em;
}

body.playradio-2026 h1,
body.playradio-2026 h2,
body.playradio-2026 h3,
body.playradio-2026 h4,
body.playradio-2026 h5,
body.playradio-2026 h6,
body.playradio-2026 .entry-title,
body.playradio-2026 .widgettitle,
body.playradio-2026 .page-title,
body.playradio-2026 .main-navigation-menu a,
body.playradio-2026 .top-navigation-menu a,
body.playradio-2026 .postinfo .meta-category a,
body.playradio-2026 .more-link {
	font-family: var(--play-font-display);
}

body.playradio-2026 .entry-title,
body.playradio-2026 .page-title {
	font-weight: 800;
	letter-spacing: -0.032em;
}

body.playradio-2026 .widgettitle {
	font-weight: 800;
	letter-spacing: -0.018em;
}

body.playradio-2026 .main-navigation-menu a {
	font-size: 0.88rem;
	font-weight: 700;
	letter-spacing: -0.012em;
}

.playradio-social-link {
	position: relative;
	color: var(--play-social-icon) !important;
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.playradio-social-link svg {
	display: block;
	width: 1.08rem;
	height: 1.08rem;
	flex: 0 0 auto;
}

.playradio-social-link:hover,
.playradio-social-link:focus-visible {
	color: var(--play-social-hover-icon) !important;
	background: var(--play-social-hover-bg);
	border-color: var(--play-social-hover-bg);
	text-decoration: none !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(255, 107, 0, 0.2);
}

.playradio-social-link:focus-visible {
	outline: 2px solid var(--play-teal);
	outline-offset: 3px;
}

.playradio-social-link.is-empty {
	color: var(--play-social-icon-muted) !important;
	opacity: 0.48;
	cursor: default;
}

.playradio-social-link.is-empty:hover {
	color: var(--play-social-icon-muted) !important;
	background: var(--play-card-soft);
	border-color: var(--play-border);
	box-shadow: none;
	transform: none;
}



/* Play Radio 2.0.5: adaptive content contrast, branded widget titles and configurable footer. */
:root,
:root[data-play-theme="dark"] {
	--play-code-bg: #0c0c0c;
	--play-table-head: #242424;
	--play-table-stripe: #1b1b1b;
	--play-quote-border: var(--play-orange);
	--play-footer-link: #d7d7d7;
}

:root[data-play-theme="light"] {
	--play-code-bg: #f5f6f7;
	--play-table-head: #eceef0;
	--play-table-stripe: #f8f9fa;
	--play-quote-border: var(--play-orange);
	--play-footer-link: #3f454c;
}

/*
 * Legacy theme rules declared fixed dark text values for content headings,
 * widgets, comments and utility views. These selectors deliberately map all
 * normal reading text to the active UI palette while preserving custom
 * Gutenberg colour choices other than the original theme palette classes.
 */
body.playradio-2026 #wrap,
body.playradio-2026 #wrap p,
body.playradio-2026 #wrap li,
body.playradio-2026 #wrap dt,
body.playradio-2026 #wrap dd,
body.playradio-2026 #wrap label,
body.playradio-2026 #wrap caption,
body.playradio-2026 #wrap th,
body.playradio-2026 #wrap td,
body.playradio-2026 .widget,
body.playradio-2026 .widget .textwidget,
body.playradio-2026 .widget ul,
body.playradio-2026 .widget ol,
body.playradio-2026 .post-navigation,
body.playradio-2026 .post-pagination,
body.playradio-2026 .breadcrumbs,
body.playradio-2026 #image-nav,
body.playradio-2026 #comments,
body.playradio-2026 .commentlist .comment,
body.playradio-2026 .nocomments,
body.playradio-2026 #wp-calendar {
	color: var(--play-text);
}

body.playradio-2026 .entry h1:not(.has-text-color),
body.playradio-2026 .entry h2:not(.has-text-color),
body.playradio-2026 .entry h3:not(.has-text-color),
body.playradio-2026 .entry h4:not(.has-text-color),
body.playradio-2026 .entry h5:not(.has-text-color),
body.playradio-2026 .entry h6:not(.has-text-color),
body.playradio-2026 .comment h1:not(.has-text-color),
body.playradio-2026 .comment h2:not(.has-text-color),
body.playradio-2026 .comment h3:not(.has-text-color),
body.playradio-2026 .comment h4:not(.has-text-color),
body.playradio-2026 .comment h5:not(.has-text-color),
body.playradio-2026 .comment h6:not(.has-text-color),
body.playradio-2026 .entry .wp-block-heading:not(.has-text-color),
body.playradio-2026 .archive-title,
body.playradio-2026 #comments .comments-title,
body.playradio-2026 #respond #reply-title {
	color: var(--play-text);
	font-family: var(--play-font-display);
	font-weight: 800;
	letter-spacing: -0.025em;
	border-color: var(--play-border);
}

body.playradio-2026 .entry h1,
body.playradio-2026 .entry h2,
body.playradio-2026 .entry h3,
body.playradio-2026 .entry h4,
body.playradio-2026 .entry h5,
body.playradio-2026 .entry h6,
body.playradio-2026 .entry .wp-block-heading {
	line-height: 1.16;
}

body.playradio-2026 .entry blockquote,
body.playradio-2026 .comment blockquote,
body.playradio-2026 .wp-block-quote {
	color: var(--play-muted);
	border-left-color: var(--play-quote-border);
}

body.playradio-2026 .entry blockquote cite,
body.playradio-2026 .entry blockquote small,
body.playradio-2026 .comment blockquote cite,
body.playradio-2026 .comment blockquote small,
body.playradio-2026 .wp-block-quote cite {
	color: var(--play-text);
}

body.playradio-2026 .entry code,
body.playradio-2026 .entry pre,
body.playradio-2026 .comment code,
body.playradio-2026 .comment pre,
body.playradio-2026 .entry kbd,
body.playradio-2026 .entry samp {
	color: var(--play-text);
	background: var(--play-code-bg);
	border-color: var(--play-border);
}

body.playradio-2026 .entry table,
body.playradio-2026 .entry tr td,
body.playradio-2026 .entry tr th {
	border-color: var(--play-border);
}

body.playradio-2026 .entry tr th,
body.playradio-2026 .entry thead th {
	color: var(--play-text);
	background: var(--play-table-head);
}

body.playradio-2026 .entry tr.alternate td {
	background: var(--play-table-stripe);
}

body.playradio-2026 .wp-caption-text,
body.playradio-2026 .gallery-caption,
body.playradio-2026 figcaption,
body.playradio-2026 .entry-meta,
body.playradio-2026 .postinfo,
body.playradio-2026 .comment-author .comment-meta,
body.playradio-2026 .comment-meta a,
body.playradio-2026 .social-icons-wrap .social-icons-hint,
body.playradio-2026 #wp-calendar tbody td {
	color: var(--play-muted) !important;
}

body.playradio-2026 .comment-author,
body.playradio-2026 .comment-pagination {
	background: var(--play-card-soft);
}

body.playradio-2026 .comment-author .fn {
	color: var(--play-text);
	background: var(--play-surface-2);
}

body.playradio-2026 .comment-author .fn a,
body.playradio-2026 .comment-author .fn a:link,
body.playradio-2026 .comment-author .fn a:visited {
	color: var(--play-text);
}

body.playradio-2026 .widget a:not(.playradio-social-link),
body.playradio-2026 .widget a:not(.playradio-social-link):link,
body.playradio-2026 .widget a:not(.playradio-social-link):visited,
body.playradio-2026 .entry a,
body.playradio-2026 .entry a:link,
body.playradio-2026 .entry a:visited {
	color: var(--play-orange);
}

body.playradio-2026 hr,
body.playradio-2026 .wp-block-separator,
body.playradio-2026 .wp-block-pullquote {
	border-color: var(--play-border);
	background-color: var(--play-border);
}

/* Keep the original theme palette legible after a light/dark switch. */
:root[data-play-theme="dark"] body.playradio-2026 .has-black-color,
:root[data-play-theme="dark"] body.playradio-2026 .has-dark-gray-color {
	color: var(--play-text) !important;
}

:root[data-play-theme="light"] body.playradio-2026 .has-white-color,
:root[data-play-theme="light"] body.playradio-2026 .has-light-gray-color {
	color: var(--play-text) !important;
}

/* Replace the generic orange/green glyph with the official Play Radio power mark. */
body.playradio-2026 .widgettitle:before,
body.playradio-2026 .header-widget-title:before {
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	width: 1.35rem;
	height: 1.35rem;
	background: url("images/playradio/power-mark.png") center / contain no-repeat !important;
	border-radius: 0;
	filter: drop-shadow(0 0 4px rgba(255, 107, 0, 0.26));
}

:root[data-play-theme="light"] body.playradio-2026 .widgettitle:before,
:root[data-play-theme="light"] body.playradio-2026 .header-widget-title:before {
	filter: drop-shadow(0 0 2px rgba(255, 107, 0, 0.16));
}

body.playradio-2026 .widgettitle span {
	min-width: 0;
}

/* Footer is content-managed through Appearance > Customize > Play Radio – Footer. */
#footer-wrap {
	border-top: 1px solid var(--play-border);
	border-bottom: 0;
}

#footer {
	padding: 1.15rem 0;
}

.playradio-footer-layout {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.75rem;
	min-height: 3rem;
}

.playradio-footer-brand {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	min-width: 0;
	color: var(--play-muted);
	font-size: 0.83rem;
	line-height: 1.45;
}

.playradio-footer-power {
	width: 1.35rem;
	height: 1.35rem;
	flex: 0 0 auto;
	object-fit: contain;
	filter: drop-shadow(0 0 4px rgba(255, 107, 0, 0.22));
}

.playradio-footer-copy,
.playradio-footer-note {
	color: var(--play-muted);
}

.playradio-footer-note {
	margin-top: 0.12rem;
	font-size: 0.76rem;
}

.playradio-footer-links,
#footernav,
.playradio-footer-social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.4rem 0.95rem;
}

.playradio-footer-links a,
#footernav-menu a {
	color: var(--play-footer-link) !important;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}

.playradio-footer-links a:hover,
.playradio-footer-links a:focus-visible,
#footernav-menu a:hover,
#footernav-menu a:focus-visible {
	color: var(--play-orange) !important;
	text-decoration: none;
}

#footernav-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.4rem 0.95rem;
	margin: 0;
	padding: 0;
}

#footernav-menu li {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
}

.playradio-footer-social-links {
	gap: 0.35rem;
}

.playradio-footer-social-links .playradio-social-link {
	width: 2rem;
	height: 2rem;
}

@media only screen and (max-width: 60em) {
	.playradio-footer-layout {
		justify-content: center;
		text-align: center;
	}

	.playradio-footer-brand {
		justify-content: center;
	}
}


/* Play Radio 2.0.6: comment-free front end and calmer homepage post dates. */
:root,
:root[data-play-theme="dark"] {
	--play-home-meta-date: #ffffff;
}

:root[data-play-theme="light"] {
	--play-home-meta-date: #141414;
}

/* Homepage cards keep the date neutral; orange remains reserved for actions and links. */
body.playradio-2026.home .entry-meta .meta-date,
body.playradio-2026.home .entry-meta .meta-date a,
body.playradio-2026.blog .entry-meta .meta-date,
body.playradio-2026.blog .entry-meta .meta-date a,
body.playradio-2026.page-template-template-frontpage .entry-meta .meta-date,
body.playradio-2026.page-template-template-frontpage .entry-meta .meta-date a,
body.playradio-2026 #frontpage-magazine-widgets .entry-meta .meta-date,
body.playradio-2026 #frontpage-magazine-widgets .entry-meta .meta-date a {
	color: var(--play-home-meta-date) !important;
}

body.playradio-2026.home .entry-meta .meta-date a:hover,
body.playradio-2026.blog .entry-meta .meta-date a:hover,
body.playradio-2026.page-template-template-frontpage .entry-meta .meta-date a:hover,
body.playradio-2026 #frontpage-magazine-widgets .entry-meta .meta-date a:hover {
	color: var(--play-home-meta-date) !important;
	text-decoration-color: var(--play-orange);
}

/* No public comment panels, comment counts or reply controls are rendered by this theme. */
body.playradio-2026 .meta-comments,
body.playradio-2026 #comments,
body.playradio-2026 #respond,
body.playradio-2026 .comment-respond,
body.playradio-2026 .commentlist,
body.playradio-2026 .comment-form,
body.playradio-2026 .comment-reply-link,
body.playradio-2026 .widget_recent_comments,
body.playradio-2026 .widget_tzwb-recent-comments {
	display: none !important;
}


/* Play Radio 2.0.7: clean post dates and a naturally sizing footer. */
/* The legacy theme added a trailing divider to every meta fragment. With
   comments removed, that left an orphan vertical bar after the date. */
body.playradio-2026 .entry-meta .sep {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

body.playradio-2026 .entry-meta .meta-author {
	margin-left: 0.65rem;
}

/* Header and footer use exactly the same centered content measure. The
   footer panel itself remains full width, like the header background. */
#header.container,
#footer.container {
	width: min(92vw, var(--play-content-width));
	max-width: var(--play-content-width);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

#footer-wrap {
	width: 100%;
	box-sizing: border-box;
}

#footer {
	height: auto;
	min-height: 0;
	padding-top: 1.15rem;
	padding-bottom: 1.15rem;
}

.playradio-footer-layout {
	min-height: 0;
	flex-wrap: wrap;
	align-items: center;
}

@media only screen and (max-width: 60em) {
	#header.container,
	#footer.container {
		width: min(100% - 2rem, var(--play-content-width));
	}
}


/* Play Radio 2.0.8: persistent site-level Customizer storage. */


/* Play Radio 2.0.9 — complete mobile navigation and WP QUADS integration.
   Mobile behavior is progressive: without JavaScript the menu and sidebar
   remain visible in the ordinary document flow; with JavaScript the header
   controls become an accessible compact drawer. */

#mainnav-toggle,
.playradio-mobile-utilities {
	display: none;
}

.playradio-quads-slot,
.playradio-ad {
	clear: both;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.playradio-quads-slot {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: clamp(1rem, 2.6vw, 2rem) 0;
	padding: 0;
	background: transparent;
	border: 0;
	overflow: visible;
}

.playradio-quads-slot > *,
.playradio-quads-slot ins,
.playradio-quads-slot iframe,
.playradio-quads-slot img,
.playradio-ad > *,
.playradio-ad ins,
.playradio-ad iframe,
.playradio-ad img {
	max-width: 100% !important;
	box-sizing: border-box;
}

.playradio-quads-slot ins,
.playradio-ad ins {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

.playradio-header-ad-shell,
.playradio-before-content-ad,
.playradio-homepage-ad,
.playradio-sidebar-ad,
.playradio-article-ad-top,
.playradio-article-ad-bottom {
	width: 100%;
}

.playradio-header-ad-shell .playradio-quads-slot,
.playradio-before-content-ad .playradio-quads-slot,
.playradio-homepage-ad .playradio-quads-slot {
	margin-top: 0;
}

#sidebar .playradio-quads-slot,
#sidebar .playradio-ad {
	margin: 0 0 1.5rem;
}

#sidebar .playradio-ad.widget,
#sidebar .playradio-quads-slot.widget {
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.playradio-inline-ad {
	margin-top: 1.65rem;
	margin-bottom: 1.65rem;
}

/* Empty areas must never reserve a visible block. WP QUADS itself controls
   any ad label or fill behavior after a real unit is configured. */
.playradio-ad:empty,
.playradio-quads-slot:empty,
.playradio-header-ad-shell:empty,
.playradio-before-content-ad:empty,
.playradio-homepage-ad:empty,
.playradio-sidebar-ad:empty,
.playradio-article-ad-top:empty,
.playradio-article-ad-bottom:empty {
	display: none !important;
}

/* Keep media embeds and ad iframes inside the mobile viewport. */
body.playradio-2026 .entry iframe,
body.playradio-2026 .widget iframe,
body.playradio-2026 .wp-block-embed iframe {
	max-width: 100%;
}

@media only screen and (max-width: 60em) {
	/* Complete header: logo, real social links, live action and search stay
	   available instead of being removed by the legacy mobile rules. */
	.playradio-header-main {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"brand actions"
			"search search";
		gap: 0.8rem 0.9rem;
	}

	#logo {
		grid-area: brand;
		justify-content: flex-start;
	}

	.playradio-header-actions {
		grid-area: actions;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: 0.42rem;
	}

	#header-content {
		grid-area: search;
		display: block !important;
		margin: 0 !important;
		padding: 0.2rem 0 0;
	}

	#header-content .search-form {
		width: 100%;
		max-width: none;
	}

	#header-content .search-field {
		width: 100%;
		min-height: 2.9rem;
		padding-right: 3.35rem;
	}

	.playradio-social-links {
		display: inline-flex !important;
		gap: 0.32rem;
	}

	.playradio-social-link {
		width: 2.15rem;
		height: 2.15rem;
	}

	.playradio-social-link svg {
		width: 1rem;
		height: 1rem;
	}

	/* The full theme selector is retained inside the mobile menu to avoid
	   squeezing the primary social/live actions into an unreadable row. */
	.playradio-header-actions > .playradio-theme-switch {
		display: none !important;
	}

	.playradio-live-button {
		min-height: 2.15rem;
		padding: 0.65rem 0.72rem;
		font-size: 0.78rem;
	}

	.playradio-live-button:after {
		display: none;
	}

	.playradio-live-dot {
		display: inline-block;
		width: 0.7rem;
		height: 0.7rem;
		border-width: 0.16rem;
	}

	#navi-wrap {
		position: relative;
		background: var(--play-nav);
		border-top: 1px solid var(--play-border);
		border-bottom: 1px solid var(--play-border);
	}

	#mainnav {
		display: block;
		width: min(100% - 2rem, var(--play-content-width));
		margin: 0 auto;
		min-height: 0;
	}

	.playradio-mobile-nav-controls {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.7rem;
		margin: 0.65rem 0;
	}

	#mainnav-toggle {
		display: inline-flex;
		align-items: center;
		gap: 0.75rem;
		margin: 0;
		padding: 0.72rem 0.9rem;
		color: var(--play-text);
		background: var(--play-card-soft);
		border: 1px solid var(--play-border);
		border-radius: var(--play-radius);
		font: 800 0.88rem/1 var(--play-font-display);
		letter-spacing: -0.01em;
		text-transform: uppercase;
		cursor: pointer;
	}

	/* Keep the appearance choice visible before the drawer is opened. */
	.playradio-mobile-nav-controls .playradio-mobile-theme-switch {
		display: flex;
		align-items: center;
		margin-left: auto;
	}

	.playradio-mobile-nav-controls .playradio-theme-switch {
		display: inline-grid !important;
	}

	.playradio-mobile-nav-controls .playradio-theme-switch button {
		min-width: 3.45rem;
		padding: 0.5rem 0.62rem;
		font-size: 0.73rem;
	}

	#mainnav-toggle:before {
		content: "";
		display: block;
		flex: 0 0 auto;
		width: 1.35rem;
		height: 1rem;
		background:
			linear-gradient(var(--play-text), var(--play-text)) 0 0 / 100% 0.14rem no-repeat,
			linear-gradient(var(--play-text), var(--play-text)) 0 50% / 100% 0.14rem no-repeat,
			linear-gradient(var(--play-text), var(--play-text)) 0 100% / 100% 0.14rem no-repeat;
	}

	#mainnav-toggle.active:before {
		width: 1.1rem;
		height: 1.1rem;
		background:
			linear-gradient(45deg, transparent 45%, var(--play-text) 46% 54%, transparent 55%) center / 100% 100% no-repeat,
			linear-gradient(-45deg, transparent 45%, var(--play-text) 46% 54%, transparent 55%) center / 100% 100% no-repeat;
	}

	#mainnav-toggle:hover,
	#mainnav-toggle:focus-visible {
		color: #101010;
		background: linear-gradient(135deg, var(--play-yellow), var(--play-orange));
		border-color: transparent;
		outline: none;
	}

	html.playradio-js .main-navigation-menu {
		display: none !important;
	}

	html.playradio-js .main-navigation-menu.is-open {
		display: block !important;
	}

	/* JavaScript-free fallback: navigation stays visible and remains usable. */
	html:not(.playradio-js) .main-navigation-menu {
		display: block !important;
	}

	.main-navigation-menu,
	html.playradio-js .main-navigation-menu {
		width: 100%;
		margin: 0;
		padding: 0.35rem 0 1rem;
		background: transparent;
		border-top: 1px solid var(--play-border);
	}

	.main-navigation-menu li {
		position: relative;
		text-align: left;
	}

	.main-navigation-menu a {
		display: block;
		padding: 0.85rem 0.1rem;
		color: var(--play-text) !important;
		background: transparent !important;
		border: 0;
		border-bottom: 1px solid var(--play-border);
		border-radius: 0;
		font-size: clamp(1.08rem, 4.5vw, 1.36rem);
		font-weight: 800;
		line-height: 1.25;
		text-transform: none;
	}

	.main-navigation-menu li.current_page_item > a,
	.main-navigation-menu li.current-menu-item > a,
	.main-navigation-menu a:hover,
	.main-navigation-menu a:focus-visible {
		color: var(--play-orange) !important;
	}

	.main-navigation-menu .submenu-dropdown-toggle {
		position: absolute;
		top: 0.34rem;
		right: 0;
		z-index: 2;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2.45rem;
		height: 2.45rem;
		padding: 0;
		color: var(--play-text);
		background: var(--play-card-soft);
		border: 1px solid var(--play-border);
		border-radius: 50%;
		cursor: pointer;
	}

	.main-navigation-menu .submenu-dropdown-toggle:before {
		content: "+";
		color: currentColor;
		font: 500 1.55rem/1 var(--play-font-body);
	}

	.main-navigation-menu .submenu-dropdown-toggle.active:before {
		content: "−";
	}

	html.playradio-js .main-navigation-menu .sub-menu {
		display: none !important;
		margin: 0;
		padding: 0 0 0.35rem 0.8rem;
		background: transparent;
	}

	html.playradio-js .main-navigation-menu .sub-menu.is-open {
		display: block !important;
	}

	html:not(.playradio-js) .main-navigation-menu .sub-menu {
		display: block !important;
	}

	.main-navigation-menu .sub-menu a {
		font-size: 1rem;
		font-weight: 650;
	}

	.playradio-mobile-utilities {
		display: block;
		margin: 0 0 1rem;
		padding-top: 0.75rem;
		border-top: 1px solid var(--play-border);
	}

	html.playradio-js .playradio-mobile-utilities {
		display: none;
	}

	/* Utilities belong to the same expandable mobile drawer as the navigation. */
	html.playradio-js .main-navigation-menu.is-open ~ .playradio-mobile-utilities {
		display: block;
	}

	html:not(.playradio-js) .playradio-mobile-utilities {
		display: none;
	}

	.playradio-mobile-sidebar-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin: 0.25rem 0 0;
		padding: 0.85rem 0.1rem;
		color: var(--play-text);
		background: transparent;
		border: 0;
		border-bottom: 1px solid var(--play-border);
		font: 800 1.04rem/1.25 var(--play-font-display);
		text-align: left;
		cursor: pointer;
	}

	.playradio-mobile-sidebar-toggle:after {
		content: "+";
		margin-left: auto;
		font: 400 1.7rem/1 var(--play-font-body);
	}

	.playradio-mobile-sidebar-toggle[aria-expanded="true"]:after {
		content: "−";
	}

	#playradio-mobile-sidebar-content[hidden] {
		display: none !important;
	}

	#playradio-mobile-sidebar-content {
		padding-top: 1rem;
	}

	#playradio-mobile-sidebar-content #sidebar,
	.sliding-sidebar #playradio-mobile-sidebar-content #sidebar {
		display: block !important;
		position: static !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		overflow: visible !important;
		box-sizing: border-box;
	}

	#playradio-mobile-sidebar-content #sidebar .widget {
		margin-bottom: 1rem;
	}

	#playradio-mobile-sidebar-content #sidebar .widget:last-child {
		margin-bottom: 0;
	}

	/* Once JavaScript has moved the sidebar into the drawer, no duplicate
	   sidebar column remains under the article. */
	#wrap > #sidebar.playradio-mobile-relocated {
		display: none !important;
	}

	.playradio-header-ad-shell,
	.playradio-before-content-ad,
	.playradio-homepage-ad,
	.playradio-sidebar-ad,
	.playradio-article-ad-top,
	.playradio-article-ad-bottom {
		margin-left: 0;
		margin-right: 0;
	}

	.playradio-quads-slot,
	.playradio-inline-ad {
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
	}

	.playradio-ad {
		min-height: 0 !important;
	}
}

@media only screen and (max-width: 24em) {
	.playradio-mobile-nav-controls {
		gap: 0.42rem;
	}

	#mainnav-toggle {
		padding-inline: 0.7rem;
	}

	.playradio-mobile-nav-controls .playradio-theme-switch button {
		min-width: 3.1rem;
		padding-inline: 0.48rem;
	}
}

@media only screen and (max-width: 35em) {
	.playradio-header-main {
		grid-template-columns: 1fr;
		grid-template-areas:
			"brand"
			"actions"
			"search";
	}

	#logo {
		justify-content: center;
	}

	.playradio-header-actions {
		justify-content: center;
	}

	.playradio-brand {
		width: min(13rem, 78vw);
		height: 4.15rem;
	}
}

@media only screen and (min-width: 60.001em) {
	.playradio-mobile-nav-controls,
	.playradio-mobile-utilities {
		display: none !important;
	}
}


/* Play Radio 2.0.10: widget/category headings inherit the active light/dark text palette. */
body.playradio-2026 .widgettitle,
body.playradio-2026 .header-widget-title,
body.playradio-2026 .widgettitle > span,
body.playradio-2026 .header-widget-title > span,
body.playradio-2026 .widgettitle a,
body.playradio-2026 .widgettitle a:link,
body.playradio-2026 .widgettitle a:visited,
body.playradio-2026 .header-widget-title a,
body.playradio-2026 .header-widget-title a:link,
body.playradio-2026 .header-widget-title a:visited {
	color: var(--play-text) !important;
}

body.playradio-2026 .widgettitle a:hover,
body.playradio-2026 .widgettitle a:focus-visible,
body.playradio-2026 .header-widget-title a:hover,
body.playradio-2026 .header-widget-title a:focus-visible {
	color: var(--play-text) !important;
	text-decoration-color: var(--play-orange);
}


/* Play Radio 2.0.12 — Romanian public interface */
.page-links-label {
	display: inline-block;
	margin-right: .45em;
	font-weight: 700;
}

/* Play Radio 2.0.13 — LIVE action: permanent LIVE label, centered blinking
   indicator and a restrained neon treatment in both interface themes. */
.playradio-live-button {
	position: relative;
	isolation: isolate;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow:
		0 0 0 1px rgba(255, 212, 0, 0.16),
		0 0 16px rgba(255, 212, 0, 0.32),
		0 0 30px rgba(0, 199, 111, 0.22),
		0 12px 34px rgba(0, 199, 111, 0.22);
	transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.playradio-live-button:hover,
.playradio-live-button:focus-visible {
	color: #111 !important;
	text-decoration: none !important;
	transform: translateY(-1px);
	filter: saturate(1.08) brightness(1.04);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.36),
		0 0 22px rgba(255, 212, 0, 0.48),
		0 0 42px rgba(0, 199, 111, 0.36),
		0 16px 38px rgba(0, 199, 111, 0.28);
	outline: none;
}

.playradio-live-button:focus-visible {
	outline: 2px solid var(--play-text);
	outline-offset: 3px;
}

.playradio-live-label {
	display: inline-block;
	letter-spacing: 0.035em;
}

.playradio-live-dot {
	position: relative;
	display: inline-grid !important;
	place-items: center;
	flex: 0 0 auto;
	width: 1rem;
	height: 1rem;
	border: 0.14rem solid var(--play-red);
	border-radius: 50%;
	background: rgba(255, 51, 71, 0.07);
	box-shadow:
		0 0 0 0.12rem rgba(255, 51, 71, 0.14),
		0 0 0.7rem rgba(255, 51, 71, 0.62);
}

.playradio-live-dot::after {
	content: "";
	display: block;
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 50%;
	background: var(--play-red);
	box-shadow: 0 0 0.42rem rgba(255, 51, 71, 0.96);
	animation: playradio-live-indicator 1.35s ease-in-out infinite;
}

@keyframes playradio-live-indicator {
	0%, 42%, 100% {
		opacity: 1;
		transform: scale(1);
	}
	56% {
		opacity: 0.25;
		transform: scale(0.68);
	}
	72% {
		opacity: 1;
		transform: scale(1.13);
	}
}

@media (prefers-reduced-motion: reduce) {
	.playradio-live-button {
		transition: none;
	}

	.playradio-live-button:hover,
	.playradio-live-button:focus-visible {
		transform: none;
	}

	.playradio-live-dot::after {
		animation: none;
	}
}

@media only screen and (max-width: 60em) {
	.playradio-live-button {
		min-height: 2.25rem;
		padding: 0.65rem 0.76rem;
	}

	.playradio-live-dot {
		width: 0.82rem;
		height: 0.82rem;
		border-width: 0.12rem;
		box-shadow:
			0 0 0 0.1rem rgba(255, 51, 71, 0.14),
			0 0 0.58rem rgba(255, 51, 71, 0.58);
	}

	.playradio-live-dot::after {
		width: 0.35rem;
		height: 0.35rem;
	}
}



/* -------------------------------------------------------------------------
   Play Radio 2.0.19 — reserve editorial room for the slider call to action.
   The 2.0.18 top-image composition gave 44% of a 440px slide to the copy
   panel, which was too little for a two-line title, a two-line excerpt and
   the configured CTA. Keep the image dominant but assign a reliable copy
   panel, so „Citește articolul” never falls below the clipped slide frame.
   ------------------------------------------------------------------------- */
.playradio-slider #frontpage-slider .zeeslide > .slide-stage {
	grid-template-rows: minmax(10rem, 48%) minmax(0, 52%);
}

.playradio-slider .slide-stage > .slide-entry {
	display: flex;
	padding: clamp(0.82rem, 1.9vw, 1.15rem) clamp(1.15rem, 3.2vw, 2rem);
}

.playradio-slider .slide-stage > .slide-entry-inner {
	display: flex;
	flex: 1 1 auto;
	min-height: 0;
	flex-direction: column;
}

.playradio-slider .slide-stage > .slide-entry .slide-meta {
	margin-bottom: 0.34rem;
}

.playradio-slider #frontpage-slider .zeeslide .slide-stage > .slide-entry .slide-title {
	font-size: clamp(1.22rem, 2.22vw, 2.12rem);
	line-height: 1.04;
}

.playradio-slider .slide-stage > .slide-entry .slide-content {
	margin-top: 0.42rem;
	font-size: clamp(0.84rem, 1.25vw, 0.95rem);
	line-height: 1.36;
}

.playradio-slider .slide-stage > .slide-entry .slide-more-link,
.playradio-slider .slide-stage > .slide-entry .slide-more-link:link,
.playradio-slider .slide-stage > .slide-entry .slide-more-link:visited {
	flex: 0 0 auto;
	align-self: flex-start;
	margin-top: 0.52rem;
	padding: 0.56rem 0.86rem;
}

@media only screen and (max-width: 60em) {
	.playradio-slider #frontpage-slider .zeeslide > .slide-stage {
		grid-template-rows: minmax(10rem, 47%) minmax(0, 53%);
	}

	.playradio-slider .slide-stage > .slide-entry {
		padding: 0.8rem 1.05rem;
	}

	.playradio-slider .slide-stage > .slide-entry .slide-content {
		-webkit-line-clamp: 1;
	}

	.playradio-slider .slide-stage > .slide-entry .slide-more-link,
	.playradio-slider .slide-stage > .slide-entry .slide-more-link:link,
	.playradio-slider .slide-stage > .slide-entry .slide-more-link:visited {
		margin-top: 0.45rem;
		padding: 0.5rem 0.72rem;
	}

	.playradio-slider .frontpage-slider-controls .zeeflex-direction-nav a {
		top: 23.5%;
	}

	.playradio-slider .frontpage-slider-controls .zeeflex-control-nav,
	.playradio-slider--split .frontpage-slider-controls .zeeflex-control-nav {
		bottom: calc(53% + 0.62rem);
	}
}

@media only screen and (max-width: 40em) {
	.playradio-slider #frontpage-slider .zeeslide > .slide-stage {
		grid-template-rows: minmax(9.5rem, 46%) minmax(0, 54%);
	}

	.playradio-slider .slide-stage > .slide-entry .slide-content {
		display: -webkit-box;
		-webkit-line-clamp: 1;
		font-size: 0.82rem;
		line-height: 1.32;
	}

	.playradio-slider .frontpage-slider-controls .zeeflex-direction-nav a {
		top: 23%;
	}

	.playradio-slider .frontpage-slider-controls .zeeflex-control-nav,
	.playradio-slider--split .frontpage-slider-controls .zeeflex-control-nav {
		bottom: calc(54% + 0.56rem);
	}
}


/* Play Radio 2.0.23: publication dates are intentionally absent from editorial cards. */
/* PHP removes these nodes for built-in category widgets. The CSS is a defensive
   fallback for cached/third-party widget markup that uses the same card classes. */
body.playradio-2026 .widget-category-posts .entry-meta,
body.playradio-2026 .widget-category-posts .postmeta,
body.playradio-2026 #frontpage-magazine-widgets .widget .entry-meta.postmeta,
body.playradio-2026 #frontpage-magazine-widgets .widget .postmeta {
	display: none !important;
}


/* -------------------------------------------------------------------------
   Play Radio 2.0.24 — slider metadata simplification and true full-bleed footer.
   The slider deliberately keeps only the category badge. Publication dates are
   removed from the public carousel, while individual articles retain their
   normal date metadata. The footer surface is painted by the outer wrapper so
   it reaches both viewport edges in dark and light appearances alike.
   ------------------------------------------------------------------------- */
:root,
:root[data-play-theme="dark"] {
	--play-footer-bg: #0a0a0a;
	--play-footer-edge: rgba(255, 255, 255, 0.12);
}

:root[data-play-theme="light"] {
	--play-footer-bg: #ffffff;
	--play-footer-edge: rgba(0, 0, 0, 0.12);
}

/* Paint the footer as one continuous band even when a legacy container or
   page builder wrapper constrains the footer element itself. The huge shadow
   expands only visually, avoiding an oversized layout box or a horizontal
   scrollbar. */
body.playradio-2026 #footer-wrap {
	position: relative;
	isolation: isolate;
	width: 100%;
	margin-top: 2rem;
	background: var(--play-footer-bg) !important;
	border-top: 1px solid var(--play-footer-edge) !important;
	border-bottom: 0 !important;
	box-shadow: 0 0 0 100vmax var(--play-footer-bg);
	clip-path: inset(0 -100vmax);
	backdrop-filter: none;
}

/* The inner container controls only content width. It must not create a
   second, abruptly ending coloured panel inside the full footer band. */
body.playradio-2026 #footer-wrap > #footer,
body.playradio-2026 #footer-wrap > #footer.container {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

/* The slider has a single stable editorial meta element: the category badge.
   This also protects cached markup created by a prior build. */
body.playradio-2026 .playradio-slider .slide-date {
	display: none !important;
}

body.playradio-2026 .playradio-slider .slide-meta:empty {
	display: none;
}


/* -------------------------------------------------------------------------
   Play Radio 2.0.25 — contained editorial grids.

   The original ThemeZee category grid obtains its horizontal gutter from
   negative right margins. Once the modern card border/background is applied,
   that intentional overflow becomes visible as staggered edge slivers on both
   light and dark appearances. Replace only that legacy grid layout with a
   contained CSS Grid: identical two-column editorial rhythm, no overflow,
   clean shared right edge.
   ------------------------------------------------------------------------- */
body.playradio-2026 #frontpage-magazine-widgets,
body.playradio-2026 #frontpage-magazine-widgets .widget,
body.playradio-2026 #frontpage-magazine-widgets .widget-category-posts {
	min-width: 0;
	box-sizing: border-box;
}

/* A magazine widget must paint one clean card surface. The clip is only a
   safety net for markup produced by an older cached widget instance. */
body.playradio-2026 #frontpage-magazine-widgets .widget-category-posts {
	margin-bottom: 0;
	overflow: hidden;
}

body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row,
body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row.small-post-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 1.5rem;
	row-gap: 1.5rem;
	width: 100%;
	margin: 0 0 1.75rem !important;
	padding: 0 !important;
	clear: both;
}

body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row.small-post-row {
	column-gap: 1rem;
	row-gap: 1rem;
}

body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row .big-post,
body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row .small-post-wrap,
body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row.small-post-row .small-post-wrap {
	float: none;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0 !important;
	box-sizing: border-box;
}

/* The old clearfix pseudo-elements become grid children in some legacy
   browsers. Remove them so they cannot create a phantom column or row. */
body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row:before,
body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row:after {
	display: none;
	content: none;
}

/* Keep the last editorial row flush with the widget's bottom padding. */
body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row:last-child {
	margin-bottom: 0 !important;
}

@media only screen and (max-width: 40em) {
	body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row,
	body.playradio-2026 #widget-category-posts-grid .category-posts-grid-row.small-post-row {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.35rem;
	}
}