/*
	Theme Name: Prazno
	Theme URI: 
	Author: Prazno
	Author URI: 
	Description: Prazno
	Version: 1.0
*/

:root{
	--txt: #111;
	--s: Gainsboro;
	--w: GhostWhite;
	--g: DeepPink;
	--dva: Turquoise;
	--nes: Beige LightCyan HoneyDew LightGoldenRodYellow Gainsboro;
	--msg: HoneyDew;
	--prva: #111;
	--druga: GhostWhite;
}

body{
	margin: 0px;
	padding: 0px;
	color: var(--txt);
	background: var(--s);
	text-rendering: optimizeLegibility !important;
	font-family: 'Barlow', sans-serif;
	font-size: 100%;
	line-height: 1.25em;
	font-weight: 500;
}

*, *:before, *:after, div, h1, h2, h3, h4, h5, h6, p, a, ol, dl, ul, span, input {box-sizing:  border-box !important;}

strong, b{font-weight:700;}
em, italic{font-style:italic;}

.spinner::before{
	content: 'strpljenja';
	position: absolute;
	left: 50%;
}

.omot{
	width: calc(100% / 14 * 12);
	margin: 0 calc(100% / 14);
	padding: 0 .625em;
	float: left;
}

.sadrzaj{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 calc(100% / 14 + .625em);
	background: var(--w);
}

a, a:link, a:visited{
	color: var(--txt);
	text-decoration: underline;
}
a:hover, a:active{
	color: var(--txt);
	text-decoration: none;
}

h1{
	margin: 0;
	font-size: 3em;
	line-height: 1.25em;
	float: left;
	font-weight: 400;
}

p {
	margin-bottom: 1.25em;
	float: left;
}

/* HEADER ------------------------------------------------------------ */


.header{
	width: 100%;
	margin: 0;
	float: left;
	padding: 12.5em calc(100% / 14 + 1.25em);
	box-shadow: inset 0 -.625em .625em -.8em var(--txt);
	position: relative;
}
.logo{
	font-size: 1em;
	line-height: 1.25em;
	text-transform: uppercase;
	letter-spacing: .125em;
	font-weight: 700;
	padding: 0;
	margin: 0;
	float: left;
	width: calc(100% / 9);
	text-align: center;
}
.logo a, .logo a:link, .logo a:visited{
	padding: .3125em .625em;
	border: 2px solid var(--txt);
	background: var(--txt);
	color: var(--w);
	float: left;
	width: 100%;
}
.logo a:hover, .logo a:active{
	background: var(--w);
	color: var(--txt);
}
p.tagline{
	font-size: 1em;
	line-height: 1.25em;
	text-transform: uppercase;
	letter-spacing: .125em;
	font-weight: 700;
	padding: .3125em .625em;
	margin: 0 0 0 -2px;
	border: 2px solid var(--txt);
	background: var(--w);
	color: var(--txt);
	width: auto;
	float: left;
	width: calc(100% / 9 * 3 + 2px);
	text-align: center;
}
.izbornik{
	float: left;
	width: calc(100% / 9 * 5);
	text-transform: uppercase;
	letter-spacing: .125em;
}
.izbornik ul{
	font-weight: 700;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}
.izbornik li{
	padding: 0;
	margin: 0;
	float: left;
	width: calc(100% / 5);
}
.header a, .header a:link, .header a:visited{
	text-decoration: none;
}
.izbornik a, .izbornik a:link, .izbornik a:visited{
	padding: .3125em .625em;
	background: var(--w);
	color: var(--txt);
	float: left;
	border: 2px solid var(--txt);
	width: calc(100% + 2px);
	text-align: center;
	margin-left: -2px;
}
.izbornik a:hover, .izbornik a:active{
	background: var(--txt);
	color: var(--w);
}
.img{
	width: auto;
	height: auto;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.header img{
	max-width: 100%;
}

/* PROGRAM ----------------------------------------------*/

.program{
	width: 100%;
	float: left;
	background: var(--w);
}
.program .post{
	width: 100%;
	float: left;
	margin: 0;
	padding: .625em calc(100% / 14 + .625em);
	height: 4.375em;
	overflow: hidden;
/*	border-top: 1px solid var(--txt);*/
	-webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
	box-shadow: inset 0 -.625em .625em -.8em var(--txt);
}
.program .post:hover{
	height: 9.75em;
	-webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}
.program .post .slika{
	width: calc(100% / 12 - 1.25em);
	margin: .625em;
	height: auto;
	float: left;
}
.program .post img{
	float: left;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
}
.program .post h3{
	margin: .625em;
	font-size: 1em;
	line-height: 1.25em;
	width: calc(100% / 6 - 1.25em);
	float: left;
	font-weight: 700;
}
.program .post p{
	width: calc(100% / 3  - 1.25em);
	float: left;
}
.program .meta{
	width: calc(100% / 4);
	float: left;
	padding: .625em;
}
.program .meta p{
	font-family: 'Space Mono';
	text-transform: uppercase;
	line-height: 1.25em;
	font-weight: 400;
	margin: 0;
	width: 100%;
}
.post .meta p{
	font-family: 'Space Mono';
}
ul.post-categories{
	text-transform: uppercase !important;
	letter-spacing: .125em !important;
	font-size: .6em !important;
	line-height: 1.25em !important;
	font-weight: 700 !important;
	float: left !important;
	list-style: none !important;
	margin: 0 !important;
	padding: .625em calc(.625em + 2px) !important;
	font-family: 'Barlow', sans-serif !important;
}
.program .post ul.post-categories{
	width: calc(100% / 6 - 2px);
	clear: none;
}
ul.post-categories li{
	float: left;
	margin: 0;
	padding: 0;
}
.post-categories a, .post-categories a:link, .post-categories a:visited{
	padding: .3125em .625em;
	background: var(--druga);
	color: var(--prva);
	float: left;
	text-decoration: none;
	border: 1px solid var(--prva);
	margin-bottom: -1px;
	margin-right: -1px;
}
.post-categories a:hover, .post-categories a:active{
	background: var(--prva);
	color: var(--druga);
}
/*ul.post-categories li+li a{
	border-left: none !important;
}*/

.ch{
	width: 100%;
	float: left;
	background: var(--w);
	margin: 0;
	padding: 1.25em calc(100% / 14 + .625em);
	font-family: 'Space Mono';
}
.program .ch{
	background: var(--txt);
}
.ch p{
	margin: 0;
	width: 25%;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 .625em;
}
.ch a, .ch a:link .ch a:visited, h3 a, h3 a:link, h3 a:visited{
	text-decoration: none;
}
.ch a:hover, .ch a:active, h3 a:hover, h3 a:active{
	color: var(--dva);
}
.program .ch p{
	color: var(--w);
}
.program h2.category{
	color: var(--w);
}
h2.category{
	width: calc(100% / 12 * 7);
	float: left;
	margin: 0;
	font-size: 1em;
	line-height: 1.25em;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .125em;
	padding: 0 .625em;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
h2.category::before{
	content: '\25BA';
	width: calc((100% - .625em) / 7 + .3125em);
	float: left;
}

/* POST ARCHIVE -------------------------------------- */

.half{
	width: 50%;
	float: left;
	clear: left;
}
.half + .half{
	clear: none;
}
.half .ch{
	width: 100%;
	padding: 0;
	margin-top: 1.25em;
}
.half h2.category{
	width: calc(100% / 3 * 2);
	margin: 0;
}
.half h2.category::before{
	width: calc((100% - .625em) / 4 + .625em);
}

.post{
	float: left;
	width: 50%;
	height: 17.5em;
	overflow: hidden;
	margin: 1.25em 0;
}
.arhiv .post{
	float: left;
	width: 25%;
	height: 17.5em;
	overflow: hidden;
	margin: 1.25em 0;
}
.post ul.post-categories{
	width: calc(100% / 3 * 2 - 2px);
	margin: 0 1px;
}
.post h3{
	font-size: 1.25em;
	line-height: 1em;
	width: calc(100% / 3 * 2 - 1em);
	margin: .5em;
	float: left;
	font-weight: 400;
	font-family: 'Space Mono';
}
.post img{
	width: calc(100% - 1.25em);
	height: auto;
	margin: .625em;
	float: left;
}
.post p{
	width: calc(100% / 3 * 2 - 1.25em);
	margin: .625em;
	float: left;
}
.left{
	width: calc(100% / 3 - .625em);
	float: left;
	height: 100%;
	overflow: hidden;
	margin-right: .625em;
}
.left img{
	height: 100%;
	width: auto;
	object-fit: cover;
}
.post.feat{
	width: 50%;
	height: 22.5em;
}
.feat h3{
	width: calc(50% - .625em);
	margin: .3125em;
	font-size: 2em;
	line-height: 1em;
	font-weight: 400;
	float: left;
}
.featimg{
	width: calc(100% / 2 - 1.25em);
	float: left;
	height: 100%;
	position: relative;
	margin: .625em;
	overflow: hidden;
}
.feat img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	margin: 0;
}
.feat p{
	float: left;
	width: calc(50% - 1.25em);
}
.post.feat ul.post-categories{
	width: calc(50% - 2px);
	margin: 0 1px;
}


.novo::before{
	content: '\25C4';
	width: calc((100% - .625em) / 6 + .3125em);
	float: left;
}
.ch p.novo{
	width: 50%;
}
.ch p.staro{
	width: 50%;
	padding-left: calc((100% - .625em) / 12 + .625em);
}
.staro::after{
	content: '\25BA';
	width: calc((100% - .625em) / 6 + .3125em);
	float: left;
}
.novo a, .staro a{
	float: left;
	width: calc((100% - .625em) / 6 * 5 + .3125em);
}

.excerpt{float:left; width:100%;}

/* SINGLE -------------------------------- */

.tekst{
	float: left;
	width: 100%;
	padding: 0 calc(100% / 4 + .625em);
	margin-bottom: 2.5rem;
}

.tekst h2{
	width: 100%;
	float: left;
	font-family: 'Space Mono';
	font-size: 4em;
	line-height: 1em;
	word-break: break-word;
	margin: 0;
	padding: 1em 0;
}
.tekst h3{
	width: 100%;
	float: left;
	font-family: 'Space Mono';
	text-transform: uppercase;
	font-size: 2em;
	line-height: 1.25em;
	padding: .625em 0;
	margin: 0;
}
.tekst p + h3, .tekst ul + h3, .tekst ol + h3, .tekst dl + h3, .tekst img + h3{
	margin-top: 1.25em;
}
.tekst h4{
	width: 100%;
	float: left;
	font-family: 'Space Mono';
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1.25em;
	padding: 2.5em 0 1.25em 0;
	margin: 0;
}

.tekst ul, .tekst ol{
	font-family: 'Space Mono';
	font-size: .8rem;
	line-height: 1.25rem;
	margin: 1.25rem 0;
	float: left;
	width: 100%;
	padding-left: 1.875rem;
}
.tekst ol li{
	border-top: 1px dotted var(--txt);
	padding: .3125rem 0;
	width: 100%;
}
.tekst ol li:last-child{
	border-bottom: 1px dotted var(--txt);
}
.tekst h4+ul, .tekst h4+ol{
	margin-top: 0;
}
.tekst ul+h4, .tekst ol+h4{
	margin-top: 1.25em;
}

.tekst dl{
	font-family: 'Space Mono';
	font-size: .8rem;
	line-height: 1.25rem;
	border-bottom: 1px dotted var(--txt);
	float:left;
	width: 100%
}
.tekst dt{
	border-top: 1px dotted var(--txt);
	padding: .625rem 0;
	float:left;
	width: 100%;
}
.tekst dd{
	padding-left: 1.875rem;
	padding: 0 0 .625rem 0;
	float:left;
	width: calc(100% - 3rem);
	font-weight: 400;
	margin: 0 0 0 3rem;
}
.tekst .impr dt{
	border-top: 1px dotted var(--txt);
	padding: .625rem 0;
	float:left;
	width: 50%;
	clear: left;
}
.tekst .impr dd{
	border-top: 1px dotted var(--txt);
	padding: 0 0 .625rem 0;
	float:left;
	width: 50%;
	font-weight: 400;
	margin: 0;
}
ul.raspored{
	list-style: none;
	padding: .625rem 0 0;
}
.raspored li{
	width: 100%;
	background: var(--s);
	/*padding: .625rem .625rem 2.5rem;*/
	margin-bottom: .625rem;
	float: left;
	transition: background .5s ease-in-out;
}
.raspored li:hover{
	background: var(--w);
	transition: background .5s ease-in-out;
}
.raspored li:last-child{
	margin-bottom: 0;
}

.raspored .termin{
	width: 9rem;
	float: left;
	overflow: hidden;
	padding: .625rem 1.25rem;
	text-align: center;
	background: var(--txt);
	color: var(--s);
}
.raspored .show{
	width: calc(100% - 9rem);
	float: left;
	padding: .625rem 1.25rem;
	font-weight: 700;
}

.tekst .meta{
	font-family: 'Space Mono';
	text-transform: uppercase;
	line-height: 1.25em;
	font-weight: 400;
	margin: 0;
	width: 100%;
	float: left;
}
.tekst .meta.nd{
	padding-bottom: 2.5em;
	display: block !important;
}

.tekst p{
	float: left;
	width: 100%;
	margin: 0;
}
.tekst p+p{
	padding: 1.25em 0 0;
}
.single.tekst > p, .page.tekst > p, .archive.tekst > p{
	line-height: 1.5em;
}
.single.tekst > p+p, .page.tekst > p+p, .archive.tekst > p+pp{
	padding: 1.5em 0 0;
}

.single.tekst .post-categories, .page.tekst .post-categories{padding-left:0 !important;padding-right:0 !important;}

p+blockquote, .tekst .excerpt{
	float: left;
	width: 100%;
	padding: 2.5rem 0;
	font-size: 1.5em;
	line-height: 1.25em;
	font-family:'Space Mono';
}
.excerpt p{
	border-top: 2px dotted var(--txt);
	border-bottom: 2px dotted var(--txt);
	padding: 1.25rem 0;
}
blockquote{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 2.5rem 0;
	font-size: 1.5em;
	line-height: 1.25em;
	font-family:'Space Mono';
}
blockquote p{
	border-top: 2px dotted var(--txt);
	border-bottom: 2px dotted var(--txt);
	padding: 1.25rem 0;
}
.tekst iframe{
	margin-top: 1.25em;
	width: 100%;
}
.tekst img{
	float: left;
	margin: 1.25em 0;
	max-width: 100%;
	height: auto;
}
.tekst img.size-full{
	width: calc(100% - 25% - 5em);
	margin: 1.25em calc(12.5% + 2.5em);
	height: auto;
	box-shadow: 0 .625em .625em -.4em var(--txt);
}
.tekst img.size-large{
	width: 100%;
	height: auto;
	box-shadow: 0 .625em .625em -.4em var(--txt);
}
.tekst img.size-medium{
	width: calc(75% - 5em);
	height: auto;
	margin: 1.25em calc(12.5% + 2.5em);
}
.tekst img.nosh{
	box-shadow: none;
}

.post-foot{
	width: 100%;
	float: left;
	font-family:'Space Mono';
	font-size: .8em;
	line-height: 1.25rem;
	padding-top: 2.5rem;
}
.post-foot p{
	width: 50%;
	float: left;
}
.post-foot p+p{
	padding-top: 0;
}
.tags a, .tags a:link, .tags a:visited{
	text-decoration: none;
	color: var(--txt);
	text-transform: uppercase;
	letter-spacing: .125em;
}
.tags a:hover, .tags a:active{
	text-decoration: underline;
	color: var(--txt);
}

.tile{
	float: left;
	padding: 1.25em;
	width: calc(100% / 4);
	height: 15em;
	overflow: hidden;
	box-shadow: inset 0 -.625em .625em -.8em var(--txt);
}
.tile img{
	width: 100%;
	height: auto;
	margin: 0;
}
.tile p{
	height: 5em;
	overflow: hidden;
	font-weight: 700;
}
.tile+h3{
	margin-top: 2.5em;
	margin-bottom: 1.25em;
}

.paper{
	background: Beige;
    padding: .75em;
	margin: 0 .75em;
    box-shadow: 0 .625em .625em -.4em var(--txt);
}

/* SINGLE MSGS --------------------------- */

p.msg {
	background: var(--msg);
	border: 1px solid var(--dva);
	padding: .75rem .375rem;
	border-radius: .375rem;
	padding-left: 3rem;
	width: 87.5%;
	color: Teal;
	font-weight: 400;
}
p.msg::first-line, p.first::first-line{
	text-indent: -2.625rem;
}
p.resp ~ p.first, p.first ~ p.resp {
	background: var(--msg);
	border: 1px solid var(--dva);
	border-radius: .375rem;
	margin-top: .75rem;
}
p.resp+p.resp, p.first+p.first {
	border-top: 0;
	border-radius: 0 0 .375rem .375rem;
	margin-top: -.75rem;
	padding-top: .375rem;
}
p.resp+p.resp::first-line, p.first+p.first::first-line{
	text-indent: 0;
}

.msg span.aut{color: var(--dva); width: 2.6375rem; display: inline-block; position: relative;}

.msg a, .msg a:link, .msg a:visited{
	color: Teal;
	text-decoration: underline;
}
.msg a:hover, .msg a:active{
	color: Teal;
	text-decoration: none;
}

.single.tekst > p+p.first, .tekst p+.tekst p.first, .tekst p.first{margin-left:12.5%;}

img.listt{float:left; width:calc(25% - (1.25em * 3 / 4)); height:auto; margin: 0 0 1.25em;}
img.listt + img.listt{margin: 0 0 1.25em 1.25em;}
img.listt:nth-of-type(4n+1){margin: 0 0 1.25em !important;}

.postid-60485 dt{text-transform: uppercase;}

/* FOOTER -------------------------------- */

.footer .ch{
	padding-bottom: 0;
}
.traka{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 calc(100% / 14 + .625em);
	background: var(--w);
}
.traka .post{
	width: calc(100% / 6);
	height: auto;
}
.okvir{
	width: calc(100% - 1.25em);
	margin: .625em;
	float: left;
	padding: 12.5%;
	background-size: 100% auto;
}
.traka .post img{
	width: calc(100% - 1.25em);
	padding: 0;
	height: auto;
	box-shadow: .3125em .3125em .3125em -.3125em var(--txt);
}
.traka .post ul.post-categories{
	width: calc(100% - 2px);
}
.traka .post h3{
	width: calc(100% - 1.25em);
}

.footer{
	float: left;
	width: 100%;
	margin: 0;
	padding: 2.5em calc(100% / 14 + 1.25em) 7.5em;
	box-shadow: inset 0 .625em .625em -.8em var(--txt);
}

.searchform{
	width: 100%;
	float: left;
	font-size: .8em;
	line-height: 1.25em;
}
.searchform .screen-reader-text{
	width: 10%;
	float: left;
	text-transform: uppercase;
	letter-spacing: .125em;
	padding: .3125em 0;
	border-bottom: 1px solid var(--prva);
	margin-top: 1px;
}
.searchform input[type="text"]{
	width: 90%;
	float: left;
	border: none;
	border-bottom: 1px solid var(--prva);
	padding: .3125em .625em;
	background: var(--w);
	color: var(--prva);
	text-rendering: optimizeLegibility !important;
	font-family: 'Barlow', sans-serif;
	font-size: 1em;
	line-height: 1.25em;
	font-weight: 500;
	margin-top: 1px;
}
.searchform input[type="submit"]{
	width: 10%;
	float: left;
	border: 1px solid var(--prva);
	padding: .3125em .625em;
	background: var(--prva);
	color: var(--s);
	text-rendering: optimizeLegibility !important;
	font-family: 'Barlow', sans-serif;
	font-size: 1em;
	line-height: 1.25em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .125em;
	cursor: pointer;
}
.searchform input[type="submit"]:hover{
	border: 1px solid var(--prva);
	background: var(--s);
	color: var(--prva);
}


a.tunein, a.tunein:link, a.tunein:visited{
	height: 1.5rem;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .125em;
	float: left;
	overflow: hidden;
	color: var(--prva);
	background: var(--s);
	border-radius: .75rem;
	text-decoration: none;
	text-transform: uppercase;
	padding: .1375em .375rem 0;
	margin-left: 1.5rem;
}
a.tunein:hover, a.tunein:active{
	color: var(--prva);
	background: var(--druga);
}

footer p{margin-top:1.25rem;}
p.icons{
	float: right;
	font-size: 1.25em;
	line-height: 1em;
	margin-top: .85rem;
}
.search+p{width:50%;}
.search+p+p{float:right;}
a.icon, a.icon:link, a.icon:visited{
	width: 1.5em;
	height: 1.5em;
	float: left;
	overflow: hidden;
	color: var(--prva);
	background: var(--s);
	border-radius: .75em;
}
a.icon:hover, a.icon:active{
	color: var(--prva);
	background: var(--druga);
}
a.icon+a.icon{
	margin-left: .625em;
}
a.icon::before{
	float: left;
	width: 1.5em;
	line-height: 1em;
	padding: .25em 0;
	text-align: center;
	text-transform: uppercase;
	font-family: 'FontAwesome';
}
a.fb::before{
	content:'\f09a';
}
a.tw::before{
	content:'\f16d';
}
a.ig::before{
	content:'\f099';
}

.ninja-forms-all-fields-wrap, .field-wrap, .nf-form-cont, nf-field, .nf-field-container, .nf-form-wrap, .nf-form-title, .nf-form-cont{float:left;width:100%!important;margin-left:0!important;display:block!important;}

.ninja-forms-required-items{margin-bottom:1.5em;width:100%;float:left;}
.ninja-forms-form-wrap input[type="submit"]{
	width: 100%;
	float: left;
	border: 1px solid var(--prva);
	padding: .3125em .625em;
	background: var(--prva);
	color: var(--w);
	text-rendering: optimizeLegibility !important;
	font-family: 'Barlow', sans-serif;
	font-size: 1em;
	line-height: 1.25em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .125em;
	cursor: pointer;
}
.ninja-forms-form-wrap input[type="submit"]:hover{
	border: 1px solid var(--prva);
	background: var(--w);
	color: var(--prva);
}

/* ILUSTRACIJE -------------------------------- */

figure{
	float: left;
	width: 100%;
	padding: 1.5rem 0 2.25rem;
	margin: 0;
}
figcaption{
	float: left;
	width: 100%;
    font-family: 'Space Mono';
    font-size: .8em;
    line-height: 1.25rem;
}


/* REACENT SONGS PLAYED -------------------------------- */
.et{
	width: 100%;
    float: left;
    margin: 0;
    padding: .625em calc(100% / 14 + .625em);
    height: 3em;
    overflow: hidden;
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
    box-shadow: inset 0 -.625em .625em -.8em var(--txt);
}
.et:hover {
    height: 9.75em;
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}
h2.eter{width:25%;}
h2.eter::before{
	width: calc((100%) / 3 + .3125em);
}

.cc_recenttracks_list{float: left;width: 75%;}

.cc_recenttracks_list div{display:none;}
.cc_recenttracks_list .ccdetails, .cc_recenttracks_list .cctrack, .cc_recenttracks_list .ccartist, .cc_recenttracks_list .cctitle{display:inline!important;}
.ccdetails.ccdetails_withcover{margin-left:0!important;}

.cctrack{
	float: left;
	width: calc(100% / 9 * 5);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1rem;
	line-height: 1.25em;
	padding: 0 .625em;
	font-weight: 400;
    font-family: 'Space Mono';
	margin:0 0 0 calc(100% / 9 * 4)!important;
	position: relative;
}
.cctrack:first-of-type{
	width: calc(100% / 9 * 4);
	margin: 0!important;
}
.cctrack:nth-of-type(2){
	margin-left: 0!important;
}
.cctrack:first-of-type .ccartist, .cctrack:first-of-type .ccdetails{font-weight: 700!important;}
.cctrack:first-of-type .cctitle{font-weight: 400!important;}
.cctitle, .cctime{color:var(--txt)!important;font-weight: 400;}
.ccartist{color:var(--txt)!important;font-weight: 700;}
.ccnowplaying{font-weight: 700!important;}
.cctitle{font-weight: 400!important;}
.ccartist::before{content:'\00a0\02013\00a0';font-weight: 400;}
.ccdetails .cctitle.ccnowplaying::before{
	content:none;
}
.cctitle::before{
	content:'\2026';
	font-weight: 400;
	width: 1.25em;
	float: left;
}

@keyframes blink {
	0% {opacity: 0;}
	49% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 1;}
}
.blink{
	animation-name: blink;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}


/* OnlineRadioBox ------------------------------- */
.orbL{
	position:fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	box-sizing:border-box;
	overflow:hidden;
	font-weight:normal;
	border:1px solid;
	text-align:left;
	display:none;
	box-shadow: .625rem .625rem .625rem -.3125rem var(--txt);
	}
.orbL br,.orbL>br{
	display:none!important;
	}
.orbL p,.orbL>p{
	margin:0!important;
	padding:0!important;
	line-height:normal!important;
	font-size:inherit!important
	}
.orbL br,.orbL>br{
	display:none!important
	}
.orbLh{
	display:none;
	position:absolute;
	z-index:100;
	top:22px;
	right:10px;
	margin-top:-12px;
	width:21px;
	text-decoration:none!important;
	cursor:pointer
	}
.orbLh>img{
	margin:0!important;
	border:none!important;
	height:24px!important;
	-webkit-filter:drop-shadow(2px 2px 0 rgba(47,99,160,.2));
	filter:drop-shadow(2px 2px 0 rgba(47,99,160,.2))
	}
.orbLt{
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	padding-left:10px!important;
	font-weight:normal;
	line-height:44px!important;
	min-height:44px;
	text-decoration:none!important
	}
.orbLti{
	float:left!important;
	margin:10px 10px 10px 0!important;
	height:24px!important;
	width:44px!important;
	border:none!important;
	border-radius:2px!important;
	opacity:1!important;
	}
.orbLtn{
	display:block;
	margin-right:54px!important;
	font-size:14px!important;
	font-weight:bold;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
	}
.orbIL{
	position:relative;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	margin:0!important;
	padding:0!important;
	list-style:none!important
	}
.orbILi{
	box-sizing:border-box;
	margin:0!important;
	padding:0 10px!important;
	list-style:none!important;
	background-image:none;
	float:none!important;
	height: auto!important
	}
.orbILi>a,.orbILi>span{
	display:block!important;
	height:auto!important;
	font-weight:normal!important;
	text-decoration:none!important;
	line-height:32px!important;
	font-size:14px!important;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	-webkit-transition:color .125s;
	transition:color .125s;
	border:none!important
	}
.orbILi>a:hover,.orbILi>span:hover{
	background:transparent!important
	}
.orbILi>a>time,.orbILi>span>time{
	display:inline-block;
	font-size:12px!important;
	width:3em
	}
.orbILi+li{
	border-style:solid!important;
	border-width:1px 0 0!important
	}
.orbILs{
	margin:0!important;
	padding:0!important;
	list-style:none!important;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;
	flex-flow:row nowrap;
	border-style:solid!important;
	border-width:0 0 1px!important
	}
.orbILsi{
	display:inline-block!important;
	margin:0!important;
	padding:0!important;
	height:32px!important;
	overflow:hidden;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;
	-webkit-box-flex:1;
	flex:1 1 auto;
	-webkit-align-self:baseline;-ms-flex-item-align:baseline;
	align-self:baseline;
	text-align:center;
	font-size:11px!important;
	float:none!important
	}
.orbILsi + li{
	border-style:solid!important;
	border-width:0 0 0 1px!important
	}
.orbILsi > a,.orbILsi > span{
	display:block;
	line-height:32px!important;
	text-decoration:none!important;
	-webkit-transition:color .125s;
	transition:color .125s
	}
.cmpct .orbILi>a,.cmpct .orbILi>span{
	line-height:24px!important;
	font-size:12px!important
	}
.cmpct .orbILi>a>time,.cmpct .orbILi>span>time{font-size:11px!important}
.orbL{width:400px}
.orbL{
	border-style: solid;
	border-color:#111111 !important;
	background:#fff !important
}
.orbLt{background-color:#111111 !important}
.orbLtn{color:#f8f8ff !important}
.orbIL{height:15rem}
.orbIL,.orbILs{background:#ffffff !important}
.orbILi>a,.orbILi>a:visited,.orbILi>span,.orbILi>a:hover>time,.orbILi.a>a>time,.orbILi.a>span>time{color:#111111 !important}
.orbILi>a:hover,.orbILi.a>a,.orbILi.a>span,.orbILsi>a:hover,.orbILsi>span{color:#f8f8ff !important} 
.orbILi>a>time,.orbILi>span>time,.orbILsi>a{color:#111111 !important}
.orbILi.a,.orbILsi.a{background:#111111 !important}
.orbILs,.orbILi+li,.orbILsi+li{border-color:#111111 !important}
.orbILs{display: flex}


.pl{
	position:fixed;bottom:0;left:calc(1.25em + 300px);width: 6em;text-align: center;height:60px;background:var(--w);text-transform:uppercase;padding-top:calc(1.25em / 5);z-index:999;cursor:pointer;
}

/* PLAYER old ----------------------------------- */
.bottom-bar-message, .long-text{
	display: none !important;
}
.play-stop-button{
	margin: 0 auto !important;
}

/* PLAYER NEW 1 11 2023 ------------------------- */

.playerSCA{
	width: calc(1.25em + 300px);
	position: fixed !important;
	bottom: 0;
	height: 60px;
	transition: height .5s ease-in-out;
}
.playerSCA:hover{
	height: 230px;
	transition: height .25s ease-in-out;
}
.playerSCA .wrapper{
	width: calc(1.25em + 300px) !important;
	position: absolute !important;
	height: 246px;
	bottom: -16px;
}
.playerSCA.layout-small .actions{
	display: none !important;
}
.playerSCA .range-slider{
	width: 186px !important;
}
.playerSCA .wrapper {
	background-color: #ab9f8fe3 !important;
}

/* Media Queries -------------------------------- */

@media only screen and (max-width: 1650px) {
	.header{padding: 12.5em 1.25em;}
	.tile{
		width: calc(100% / 3);
		height: 15em;
	}
}

@media only screen and (max-width: 1280px) {
	.header{padding: 12.5em calc(100% / 14 + 1.25em);}
	.logo{width: calc(100% / 3);}p.tagline{width: calc(100% / 3 * 2 + 2px);}
	.izbornik{width: 100%; padding-left: 2px;}.izbornik li{width: calc(100% / 5); margin-top: -2px;}
	.tekst{padding: 0 calc(100% / 8 + .625em);}
	.tile{
		width: calc(100% / 4);
		height: 15em;
	}
}

@media only screen and (max-width: 1024px) {
	.half{
		width: 100%;
	}
	.post, .arhiv .post{
		width: calc(100% / 3);
	}
	
	.program .post h3+p{width: calc(100% - 1.25em);margin-top: 0;}
	.program .post h3{width: calc(100% - 1.25em);}
	.program .post .opisic{width: calc(100% / 12 * 5); float: left;}
	.program .post .slika{width: calc(100% / 6 - 1.25em);}
	
	.traka .post{width:calc(100% / 3); height: 25em; overflow: hidden;}
	.tile{
		width: calc(100% / 3);
		height: 15em;
	}
	.searchform .screen-reader-text{
		display: none;
	}
	.searchform input[type="text"]{
		width: 80%;
	}
	.searchform input[type="submit"]{
		width: 20%;
	}
}

@media only screen and (max-width: 960px) {
	.post.feat{
		width: 100%;
		height: 15em;
	}
	.post, .arhiv .post{
		width: 50%;
		height: 10em;
	}
	.tile{
		height: 12.5em;
	}
	
	.traka .post{height: 20em;}
	
	
	.img{
		width: 100%;
		height: auto;
	}
	
	.tekst img.size-medium{
		width: calc(100% - 5em);
		height: auto;
		margin: 1.25em 2.5em;
	}
}

@media only screen and (max-width: 940px) {
	.header{padding: 5em 1.25em;}
	.logo{width: calc(100% / 3);}p.tagline{width: calc(100% / 3 * 2 + 2px);}
	.izbornik{width: 100%;}.izbornik li{width: calc(100% / 3); margin-left: 0; margin-top: -2px;}
}

@media only screen and (max-width: 630px) {
	.header{padding: 5em 1.25em;}
	.logo{width: calc(100% / 3);}p.tagline{width: calc(100% / 3 * 2 + 2px);}
	.izbornik{width: 100%;}.izbornik li{width: 100%; margin-left: 0; margin-top: -2px;}
}

@media only screen and (max-width: 640px) {
	.post.feat{
		width: 100%;
		height: 15em;
	}
	.post, .arhiv .post{
		width: 100%;
		height: 10em;
		margin-top: 0;
	}
	.ch+.post{margin-top: 1.25em;}
	.program.post{padding: .625em 1.25em;}
	.ch{padding: 1.25em;}
	.sadrzaj{padding: 0 1.25em;}
	.tekst{padding: 0 .625em;}
	.traka{padding: 0 1.25em;}
	
	.program .post {padding:.625em;}
	.program .post .opisic{width: calc(100% / 12 * 5); float: left;}
	.program .post .datumic{width: calc(100% / 12 * 5); float: left;}
	.program .post .meta{width:100%;}
	.program .post ul.post-categories{width:calc(100% - 2px);}
	.program .post .slika{width: calc(100% / 6 - 1.25em);}
	
	.traka .post{width:calc(100% / 2);}
	.searchform input[type="text"]{
		width: 75%;
	}
	.searchform input[type="submit"]{
		width: 25%;
	}
	.img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.ch.et{padding:.625em 1.25em;height:3.75em;}
	.ch.et:hover{height: 13.125em;}
	.et h2{width: 100%; text-align: center;margin-bottom: .3125em;font-weight:700;}
	h2.eter::before{display:none;}
	.cc_recenttracks_list{width:100%;}
	.cctrack:first-of-type{
		margin-bottom: .3125em!important;
	}
	.cctrack:first-of-type::after{
		content: '\25BA';
		float: right;
	}
	.cctrack{
		height: 1.25em;
		overflow: hidden;
	}
	.cctitle.ccnowplaying:first-of-type::before{content:"NOW";float:left;font-weight:700;}
	.cctitle::before{width:3.75em;}
	.cctrack:first-of-type, .cctrack:nth-of-type(2), .cctrack{
		width: 100%;
	}
	.cctrack:nth-of-type(2), .cctrack{
		margin-left: 0!important;
	}
}

@media only screen and (max-width: 600px){
	.playerSCA{
		width: calc(100% - 6em);
	}
	.playerSCA:hover{
		height: 325px;
	}
	.playerSCA.layout-small .wrapper{
		bottom: -45px !important;
		width: 100% !important;
	}
	.playerSCA.layout-small .ppBtn{
		width: 52px !important;
		height: 52px !important;
		line-height: 52px!important;
	}
	.pl{right:0;left:auto;}
}

@media only screen and (max-width: 450px) {
	.header{padding: 5em 1.25em;}
	.logo{width: calc(100% / 3);}p.tagline{width: calc(100% / 3 * 2 + 2px);}
	.izbornik{width: 100%;}.izbornik li{width: 100%; margin-left: 0; margin-top: -2px;}
	.post.feat{
		width: 100%;
		height: 15em;
	}
	.post, .arhiv .post{
		width: 100%;
		height: 10em;
		margin-top: 0;
	}
	.ch+.post{margin-top: 1.25em;}
	.program.post{padding: .625em 1.25em;}
	.ch{padding: 1.25em;}
	.sadrzaj{padding: 0 1.25em;}
	.tekst{padding: 0 .625em;}
	.traka{padding: 0 1.25em;}
	
	.traka .post{width:calc(100% / 2);}
	
	.program .post {padding: .625em 1.25em;}
	.program .post .opisic{width: calc(100% / 2); float: left;}
	.program .post .datumic{width: calc(100% / 2); float: left;}
	.program .post .slika{display:none;}
	
	.searchform input[type="text"]{
		width: 100%;
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}
	.searchform input[type="submit"]{
		width: 100%;
		padding-top: .625rem;
		padding-bottom: .625rem;
		margin-top: -1px;
	}
	.raspored .termin{
		width: 100%;
		padding: .3125rem 1.25rem;
	}
	.raspored .show{
		width: 100%;
		padding: .625rem 1.25rem;
		text-align: center;
	}
	
	.tekst img.size-medium{
		width: 100%;
		height: auto;
		margin: 1.25em 0;
	}
	iframe{left: 0!important;}
	/*#list{left:300px!important;}*/
}

@media only screen and (max-width: 300px) {
	.traka .post{width:100%;}
}

hr.footnotes{display:none;}
ol.footnotes{margin-top: 5em;}
ol.footnotes li, .tekst ol.footnotes li:last-child{border:none;float:left;}
sup{line-height:.1rem;}