/*
	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: 20%;
}
.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;
}

/* 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;
}
.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;
}
.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;
}
.tekst h3{
	width: 100%;
	float: left;
	font-family: 'Space Mono';
	text-transform: uppercase;
	font-size: 2em;
	line-height: 1.25em;
	margin: .625em 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;
	margin: 2.5em 0 1.25em 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;
}
ul.raspored{
	list-style: none;
	padding: .625rem 0 0;
	border-top: 1px dotted var(--txt);
}
.raspored li{
	padding-bottom: .625rem;
	margin-bottom: .625rem;
	border-bottom: 1px dotted var(--txt);
}
.raspored li:last-child{
	margin-bottom: 0;
}

.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{
	margin-bottom: 2.5em;
}

.tekst p{
	float: left;
	width: 100%;
	margin: 0;
}
.tekst p+p{
	margin: 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{
	margin: 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%;
	margin: 2.5rem 0;
/*	background: var(--txt);
	color: var(--w);*/
	border-top: 2px dotted var(--txt);
	border-bottom: 2px dotted var(--txt);
	font-size: 1.5em;
	line-height: 1.25em;
	font-family:'Space Mono';
	padding: 1.25rem 0;
}
blockquote{
	float: left;
	width: 100%;
	margin: 0 0 2.5rem 0;
/*	background: var(--txt);
	color: var(--w);*/
	border-top: 2px dotted var(--txt);
	border-bottom: 2px dotted var(--txt);
	font-size: 1.5em;
	line-height: 1.25em;
	font-family:'Space Mono';
	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.nosh{
	box-shadow: none;
}

.post-foot{
	width: 100%;
	float: left;
	font-family:'Space Mono';
	font-size: .8em;
	line-height: 1.25rem;
	margin-top: 2.5rem;
}
.post-foot p{
	width: 50%;
	float: left;
}
.post-foot p+p{
	margin-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: 80%;
	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);
}

p.icons{
	float: right;
	font-size: 1.25em;
	line-height: 1em;
}
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{float:left;width:100%;}

.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;
}

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

@media only screen and (max-width: 1440px) {
	.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: 20%; 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;
	}
}

@media only screen and (max-width: 782px) {
	.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: 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;
	}
}

@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;}