/* mediawiki modifications */

[title="ni"] { border: 2px solid red; }

div#catlinks { display: none; }
div#ibr-contribute { display: none; }

.graph {
    display: block;
    margin-bottom: 15px;
    width: 100%;
}
.kultura-content:after,
.graph:after {
    content: "";
    display: block;
    clear: both;
}

.kultura-year-row {
    width: 100%;
    display: block;
    clear: both;
}

.kultura-year-label {
    color: white;
    background-color: #AB2530;
    display: inline-block;
    line-height: 20px;
    padding: 0 6px;
    float: left;
    margin: 0 1px 2px 0;
    width: 3.2em;
    text-align: center;
}

.circle {
    float: left;
    width: 8px;
    height: 20px;
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 2px;
    cursor: pointer;
}
@media (max-width: 1024px) { .circle { width: 5px !important; } }
@media (max-width: 580px)  { .circle { width: 3px !important; } }
@media (max-width: 420px)  { .circle { width: 2px !important; } }

/* ---------------------------------------------------------------------------
   Legend
--------------------------------------------------------------------------- */

ul.kultura-legend {
    display: none;
    list-style: none;
    padding-left: 0 !important;
    margin: 0 !important;
    width: 40%;
    float: left;
    min-height: 190px;
}
.kultura-legend li {
    cursor: pointer;
}
.graph:not(.all) ~ .kultura-legend li.selected {
    font-weight: 500;
}
.kultura-legend li > span {
    height: 20px;
    display: inline-block;
    margin-right: 6px;
    width: 20px;
    vertical-align: top;
}
.all ~ .kultura-legend li > span:after,
.kultura-legend li.selected > span:after {
    content: "✔";
    line-height: 18px;
    display: block;
    width: 20px;
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: normal;
}

/* ---------------------------------------------------------------------------
   Circle states
--------------------------------------------------------------------------- */

.circle.selected {
    border-radius: 4px;
    background-color: black !important;
}
.circle.same-producer {
    box-shadow: 0 0 0 1px #000;
}

/* ---------------------------------------------------------------------------
   Visibility: circles hidden by default, shown when graph has matching class
--------------------------------------------------------------------------- */

span.circle {
    display: none;
}

.all span.circle,
.filmski_in_avdiovizualni_projekti            .filmski_in_avdiovizualni_projekti,
.interdisciplinarni_projekti                  .interdisciplinarni_projekti,
.intermedijska_umetnost_in_nove_tehnologije   .intermedijska_umetnost_in_nove_tehnologije,
.knjige_in_branje                             .knjige_in_branje,
.kulturna_dediscina                           .kulturna_dediscina,
.oblikovanje_arhitektura_in_uporabna_umetnost .oblikovanje_arhitektura_in_uporabna_umetnost,
.uprizoritvene_umetnosti_in_glasba            .uprizoritvene_umetnosti_in_glasba,
.vizualna_umetnost                            .vizualna_umetnost,
.javna                                        .javna,
.zasebna                                      .zasebna,
.vodja                                        .vodja,
.partner                                      .partner {
    display: inline-block;
}

/* ---------------------------------------------------------------------------
   Category colours
--------------------------------------------------------------------------- */

.circle.filmski_in_avdiovizualni_projekti,
.kultura-content .filmski_in_avdiovizualni_projekti > span
{ background-color: #5F7BAF; }

.circle.interdisciplinarni_projekti,
.kultura-content .interdisciplinarni_projekti > span
{ background-color: #E7B859; }

.circle.intermedijska_umetnost_in_nove_tehnologije,
.kultura-content .intermedijska_umetnost_in_nove_tehnologije > span
{ background-color: #B1BFD8; }

.circle.knjige_in_branje,
.kultura-content .knjige_in_branje > span
{ background-color: #E7805C; }

.circle.kulturna_dediscina,
.kultura-content .kulturna_dediscina > span
{ background-color: #69B758; }

.circle.oblikovanje_arhitektura_in_uporabna_umetnost,
.kultura-content .oblikovanje_arhitektura_in_uporabna_umetnost > span
{ background-color: #E0578D; }

.circle.uprizoritvene_umetnosti_in_glasba,
.kultura-content .uprizoritvene_umetnosti_in_glasba > span
{ background-color: #C5D862; }

.circle.vizualna_umetnost,
.kultura-content .vizualna_umetnost > span
{ background-color: #846FA5; }

.circle.javna,
.kultura-content .javna > span
{ background-color: #C57161; }

.circle.zasebna,
.kultura-content .zasebna > span
{ background-color: #D59987; }

.circle.vodja,
.kultura-content .vodja > span
{ background-color: #E7805C; }

.circle.partner,
.kultura-content .partner > span
{ background-color: #E7AE5C; }

/* ---------------------------------------------------------------------------
   NEWS media — commented out pending category decision
   To restore: uncomment this block and add 'news_media' to CATEGORY_MAP in JS

.circle.news_media,
.kultura-content .news_media > span
{ background-color: #5869b7; }

.all span.circle,
...
.news_media .news_media { display: inline-block; }
--------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
   Detail panel
--------------------------------------------------------------------------- */

.kultura-details {
    width: 60%;
    float: left;
}
.kultura-details h2 {
    margin-top: 0 !important;
    font-size: 16px !important;
}

/* ---------------------------------------------------------------------------
   Misc
--------------------------------------------------------------------------- */

.tagline {
    margin-bottom: 10px;
}
.kultura-switcher {
    padding-bottom: 10px;
}
.kultura-switcher a {
    color: black;
    border: 1px solid #ccc;
    padding: 4px 8px;
}
.kultura-switcher a.active {
    background: #ccc;
}