/* --------------------------------------------------------------------------  
   SOMMARKAMPANJ 2025 | PAGES
--------------------------------|----------------------------------------- */

.sv-template-sommarkampanj-2025-start main,
.sv-template-sommarkampanj-2025-reportage main { position:relative;
background-image:url("/imagearchive/Sommarkampanj/bg-clouds.jpg");
background-attachment:fixed; background-position:top left;
background-size:cover; background-repeat:no-repeat; }

.sv-template-sommarkampanj-2025-start main .sv-use-margins { 
margin:0 !important;  padding:0 !important; }

main p { line-height:1.5 !important; }

/* HIDE OLD v2024 */

.toggle-icon, #map-function, .accordion .tab input { display:none !important; } 


/* --------------------------------------------------------------------------  
   START | INTRO
--------------------------------|----------------------------------------- */

.start-left-and-right-column { padding:20px 0 30px; }

.sk-intro-column { padding-right:15px; } /* SOMMAR LOGO + TEXT */

.sv-font-rubrik-sommarkampanj { padding-top:50px; } 

.sv-font-sommarkampanj-brodtext { margin:15px 0 !important; color:#000; } 

.sv-font-rubrik-3-sommarkampanj { margin:0 0 10px !important; } 

.sk-intro-column + div { padding-left:15px; margin-bottom:0 !important; } /* IMAGE */

.rounded-corners-image img { border-radius:6px; }


/* --------------------------------------------------------------------------  
   START | CATEGORY BOXES #summerCampaign 
--------------------------------|----------------------------------------- */

#summerCampaign { margin-bottom:10px; overflow:hidden; }

.accordion { position:relative;
margin-bottom:15px; overflow:hidden; 
background:#fff; color:var(--c-theme); border-radius:6px; 
box-shadow:0 2px 4px 0 rgba(0,0,0,0.05); 
transition:background .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out; }

.accordion:hover { box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); }	

.sgc-id { position:absolute; top:-10px; width:0; height:0; }

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

.tb-sg-btn { 
display:inline-block; position:relative; padding:13px 50px 14px 20px; 
background:var(--c-theme); border:2px solid transparent; color:#fff; 
font:700 20px/1.2 'Open Sans'; text-decoration:none !important;
border-radius:6px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); cursor:pointer !important; }

.tb-sg-btn:before { 
display:block; position:absolute; top:5px; right:5px; content:"";
width:40px; height:40px; background:#fff; transition:all .3s ease-in-out; 
-webkit-mask-size:60%; mask-size:60%;
-webkit-mask-position:center; mask-position:center;
-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; }

.tb-sg-toggle-btn:before { 
-webkit-mask-size:60%; mask-size:60%; 
-webkit-mask-image:var(--icon-angle-down); mask-image:var(--icon-angle-down); }

.tb-sg-toggle-btn.inv:before { 
-webkit-transform:translateZ(1px) rotate(180deg);
transform:perspective(999px) translateZ(1px) rotate(180deg); }

.tb-sg-toggle-btn .text-show { display:inline-block; }
.tb-sg-toggle-btn .text-hide { display:none; }

.tb-sg-toggle-btn.inv .text-show { display:none; }
.tb-sg-toggle-btn.inv .text-hide { display:inline-block; }

.tb-sg-map-btn:before { 
-webkit-mask-size:60%; mask-size:60%; 
-webkit-mask-image:var(--icon-map); mask-image:var(--icon-map); }

.tb-sg-btn.inv { background:#fff; border-color:var(--c-theme); color:var(--c-theme); }
.tb-sg-btn.inv:before { background:var(--c-theme); }


/* TAB LABEL ------------------------------------------------------------- */

.tab__label { position:relative;
display:flex; align-items:center; justify-content:space-between;
position:relative; margin:0; padding:16px 16px 16px 75px; 
transition:background .3s ease-in-out; }

#maxadittSommarlov .tab__label { cursor:default !important; }

.tab__label h3 {
max-height:60px; margin:0 !important; 
font:800 32px/1 var(--font-title-2);
text-transform:uppercase; color:#fff; }

#popUpActivities .tab__label h2 {
   color: #DC328A;
}

.tab__label h3:before { 
display:block; position:absolute; z-index:+1; 
top:10px; left:15px; width:44px; height:44px; 
content:""; background:#fff; 
-webkit-mask-position:center; mask-position:center;
-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; 
-webkit-mask-image:var(--icon-cat-sun); mask-image:var(--icon-cat-sun); }  

.tab__label.tab-nr1 h3:before { 
-webkit-mask-size:100%; mask-size:100%;    
-webkit-mask-image:var(--icon-cat-swim); mask-image:var(--icon-cat-swim); }
.tab__label.tab-nr2 h3:before { 
-webkit-mask-size:60%; mask-size:60%;    
-webkit-mask-image:var(--icon-cat-fork-knife); mask-image:var(--icon-cat-fork-knife); }
.tab__label.tab-nr3 h3:before { 
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-hike); mask-image:var(--icon-cat-hike); }
.tab__label.tab-nr4 h3:before {
-webkit-mask-size:75%; mask-size:75%;     
-webkit-mask-image:var(--icon-cat-castle); mask-image:var(--icon-cat-castle); }
.tab__label.tab-nr5 h3:before {
-webkit-mask-size:85%; mask-size:85%;     
-webkit-mask-image:var(--icon-cat-bed); mask-image:var(--icon-cat-bed); }
.tab__label.tab-nr6 h3:before { 
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-mountain); mask-image:var(--icon-cat-mountain); }
.tab__label.tab-nr7 h3:before { 
-webkit-mask-size:70%; mask-size:70%;     
-webkit-mask-image:var(--icon-cat-palette); mask-image:var(--icon-cat-palette); }
.tab__label.tab-nr8 h3:before { 
-webkit-mask-size:95%; mask-size:95%;     
-webkit-mask-image:var(--icon-cat-sun); mask-image:var(--icon-cat-sun); }

.tab__label h3  { padding:0 !important; font:32px/1 var(--font-title-2); }


/* CAMPAIGN CATEGORY INTRO .campaignCategory ----------------------------- */

.campaignCategory { display:flex; }

/* IMAGE */

.imageContainer { display:flex; overflow:hidden; width:calc(100% / 3); }

.imageContainer > div { 
width:100%; height:100%; min-height:300px; padding:0 0 56.25%;
transition:all .7s ease-in-out; }

/* #mainCategories .imageContainer > div { cursor:pointer; } */

/* TEXT */

.infoContainer { position:relative; width:calc(100% * 2/3); padding:35px 40px 16px; color:#2f2f2f; }

.infoContainer h2 { margin:0 0 15px; font-size:33px; font-weight:700; }
    
.infoContainer .intro p { margin:0; font-size:20px; color:#000; }

.infoContainer .buttons { display:flex; flex-flow:row wrap; margin:25px -10px 0; } 

.infoContainer .buttons .tb-sg-btn { margin:0 10px 10px; } 

.infoContainer .buttons .tb-sg-link { margin:0 10px 10px; } 

/*POP UP AKTIVITETER - veronica ändrar */

#maxadittSommarlov .buttons .tb-sg-btn { width:calc(50% - 20px); }
#popUpActivities .buttons .tb-sg-btn { width:calc(50% - 20px); }

/* Active toggle > hide intro map button */

/* VERONICA TAR BORT 
.tab.active .infoContainer .sg-intro-map-btn { opacity:0; } 
*/

/* CARD CONTAINER .card-container > TAB CONTENT --------------------------- */

/* POP UP AKTIVITETER - veronica ändrar */

.card-container, [class*="maxa-card-container"] { display:none; padding:40px 20px 0; overflow: hidden; }
.card-container, [class*="pop-card-container"] { display:none; padding:40px 20px 0; overflow: hidden; }

/*SLUT PÅ ÄNDRINGAR*/ 

.card-container-grid { display:flex; flex-flow:row wrap; /*justify-content:center;*/ }

.tab__content { 
display:block; float:left; width:calc(100%/3); padding:0 20px 40px; vertical-align:top; }

.ob-title-1 {
display:flex; align-items:flex-start; width:100%; margin-bottom:0; padding:0; }   
   
.ob-title-1 .nr {
position:relative; width:36px; height:36px; border-radius:50%; margin-right:8px; }

.ob-title-1 .nr div {
display:flex; justify-content:center; align-items:center;
min-width:36px; padding:8px 0; text-align:center;
font:700 19px/20px var(--font-title); color:#fff; }

.ob-title-1 h3 {
display:block; margin:0 0 3px; padding:4px 0 0; font:800 23px/1.25 var(--font-title); }

.ob-title-2 { 
display:flex; align-items:center; position:relative; 
padding-left:45px; padding-top:3px; }
     
.ob-title-2::before {
position:absolute; top:0; left:0; z-index:1;
width:27px; height:23px; margin:5px 0 0 5px;  
background-image:url("/imagearchive/Sommarkampanj/red-arrow.png"); 
background-size:cover; content:''; }

.ob-title-2 h4 { margin:0 5px 0 0; }

.ob-title-2 .icons { display:none !important; } /* HIDE */

.tab__content .intro { padding-top:5px; }

.tab__content .intro p { margin:0 0 6px; font-size:17px; color:#2f2f2f; }    

.tab__content .intro strong { font-weight:700; }

.tab__content .intro a { color: var(--c-theme); text-decoration:none !important; }

/* Map Button */

.tab__content .tb-sg-btn { margin:15px 0 0; } 

  
/* TB "MAXA DITT SOMMARLOV" -- */

.tab-nr8 ~ .tb-sg-map-btn { display:none !important; } /* HIDE */


/* CATEGORY COLORS */   

.tab__label, .card-container .tab__content .nr { background-color:var(--c-theme); }

.tab-nr1, .tab-nr1 ~ .card-container .tab__content .nr { background-color:var(--c-sg-cyanblue); }
.tab-nr2, .tab-nr2 ~ .card-container .tab__content .nr { background-color:var(--c-sg-brown); }
.tab-nr3, .tab-nr3 ~ .card-container .tab__content .nr { background-color:var(--c-sg-green); }
.tab-nr4, .tab-nr4 ~ .card-container .tab__content .nr { background-color:var(--c-sg-pink); }
.tab-nr5, .tab-nr5 ~ .card-container .tab__content .nr { background-color:var(--c-sg-blue); }
.tab-nr6, .tab-nr6 ~ .card-container .tab__content .nr { background-color:var(--c-sg-black); }
.tab-nr7, .tab-nr7 ~ .card-container .tab__content .nr { background-color:var(--c-sg-red); }
/*.tab-nr8, .tab-nr8 ~ .card-container .tab__content .nr { background-color:var(--c-sg-orange); }*/

/*POP UP AKTIVITETER - veronica ändrar*/

#popUpActivities .tab__label  { background-color:#FFF32A; }
#maxadittSommarlov .tab__label  { background-color:var(--c-sg-orange); }

/* SLUT PÅ ÄNDRINGAR*/

.card-container .sv-text-portlet-content h3 { color:var(--c-theme); }

.tab-nr1 ~ .card-container .sv-text-portlet-content h3 { color:var(--c-sg-cyanblue); }
.tab-nr2 ~ .card-container .sv-text-portlet-content h3 { color:var(--c-sg-brown); }
.tab-nr3 ~ .card-container .sv-text-portlet-content h3 { color:var(--c-sg-green); }
.tab-nr4 ~ .card-container .sv-text-portlet-content h3 { color:var(--c-sg-pink); }
.tab-nr5 ~ .card-container .sv-text-portlet-content h3 { color:var(--c-sg-blue); }
.tab-nr6 ~ .card-container .sv-text-portlet-content h3 { color:var(--c-sg-black); }
.tab-nr7 ~ .card-container .sv-text-portlet-content h3 { color:var(--c-sg-red); }
/*.tab-nr8 ~ .card-container .sv-text-portlet-content h3 { color:var(--c-sg-orange); } */

/*POP UP AKTIVITETER - veronica ändrar */
#maxadittSommarlov .card-container .sv-text-portlet-content h2 { color:var(--c-sg-orange); }

#popUpActivities .pop_tab__content .nr { background-color:#FFF32A; color:#DC328A;}
#popUpActivities .pop_tab__content .nr div { color:#DC328A; font-weight: 800;}
#popUpActivities .pop_tab__content h3  { color:#DC328A; }

#maxadittSommarlov .maxa_tab__content .nr { background-color:var(--c-sg-orange); }
#maxadittSommarlov .maxa_tab__content h3  { color:var(--c-sg-orange); }

/*SLUT PÅ ÄNDRINGAR */

/* SOMMARKAMPANJ NY 2026 - VERONICA */

.sv-template-sommarkampanj-kategori main,
.sv-template-sommarkampanj-objekt main,
.sv-template-sommarkampanj-start main {
position:relative;
background-image:url("/imagearchive/Sommarkampanj/bg-clouds.jpg");
background-attachment:fixed; background-position:top left;
background-size:cover; background-repeat:no-repeat;
}

.sv-template-sommarkampanj-objekt .start-left-and-right-column {
   padding: 20px 0 0px;
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container {
   display: flex;
   padding: 2em;
   flex-wrap: wrap;
   gap: 5px;
}

@media (max-width:768px) {
   .sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container {
      display: block;
      padding: 1em;
   }
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .campaign-item {
   width: 33%;
   padding: 10px;
}

@media (max-width:768px) {
   .sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .campaign-item {
      width: 100%;
   }
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .campaign-item a {
   text-decoration: none;
}

.campaign-item:hover .count-item .subheading3,
.campaign-item:hover .sv-text-portlet-content .subheading2 {
  text-decoration: underline;
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-item:hover {
  background-color: #f2f2f2; 
  border-radius: 6px;
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .buttons {
   margin-top: 2em;
   /*display:none;*/
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .campaign-item .campaign h2::before {
   content: var(--icon-arrow-right);
   display: inline-block;
   width: 1em;
   margin-right: 1em;
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .campaign-item .campaign h3 {
   margin: 0;
   text-transform: capitalize;
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .campaign-item .campaign h2 {
   text-transform: uppercase;
   font-size: 19px;
   margin-top:0;
   line-height: 1.2;
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .description a {
   color: black;
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .count-item {
   display: flex;
   align-items: center;
   gap: 1em;
   margin-bottom: 0.5em;
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .count-item .number .counter {  
   margin:0;
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .campaign-container .counter {
   width: 39px;
   height: 39px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 45px;
   color: white;
}

/* TABS RUBRIK - IKONER */

.sv-template-sommarkampanj-objekt .tab__label h2,
.sv-template-sommarkampanj-start .tab__label h2 {
max-height:60px; margin:0 !important; 
font:800 32px/1 var(--font-title-2);
text-transform:uppercase; color:#fff; 
}

.sv-template-sommarkampanj-kategori .tab__label h2 {
max-height:60px; margin:0 !important; 
font:800 32px/1 var(--font-title-2);
text-transform:uppercase; color:#fff; 
}

.sv-template-sommarkampanj-objekt .tab__label h2:before,
.sv-template-sommarkampanj-start .tab__label h2:before { 
display:block; position:absolute; z-index:+1; 
top:10px; left:15px; width:44px; height:44px; 
content:""; background:#fff; 
-webkit-mask-position:center; mask-position:center;
-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; 
-webkit-mask-image:var(--icon-cat-sun); mask-image:var(--icon-cat-sun); }  

.sv-template-sommarkampanj-kategori .tab__label h2:before { 
display:block; position:absolute; z-index:+1; 
top:10px; left:15px; width:44px; height:44px; 
content:""; background:#fff; 
-webkit-mask-position:center; mask-position:center;
-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; 
-webkit-mask-image:var(--icon-cat-sun); mask-image:var(--icon-cat-sun); } 

.sv-template-sommarkampanj-objekt .tab__label.tab-nr1 h2:before,
.sv-template-sommarkampanj-start .tab__label.tab-nr1 h2:before { 
-webkit-mask-size:100%; mask-size:100%;    
-webkit-mask-image:var(--icon-cat-swim); mask-image:var(--icon-cat-swim); }

.sv-template-sommarkampanj-kategori .tab__label.tab-nr1 h2:before { 
-webkit-mask-size:100%; mask-size:100%;    
-webkit-mask-image:var(--icon-cat-swim); mask-image:var(--icon-cat-swim); }

.sv-template-sommarkampanj-objekt .tab__label.tab-nr2 h2:before,
.sv-template-sommarkampanj-start .tab__label.tab-nr2 h2:before { 
-webkit-mask-size:60%; mask-size:60%;    
-webkit-mask-image:var(--icon-cat-fork-knife); mask-image:var(--icon-cat-fork-knife); }

.sv-template-sommarkampanj-kategori .tab__label.tab-nr2 h2:before { 
-webkit-mask-size:60%; mask-size:60%;    
-webkit-mask-image:var(--icon-cat-fork-knife); mask-image:var(--icon-cat-fork-knife); }

.sv-template-sommarkampanj-objekt .tab__label.tab-nr3 h2:before,
.sv-template-sommarkampanj-start .tab__label.tab-nr3 h2:before { 
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-hike); mask-image:var(--icon-cat-hike); }

.sv-template-sommarkampanj-kategori .tab__label.tab-nr3 h2:before { 
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-hike); mask-image:var(--icon-cat-hike); }

.sv-template-sommarkampanj-objekt .tab__label.tab-nr4 h2:before,
.sv-template-sommarkampanj-start .tab__label.tab-nr4 h2:before {
-webkit-mask-size:75%; mask-size:75%;     
-webkit-mask-image:var(--icon-cat-castle); mask-image:var(--icon-cat-castle); }

.sv-template-sommarkampanj-kategori .tab__label.tab-nr4 h2:before {
-webkit-mask-size:75%; mask-size:75%;     
-webkit-mask-image:var(--icon-cat-castle); mask-image:var(--icon-cat-castle); }

.sv-template-sommarkampanj-objekt .tab__label.tab-nr5 h2:before,
.sv-template-sommarkampanj-start .tab__label.tab-nr5 h2:before {
-webkit-mask-size:85%; mask-size:85%;     
-webkit-mask-image:var(--icon-cat-bed); mask-image:var(--icon-cat-bed); }

.sv-template-sommarkampanj-kategori .tab__label.tab-nr5 h2:before {
-webkit-mask-size:85%; mask-size:85%;     
-webkit-mask-image:var(--icon-cat-bed); mask-image:var(--icon-cat-bed); }

.sv-template-sommarkampanj-objekt .tab__label.tab-nr6 h2:before,
.sv-template-sommarkampanj-start .tab__label.tab-nr6 h2:before { 
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-mountain); mask-image:var(--icon-cat-mountain); }

.sv-template-sommarkampanj-kategori .tab__label.tab-nr6 h2:before { 
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-mountain); mask-image:var(--icon-cat-mountain); }

.sv-template-sommarkampanj-objekt .tab__label.tab-nr7 h2:before,
.sv-template-sommarkampanj-start .tab__label.tab-nr7 h2:before { 
-webkit-mask-size:70%; mask-size:70%;     
-webkit-mask-image:var(--icon-cat-palette); mask-image:var(--icon-cat-palette); }

.sv-template-sommarkampanj-kategori .tab__label.tab-nr7 h2:before { 
-webkit-mask-size:70%; mask-size:70%;     
-webkit-mask-image:var(--icon-cat-palette); mask-image:var(--icon-cat-palette); }

/*
.sv-template-sommarkampanj-objekt .tab__label.tab-nr8 h2:before,
.sv-template-sommarkampanj-start .tab__label.tab-nr8 h2:before { 
-webkit-mask-size:95%; mask-size:95%;     
-webkit-mask-image:var(--icon-cat-sun); mask-image:var(--icon-cat-sun); }

.sv-template-sommarkampanj-kategori .tab__label.tab-nr8 h2:before { 
-webkit-mask-size:95%; mask-size:95%;     
-webkit-mask-image:var(--icon-cat-sun); mask-image:var(--icon-cat-sun); }
*/
.sv-template-sommarkampanj-objekt .tab__label h2,
.sv-template-sommarkampanj-start .tab__label h2  { 
   padding:0 !important; font:32px/1 var(--font-title-2); 
}

.sv-template-sommarkampanj-kategori .tab__label h2  { 
   padding:0 !important; font:32px/1 var(--font-title-2); 
}

/* Ändringar för POP-UP AKTIVITETER - veronica ändrar */

#popUpActivities .tab__label h2:before { 
-webkit-mask-size:95%; mask-size:95%;     
-webkit-mask-image:var(--icon-popactivities); mask-image:var(--icon-popactivities);
background: #DC328A; }

#maxadittSommarlov .tab__label h2:before { 
-webkit-mask-size:95%; mask-size:95%;     
-webkit-mask-image:var(--icon-cat-sun); mask-image:var(--icon-cat-sun); }

/*SLUT PÅ ÄNDRINGAR*/


/* Objektsida - css för objektsida */

.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .övernatta .tb-sg-map-btn { border-color:var(--c-sg-blue); color: var(--c-sg-blue); background: white; }
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .övernatta .tb-sg-map-btn::before { background: var(--c-sg-blue);}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .övernatta .tb-sg-map-btn:hover { background: var(--c-sg-blue) !important; color: white !important;}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild:has(.övernatta) h2 { color: var(--c-sg-blue) !important; }

.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .restauranger .tb-sg-map-btn { border-color:var(--c-sg-brown); color: var(--c-sg-brown); background: white; }
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .restauranger .tb-sg-map-btn::before { background: var(--c-sg-brown);}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .restauranger .tb-sg-map-btn:hover { background: var(--c-sg-brown) !important; color: white !important;}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild:has(.restauranger) h2 { color: var(--c-sg-brown) !important; }

.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .vandra .tb-sg-map-btn { border-color:var(--c-sg-green); color: var(--c-sg-green); background: white; }
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .vandra .tb-sg-map-btn::before { background: var(--c-sg-green);}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .vandra .tb-sg-map-btn:hover { background: var(--c-sg-green) !important; color: white !important;}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild:has(.vandra) h2 { color: var(--c-sg-green) !important; }

.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .slott .tb-sg-map-btn { border-color:var(--c-sg-pink); color: var(--c-sg-pink); background: white; }
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .slott .tb-sg-map-btn::before { background: var(--c-sg-pink);}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .slott .tb-sg-map-btn:hover { background: var(--c-sg-pink) !important; color: white !important;}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild:has(.slott) h2 { color: var(--c-sg-pink) !important; }

.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .spänning .tb-sg-map-btn { border-color:var(--c-sg-black); color: var(--c-sg-black); background: white; }
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .spänning .tb-sg-map-btn::before { background: var(--c-sg-black);}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .spänning .tb-sg-map-btn:hover { background: var(--c-sg-black) !important; color: white !important;}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild:has(.spänning) h2 { color: var(--c-sg-black) !important; }

.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .kultur .tb-sg-map-btn { border-color:var(--c-sg-red); color: var(--c-sg-red); background: white; }
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .kultur .tb-sg-map-btn::before { background: var(--c-sg-red);}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .kultur .tb-sg-map-btn:hover { background: var(--c-sg-red) !important; color: white !important;}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild:has(.kultur) h2 { color: var(--c-sg-red) !important; }

.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .simma .tb-sg-map-btn { border-color:var(--c-sg-cyanblue); color: var(--c-sg-cyanblue); background: white; }
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .simma .tb-sg-map-btn::before { background: var(--c-sg-cyanblue);}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild .simma .tb-sg-map-btn:hover { background: var(--c-sg-cyanblue) !important; color: white !important;}
.sv-template-sommarkampanj-objekt .sv-decoration-sommarkampanj-objektsida-toppbild:has(.simma) h2 { color: var(--c-sg-cyanblue) !important; }

/* Kategorisida - css för aktuell kategori */

.sv-template-sommarkampanj-kategori #maxadittSommarlov label { background:var(--c-sg-orange); border-color:var(--c-sg-orange); }

.sv-template-sommarkampanj-kategori #maxadittSommarlov .tb-sg-toggle-btn { background: var(--c-sg-orange) !important; color: white; border-color:var(--c-sg-orange);}
.sv-template-sommarkampanj-kategori #maxadittSommarlov .tb-sg-toggle-btn.inv { background: white !important; color: var(--c-sg-orange); border-color:var(--c-sg-orange);}
.sv-template-sommarkampanj-kategori #maxadittSommarlov .tb-sg-toggle-btn:hover { border-color:var(--c-sg-orange); color: var(--c-sg-orange); background-color: white !important; }
.sv-template-sommarkampanj-kategori #maxadittSommarlov .tb-sg-toggle-btn::before { background: white;}
.sv-template-sommarkampanj-kategori #maxadittSommarlov .tb-sg-toggle-btn:hover::before { background: var(--c-sg-orange);}

/* POP UP AKTIVITET - veronica ändrar */

.sv-template-sommarkampanj-kategori #popUpActivities label { background:#FFF32A; border-color:#FFF32A; }

.sv-template-sommarkampanj-kategori #popUpActivities .tb-sg-toggle-btn { background: #FFF32A !important; color: #DC328A; border-color:#FFF32A;}
.sv-template-sommarkampanj-kategori #popUpActivities .tb-sg-toggle-btn.inv { background: white !important; color: #DC328A; border-color:#FFF32A;}
.sv-template-sommarkampanj-kategori #popUpActivities .tb-sg-toggle-btn:hover { border-color:#FFF32A; color: #DC328A !important; background-color: white !important; }
.sv-template-sommarkampanj-kategori #popUpActivities .tb-sg-toggle-btn:hover:before { background: #DC328A !important; }
.sv-template-sommarkampanj-kategori #popUpActivities .tb-sg-toggle-btn::before { background: #DC328A;}
.sv-template-sommarkampanj-kategori #popUpActivities .tb-sg-toggle-btn:hover::before { background: #DC328A;}

/* SLUT */

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .vandra label { background:var(--c-sg-green); border-color:var(--c-sg-green); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .vandra .campaign-container .campaign-item .count-item .counter { background-color:var(--c-sg-green); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .vandra .campaign-container .campaign-item .count-item h3 { color:var(--c-sg-green); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .vandra .campaign-container .campaign-item .buttons .tb-sg-map-btn { border-color:var(--c-sg-green); color: var(--c-sg-green); background: white; }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .vandra .campaign-container .campaign-item .buttons .tb-sg-map-btn::before { background: var(--c-sg-green);}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .vandra .campaign-container .campaign-item .buttons .tb-sg-map-btn:hover { background: var(--c-sg-green) !important; color: white !important;}

.sv-template-sommarkampanj-kategori .vandra .tb-sg-map-btn:hover { background: var(--c-sg-green) !important; color: white !important;}
.sv-template-sommarkampanj-kategori .vandra .tb-sg-map-btn { border-color:var(--c-sg-green); color: var(--c-sg-green); background: white; }
.sv-template-sommarkampanj-kategori .vandra .tb-sg-map-btn::before { background: var(--c-sg-green);}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .restauranger label { background:var(--c-sg-brown); border-color:var(--c-sg-brown); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .restauranger .campaign-container .campaign-item .count-item .counter { background-color:var(--c-sg-brown); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .restauranger .campaign-container .campaign-item .count-item h3 { color:var(--c-sg-brown); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .restauranger .campaign-container .campaign-item .buttons .tb-sg-map-btn { border-color:var(--c-sg-brown); color: var(--c-sg-brown); background: white; }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .restauranger .campaign-container .campaign-item .buttons .tb-sg-map-btn::before { background: var(--c-sg-brown);}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .restauranger .campaign-container .campaign-item .buttons .tb-sg-map-btn:hover { background: var(--c-sg-brown) !important; color: white !important;}

.sv-template-sommarkampanj-kategori .restauranger .tb-sg-map-btn:hover { background: var(--c-sg-brown) !important; color: white !important;}
.sv-template-sommarkampanj-kategori .restauranger .tb-sg-map-btn { border-color:var(--c-sg-brown); color: var(--c-sg-brown); background: white; }
.sv-template-sommarkampanj-kategori .restauranger .tb-sg-map-btn::before { background: var(--c-sg-brown);}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .slott label { background:var(--c-sg-pink); border-color:var(--c-sg-pink); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .slott .campaign-container .campaign-item .count-item .counter { background-color:var(--c-sg-pink); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .slott .campaign-container .campaign-item .buttons .tb-sg-map-btn { border-color:var(--c-sg-pink); color: var(--c-sg-pink); background: white; }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .slott .campaign-container .campaign-item .count-item h3 { color:var(--c-sg-pink); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .slott .campaign-container .campaign-item .buttons .tb-sg-map-btn::before { background: var(--c-sg-pink);}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .slott .campaign-container .campaign-item .buttons .tb-sg-map-btn:hover { background: var(--c-sg-pink) !important; color: white !important;}

.sv-template-sommarkampanj-kategori .slott .tb-sg-map-btn:hover { background: var(--c-sg-pink) !important; color: white !important;}
.sv-template-sommarkampanj-kategori .slott .tb-sg-map-btn { border-color:var(--c-sg-pink); color: var(--c-sg-pink); background: white; }
.sv-template-sommarkampanj-kategori .slott .tb-sg-map-btn::before { background: var(--c-sg-pink);}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .simma label { background:var(--c-sg-cyanblue); border-color:var(--c-sg-cyanblue); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .simma .campaign-container .campaign-item .count-item .counter { background-color:var(--c-sg-cyanblue); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .simma .campaign-container .campaign-item .buttons .tb-sg-map-btn { border-color:var(--c-sg-cyanblue); color: var(--c-sg-cyanblue); background: white; }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .simma .campaign-container .campaign-item .count-item h3 { color:var(--c-sg-cyanblue); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .simma .campaign-container .campaign-item .buttons .tb-sg-map-btn::before { background: var(--c-sg-cyanblue);}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .simma .campaign-container .campaign-item .buttons .tb-sg-map-btn:hover { background: var(--c-sg-cyanblue) !important; color: white !important;}

.sv-template-sommarkampanj-kategori .simma .tb-sg-map-btn:hover { background: var(--c-sg-cyanblue) !important; color: white !important;}
.sv-template-sommarkampanj-kategori .simma .tb-sg-map-btn { border-color:var(--c-sg-cyanblue); color: var(--c-sg-cyanblue); background: white; }
.sv-template-sommarkampanj-kategori .simma .tb-sg-map-btn::before { background: var(--c-sg-cyanblue);}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .övernatta label { background:var(--c-sg-blue); border-color:var(--c-sg-blue); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .övernatta .campaign-container .campaign-item .count-item .counter { background-color:var(--c-sg-blue); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .övernatta .campaign-container .campaign-item .buttons .tb-sg-map-btn { border-color:var(--c-sg-blue); color: var(--c-sg-blue); background: white; }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .övernatta .campaign-container .campaign-item .count-item h3 { color:var(--c-sg-blue); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .övernatta .campaign-container .campaign-item .buttons .tb-sg-map-btn::before { background: var(--c-sg-blue);}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .övernatta .campaign-container .campaign-item .buttons .tb-sg-map-btn:hover { background: var(--c-sg-blue) !important; color: white !important;}

.sv-template-sommarkampanj-kategori .övernatta .tb-sg-map-btn:hover { background: var(--c-sg-blue) !important; color: white !important;}
.sv-template-sommarkampanj-kategori .övernatta .tb-sg-map-btn { border-color:var(--c-sg-blue); color: var(--c-sg-blue); background: white; }
.sv-template-sommarkampanj-kategori .övernatta .tb-sg-map-btn::before { background: var(--c-sg-blue);}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .spänning label { background:var(--c-sg-black); border-color:var(--c-sg-black); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .spänning .campaign-container .campaign-item .count-item .counter { background-color:var(--c-sg-black); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .spänning .campaign-container .campaign-item .buttons .tb-sg-map-btn { border-color:var(--c-sg-black); color: var(--c-sg-black); background: white; }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .spänning .campaign-container .campaign-item .buttons .tb-sg-map-btn::before { background: var(--c-sg-black);}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .spänning .campaign-container .campaign-item .count-item h3 { color:var(--c-sg-black); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .spänning .campaign-container .campaign-item .buttons .tb-sg-map-btn:hover { background: var(--c-sg-black) !important; color: white !important;}

.sv-template-sommarkampanj-kategori .spänning .tb-sg-map-btn:hover { background: var(--c-sg-black) !important; color: white !important;}
.sv-template-sommarkampanj-kategori .spänning .tb-sg-map-btn { border-color:var(--c-sg-black); color: var(--c-sg-black); background: white; }
.sv-template-sommarkampanj-kategori .spänning .tb-sg-map-btn::before { background: var(--c-sg-black);}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .kultur label { background:var(--c-sg-red); border-color:var(--c-sg-red); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .kultur .campaign-container .campaign-item .count-item .counter { background-color:var(--c-sg-red); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .kultur .campaign-container .campaign-item .buttons .tb-sg-map-btn { border-color:var(--c-sg-red); color: var(--c-sg-red); background: white; }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .kultur .campaign-container .campaign-item .count-item h3 { color:var(--c-sg-red); }
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .kultur .campaign-container .campaign-item .buttons .tb-sg-map-btn::before { background: var(--c-sg-red);}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .kultur .campaign-container .campaign-item .buttons .tb-sg-map-btn:hover { background: var(--c-sg-red) !important; color: white !important;}

.sv-template-sommarkampanj-kategori .kultur .tb-sg-map-btn:hover { background: var(--c-sg-red) !important; color: white !important;}
.sv-template-sommarkampanj-kategori .kultur .tb-sg-map-btn { border-color:var(--c-sg-red); color: var(--c-sg-red); background: white; }
.sv-template-sommarkampanj-kategori .kultur .tb-sg-map-btn::before { background: var(--c-sg-red);}

/* Kategorisida - Resterande kategorier */

.sv-template-sommarkampanj-kategori #mainCategories .restauranger .campaignCategory .buttons .tb-sg-map-btn { border-color:var(--c-sg-brown); color: var(--c-sg-brown); background: white; }
.sv-template-sommarkampanj-kategori #mainCategories .restauranger .campaignCategory .buttons .tb-sg-link { border-color:var(--c-sg-brown); color: white; background: var(--c-sg-brown) }
.sv-template-sommarkampanj-kategori #mainCategories .restauranger .campaignCategory .buttons .tb-sg-map-btn::before { background: var(--c-sg-brown);}
.sv-template-sommarkampanj-kategori #mainCategories .restauranger .campaignCategory .buttons .tb-sg-map-btn:hover { background: var(--c-sg-brown) !important; color: white !important;}
.sv-template-sommarkampanj-kategori #mainCategories .restauranger .campaignCategory .buttons .tb-sg-link:hover { background: white !important; color: var(--c-sg-brown) !important;}
.sv-template-sommarkampanj-kategori #mainCategories .restauranger label { background:var(--c-sg-brown); border-color:var(--c-sg-brown); }

.sv-template-sommarkampanj-kategori #mainCategories .vandra .campaignCategory .buttons .tb-sg-map-btn { border-color:var(--c-sg-green); color: var(--c-sg-green); background: white; }
.sv-template-sommarkampanj-kategori #mainCategories .vandra .campaignCategory .buttons .tb-sg-link { border-color:var(--c-sg-green); color: white; background: var(--c-sg-green) }
.sv-template-sommarkampanj-kategori #mainCategories .vandra .campaignCategory .buttons .tb-sg-map-btn::before { background: var(--c-sg-green);}
.sv-template-sommarkampanj-kategori #mainCategories .vandra .campaignCategory .buttons .tb-sg-map-btn:hover { background: var(--c-sg-green) !important; color: white !important;}
.sv-template-sommarkampanj-kategori #mainCategories .vandra .campaignCategory .buttons .tb-sg-link:hover { background: white !important; color: var(--c-sg-green) !important;}
.sv-template-sommarkampanj-kategori #mainCategories .vandra label { background:var(--c-sg-green); border-color:var(--c-sg-green); }

.sv-template-sommarkampanj-kategori #mainCategories .övernatta .campaignCategory .buttons .tb-sg-map-btn { border-color:var(--c-sg-blue); color: var(--c-sg-blue); background: white; }
.sv-template-sommarkampanj-kategori #mainCategories .övernatta .campaignCategory .buttons .tb-sg-link { border-color:var(--c-sg-blue); color: white; background: var(--c-sg-blue) }
.sv-template-sommarkampanj-kategori #mainCategories .övernatta .campaignCategory .buttons .tb-sg-map-btn::before { background: var(--c-sg-blue);}
.sv-template-sommarkampanj-kategori #mainCategories .övernatta .campaignCategory .buttons .tb-sg-map-btn:hover { background: var(--c-sg-blue) !important; color: white !important;}
.sv-template-sommarkampanj-kategori #mainCategories .övernatta .campaignCategory .buttons .tb-sg-link:hover { background: white !important; color: var(--c-sg-blue) !important;}
.sv-template-sommarkampanj-kategori #mainCategories .övernatta label { background:var(--c-sg-blue); border-color:var(--c-sg-blue); }

.sv-template-sommarkampanj-kategori #mainCategories .slott .campaignCategory .buttons .tb-sg-map-btn { border-color:var(--c-sg-pink); color: var(--c-sg-pink); background: white; }
.sv-template-sommarkampanj-kategori #mainCategories .slott .campaignCategory .buttons .tb-sg-link { border-color:var(--c-sg-pink); color: white; background: var(--c-sg-pink) }
.sv-template-sommarkampanj-kategori #mainCategories .slott .campaignCategory .buttons .tb-sg-map-btn::before { background: var(--c-sg-pink);}
.sv-template-sommarkampanj-kategori #mainCategories .slott .campaignCategory .buttons .tb-sg-map-btn:hover { background: var(--c-sg-pink) !important; color: white !important;}
.sv-template-sommarkampanj-kategori #mainCategories .slott .campaignCategory .buttons .tb-sg-link:hover { background: white !important; color: var(--c-sg-pink) !important;}
.sv-template-sommarkampanj-kategori #mainCategories .slott label { background:var(--c-sg-pink); border-color:var(--c-sg-pink); }

.sv-template-sommarkampanj-kategori #mainCategories .spänning .campaignCategory .buttons .tb-sg-map-btn { border-color:var(--c-sg-black); color: var(--c-sg-black); background: white; }
.sv-template-sommarkampanj-kategori #mainCategories .spänning .campaignCategory .buttons .tb-sg-link { border-color:var(--c-sg-black); color: white; background: var(--c-sg-black) }
.sv-template-sommarkampanj-kategori #mainCategories .spänning .campaignCategory .buttons .tb-sg-map-btn::before { background: var(--c-sg-black);}
.sv-template-sommarkampanj-kategori #mainCategories .spänning .campaignCategory .buttons .tb-sg-map-btn:hover { background: var(--c-sg-black) !important; color: white !important;}
.sv-template-sommarkampanj-kategori #mainCategories .spänning .campaignCategory .buttons .tb-sg-link:hover { background: white !important; color: var(--c-sg-black) !important;}
.sv-template-sommarkampanj-kategori #mainCategories .spänning label { background:var(--c-sg-black); border-color:var(--c-sg-black); }

.sv-template-sommarkampanj-kategori #mainCategories .kultur .campaignCategory .buttons .tb-sg-map-btn { border-color:var(--c-sg-red); color: var(--c-sg-red); background: white; }
.sv-template-sommarkampanj-kategori #mainCategories .kultur .campaignCategory .buttons .tb-sg-link { border-color:var(--c-sg-red); color: white; background: var(--c-sg-red) }
.sv-template-sommarkampanj-kategori #mainCategories .kultur .campaignCategory .buttons .tb-sg-map-btn::before { background: var(--c-sg-red);}
.sv-template-sommarkampanj-kategori #mainCategories .kultur .campaignCategory .buttons .tb-sg-map-btn:hover { background: var(--c-sg-red) !important; color: white !important;}
.sv-template-sommarkampanj-kategori #mainCategories .kultur .campaignCategory .buttons .tb-sg-link:hover { background: white !important; color: var(--c-sg-red) !important;}
.sv-template-sommarkampanj-kategori #mainCategories .kultur label { background:var(--c-sg-red); border-color:var(--c-sg-red); }

/*Kategorisida - ikoner */

.sv-template-sommarkampanj-kategori #mainCategories .restauranger .tab label h2:before {
-webkit-mask-size:60%; mask-size:60%;    
-webkit-mask-image:var(--icon-cat-fork-knife); mask-image:var(--icon-cat-fork-knife);
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .restauranger .tab label h2:before {
-webkit-mask-size:60%; mask-size:60%;    
-webkit-mask-image:var(--icon-cat-fork-knife); mask-image:var(--icon-cat-fork-knife);
}
.sv-template-sommarkampanj-kategori #mainCategories .simma .tab  label h2:before {
-webkit-mask-size:100%; mask-size:100%;    
-webkit-mask-image:var(--icon-cat-swim); mask-image:var(--icon-cat-swim);
}

.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .simma .tab label h2:before {
-webkit-mask-size:100%; mask-size:100%;    
-webkit-mask-image:var(--icon-cat-swim); mask-image:var(--icon-cat-swim);
}
.sv-template-sommarkampanj-kategori #mainCategories .vandra .tab label h2:before {
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-hike); mask-image:var(--icon-cat-hike);
}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .vandra .tab label h2:before {
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-hike); mask-image:var(--icon-cat-hike);
}
.sv-template-sommarkampanj-kategori #mainCategories .slott .tab label h2:before {
-webkit-mask-size:75%; mask-size:75%;     
-webkit-mask-image:var(--icon-cat-castle); mask-image:var(--icon-cat-castle);
}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .slott .tab label h2:before {
-webkit-mask-size:75%; mask-size:75%;     
-webkit-mask-image:var(--icon-cat-castle); mask-image:var(--icon-cat-castle);
}
.sv-template-sommarkampanj-kategori #mainCategories .övernatta .tab label h2:before {
-webkit-mask-size:85%; mask-size:85%;     
-webkit-mask-image:var(--icon-cat-bed); mask-image:var(--icon-cat-bed);
}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .övernatta .tab label h2:before {
-webkit-mask-size:85%; mask-size:85%;     
-webkit-mask-image:var(--icon-cat-bed); mask-image:var(--icon-cat-bed);
}
.sv-template-sommarkampanj-kategori #mainCategories .spänning .tab label h2:before {
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-mountain); mask-image:var(--icon-cat-mountain);
}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .spänning .tab label h2:before {
-webkit-mask-size:100%; mask-size:100%;     
-webkit-mask-image:var(--icon-cat-mountain); mask-image:var(--icon-cat-mountain);
}
.sv-template-sommarkampanj-kategori #mainCategories .kultur .tab label h2:before {
-webkit-mask-size:70%; mask-size:70%;     
-webkit-mask-image:var(--icon-cat-palette); mask-image:var(--icon-cat-palette);
}
.sv-template-sommarkampanj-kategori #mainCategoriesAktuell .kultur .tab label h2:before {
-webkit-mask-size:70%; mask-size:70%;     
-webkit-mask-image:var(--icon-cat-palette); mask-image:var(--icon-cat-palette);
}

/* POP UP AKTIVITETER */

.sv-template-sommarkampanj-kategori #maxadittSommarlov .tab label h2:before {
   -webkit-mask-size:95%; mask-size:95%;     
   -webkit-mask-image:var(--icon-cat-sun); mask-image:var(--icon-cat-sun);
}

.sv-template-sommarkampanj-kategori #popUpActivities .tab label h2:before {
   -webkit-mask-size:95%; mask-size:95%;     
   -webkit-mask-image:var(--icon-popactivities); mask-image:var(--icon-popactivities);
   background: #DC328A;;
}
/*SLUT PÅ ÄNDRINGAR */

.tab:has(.tab-nr1) .tb-sg-link 				{ background:var(--c-sg-cyanblue); border-color:var(--c-sg-cyanblue); }
.tab:has(.tab-nr2) .tb-sg-link             { background:var(--c-sg-brown); border-color:var(--c-sg-brown); }
.tab:has(.tab-nr3) .tb-sg-link             { background:var(--c-sg-green); border-color:var(--c-sg-green); }
.tab:has(.tab-nr4) .tb-sg-link             { background:var(--c-sg-pink); border-color:var(--c-sg-pink); }
.tab:has(.tab-nr5) .tb-sg-link             { background:var(--c-sg-blue); border-color:var(--c-sg-blue); }
.tab:has(.tab-nr6) .tb-sg-link             { background:var(--c-sg-black); border-color:var(--c-sg-black); }
.tab:has(.tab-nr7) .tb-sg-link             { background:var(--c-sg-red); border-color:var(--c-sg-red); }
/*.tab:has(.tab-nr8) .tb-sg-link             { background:var(--c-sg-orange); border-color:var(--c-sg-orange); }*/

/*POP UP AKTIVITETER - veronica ändrar */

#popUpActivities .tb-sg-link             { background:#FFF32A; border-color:#FFF32A; color:#DC328A; }
#maxadittSommarlov .tb-sg-link             { background:var(--c-sg-orange); border-color:var(--c-sg-orange); }

/*SLUT PÅ ÄNDRINGAR*/

.tb-sg-link:hover        { background:#fff !important; color:var(--c-theme); border-color:var(--c-theme); }

.tb-sg-link { 
display:inline-block; position:relative; padding:13px 20px 14px 20px; 
background:var(--c-theme); border:2px solid transparent; color:#fff; 
font:700 20px/1.2 'Open Sans'; text-decoration:none !important;
border-radius:6px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); cursor:pointer !important; }

.tab:has(.tab-nr1) .tb-sg-link:hover        { color:var(--c-sg-cyanblue); }
.tab:has(.tab-nr2) .tb-sg-link:hover        { color:var(--c-sg-brown); }
.tab:has(.tab-nr3) .tb-sg-link:hover        { color:var(--c-sg-green); }
.tab:has(.tab-nr4) .tb-sg-link:hover        { color:var(--c-sg-pink); }
.tab:has(.tab-nr5) .tb-sg-link:hover        { color:var(--c-sg-blue); }
.tab:has(.tab-nr6) .tb-sg-link:hover        { color:var(--c-sg-black); }
.tab:has(.tab-nr7) .tb-sg-link:hover        { color:var(--c-sg-red); }
.tab:has(.tab-nr8) .tb-sg-link:hover        { color:var(--c-sg-orange); }

/* Slut med nytt */

.tab:has(.tab-nr1) .tb-sg-btn             { background:var(--c-sg-cyanblue); border-color:var(--c-sg-cyanblue); }
.tab:has(.tab-nr1) .tb-sg-btn.inv         { background:#fff; border-color:var(--c-sg-cyanblue);  color:var(--c-sg-cyanblue); }
.tab:has(.tab-nr1) .tb-sg-btn.inv:before  { background:var(--c-sg-cyanblue); }

.tab:has(.tab-nr2) .tb-sg-btn             { background:var(--c-sg-brown); border-color:var(--c-sg-brown); }
.tab:has(.tab-nr2) .tb-sg-btn.inv         { background:#fff; border-color:var(--c-sg-brown);  color:var(--c-sg-brown); }
.tab:has(.tab-nr2) .tb-sg-btn.inv:before  { background:var(--c-sg-brown); }

.tab:has(.tab-nr3) .tb-sg-btn             { background:var(--c-sg-green); border-color:var(--c-sg-green); }
.tab:has(.tab-nr3) .tb-sg-btn.inv         { background:#fff; border-color:var(--c-sg-green);  color:var(--c-sg-green); }
.tab:has(.tab-nr3) .tb-sg-btn.inv:before  { background:var(--c-sg-green); }

.tab:has(.tab-nr4) .tb-sg-btn             { background:var(--c-sg-pink); border-color:var(--c-sg-pink); }
.tab:has(.tab-nr4) .tb-sg-btn.inv         { background:#fff; border-color:var(--c-sg-pink);  color:var(--c-sg-pink); }
.tab:has(.tab-nr4) .tb-sg-btn.inv:before  { background:var(--c-sg-pink); }

.tab:has(.tab-nr5) .tb-sg-btn             { background:var(--c-sg-blue); border-color:var(--c-sg-blue); }
.tab:has(.tab-nr5) .tb-sg-btn.inv         { background:#fff; border-color:var(--c-sg-blue);  color:var(--c-sg-blue); }
.tab:has(.tab-nr5) .tb-sg-btn.inv:before  { background:var(--c-sg-blue); }

.tab:has(.tab-nr6) .tb-sg-btn             { background:var(--c-sg-black); border-color:var(--c-sg-black); }
.tab:has(.tab-nr6) .tb-sg-btn.inv         { background:#fff; border-color:var(--c-sg-black);  color:var(--c-sg-black); }
.tab:has(.tab-nr6) .tb-sg-btn.inv:before  { background:var(--c-sg-black); }

.tab:has(.tab-nr7) .tb-sg-btn             { background:var(--c-sg-red); border-color:var(--c-sg-red); }
.tab:has(.tab-nr7) .tb-sg-btn.inv         { background:#fff; border-color:var(--c-sg-red);  color:var(--c-sg-red); }
.tab:has(.tab-nr7) .tb-sg-btn.inv:before  { background:var(--c-sg-red); }

/*
.tab:has(.tab-nr8) .tb-sg-btn             { background:var(--c-sg-orange); border-color:var(--c-sg-orange); }
.tab:has(.tab-nr8) .tb-sg-btn.inv         { background:#fff; border-color:var(--c-sg-orange);  color:var(--c-sg-orange); }
.tab:has(.tab-nr8) .tb-sg-btn.inv:before  { background:var(--c-sg-orange); }
*/

/*POP UP AKTIVITETER - veronica ändrar*/

#popUpActivities .tb-sg-btn             { background:#FFF32A; border-color:#FFF32A; color:#DC328A; }
#popUpActivities .tb-sg-btn:before      { background:#DC328A; }
#popUpActivities .tb-sg-btn.inv         { background:#fff; border-color:#FFF32A;  color:#DC328A; }
#popUpActivities .tb-sg-btn.inv:hover   { background:#FFF32A !important; border-color:#FFF32A;  color:#DC328A !important; }
#popUpActivities .tb-sg-btn.inv:before  { background:#DC328A !important; }

#maxadittSommarlov .tb-sg-btn             { background:var(--c-sg-orange); border-color:var(--c-sg-orange); }
#maxadittSommarlov .tb-sg-btn.inv         { background:#fff; border-color:var(--c-sg-orange);  color:var(--c-sg-orange); }
#maxadittSommarlov .tb-sg-btn.inv:before  { background:var(--c-sg-orange); }

/* SLUT PÅ ÄNDRINGAR */


/* HOVER  */

/*.tab-nr1:hover { background-color:rgba(var(--c-sg-cyanblue-rgb),.85); }
.tab-nr2:hover { background-color:rgba(var(--c-sg-brown-rgb),.85); }
.tab-nr3:hover { background-color:rgba(var(--c-sg-green-rgb),.85); }
.tab-nr4:hover { background-color:rgba(var(--c-sg-pink-rgb),.85); }
.tab-nr5:hover { background-color:rgba(var(--c-sg-blue-rgb),.85); }
.tab-nr6:hover { background-color:rgba(var(--c-sg-black-rgb),.85); }
.tab-nr7:hover { background-color:rgba(var(--c-sg-red-rgb),.85); }*/

.tb-sg-btn:hover        { background:#fff !important; color:var(--c-theme); border-color:var(--c-theme); }
.tb-sg-btn:hover:before { background:var(--c-theme); }

.tab:has(.tab-nr1) .tb-sg-btn:hover        { color:var(--c-sg-cyanblue); }
.tab:has(.tab-nr1) .tb-sg-btn:hover:before { background:var(--c-sg-cyanblue); }
.tab:has(.tab-nr2) .tb-sg-btn:hover        { color:var(--c-sg-brown); }
.tab:has(.tab-nr2) .tb-sg-btn:hover:before { background:var(--c-sg-brown); }
.tab:has(.tab-nr3) .tb-sg-btn:hover        { color:var(--c-sg-green); }
.tab:has(.tab-nr3) .tb-sg-btn:hover:before { background:var(--c-sg-green); }
.tab:has(.tab-nr4) .tb-sg-btn:hover        { color:var(--c-sg-pink); }
.tab:has(.tab-nr4) .tb-sg-btn:hover:before { background:var(--c-sg-pink); }
.tab:has(.tab-nr5) .tb-sg-btn:hover        { color:var(--c-sg-blue); }
.tab:has(.tab-nr5) .tb-sg-btn:hover:before { background:var(--c-sg-blue); }
.tab:has(.tab-nr6) .tb-sg-btn:hover        { color:var(--c-sg-black); }
.tab:has(.tab-nr6) .tb-sg-btn:hover:before { background:var(--c-sg-black); }
.tab:has(.tab-nr7) .tb-sg-btn:hover        { color:var(--c-sg-red); }
.tab:has(.tab-nr7) .tb-sg-btn:hover:before { background:var(--c-sg-red); }
/*
.tab:has(.tab-nr8) .tb-sg-btn:hover        { color:var(--c-sg-orange); }
.tab:has(.tab-nr8) .tb-sg-btn:hover:before { background:var(--c-sg-orange); }
*/

/* POP UP AKTIVITETER - veronica ändrar */ 

#popUpActivities .tb-sg-btn:hover        { color:#DC328A; }
popUpActivities .tb-sg-btn:hover:before { background:#DC328A; }

#maxadittSommarlov .tb-sg-btn:hover        { color:var(--c-sg-orange); }
#maxadittSommarlov .tb-sg-btn:hover:before { background:var(--c-sg-orange); }

/*SLUT*/

.tb-sg-btn.inv:hover            { background:var(--c-theme) !important; color:#fff !important; }
.tb-sg-btn.inv:hover:before     { background:#fff !important; }

.tab:has(.tab-nr1) .tb-sg-btn.inv:hover   { background:var(--c-sg-cyanblue) !important; }
.tab:has(.tab-nr2) .tb-sg-btn.inv:hover   { background:var(--c-sg-brown) !important; }
.tab:has(.tab-nr3) .tb-sg-btn.inv:hover   { background:var(--c-sg-green) !important; }
.tab:has(.tab-nr4) .tb-sg-btn.inv:hover   { background:var(--c-sg-pink) !important; }
.tab:has(.tab-nr5) .tb-sg-btn.inv:hover   { background:var(--c-sg-blue) !important; }
.tab:has(.tab-nr6) .tb-sg-btn.inv:hover   { background:var(--c-sg-black) !important; }
.tab:has(.tab-nr7) .tb-sg-btn.inv:hover   { background:var(--c-sg-red) !important; }
/*
.tab:has(.tab-nr8) .tb-sg-btn.inv:hover   { background:var(--c-sg-orange) !important; }
*/

/* POP UP AKTIVITETER - veronica ändrar */ 

popUpActivities .tb-sg-btn.inv:hover   { background: #FFF32A !important; color: #DC328A !important;}
popUpActivities .tb-sg-btn.inv:hover:before   { background: #DC328A !important;}
#maxadittSommarlov .tb-sg-btn.inv:hover   { background:var(--c-sg-orange) !important; }

/*SLUT*/


/* --------------------------------------------------------------------------  
   START | NEWS LIST 
--------------------------------|----------------------------------------- */

.center img { display:block; width:50%; margin-left:auto; margin-right:auto; }

.sv-template-sommarkampanj-2025-start li.sv-newslist__gallery-item { flex-basis:calc(33.333% - 30px); } 

div.env-p-around--xx-small.env-h--100.env-d--flex.env-flex--column { padding:25px !important; }

article.env-h--100.sv-newslist__gallery-article { 
border-radius:6px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.05); 
transition:background .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out; }

article.env-h--100.sv-newslist__gallery-article:hover { box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); }	  
     
div.sv-newslist__gallery-item__image { border-radius:5px 5px 0 0; }

li.env-list__item.sv-newslist__gallery-item h3.subheading3 { 
  margin:0 0 8px; font-size:25px; 
}

li.env-list__item.sv-newslist__gallery-item:hover h3.subheading3 a { 
  color:var(--c-theme); transition:0.3s; 
}
 

/* --------------------------------------------------------------------------  
   REPORTAGE SIDOR
--------------------------------|----------------------------------------- */

.sv-template-sommarkampanj-2025-reportage main .sv-use-margins { padding-right:0; }

.sv-template-sommarkampanj-2025-reportage .env-text-caption-01 { margin:10px 0 15px; }

.rep-grid-margin { margin-left:0; margin-right:0; }


/* TOP IMAGE ------------------------------------------------------------- */   

.rep-topimage { position:relative; border-radius:6px 6px 0 0; }
     
.sommar-bildtext-overlay {
position:absolute; right:0; bottom:35px; width:27%; padding:20px !important;
background:rgba(0,0,0,.5); border-radius:6px 0 0 6px; }
     
.sommar-bildtext-overlay p { 
font:16px/1.5 var(--font-title); font-weight:700 !important; color:#fff; margin:0 !Important; }


/* MAIN COLUMN ----------------------------------------------------------- */

.heading-reportage { transform:translateY(-120px); border-radius:0 8px 0 0; }

h1.sv-font-sommarkampanj-reportage-rubrik { font:800 50px/1.25 var(--font-title); color:#2b9db7; }

.sv-template-sommarkampanj-2025-reportage p.sv-font-ingress,
p.sv-font-ingress-reportage-sommarkampanj { font:600 20px/1.5 var(--font-title); color:#1a1a1a; }

.heading-reportage h2 { margin-top:30px !important; }

.heading-reportage .sv-column-8:last-child { padding-left:10px; }

.heading-reportage .sv-column-8 .sv-text-portlet-content > p:first-child { margin-top:0 !important; }

.heading-reportage img { margin-top:5px; }

/* QUOTE */

.sv-template-sommarkampanj-2025-reportage .bot-main__short-quotes {
 margin:0; padding:10px 0; text-align:left; }

.sv-template-sommarkampanj-2025-reportage .bot-main__short-quotes p { margin:0 !important; }

.sv-template-sommarkampanj-2025-reportage .bot-main__short-quotes q {
display:block; position:relative; padding-right:30px; 
font-size:26px; line-height:1.4; quotes:none !important; }

.sv-template-sommarkampanj-2025-reportage q::before { display:none !important; }
     
.sv-template-sommarkampanj-2025-reportage .bot-main__short-quotes q::after {
position:absolute; content:''; width:42px; height:32px; margin:2px 0 0 4px;
background-image:url("/imagearchive/Sommarkampanj/curly-quotes.png"); background-size:cover; }


/* SPECIAL OVERLAY BOX "Hitta ditt eget svampställe .."

#Text5 + div.sv-text-portlet-content {
position:absolute; bottom:20px; right:0; 
max-width:25%; padding:10px; border-radius:5px;
background-color:rgba(0,0,0,0.5); color:white; }

#Text5 + div.sv-text-portlet-content p { color:white; }

*/
     

/* SIDE COLUMN ----------------------------------------------------------- */
     
.heading-reportage + .sv-layout.sv-column-4 { 
float:left !important; margin:0 !important; }
    
/* SIDE COLUMN > REPORTAGE BOXAR */  

.rep-side-info { width:100% !important; max-width:100% !important; 
margin:25px 0; padding:1px 25px 25px 20px; border-radius:6px; }

.rep-side-info-1 { background-color:#e6f2f7; }

.rep-side-info-2 { background-color:#fff9cf; }

.rep-side-info p > strong:first-child { color:#004f9f; }