/* NYA FÄRGER 
:root {
    --color-secondary-rgb: 163, 25, 91!important;
    --color-secondary: #A3195B!important;
}

*/

@media screen and (max-width: 63.9375em) {
    .startpage__subpage-description {
        display: block!important;
    }
}

@media screen and (max-width: 63.9375em) {
    .startpage__subpage-link {
        padding: 16px 20px 3px 20px !important;
    }
}


    .helg-text {
  display: none;
}
   

@media (max-width: 800px) {
    .vmkf-h1, h1 {
        margin-left: 1em;
        margin-right: 1em;
    }
}
   
/*

p.sv-portlet-image-caption {
    margin: 0 0 2em 0;
    line-height: normal;
}
.vmkf-quick-link__row  {
    margin: 0px;
   justify-content: space-between; /* Behåller justeringen vid större skärmar 
        gap: 0 10px; /* Avstånd mellan knappar även på större skärmar */


.vmkf-h1 {
   
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
   font-weight: 700;
   }

@media (min-width: 1200px) {
   ingress, .vmkf-ingress {
       font-size: 24px;
   }
}

h3, .vmkf-h3 {
    font-weight: 700;}

.navigationpage__subpage-title {
  word-wrap: break-word;
}
.vmkf-p>a[href*="tel:"]::before,
.vmkf-p--primary>a[href*="tel:"]::before {
	content: "";
}
.vmkf-p>a[href*="mailto:"]::before,
.vmkf-p--primary>a[href*="mailto:"]::before {
	content: "";
}
.startpage__article-image {
    flex: 0 0 300px;
    height: 300px;
    width: calc(100% + 40px);
    -o-object-fit: cover;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
	}

.vmkf-quick-link__row {
    justify-content: center!important;
   }

.vmkf-quick-link__row>div {
    -webkit-box-flex: 0;
    flex: 1 0 auto;
    margin: 15px;
   }
.search-result__hit-item2 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
	-ms-flex-preferred-size: 33.33%;
	flex-basis: 33.33%;
   -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 20px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
   
   }

/*.c1441 {
    background-color: #ffffff !important;
    border-bottom-color: #006862;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}*/

.sv-channel-item {
   padding: 10px !important;
}

.vmkf-upper-header-height {
    height: 30px!important;
}

.vmkf__header-other-sites-title {
    font-size: 14px!important;
}

.vmkf__header-other-site {
    font-size:14px!important;
}

.vmkf__header-other-site>a {
    font-size: 14px!important;
    
}






.startpage__event-title {
    font-size: 20px!important;
    font-weight: 700!important;
}

.startpage__event-date, .startpage__event-time {
   
    font-weight: 500!important;
}

.startpage__event-link {
    
    padding: 25px 20px!important;
    width: 100%; 
}

.vmkf-h2,h2{
    font-size:26px;
}

/* VÅRA WEBBPLATSER */

 .c16235 {
    color:#006862;
    font-family: Lato, sans-serif;
    font-weight: 800;
    line-height:10px;
    border-style:none;
    background-color: #ECF6F5; 
 }



.facets-wrapper.open {
    padding-top: 30px!important;
   padding-bottom: 0px!important;
}


.c16225 {
    margin-bottom: 0.8em!important;
}

.search-result__hit-list {
    margin: -10px!important;   
}



body, .dummybody {
    background-color: #FFFFFF!important;
}



@media print, screen and (min-width: 64em) {
.hiq-news-list-decoration .sv-channel.sv-defaultlist .sv-channel-item {
           flex-flow: row wrap !important;
        display: flex !important;
}
}


.startpage__article-content2::after {
    position: absolute;
    content: '';
    height: 80px;
    width: 100%;
    left: 0;
    bottom: -25px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(var(--color-primary-light)),color-stop(20%,var(--color-primary-light)),to(rgba(var(--color-primary-light-rgb),0)));
    background-image: linear-gradient(to top,var(--color-primary-light),var(--color-primary-light) 20%,rgba(var(--color-primary-light-rgb),0));
       } 
      
 
/*Sidonyhetslistning*/


.startpage__article-content3 {
    background-color: var(--color-primary) !important;
   padding: 0.6em 1em 0.6em 1em;
       } 

  .startpage__article-link3 {
    text-decoration: none;
}

.startpage__article-date3 {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: var(--color-primary);
    
}

.startpage__article-title3 {
    font-size: 15px;
    font-weight: 500;
    font-family: Montserrat;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: 1px;
    color: var(--color-primary);
    margin: 0.7em 0em 0em 0em;
}

.startpage__article-link3:focus,.startpage__article-link3:hover {
    text-decoration: none;  
}


.startpage__article-link3:focus .startpage__article-content4,.startpage__article-link4:hover .startpage__article-content4 {
    background-color: var(--color-primary);
}

.startpage__article-link3:focus
   .startpage__article-content3::after,
   .startpage__article-link3:hover
   .startpage__article-content3::after {
   background-image: -webkit-gradient(linear,left bottom,left top,from(var(--color-primary)),color-stop(20%,var(--color-primary)),to(rgba(var(--color-primary-rgb),0)));
   background-image: linear-gradient(to top,var(--color-primary),var(--color-primary) 20%,rgba(var(--color-primary-rgb),0));
       }

.startpage__article-link3:focus .startpage__article-content3,.startpage__article-link3:focus .startpage__article-content3 *,.startpage__article-link3:hover .startpage__article-content3,.startpage__article-link3:hover .startpage__article-content3 * {
    color: #ECF6F5;
   background-color: #006862;

}

/*  Slut på sidonyhetslistning */


a.sv-font-rubrik-sidfot:visited, .sv-font-rubrik-sidfot a:visited, a.sv-font-rubrik-sidfot:hover, .sv-font-rubrik-sidfot a:hover, a.sv-font-rubrik-sidfot:focus, .sv-font-rubrik-sidfot a:focus {
   color: #FFF!important;
}

.sv-font-rubrik-sidfot {
   color: #FFF!important;
}

.startpage__event-link {
    height: 600px!important;
    padding: 0px !important;
}
.startpage__event-link::after {
    bottom: 0px!important;
}
.startpage__event-link:focus, .startpage__event-link:hover {
    background-color: #fff!important;
}

.startpage__event-info-wrapper {
    padding: 30px 25px; !important;
}
.startpage__event-link::after {
    bottom: -25px;
    background-image: linear-gradient(to top, #4e7470, #4e7470 20%, rgba(var(--color-primary-rgb), 0))!important;
}
.startpage__event-link:hover::after {
    bottom: -25px;
    background-image: linear-gradient(to top, #fff, #fff 20%, rgba(var(--color-primary-rgb), 0)) !important;
}
/*.sv-channel-image{
    max-height: 574px;
    max-width: 1022px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}*/



/*  Mobilmeny */

.SBnE8X_5uU5yUCP4RBVU>li>a {
    font-family: 'Montserrat';
    font-weight: 600;
    color: #006862;
}

.SBnE8X_5uU5yUCP4RBVU a {
   font-family: 'Montserrat';
    font-weight: 500;
}

#svid12_1441a7e6190502a1a097d92a > div:nth-child(2) > nav > dialog {
       box-sizing: border-box;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto !important;
    width: 100%;
    height: 100%;
    max-width: 30%;
    max-height: 100%;
    margin: 0;
    padding: calc(var(--env-font-size-base)* 3.375) .375em .625em;
    overflow-x: hidden;
    overflow-y: auto;
    border: none;
   }



#svid12_1441a7e6190502a1a097d92a > div:nth-child(2) > nav > dialog > button > svg {
   height: 1em;
   width: 1em;
}

#svid12_1441a7e6190502a1a097d92a > div:nth-child(2) > nav > dialog > ul {
   margin-left: 1em;
}

.env-accordion--show {
    background-color: #d7e4f7;
}
   
   
   /* Ändra färg på boxar på start och navigeringssidor 
   
   .startpage__subpage-link {
    background-color: rgb(255 255 255 / 80%);
   }
   
   */

/* Nya cookie-modulen formatering*/
.sv-cookie-consent-banner {
    background-color: var(--color-primary) !important;
    text-align: center;
}

.env-text-h4, .env-text-h5, .env-text-h6, 
.sv-cookie-consent-banner .env-text {
    font-family: Montserrat!important;
    color: #FFFFFF !important;
    text-align: center;
}

.sv-cookie-consent-banner .env-text a {
    color: #FFFFFF !important;
    text-decoration: underline;
    font-family: Montserrat!important;
}

.sv-cookie-consent-banner .env-button, 
.sv-cookie-consent-banner .env-button--ghost {
    background-color: transparent;
    border: 2px solid white;
    color: white;
    border-radius: 20px;
    padding: 10px 20px;
    transition: all 0.3s ease;
    font-family: Montserrat!important;
}

.sv-cookie-consent-banner .env-button:hover, 
.sv-cookie-consent-banner .env-button--ghost:hover {
    background-color: white;
    color: #333333;
    border-color: white;
    font-family: Montserrat!important;
}

.env-flex--column {
    flex-direction: column;
    background-color: transparent !important;
}

.env-button--ghost {
    display: none;
}

.env-d--flex {
    display: flex !important;
    align-self: center;
}

@media (min-width: 801px) {
    .vmkf-h1, h1 {
        margin-left: 0em!important;
    }
}
.env-breadcrumb {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

/* INNEHÅLLSFÖRTECKNING */

.nFkJdbw_CeaOlYKn4QRA.HVdM99TJJxdqDduGCPnx {
  --toc-padding-left: 1.5em;
  background-color: #d9e5de;
}

.l_KOGZSaQBAYAFgakPwU {
  display: block;
  position: relative;
  padding: var(--toc-padding) var(--toc-padding) var(--toc-padding)
    var(--toc-padding-left);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4285714286;
  font-weight: 500 !important;
}

   .nFkJdbw_CeaOlYKn4QRA.HVdM99TJJxdqDduGCPnx.DA2dxocVWsGp4jW9yC8f {
    --toc-active-item-color: var(--env-element-primary-background-color);
    background-color:  #cbe6e3;
}
      
      .OVdPNeAYLPO9zAwo2Hb2 {
    color: var(--env-font-color);
    text-decoration: underline!important;
}
        
      .HVdM99TJJxdqDduGCPnx {
     border-left: 1px solid #FFF!important; 
}
      
      .env-collapse-header {
    background-color: var(--env-collapse-background-color);
    border-color: var(--env-collapse-border-color);
    border-radius: var(--env-border-radius-medium);
    border-style: var(--env-collapse-border-style);
    border-width: var(--env-collapse-border-width);
    box-sizing: border-box;
    color: #006861 !important;
    cursor: pointer;
    overflow-wrap: anywhere;
    padding: var(--env-spacing-x-small);
    text-decoration: none;
    width: 100%;
    word-break: normal;
        border-radius: 0px !important;
}

      
      .env-collapse {
    overflow-wrap: anywhere;
    word-break: normal;
    background-color: #edf6f5 !important;
    border-radius: 0px !important;
}
       
     
 

.xezF9ru3TE5SSITf2YSh {
    --sv-app-mobile-menu-font-color: #403b65;
}
 
   
 .sv-grid-12.sv-fluid-grid .sv-column-1 {
    width: 40px!important;
}
   
.SBnE8X_5uU5yUCP4RBVU>li>a {
    font-size: 1.4em!important;
}
   
 
   
     #svid12_7aaec2b119c6d52023634a09 > div:nth-child(2) > nav > button > svg:hover {
      stroke: #edf6f5;
   }
 
 
   
   /* Tar bort ringen runt sök i mobilen */
   
    .vmkf__mobile-header-menu-button-icon {
      border: none;
     }
   
   
  /* Ändrar färgen på sökikonen */ 
   
   .vmkf__mobile-header-search-icon::before {
    color: #006862;
    font-size: 32px;
}
   
   


/* MENY I DESKTOP */ @media print, screen and (min-width: 1024px) {
   
   .xezF9ru3TE5SSITf2YSh:not([class*=env-block]) {
    background-color: #edf6f5!important;
}
   
    nav[aria-label="Mobilmeny"] .env-accordion--show {
    background-color: #edf6f5;
}
   
      .SBnE8X_5uU5yUCP4RBVU>li>a {
    font-family: 'Montserrat';
    font-weight: 600;
    color: #006862;
      }

  #svid12_7aaec2b119c6d52023634a09 > div:nth-child(2) > nav > button > svg {
      stroke: #006862;
      height: 2.37em!important;
    top: .0833333333em;
    width: 2.3em!important;
    top: -20px;
   }

nav[aria-label="Mobilmeny"] .env-button--link, .env-button--link:active, .env-button--link:focus, .env-button--link:hover {
    background-color: transparent;
    border-color: transparent;
    color: #006862;
    font-family: "Lato";
    font-size: 16px!important;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal !important;
    letter-spacing: 1px;
    bottom: -3px;
}

nav[aria-label="Mobilmeny"] .env-button.env-button--icon-above.env-button--link:hover .env-icon {
    background-color: var(--color-primary);
    border-radius: 100%;
    color: #edf6f5 !important;
    fill: #edf6f5 !important;
}

nav[aria-label="Mobilmeny"] .env-button.env-button--icon-above.env-button--link .env-icon {
    height: 2.3em !important;
    top: -1.2em;
    width: 2.3em !important;
    padding: 10px;
    box-sizing: content-box;
}

nav[aria-label="Mobilmeny"] .env-list .env-button[data-env-accordion] svg.env-icon {
    font-size: 32px !important; 
}
            
} /* SLUT MENY I DESKTOP */







/* MENY I MOBIL */ @media print, screen and (max-width: 1023px) {

nav[aria-label="Mobilmeny"] .env-accordion--show {
    background-color: #edf6f5;
}


#svid12_7aaec2b119c6d52023634e0a > div:nth-child(2) > nav > dialog {
    background-color: #edf6f5;
}


#svid12_7aaec2b119c6d52023634e0a > div:nth-child(2) > nav > dialog > div > button > svg {
            height: 0.725em;
        width: 0.725em;
}


 .vmkf__mobile-header-menu-text, .vmkf__mobile-header-search-text {
    margin-top: 15px !important;
   color: #006862!important;
       font-size: 16px !important;
    letter-spacing: 1px;
}

 .vmkf__mobile-header-helpers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    padding: 0px 0px;
    gap: 8px;
}

nav[aria-label="Mobilmeny"] .env-button--link, .env-button--link:active, .env-button--link:focus, .env-button--link:hover {
    background-color: transparent;
    border-color: transparent;
    color: #006862;
   font-family: Lato;
   font-size: 16px !important;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal !important;
    letter-spacing: 1px;
    Top: 5px;
    padding-right: 3em;
    padding-left: 0em;
}

nav[aria-label="Mobilmeny"] .env-button.env-button--icon .env-icon {
    height: 1.725em;
    margin: -0.5625em -10px 0;
    width: 1.725em;
}

#svid12_7aaec2b119c6d52023634e0a {
    margin-left: 0em;
    padding-left: 0em;
}



} /* SLUT MENY I MOBIL */







