/* --------------------------------------------------------------------------  
   SOMMARKAMPANJ 2025 | LB MAP
--------------------------------|----------------------------------------- */

/* MASK ---------------------- */

#lb-map .close-btn:before,
#gmap-reset-btn:before,
.gmi-object .head .icon:before,
.gmi-object .content .title-2:before,
.gmf-btn .icon:before,
.gmap-marker .icon.cat:before   { display:block; content:""; width:100%; height:100%;
                                  -webkit-mask-position:center; mask-position:center;
                                  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; }

/* TEXT BUTTON --------------- */ 

.text-btn                       { display:inline-block; padding:12px 17px 13px; 
                                  font:700 20px/100% 'Open Sans' !important; 
                                  color:#fff !important; background:var(--c-theme) !important; 
                                  text-transform:uppercase; text-decoration:none !important;
                                  border-radius:6px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); }

/* OVERLAY -------------------- */

.overlay { position:absolute; top:0; left:0; bottom:0; right:0; 
width:100% !important; height:100% !important; padding:0 !important; }


/* BG IMAGE ------------------- */

.bg-img  { background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; }


/* CLOSE BTN ------------------ */

.close-btn                       { display:block; position:absolute; z-index:+2; top:20px; right:20px; 
                                   width:34px; height:34px; background:#fff; border-radius:50%; }	
.close-btn:before                { background:#555; transition:all .3s ease-in-out; 
                                   -webkit-mask-image:var(--icon-close); mask-image:var(--icon-close); 
                                   -webkit-mask-size:50%; mask-size:50%;}	
.close-btn:hover:before          { background:var(--c-theme); }	

.close-btn span                  { display:inline-block; position:absolute; top:0; left:34px; padding:9px 0 0 6px;
                                  font:600 16px/1 'Open Sans'; color:#fff; transition:all .3s ease-in-out; }

/* --------------------------------------------------------------------------  
   LIGHTBOX GMAP
--------------------------------|----------------------------------------- */

#lb-map.overlay                 { display:block !important; position:fixed; z-index:-1; 
                                  opacity:0; transition:all .1s ease; }   

#lb-map *                       { word-break:normal !important; } 

#lb-map a                       { cursor:pointer !important; }  

#lb-map *:focus, #lb-map a:hover { outline:0 !important; }

#lb-map.overlay.active          { z-index:100000; opacity:1; }

#lb-map .lb-overlay.overlay     { position:fixed; z-index:-1; background:rgba(0,0,0,0.6) !important; }

#lb-map .lb-content             { position:relative; z-index:+1; margin:174px auto 0; padding:0;
                                  max-width:1340px; background:transparent; }

.lb-close.close-btn             { display:block; position:absolute; z-index:+2; top:-60px; left:calc(50% - 30px); 
                                  width:34px; height:34px; background:#fff; border-radius:50%; }

.lb-map-active #ArtviseWebHelpTab,
.lb-map-active .bot-footer__disturbance-information { display:none !important; }


/* GMAP CONTAINER ------------- */

#gmap                            { display:block !important; position:relative; width:100%; height:100%; overflow:hidden; border-radius:10px; }



/* RESET BUTTON -------------- */

#gmap-reset-btn                 { position:absolute; z-index:+5; bottom:120px; right:10px; 
                                  width:40px; height:40px; background:#fff;
                                  border-radius:50%; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); }

#gmap-reset-btn:before          { -webkit-mask-size:60%; mask-size:60%; background:rgba(0,0,0,.5);
                                  -webkit-mask-image:var(--icon-reload); mask-image:var(--icon-reload);
                                  transition:all 0.4s ease; }

#gmap-reset-btn:hover:before    { background:rgba(0,0,0,1); }



/* MAP FILTER ---------------- */

.gmap-filter-btn                { position:absolute; z-index:+20; top:10px; right:10px; }

.gmap-filter                    { position:absolute; z-index:+30 !important; display:none; }

.gmap-filter .close-btn         { top:13px; left:auto; right:20px; border:1px solid rgba(0,0,0,.2); }

.gmap-filter .close-btn:hover:before { background:var(--c-theme); }

.gmap-filter .close-btn span    { left:-56px !important; width:56px; padding:8px 0 0 0 !important; color:#555 !important; }
.gmap-filter .close-btn:hover span { color:#000 !important; }

.gmf-overlay                    { z-index:0; background:rgba(0,0,0,0.3);
                                  opacity:0; transition:opacity 0.3s ease; }

.gmf-box                        { position:absolute; z-index:1; top:0; right:-400px; 
                                  display:flex; width:400px; height:100%; 
                                  background:#fff; transition:right 0.3s ease; }  

.gmf-box-inner-wrap             { width:100%; padding:10px 20px; color:#000; 
                                  background:url("https://tse-botkyrka.sitevision-cloud.se/images/18.49fb99b31900c78568c2af84/1718891096493/bg-grass-tile.png") no-repeat;
                                  background-position:right bottom; background-size:150%; }  

.gmap.gmf-show .gmap-filter.active .gmf-box       { right:0; }
.gmap.gmf-show .gmap-filter.active .gmf-overlay   { opacity:1; }

.gmf-title                      { height:48px; margin:0 !important; padding:10px 0 0; font:700 20px/1.25 'Open Sans'; color:#000; }

.gmf-box .toggle                { display:none !important; } /* TA BORT HTML */


a.gmf-btn                       { position:relative; display:block; min-height:48px; margin:0 0 8px; padding:3px; 
                                  background:#000; border-radius:6px; text-decoration:none;      
                                  font:600 18px/1.25 'Open Sans'; }

.gmf-btn-all.show-all .text-show,
.gmf-btn-all.hide-all .text-hide  { display:inline-block; }

.gmf-btn-all.show-all .text-hide,
.gmf-btn-all.hide-all .text-show  { display:none; }

#gmf-cat0 { 
background:linear-gradient(90deg, 
var(--c-sg-cyanblue) 0%, 
var(--c-sg-brown) 16.666%,
var(--c-sg-green) 33.333%,
var(--c-sg-pink) 50%,
var(--c-sg-blue) 66.666%,
var(--c-sg-black) 83.333%,
var(--c-sg-red) 100%);   
}

#gmf-cat1                       { background:var(--c-sg-cyanblue); }
#gmf-cat2                       { background:var(--c-sg-brown); }
#gmf-cat3                       { background:var(--c-sg-green); }
#gmf-cat4                       { background:var(--c-sg-pink); }
#gmf-cat5                       { background:var(--c-sg-blue); }
#gmf-cat6                       { background:var(--c-sg-black); }
#gmf-cat7                       { background:var(--c-sg-red); }

.gmf-btn > div                  { position:relative; height:100%; padding:9px 8px 10px 52px; background:#fff; border-radius:3px; color:#000; }

.gmf-btn .icon                  { position:absolute; top:1px; left:4px; width:40px; height:40px; }

#gmf-cat1.gmf-btn .icon         { top:2px; }

.gmf-btn .icon:before           { background:#000; }

.gmf-btn .icon.all              { display:flex; flex-flow:row; justify-content:space-between; gap:2px; padding:11px 5px; }
.gmf-btn .icon.all:before       { display:none; }
.gmf-btn .icon.all span         { display:flex; flex-flow:column; gap:2px; width:9px; height:30px; }
.gmf-btn .icon.all span:before,
.gmf-btn .icon.all span:after  { display:block; content:""; flex-flow:column; width:9px; height:9px; background:#000; }
.gmf-btn .icon.all span:nth-child(1):before { background:var(--c-sg-cyanblue); }
.gmf-btn .icon.all span:nth-child(1):after { background:var(--c-sg-pink); }
.gmf-btn .icon.all span:nth-child(2):before { background:var(--c-sg-brown); }
.gmf-btn .icon.all span:nth-child(2):after { background:var(--c-sg-green); }
.gmf-btn .icon.all span:nth-child(3):before { background:var(--c-sg-blue); }
.gmf-btn .icon.all span:nth-child(3):after { background:var(--c-sg-red); }

#gmf-cat1 .icon:before          { background:var(--c-sg-cyanblue); -webkit-mask-size:87%; mask-size:87%; 
                                  -webkit-mask-image:var(--icon-cat-swim); mask-image:var(--icon-cat-swim); }

#gmf-cat2 .icon:before          { background:var(--c-sg-brown); -webkit-mask-size:56%; mask-size:56%; 
                                  -webkit-mask-image:var(--icon-cat-fork-knife); mask-image:var(--icon-cat-fork-knife); }

#gmf-cat3 .icon:before          { background:var(--c-sg-green); -webkit-mask-size:85%; mask-size:85%; 
                                  -webkit-mask-image:var(--icon-cat-hike); mask-image:var(--icon-cat-hike); }

#gmf-cat4 .icon:before          { background:var(--c-sg-pink); -webkit-mask-size:65%; mask-size:65%; 
                                  -webkit-mask-image:var(--icon-cat-castle); mask-image:var(--icon-cat-castle); }

#gmf-cat5 .icon:before          { background:var(--c-sg-blue); -webkit-mask-size:77%; mask-size:77%; 
                                  -webkit-mask-image:var(--icon-cat-bed); mask-image:var(--icon-cat-bed); }

#gmf-cat6 .icon:before          { background:var(--c-sg-black); -webkit-mask-size:90%; mask-size:90%; 
                                  -webkit-mask-image:var(--icon-cat-mountain); mask-image:var(--icon-cat-mountain); }

#gmf-cat7 .icon:before          { background:var(--c-sg-red); -webkit-mask-size:65%; mask-size:65%; 
                                  -webkit-mask-image:var(--icon-cat-palette); mask-image:var(--icon-cat-palette); }


/* HOVER BUTTONS ------------ */

.gmf-btn:hover > div { background:rgba(255,255,255,.75); }


/* ACTIVE BUTTONS ------------ */

#gmf-cat0.hide-all > div,
.gmap.gmf-cat1 #gmf-cat1 > div,
.gmap.gmf-cat2 #gmf-cat2 > div,
.gmap.gmf-cat3 #gmf-cat3 > div,
.gmap.gmf-cat4 #gmf-cat4 > div,
.gmap.gmf-cat5 #gmf-cat5 > div,
.gmap.gmf-cat6 #gmf-cat6 > div,
.gmap.gmf-cat7 #gmf-cat7 > div { background:transparent; color:#fff; }

#gmf-cat0.hide-all .icon.all span:before,
#gmf-cat0.hide-all .icon.all span:after,
.gmap.gmf-cat1 #gmf-cat1 .icon:before,
.gmap.gmf-cat2 #gmf-cat2 .icon:before, 
.gmap.gmf-cat3 #gmf-cat3 .icon:before, 
.gmap.gmf-cat4 #gmf-cat4 .icon:before, 
.gmap.gmf-cat5 #gmf-cat5 .icon:before, 
.gmap.gmf-cat6 #gmf-cat6 .icon:before, 
.gmap.gmf-cat7 #gmf-cat7 .icon:before { background:#fff; }


/* CLOSE BUTTON "Hitta aktiviteter" */

.gmf-close.text-btn             { display:none; margin:8px 0 0; text-align:center; }


/* BUTTERFLY IMAGE ----------- */

.gmf-butterfly                  { display:block; position:relative; }

.gmf-butterfly:before {
display:block; content:""; position:absolute; top:30px; left:50%;
-webkit-transform:translateX(-50%); transform:translateX(-50%);
width:100px; height:91px; 
background:var(--img-butterfly) no-repeat;
background-size:cover; background-position:center; }


/* TIPS TEXT ----------------- */

.gmf-tips                       { display:none !important; padding:20px 0; } /* HIDE */

.gmf-tips-text                  { display:none; font:16px/1.5 "Open Sans"; color:#000; }

.gmf-tips-end-title             { padding:10px 0; }

.gmf-tips-end-title svg         { width:120px; height:auto; }


/* GOOGLE MAP ---------------- */

#gmap-map                       { display:block !important; width:100%; height:780px; }

/* FIX KARTA BRYTPUNKTER - veronica ändrar*/

@media screen and (max-width:1560px) { 

   #gmap-map {
      height: 37em;
   }

   #lb-map .lb-content { 
      margin:85px auto 0;  
   }

   .gmap.gmi-show #gmap-info { bottom:11% !important; }
}
/* SLUT PÅ ÄNDRINGAR */


/* MAP MARKER ICONS ---------- */

gmp-advanced-marker.active      { z-index:+1 !important; }

.gmap-marker                    { display:none; position:relative; width:46px; height:78px; }

.gmap-marker svg                { opacity:1; position:absolute; z-index:0; -webkit-filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));
                                  filter:drop-shadow(0 2px 3px rgba(0,0,0,.2)); }

.gmap-marker .title             { position:absolute; z-index:-1; left:38px; top:22px; 
                                  display:inline-block; padding:5px 8px 5px 12px;
                                  background:#fff; color:#000; border-radius:0 3px 3px 0; 
                                  box-shadow:0 2px 4px 0 rgba(0,0,0,0.2); 
                                  font:700 14px/1 'Open Sans'; /*text-transform:uppercase;*/
                                  white-space:nowrap; }

.gmap-marker .icon.cat          { display:block; position:absolute; z-index:+1; 
                                  top:9px; left:8px; width:30px; height:30px; }

.gmap-marker .icon.cat:before   { display:block; content:""; width:100%; height:100%; background:#fff; }

.gmap-marker .icon.nr           { position:absolute; z-index:+2; top:40px; left:8px;
                                  display:flex; align-items:center; justify-content:center; color:#fff; 
                                  width:30px; height:20px; font:700 19px/1 'Open Sans'; }

.gmap-marker:has(.nr20) .icon.nr,
.gmap-marker:has(.nr21) .icon.nr,
.gmap-marker:has(.nr22) .icon.nr,
.gmap-marker:has(.nr23) .icon.nr,
.gmap-marker:has(.nr24) .icon.nr,
.gmap-marker:has(.nr25) .icon.nr,
.gmap-marker:has(.nr25) .icon.nr,
.gmap-marker:has(.nr26) .icon.nr,
.gmap-marker:has(.nr27) .icon.nr,
.gmap-marker:has(.nr28) .icon.nr,
.gmap-marker:has(.nr29) .icon.nr,
.gmap-marker:has(.nr30) .icon.nr { top:37px !important; font-size:18px !important; }

.gmap-marker .icon.nr i         { font-style:normal !important; }

.gmap-marker .sr-text           { position:absolute !important; overflow:hidden; clip:rect(0, 0, 0, 0); height:0; width:0; }


/* INFOBOX (IB) -------------- */

#gmap-info                      { display:flex; flex-flow:row; justify-content:center;
                                  position:absolute; z-index:+10; bottom:-500px; left:2%;
                                  min-width:345px; max-width:480px; transition:all 0.4s ease; }

#gmap-info .box                  { position:relative; width:100%; overflow:hidden; background:#fff; border-radius:8px; 
                                   box-shadow:0 5px 7px 0 rgba(0,0,0,0.2);  }

.gmap.gmi-show #gmap-info        { bottom:24%; }


.gmi-close.close-btn             { position:absolute; top:9px; right:6px; 
                                   width:32px; height:32px; border-radius:50%; background:transparent !important; }	
.gmi-close.close-btn:before      { background:rgba(255,255,255,.7); }	
.gmi-close.close-btn:hover:before { background:#fff; }	

.gmi-object                      { display:none; }

.gmi-object.active               { display:block !important; }

.gmi-object.has-image            { width:440px; }


/* IB | HEAD ----------------- */

.gmi-object .head               { width:100%; padding:10px 55px; background:#000; }

.gmi-object .head .icon         { display:block; position:absolute; z-index:+1; 
                                  top:8px; left:13px; width:36px; height:36px; }

.gmi-object .head .icon:before  { display:block; content:""; width:100%; height:100%; background:#fff; }

.gmi-object .head .title        { width:100%; padding:0; text-align:center; color:#fff; 
                                  font:28px/1.1 var(--font-title-2); text-transform:uppercase; }


/* IB | IMAGE ---------------- */

.gmi-object .image              { width:100%; height:200px; }


/* IB | CONTENT -------------- */

.gmi-object .content            { padding:10px 15px; }

.gmi-object .content .title-1   { position:relative; min-height:34px; margin:0 0 5px; 
                                  padding:2px 0 0 40px; font:800 23px/1.25 var(--font-title); }

.gmi-object .content .title-1 .nr { display:block; position:absolute; top:0; left:0; }
.gmi-object .content .title-1 .nr div { 
width:34px; height:34px; border-radius:50%; padding:7px 0; background:#000;
text-align:center; font:700 19px/20px var(--font-title); color:#fff; }

.gmi-object .content .row       { display:flex; flex-flow:row; align-items:stretch; width:100%;
                                  font:14px/18px 'Open Sans'; color:#111; }

.gmi-object .content .col-text  { flex:1; padding-right:15px; font:16px/1.4 'Open Sans'; color:#111; }

.gmi-object .content .title-2   { position:relative; padding:3px 0 10px 40px; color:#111; 
                                  font:700 20px/1.1 'Open Sans'; text-transform:uppercase; }

.gmi-object .content .title-2:before { position:absolute; top:3px; left:5px; display:block; content:""; 
                                       width:26px; height:22px; background:var(--c-sg-red); 
                                       -webkit-mask-size:90%; mask-size:90%; 
                                       -webkit-mask-image:var(--icon-arrow-right); 
                                       mask-image:var(--icon-arrow-right); }

.gmi-object .content .col-text a { color:var(--c-theme); text-decoration:none; }

.gmi-object .content .info       { margin:0 0 6px; color:#000; }
.gmi-object .content .info span  { display:inline-block; padding:0; font-weight:700; }

.gmi-object .content .info.address { }
.gmi-object .content .info.link    { }


.gmi-object .content .col-icons { display:flex; flex-flow:row wrap; width:33%; max-width:125px; }

.gmi-object .content .icons     { position:relative; display:flex; flex-flow:row wrap; width:100%; padding-left:8px; }

.gmi-object .content .icons:before  { display:block; position:absolute; top:5%; left:0; 
                                      width:2px; height:90%; background:#000; content:""; }

.gmi-object .content .icons > div { display:flex; flex-flow:column; align-items:center;
                                    width:50%; padding:0 5px 8px; }


.gmi-object .content .icons > div i { display:flex; align-items:center; justify-content:center; 
                                      width:38px; height:38px; }

.gmi-object .content .icons > div i:before { display:block; content:""; width:100%; height:100%;
                                             background-size:100%; background-repeat:no-repeat !important; 
                                             background-position:center !important; }

.gmi-object .content .icon-rullstol i:before   { background:var(--icon-rullstol); }
.gmi-object .content .icon-hund i:before       { background:var(--icon-hund); }
.gmi-object .content .icon-brygga i:before     { background:var(--icon-brygga); }
.gmi-object .content .icon-grillplats i:before { background:var(--icon-grillplats); }
.gmi-object .content .icon-kiosk i:before      { background:var(--icon-kiosk); }
.gmi-object .content .icon-toalett i:before    { background:var(--icon-toalett); }

.gmi-object .content .icon-text { padding:3px 0 0; font:12px/1 'Open Sans' !important; color:#111; text-align:center; }


/* CATEGORY COLORS ----------- */

/* Bada & Simma */

.gmi-object.cat1 .head,
.gmi-object.cat1 .content .title-1 .nr div,
.gmi-object.cat1 .content .icons:before { background:var(--c-sg-cyanblue); }
.gmi-object.cat1 .content .title-1 { color:var(--c-sg-cyanblue); }

.gmap-marker:has(.cat1) svg .icon { fill:var(--c-sg-cyanblue); }

.gmi-object.cat1 .head .icon:before,
.gmap-marker:has(.cat1) .icon.cat:before { 
-webkit-mask-size:100%; mask-size:100%;    
-webkit-mask-image:var(--icon-cat-swim); mask-image:var(--icon-cat-swim); }

/* Caféer & Restauranger */

.gmi-object.cat2 .head,
.gmi-object.cat2 .content .title-1 .nr div,
.gmi-object.cat2 .content .icons:before { background:var(--c-sg-brown); }
.gmi-object.cat2 .content .title-1 { color:var(--c-sg-brown); }

.gmap-marker:has(.cat2) svg .icon { fill:var(--c-sg-brown); }

.gmi-object.cat2 .head .icon:before,
.gmap-marker:has(.cat2) .icon.cat:before { 
-webkit-mask-size:60%; mask-size:60%;    
-webkit-mask-image:var(--icon-cat-fork-knife); mask-image:var(--icon-cat-fork-knife); }

/* Promenera & Vandra */

.gmi-object.cat3 .head,
.gmi-object.cat3 .content .title-1 .nr div,
.gmi-object.cat3 .content .icons:before { background:var(--c-sg-green); }
.gmi-object.cat3 .content .title-1 { color:var(--c-sg-green); }

.gmap-marker:has(.cat3) svg .icon { fill:var(--c-sg-green); }

.gmi-object.cat3 .head .icon:before,
.gmap-marker:has(.cat3) .icon.cat:before { 
-webkit-mask-size:95%; mask-size:95%;     
-webkit-mask-image:var(--icon-cat-hike); mask-image:var(--icon-cat-hike); }

/* Gårdar & Slott */

.gmi-object.cat4 .head,
.gmi-object.cat4 .content .title-1 .nr div,
.gmi-object.cat4 .content .icons:before { background:var(--c-sg-pink); }
.gmi-object.cat4 .content .title-1 { color:var(--c-sg-pink); }

.gmap-marker:has(.cat4) svg .icon { fill:var(--c-sg-pink); }

.gmi-object.cat4 .head .icon:before,
.gmap-marker:has(.cat4) .icon.cat:before {
-webkit-mask-size:75%; mask-size:75%;     
-webkit-mask-image:var(--icon-cat-castle); mask-image:var(--icon-cat-castle); }

/* Bo & Övernatta */

.gmi-object.cat5 .head,
.gmi-object.cat5 .content .title-1 .nr div,
.gmi-object.cat5 .content .icons:before { background:var(--c-sg-blue); }
.gmi-object.cat5 .content .title-1 { color:var(--c-sg-blue); }

.gmap-marker:has(.cat5) svg .icon { fill:var(--c-sg-blue); }

.gmi-object.cat5 .head .icon:before,
.gmap-marker:has(.cat5) .icon.cat:before {
-webkit-mask-size:85%; mask-size:85%;     
-webkit-mask-image:var(--icon-cat-bed); mask-image:var(--icon-cat-bed); }

/* Äventyr & Spänning */

.gmi-object.cat6 .head,
.gmi-object.cat6 .content .title-1 .nr div,
.gmi-object.cat6 .content .icons:before { background:var(--c-sg-black); }
.gmi-object.cat6 .content .title-1 { color:var(--c-sg-black); }

.gmi-object.cat6 .head .icon.nr { color:var(--c-sg-black); }

.gmi-object.cat6 .head .icon:before,
.gmap-marker:has(.cat6) .icon.cat:before { 
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-mountain); mask-image:var(--icon-cat-mountain); }

/* Kul & Kultur */

.gmi-object.cat7 .head,
.gmi-object.cat7 .content .title-1 .nr div,
.gmi-object.cat7 .content .icons:before { background:var(--c-sg-red); }
.gmi-object.cat7 .content .title-1 { color:var(--c-sg-red); }

.gmap-marker:has(.cat7) svg .icon { fill:var(--c-sg-red); }

.gmi-object.cat7 .head .icon:before,
.gmap-marker:has(.cat7) .icon.cat:before { 
-webkit-mask-size:70%; mask-size:70%;     
-webkit-mask-image:var(--icon-cat-palette); mask-image:var(--icon-cat-palette); }

/* ACTIVE CATEGORY COLORS  ------- */

.gmap-marker.active svg .icon { fill:#fff; }

.gmap-marker.active:has(.cat1) .icon { stroke:var(--c-sg-cyanblue); }
.gmap-marker.active:has(.cat1) .icon.cat:before { background:var(--c-sg-cyanblue); }
.gmap-marker.active:has(.cat1) .icon.nr { color:var(--c-sg-cyanblue); }

.gmap-marker.active:has(.cat2) .icon { stroke:var(--c-sg-brown); }
.gmap-marker.active:has(.cat2) .icon.cat:before { background:var(--c-sg-brown); }
.gmap-marker.active:has(.cat2) .icon.nr { color:var(--c-sg-brown); }

.gmap-marker.active:has(.cat3) .icon { stroke:var(--c-sg-green); }
.gmap-marker.active:has(.cat3) .icon.cat:before { background:var(--c-sg-green); }
.gmap-marker.active:has(.cat3) .icon.nr { color:var(--c-sg-green); }

.gmap-marker.active:has(.cat4) .icon { stroke:var(--c-sg-pink); }
.gmap-marker.active:has(.cat4) .icon.cat:before { background:var(--c-sg-pink); }
.gmap-marker.active:has(.cat4) .icon.nr { color:var(--c-sg-pink); }

.gmap-marker.active:has(.cat5) .icon { stroke:var(--c-sg-blue); }
.gmap-marker.active:has(.cat5) .icon.cat:before { background:var(--c-sg-blue); }
.gmap-marker.active:has(.cat5) .icon.nr { color:var(--c-sg-blue); }

.gmap-marker.active:has(.cat6) .icon { stroke:var(--c-sg-black); }
.gmap-marker.active:has(.cat6) .icon.cat:before { background:var(--c-sg-black); }
.gmap-marker.active:has(.cat6) .icon.nr { color:var(--c-sg-black); }

.gmap-marker.active:has(.cat7) .icon { stroke:var(--c-sg-red); }
.gmap-marker.active:has(.cat7) .icon.cat:before { background:var(--c-sg-red); }
.gmap-marker.active:has(.cat7) .icon.nr { color:var(--c-sg-red); }


/* MAP CATEGORY FILTER ------- */

.gmap.gmf-cat1 .gmap-marker:has(.cat1),
.gmap.gmf-cat2 .gmap-marker:has(.cat2),
.gmap.gmf-cat3 .gmap-marker:has(.cat3),
.gmap.gmf-cat4 .gmap-marker:has(.cat4),
.gmap.gmf-cat5 .gmap-marker:has(.cat5),
.gmap.gmf-cat6 .gmap-marker:has(.cat6),
.gmap.gmf-cat7 .gmap-marker:has(.cat7) { display:block; }


/* HIDE CAT 8 */

#gmf-cat8, .gmap.gmf-cat8 .gmap-marker:has(.cat8) { display:none !important; }