#svid12_3466e866197382319d513b28 {
   border-radius: 12px;
}

.vmkf-button.sv-text-portlet p a, .vmkf-button:not(.sv-text-portlet) {
    border-color: #006862;
    background-color: #006862;
}

.c19870 {
    display: none;
}


/*
.env-button, .env-button--large, .env-button--block {
   color: #FFF !important;
   background-color: #006862 !important;
   font-family: Montserrat !important;
   font-size: 1.5em !important;
   font-weight: 500 !important;
   padding: 1em !important;
}
*/

.vmkf-h1 {
   color: #FFF !important;
}

.vmkf-h2 {
   color: #006862 !important;
}

.startpage__title {
    padding: 13px 20px !important;
    background-color: #096863 !important;
    color: #fff !important;
    font-family: "Montserrat" !important;
    font-size: 1.6em !important;
    font-weight: 500 !important;
    display: inline-block !important;
    margin-bottom: 20px !important;
}

.startpage__subpage-title {
    font-family: Montserrat !important;
    color: #006862 !important;
    font-size: 1.5em !important;
    letter-spacing: 1px !important;
    line-height: normal !important;
    font-weight: 800 !important;
    margin-bottom: 0.4em !important;
}

.startpage__subpage-link {
    padding: 1.2em 2em !important;
    background-color:  #ECF6F5 !important;
    border-radius: 2px !important;
}

.startpage__subpage-link:focus, .startpage__subpage-link:focus *, .startpage__subpage-link:hover, .startpage__subpage-link:hover * {
    color: #fff !important;
}

.startpage__subpage-link:focus, .startpage__subpage-link:hover {
    background-color: #006862 !important;
}



.startpage__background-image {
    min-height: 400px !important;
}





.navigationpage__title {
    padding: 13px 20px !important;
    background-color: #096863 !important;
    color: #fff !important;
    font-family: "Montserrat" !important;
    font-size: 1.6em !important;
    font-weight: 500 !important;
    display: inline-block !important;
    margin-bottom: 20px !important;
}

.navigationpage__subpage-title {
    font-family: Montserrat !important;
    color: #006862 !important;
    font-size: 25px !important;
    letter-spacing: 1px !important;
    line-height: normal !important;
    font-weight: 800 !important;
    margin-bottom: 16px !important;
}








.navigationpage__subpage-link {
    padding: 1.2em 2em !important;
    background-color: #ECF6F5 !important;
    border-radius: 2px !important;
}

.navigationpage__subpage-link:focus, .navigationpage__subpage-link:focus *, .navigationpage__subpage-link:hover, .navigationpage__subpage-link:hover * {
    color: #fff !important;
}

.navigationpage__subpage-link:focus, .navigationpage__subpage-link:hover {
    background-color: #006862 !important;
}




.sv-font-publiceringsdatum {
    color: #333333 !important; 
   font-size: 15px;
   font-weight: 500;
   padding-bottom: 5px;
}

.vmkf-quick-link__row {
   
    padding: 1em 0em;
  
}


.startpage__subpage-link {
   border-radius: 13px!important;
   height: 100%;
      }
      
      .navigationpage__subpage-link {
    border-radius: 13px!important;
}

.navigationpage__subpage-description, .startpage__subpage-description {
    display: contents !important;
}

.navigationpage__title {
    text-transform: lowercase !important;
}

.navigationpage__title:first-letter {
    text-transform: capitalize!important;
}

.env-badge {
    background-color: #203b8e;
    border-radius: var(--env-badge-border-radius);
    color: var(--env-element-primary-font-color);
    display: inline-block;
    font-family: var(--env-badge-font-family);
    font-size: 15px;
    font-weight: 600;
    padding: var(--env-spacing-xx-small) var(--env-spacing-x-small);
    text-decoration: none !important;
    vertical-align: baseline;
}


.naringsliv-event-list {
    display: flex;
    flex-direction: column; /* Lägger eventen i en vertikal lista */
    gap: 15px; /* Avstånd mellan eventen */
    align-items: flex-start; /* Säkerställer att allt justeras till vänster */
}

.naringsliv-event-list-item {
    display: flex;
    flex-direction: row; /* Säkerställer att datumrutan och texten ligger bredvid varandra */
    align-items: flex-start; /* Justerar datumrutan och texten i linje */
    gap: 25px; /* Avstånd mellan datumrutan och eventinformationen */
    text-decoration: none;
    width: 100%; /* Säkerställer att hela rutan får plats */
}

.naringsliv-event-date {
    background-color: #006862;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* Förhindrar att datumrutan krymper */
}

.naringsliv-event-date:hover, .naringsliv-event-day:hover, .naringsliv-event-month:hover {
    text-decoration: none!important;
}

.naringsliv-event-day {
    font-size: 1.5em;
    font-weight: bold;
    color: #ECF6F5;
}

.naringsliv-event-month {
    font-size: 1em;
    text-transform: lowercase;
    color: #ECF6F5;
}

.naringsliv-event-title {
    font-size: 18px;
   margin-bottom: 10px!important;
   color: #006862;
       word-break: break-word;
}

.naringsliv-event-details {
    flex-grow: 1; /* Gör att textdelen tar upp all återstående plats */
}

.sv-channel-item.c9401 {
    max-width: fit-content!important;
}

.naringsliv-event-list-item {
    text-decoration: none!important; 
}


.sv-newslist .sv-newslist__gallery-item article {
   background-color: transparent!important;
}
 


/* Stilar för mobil först (den "mindre" storleken) */
.sv-font-rubrik-1-svart {
  color: #006862;
  font-size: 1.8em; /* Storlek för mobil */
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* Gemensam text-shadow */
}

/* Media query för större skärmar, t.ex. tablets och desktops */
@media (min-width: 768px) {
  .sv-font-rubrik-1-svart {
    font-size: 2.5em; /* Storlek för desktop */
  }
}

a.portlet-section-header, a.vmkf-h2, h2 a, .portlet-section-header a, .vmkf-h2 a {
    color: #006862;
    text-decoration: none;
}

.startpage__background-image {
    min-height: 270px !important;
}

.naringsliv-event-title:hover {
      text-decoration:underline!important; 
}

.sv-newslist article a:hover {
    text-decoration: underline; /* Underline bara vid hover */
}



/* Nyhetsflödet - Desktop */
.sv-newslist .sv-newslist__gallery-item article {
    display: flex;
    flex-direction: row; /* Lägger bild och text i rad på desktop */
    gap: 20px; /* Mellanrum mellan bild och text */
    background-color: transparent!important;
}

.sv-newslist .sv-newslist__gallery-item__image {
    width: 300px; /* Anpassa storlek på bilden */
    height: 200px; /* Håller bilden proportionerlig */
    flex-shrink: 0; /* Förhindrar att bilden krymper */
    object-fit: cover;
    background-size: cover;
    background-position: center;
}

.sv-newslist .sv-newslist__gallery-item__content {
    flex: 1; /* Låter texten ta upp resten av utrymmet */
}

.sv-newslist .sv-newslist__gallery-item article {
    flex-direction: row!important;
}

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

/* Media query för mobila enheter */
@media (max-width: 768px) {
    .sv-newslist .sv-newslist__gallery-item article {
        flex-direction: column !important; /* Staplar bild och text vertikalt på mobil */
        align-items: stretch; /* Låter elementen sträcka sig över hela bredden */
        gap: 15px; /* Minskar mellanrummet något på mobil */
    }
    
    .sv-newslist .sv-newslist__gallery-item__image {
        width: 100%; /* Bilden tar upp hela bredden på mobil */
        height: 200px; /* Behåller höjden eller anpassa efter behov */
        max-width: none; /* Tar bort begränsningar */
    }
    
    .sv-newslist .sv-newslist__gallery-item__content {
        width: 100%; /* Texten tar upp hela bredden */
    }
}

/* För mindre mobila enheter (under 480px) */
@media (max-width: 480px) {
    .sv-newslist .sv-newslist__gallery-item__image {
        height: 180px; /* Något mindre höjd på riktigt små skärmar */
    }
    
    .sv-newslist .sv-newslist__gallery-item article {
        gap: 10px; /* Mindre mellanrum på små skärmar */
    }
}



@media (min-width: 0px) {
    .vmkf-h2, h2 {
        font-size: calc(20px + 2 * (100vw - 0px) / 1200);
    }
}

.sv-newslist article a {
    font-size: 0.9em;
}


.startpage__background-image {
 
    padding: 1em;

}

.vmkf-quick-link__row {
    padding: 0em
0px
 0em;
}

.startpage__background-image {
    min-height: 600px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 1em 1em!important;
    display: -webkit-box;
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
}