#chart { min-height: 432px; z-index: 0; width: 100% }
#chart.leaflet-container { background: initial; }
#chart.leaflet-container { width: 100%;re }
#qspinner { position: absolute; width: 100%; max-width: 768px; text-align: center; }
.details h3:before { font-family: "culture_ico" !important; content: " "; font-size: 80%; color: var(--zelena); }
.details .item h3 { margin-bottom: 0; padding-bottom: 0; }
.details .item { background: var(--bela); padding: 0 1rem 1rem 1rem; margin: 1rem 0; }
.details .item p { margin: 0; }
.details .item .duration { font-size: smaller; margin-top: 0.5rem; }
.details .item .managed_by { font-size: smaller; }
.details .item .categories { margin-top: 0.8rem; font-size: smaller; font-weight: bold; clear: both; }
.details .item .categories .category { margin-right: 1rem; white-space: nowrap; }
.details .item .categories .category:before { content: "#"; }
.details .item .categories .category_nolink { margin-right: 1rem; white-space: nowrap; }
.details .item .badges { margin-top: 0.4rem; font-size: smaller; font-weight: bold; clear: both; }
.details .item .badges .badge { margin-right: 1rem; white-space: nowrap; }
.details .item .badges .badge_nolink { white-space: nowrap; }
.details .item .clear { clear: both; }
.details .item .towns { font-size: smaller; margin-bottom: 0.5rem; font-style: italic }
.details .icon { float: right; }
.details .icon img { margin: 1rem 0 1rem 1rem; max-width: 160px; max-height: 160px; }
.help { font-size: smaller; margin-top: 1rem; }
.hud { 
    display: none;
    position: fixed; top: 0; left: 0; right: 0; bottom: 0; 
    background-color: rgba(255,255,255,0.5);
    z-index: 1000;
}
.overlay { 
    position: absolute;
    top: 6.2rem;
    left: 0;
    right: 0;
    justify-self: center; 
    max-width: 100%;
    width: 768px;
    bottom: 1rem;
    border: 2px solid var(--crna);
    border-radius: 8px;
    background: var(--bela);
    z-index: 100;
}
body.anon .csi.toolbar { display: none; }
.csi.toolbar a { color: var(--bela); }
body.horizontal-compact .overlay { top: 3rem; }
body.overlay-open { overflow-y: hidden; }
body.overlay-open .hud { display: block; }
.overlay header { display: none; }
.overlay footer { display: none; }
.overlay { padding: 1rem; }
.overlay nav { position: absolute; top: 1rem; left: 1rem; cursor: pointer; z-index: 1100; text-align: center; }
.overlay nav a { text-decoration: none !important; }
.overlay .content { 
    position: absolute;
    top: 0; left: 4rem; right: 0; bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 4rem;
    overflow-y: auto; 
}
.overlay .content .button { display: none; } 
.leaflet-marker-icon:hover { filter: hue-rotate(30deg); z-index: 5000 !important; }
.leaflet-marker-icon.selected { filter: hue-rotate(-140deg); z-index: 4000 !important; }
.coa-logo { width: 32px; }
.leaflet-control-attribution { display: none; }
#mytooltip {
    position: fixed;
    width: 180px;
    margin-left: -90px;
    margin-top: -76px;
    padding: 8px;
    z-index: 1000;
    border: none;
    background: rgba(255,255,255,0.9);
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
}
.hgroup { display: flex; }
@media (max-width: 1023px) { .hgroup { flex-direction: column; } }

.leaflet-div-icon img { width: 100%; height: 100%; }
.leaflet-div-icon { background: transparent; border: none; }
.leaflet-div-icon .number { position: relative; top: -30px; font-size: 14px; text-align: center;
			    color: #fff; font-weight: bold;
			  }
.hgroup .vgroup.left { width: 25%; margin-right: 1rem; }
.hgroup .vgroup.right { width: 75%; }

//.legend { float: right; }
.legend { cursor: pointer; }
.legend { font-size: 20px;  overflow-y: auto; }
//.legend { width: 25%; }
// .legend {  max-height: var(--chart-height);  max-width: 320px; }
.legend .category { padding-right: 1rem; white-space: nowrap; border-top: 1px solid #dbdbdb; }
.legend .category:hover { background-color: var(--bela); color: var(--crna); }
.legend label { margin: 0.2rem 0.4rem; }
.legend .category[data-type] label:before {
    content: "\2610"; font-family: NotoSymbols2;
    margin-right: 1rem; font-size: 22px; vertical-align: middle; }
.legend .category.selected[data-type]  label:before { content: "\2612"; }
@media (max-width: 1023px) {
    .legend { float: none; width: initial; max-width: initial; margin-bottom: 0.4rem; }
    .legend p { height: 0; margin: 0.4rem; }
    .legend .category { display: inline-block; margin: 2px 4px 2px 0; }
    .hgroup .vgroup.left { width: 100%; margin-right: 0; }
    .hgroup .vgroup.right { width: 100%; }
    .category { min-width: 260px; }
}
@media print {
    body.overlay-open .details { display: none !important; }
    figure img { max-width: 768px; }
}

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

.category span { width: 1.4rem; display: inline-block; height: 20px; margin: 0.2rem 0.4rem; }
.category[data-type="category"] span { vertical-align: middle; }
//.category.selected[data-type="category"] span:before {
//    color: var(--bela); content: "\00d7"; margin-left: 0.45rem;
//}
.category.category-all { font-weight: bold; }
.category.category-all.selected span:before { content: ""; }

.category[data-type="badge"] span:before { font-family: NotoEmoji; }
//.badges .badge_nolink { font-size: small; }
.badges .badge_nolink span:before { font-family: NotoEmoji; font-weight: normal; }
.category-Accessibility:before { content: "\267f"; }
.category-Cost_coverage:before { content: "\1FA99"; }
.category-Family:before { content: "\1F46A"; }
.category-Inclusion:before { content: "\26A7"; }
.category-Pets:before { content: "\1F436"; }
.category-Sustainability:before { content: "\267B"; }

//.legend .category.selected { background-color: var(--turkizna1); color: var(--bela); }
//.legend .category.selected:hover { background-color: var(--turkizna1); color: var(--bela); }

/*
.category-Architecture { background-color: #A03070; }
.category-Cultural_heritage { background-color: #69B758; }
.category-Design { background-color: #E0578D; }
.category-Film { background-color: #5F7BAF; }
.category-Literature { background-color: #E7805C; }
.category-Media { background-color: #5869B7; }
.category-Music { background-color: #7EC8A0; }
.category-New_media_art { background-color: #E7B859; }
.category-Theatre__Dance { background-color: #C5D862; }
.category-Visual_arts { background-color: #846FA5; }
.category-Intermedia_arts { background-color: #B1BFD8; }
*/
/*
.category-Architecture { background-color: #D6A634; }
.category-Cultural_heritage { background-color: #4FA395; }
.category-Design { background-color: #5363A4; }
.category-Film { background-color: #527A48; }
.category-Intermedia_arts { background-color: #95A77E; } 
.category-Literature { background-color: #8E9040; }
.category-Media { background-color: #DC6461; }
.category-Music { background-color: #C9744A; }
.category-New_media_art { background-color: #B0533C; }
.category-Theatre__Dance { background-color: #91537A; }
.category-Visual_arts { background-color: #B1BFD8; }
*/
.category-Architecture { background-color: #D9B167; }
.category-Cultural_heritage { background-color: #4FA395; }
.category-Design { background-color: #3E7C94; }
.category-Film { background-color: #75A02F; }
.category-Intermedia_arts { background-color: #95A77E; } 
.category-Literature { background-color: #B7AB28; }
.category-Music { background-color: #DC6461; }
.category-Media { background-color: #C9744A; }
.category-New_media_art { background-color: #D39660; }
.category-Theatre__Dance { background-color: #91537A; }
.category-Visual_arts { background-color: #4F9CBB; }