html, body {margin:0;padding:0;border:0;}
body {font-size:87.5%;line-height:1.42857143em;background:#EDEDED;font-family:sans-serif;}

/* generics */
a {color:#5D016D;}
a:visited {color:#4C0159;}
a:hover {color:#666;text-decoration:underline;}

h1 a, h2 a, h3 a {color:#5D016D;text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover {color:#5D016D;}

h1 {font-size:2em;line-height:1.07142857em;font-weight:bold;font-style:normal;margin:.35714286em 0;}
/*h2 {font-size:1.5em;line-height:1.42857143em;font-weight:bold;font-style:normal;margin:.47619048em 0 0;}*/
h2 {font-size:1.25em;line-height:1.14285714em;font-weight:bold;font-style:normal;margin:.57142857em 0 .37142857em 0;}
h3 {font-size:1.25em;line-height:1.14285714em;font-weight:bold;font-style:normal;margin:.57142857em 0 0;}
h4 {font-size:1em;font-weight:bold;font-style:normal;margin:.71428571em 0 0;}
h5 {font-size:1em;font-weight:normal;text-transform:uppercase;font-style:normal;margin:.71428571em 0 0;}
h1, h2, h3, h4, h5 {font-family:'Open Sans',sans-serif;}

p, ol, ul, dl {margin:0 0 1.42857143em;padding:0;}
li {margin:0 0 0 2.14285714em;}

nav ol, .nav {list-style:none;margin:0;padding:0;}
nav ol li, .nav li {display:inline-block;padding:0;margin:.35714286em 0;}
nav ol li a {display:inline-block;padding:.35714286em .71428571em;text-decoration:none;}

form {margin:0;padding:0;}
form fieldset {border:0;margin:0;padding:0;}
form input {font-size:1em;}

/* layout */

.wrapper {margin-left:.71428571em;margin-right:.71428571em;}

header {background:#D9D9D9;overflow:hidden;box-shadow:0 0 5px #555;margin:0 0 2.14285714em;}
header h1 {margin:0;padding:0;background:url(../emanat.png) no-repeat center center;}
header h1 a {color:#fff;text-decoration:none;text-indent:-1000em;display:inline-block;min-width:160px;padding:.35714286em;}
header .menu {background:#111;color:#fff;text-align:center;font-family:'Open Sans',sans-serif;}
header .menu nav a {color:#fff;text-transform:uppercase;
	-moz-transition:background-color .2s linear;
	-webkit-transition:background-color .2s linear;
	transition:background-color .2s linear;
}
header .menu nav a:hover {background:#333;text-decoration:none;}
header .menu nav .active a {background:#666;}
header .lang {float:left;font-size:.71428571em;text-transform:uppercase;margin:.5em 0;}
header .lang li {margin:0;}
header .lang a {padding:.5em;color:#111;}
header .lang a:hover {background:#eee;}
header .lang .active a {background:#fff;}

header .about {float:right;font-size:.71428571em;text-transform:uppercase;margin:.5em 0;}

header .search {float:right;margin:.71428571em 0;height:20px;}
header .search input {position:relative;top:-2px;}
header .search input[type="search"] {width:10em;}

.body {overflow:hidden;padding:0 10px;}

hgroup {margin:0 0 1.42857143em;}

.main section {clear:left;margin:0 0 1.42857143em;}
/*
.main section > h2 {text-transform:lowercase;}
.main section > h2:first-letter {text-transform:uppercase;}
*/

/*
.foto {padding:5px;margin:-5px;}
.foto.dynamic {padding:5px 0;margin:-5px 0;}
.foto ol {position:relative;}
.foto li {margin:0;}
.foto li a {position:relative;display:block;width:auto;height:auto;}
.foto li a:hover {z-index:1;border:5px solid rgba(0,0,0,.1);margin:-5px;}
.foto li * {display:block;height:120px;width:auto;}
.foto .action {width:20px;background:rgba(0,0,0,.5) url(../img/stop-play.png) no-repeat center center;color:#fff;position:absolute;top:5px;bottom:5px;z-index:2;}
.foto .back {left:0;background-position:0 center;}
.foto .fwd {right:0;background-position:-40px center;}
.foto .action:hover {background-color:#111;}
.foto .end {background-position:center center;}
*/
.foto {
    column-count: 4;
    column-gap: .72em;
}

.foto > a {
    display: block;
    margin: 0 0 .72em;
    width: 100%;
    line-height: 0;
}

.foto > a > img {
    width: 100%;
}

.foto li audio {width:300px;height:30px;}

.tabs {font-family:'Open Sans',sans-serif;border-bottom:1px solid #ccc;margin:-2.14285714em 0 -1px;position:relative;z-index:1;padding:1px .71428571em 0;}
.tabs li {margin:-1px 1px;}
.tabs .active {border:1px solid #ccc;margin:-1px 0;border-bottom-color:#EDEDED;background:#F9F9F9;
	background:-webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,.1) 100%);
	background:-moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,.1) 100%);
	background:linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,.1) 100%);
}
.tabs li a {margin-bottom:-1px;color:#999;text-transform:uppercase;}
.tabs .active a, .tabs li a:hover {color:#444;}

figure {margin:0;font-size:.85714286em;line-height:1.25em;} /* 12px */
figure figcaption {display:block;}
figure span {font-size:.83333333em;line-height:1em;display:block;} /* 10px */
figure img {display:block;margin:0 0 .41666667em;}

article h1 {font-size:1.5em;line-height:1.42857143em;font-weight:bold;font-style:normal;margin:.47619048em 0 0;}
article figure {float:left;margin:.4em .83333333em 1.66666667em 0;width:160px;} /* 12px */
article p {margin:0 0 .71428571em .71428571em;padding-left:160px;}

.events {list-style:none;margin:0;padding:0;}
.events li {margin:0;padding:0;}
.meta {margin:0;padding:0;}
.meta.dynamic {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1.66666667em;}

.calendar {margin:0 0 2.85714286em;padding:2.14285714em 0 0;}
.calendar article {margin:0 0 1.42857143em;}
.calendar .month {border-bottom:1px solid #ccc;}
.calendar .month > h1 {font-size:1em;margin:1.42857143em 0 0;}
.calendar .month + .archive {margin-top:-1.42857143em;border-top:1px solid #111;position:relative;top:-1px;}
.calendar .archive > h1 {font-size:1.5em;line-height:1.42857143em;font-weight:bold;font-style:normal;margin:.47619048em 0 0;padding:0 0 .47619048em;border-bottom:1px solid #ccc;}

.list {border-bottom:1px solid #ccc;margin:0 0 2.85714286em;padding:2.14285714em 0 0;}
.list article {border-top:1px solid #ccc;margin-bottom:2.14285714em;clear:both;}
.list article .meta {margin:0 0 .71428571em;}

.cards .tabs {margin:0 0 -1px 3.03030303%;}
.cards .preface {margin:1.42857143em 0 0 3.03030303%;}
.cards article {overflow:hidden;position:relative;}
.cards article h1 {margin:.47619048em 0 0;}
.cards article .meta {background:#fff;color:#111;padding:.41666667em;font-size:.85714286em;}
.cards article .meta > p {margin:0;padding:0;height:1.66666667em;overflow:hidden;}
.cards article .content {background:#111;color:#eee;overflow:hidden;}
.cards article figure {width:150px;margin:0 3.33333333% 0 0;}
.cards article figure img {width:100%;}
.cards article p {padding:.71428571em 3.33333333% 1.42857143em;margin:0;}
.cards article:hover .meta.dynamic {position:absolute;left:0;right:0;z-index:10;background:rgba(255,255,255,.8);height:auto;white-space:normal;}
.cards article:hover .meta.dynamic > p {height:auto;}
.cards article:hover figure {border-top:2.5em solid #fff;}

.more {clear:both;padding:1.42857143em 0;margin-left:3.030303030%;}
.more a {display:block;padding:.35714286em;text-align:center;background:#666;color:#fff;text-transform:uppercase;text-decoration:none;}

.premiere {font-family:sans-serif;background:#fff;font-size:1em;font-weight:normal;padding:.25em;}

.visual {margin:.71428571em 0;}
.visual figure {margin:0 0 1.42857143em;}
.visual p {margin:0;}

.peoplelist {padding:0 0 0 1.42857143em;overflow:hidden;}
.peoplelist dt {display:inline-block;float:left;font-weight:bold;clear:both;margin:0 0 0 -1.42857143em;}
.peoplelist dt:after {content:":\00a0";}
.peoplelist dd {display:inline-block;float:left;padding:0;margin:0;}
.peoplelist dd:after {content:",\00a0";}
.peoplelist dd.last:after {content:"";}

aside h1, aside h2 {font-size:1.25em;line-height:1.71428571em;font-weight:bold;font-style:normal;margin:0;padding:0 .57142857em;}
aside h1 a, aside h2 a {text-decoration:none;display:block;margin:0 -.57142857em;padding:0 .57142857em;}
aside h1 {background:#111;color:#fff;text-transform:uppercase;border-top:1px solid #666;}
aside h1:first-child {border-top:0;}
aside h1 a, aside h1 a:hover, aside h1 a:visited {color:#fff;}
aside h2 {background:#fff;color:#111;}
aside h2 a, aside h2 a:hover, aside h2 a:visited {color:#111;}
aside section {margin-top:-1px;border-top:1px solid #EDEDED;}
aside section.closed > * {display:none;}
aside section.closed > h2 {display:block;}

.subnav {padding:2.14285714em 0 0;}

.linklist {margin:.71428571em .71428571em 1.42857143em 0;}
.linklist > li {list-style:none;margin:0;padding-left:16px;}
.linklist > li > a {margin-left:-16px;border-left:8px solid #ccc;padding:0 8px;text-decoration:none;}
.linklist > li > a:hover {border-left-color:#fff;text-decoration:underline;}

footer {margin:2.5em 0 0;font-size:.85714286em;clear:both;overflow:hidden;background:#D9D9D9;}
footer a, footer a:visited {color:#111;}
footer a:hover {background:#ccc;color:#000;}
footer .menu {text-align:center;}
footer .menu ol {margin:0;overflow:hidden;}
footer .menu li {display:block;margin:0;padding:0;}
footer .menu a {display:block;padding:.35714286em 0;}
footer .menu > ol {margin:1em 0.52083333% 0;}
footer .menu > ol:first-child {box-shadow:none;}
footer .menu > ol > li {margin-left:0.52631579%;}
footer .menu > ol > li > a {font-weight:bold;margin:0;box-shadow:0 1px 0 #aaa;position:relative;z-index:1;}
footer .copy {margin:.83333333em 1.04166667%;float:left;clear:left;}


@media screen and (min-width:980px) {
	.wrapper {width:960px;margin-left:auto;margin-right:auto;}
	header h1 {float:left;}
	header h1 a {padding:.53571429em;background-position:top left;}
	header .menu {text-align:left;overflow:hidden;}
	header .menu nav {float:right;margin:.71428571em;}
}
@media screen and (max-width:979px) {
	body {font-size:75%;}
	header .menu {margin:0 -.71428571em;}
	footer.wrapper {margin-left:0;margin-right:0;}
}
@media screen and (max-width:400px) {
	.cards article figure {float:none;margin:0;width:100%;}
	.cards article figure img {width:100%;}
}
@media screen and (min-width:400px) {
	footer .menu > ol > li {width:32.6315789%;float:left;}
	footer .menu > ol > li:nth-child(4) {clear:left;}
}
@media screen and (min-width:600px) {
	.cards {margin:0 0 0 -3.03030303%;}
	.cards article {width:46.96969697%;float:left;margin:0 0 .71428571em 3.03030303%;}
	.cards article:nth-of-type(2n+1) {clear:left;}
	.cards article:nth-of-type(1) {clear:both;}
	.cards article figure {float:none;margin:0;width:100%;}
	.cards article figure img {width:100%;}
	footer .menu > ol > li {width:16.0526316%;float:left;}
	footer .menu > ol > li:nth-child(4) {clear:none;}
}
@media screen and (min-width:800px) {
	.visual {float:right;width:31.25%;margin-top:2.85714286em;margin-bottom:2.14285714em;}
	.visual img {width:100%;max-width:100%;}
	.body .main {float:left;width:64.58333333%;}
	.body .cards {float:none;width:103.125%;}
	.body .cards .preface {width:64.58333333%;}
	.body aside {float:right;clear:right;width:31.25%;}
	.cards {margin:0 0 0 -3.03030303%;}
	.cards article {width:30.303030303%;float:left;margin:0 0 .71428571em 3.03030303%;}
	.cards article:nth-of-type(2n+1) {clear:none;}
	.cards article:nth-of-type(3n+1) {clear:left;}
	.cards article:nth-of-type(1) {clear:both;}
}

.chromeframe {background:red;color:#fdd;text-align:center;font-size:1.5em;line-height:1.42857143em;padding:.71428571em;margin:0;position:relative;z-index:10;}
.chromeframe em {font-weight:bold;font-style:normal;}
.chromeframe a {color:#fff;font-weight:bold;}

/* retinafy */
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-devicepixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	header h1 {background-image:url(../emanat-big.png);background-size:160px 60px;}
	.foto .action {background-image:url(../img/stop-play-big.png);background-size:60px 20px;}
}

/* New front page */
.frontpage.nouveau .novica > article > h1 { margin-top: 0; }
/*.frontpage.nouveau .spremembe > div { width: 33%; float: left; } */
.frontpage.nouveau .foto { column-gap: 6px; column-count: 2; }
.frontpage.nouveau .foto > a { margin: 0 0 6px; }
.frontpage.nouveau form label { display: block; }
.frontpage.nouveau form input { width: 100%; font-size: 1.2rem; margin-bottom: .8rem; }
.frontpage.nouveau form input[type=checkbox] { max-width: 1rem; }
.frontpage.nouveau form input[type=submit] { max-width: 8rem; font-size: 1rem; }

.mt0 { margin-top: 0 !important; }
.mt05 { margin-top: .5rem !important; }
.mt1 { margin-top: 1rem !important; }
.mt2 { margin-top: 2rem !important; }
.mt3 { margin-top: 4rem !important; }
.mt4 { margin-top: 4rem !important; }
.mt5 { margin-top: 5rem !important; }

.mb0 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: .5rem !important; }
.mb1 { margin-bottom: 1rem !important; }
.mb2 { margin-bottom: 2rem !important; }
.mb3 { margin-bottom: 3rem !important; }

.mr05 { margin-right: 0.5rem !important; }

.bt { border-top: 1px solid #ccc; }

.cb { clear: both; }

.clearfix::after {
    clear: both;
    display: table;
    content: "";
}

.fl { float: left !important; }
.fr { float: right !important; }

.btn {
    float: right;
    background: white;
    border: 1px solid #ccc;
    color: black;
    padding: .2rem .5rem;
    text-decoration: none;
    border-radius: .2rem;
}

.front-heading {
    background-color: black;
    color: white;
    text-transform: uppercase;
    padding: .3rem .8rem;
    margin-bottom: 1.25rem;
}

/* Frontpage slika */
section.body.page-home > p > a { width: 100% !important; }
section.body.page-home > p > a > img { width: 100% !important; height: auto !important; }