.con-padding {
   padding-left: 24px;
   padding-right: 24px;
}

@media (max-width: 767px) {
   .con-padding {
      padding-left: 16px;
      padding-right: 16px;
   }
}

/* Knappar - Defaultknapp */

.sv-marketplace-sitevision-button a.env-button {
   border-radius: 0.0rem;
   border: 1px solid #3b3b3b;
   background: white;
   padding: 0.75rem 1rem;
   margin: 1rem 0;
   line-height: 1.3;
   color: #3b3b3b;
}

.sv-marketplace-sitevision-button a.env-button:hover {
   border-color: #3b3b3b !important;
   outline: initial;
}

.sv-marketplace-sitevision-button a.env-button:after {
   content: "";
   height: 0.75rem;
   width: 0.75rem;
   background-image: url("/images/18.36dfc81818c45ebba722f3c/1706111830800/Pil-svart.svg");
   background-size: cover;
   margin-left: 1rem;
}

/* Knappar - Primärknapp */

.sv-marketplace-sitevision-button a.env-button.env-button--primary {
   border: 1px solid #226651;
   background: #226651;
   color: white;
}

.sv-marketplace-sitevision-button a.env-button.env-button--primary:hover {
   border-color: #226651 !important;
}

.sv-marketplace-sitevision-button
   a.env-button.env-button.env-button--primary:after {
   background-image: url("/images/18.36dfc81818c45ebba722c67/1705927680615/Pil-vit.svg");
}

/* UVKF-19 | Sidhuvud */

.con-jump-to-content a {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: 5px;
   overflow: hidden;
   clip: rect(0 0 0 0);
   border: 0;
   font-weight: 600;
   background-color: #e8f9e3;
   display: block;
   width: 99%;
   color: #000000;
   padding: 5px 0 5px 10px;
   text-decoration: none;
}

.con-jump-to-content a:focus {
   position: static;
   width: auto;
   height: auto;
}

@media (min-width: 992px) {
   .sol-tool-nav-item .sol-icon--finnish:after {
      background-image: url(/images/18.4888d21515e5a932a7740f8/1508159091823/Finland-flagga%20--white.svg);
      width: 1.25rem;
      height: 1.25rem;
   }

   .sol-tool-nav-item .sol-icon--lang:after {
      background-image: url(/images/18.4888d21515e5a932a7740f7/1508158842758/Sprak--white.svg);
      width: 1.25rem;
      height: 1.25rem;
   }

   .sol-tool-nav-item .sol-icon--map:after {
      background-image: url(/images/18.4888d21515e5a932a7740f5/1508158842696/Karta--white.svg);
      width: 0.875rem;
      height: 1.25rem;
   }

   .sol-tool-nav-item .sol-icon--contact:after {
      background-image: url(/images/18.4888d21515e5a932a7740f6/1508158842728/Kontakt--white.svg);
      width: 1.25rem;
      height: 1.125rem;
      padding-top: 2px;
   }

   .sol-uvk .sol-hamburger-wrapper--desktop,
   .sol-uvk .sol-menu-toggle-button {
      transform: none;
   }

   .sol-tool-nav {
      float: none;
      position: static;
      padding-right: 0;
      height: 3.5rem; /* 56px */
   }

   .sol-tool-nav-item > a,
   .sol-tool-nav-item > button {
      flex-direction: row;
      margin: 0 0 0 2rem;
   }

   .sol-tool-nav-item .sol-tool-nav-item__icon {
      margin-right: 8px;
      margin-bottom: 0;
   }

   .sol-tool-nav-item .sol-tool-nav-item__text {
      color: #fff;
      font-weight: 300;
      font-size: 1rem;
   }

   .sol-tool-nav-item:hover .sol-tool-nav-item__text {
      text-decoration: underline;
   }
   
   .sol-tool-nav-item .sol-close {
      cursor: pointer;
   }
   
   .search-label {
      clip: rect(1px,1px,1px,1px);
      height: 1px;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 1px;
   }

   .search-icon {
      background-color: transparent;
      border: none;
      border-radius: 0;
      height: 3.25rem;
      width: 4.5rem;
      background-image: url(/images/18.36dfc81818c45ebba72512/1702498002404/Sok-svart.svg);
      background-size: 1.375rem;
      background-position: center;
   }

   .sol-mobile-header .sol-mobile-search-form input[type="search"],
   .sol-top-search-field input[type="search"],
   .sol-top-search-field input[type="text"] {
      padding-left: 4.5rem;
      width: 45rem;
      height: 3.25rem;
      font-size: 1rem;
      font-weight: 400;
      border-radius: 0.0rem;
      border: 1px solid #767676;
   }

   .sol-mobile-header .sol-mobile-search-form button[type="submit"],
   .sol-top-search-field button[type="submit"],
   .sol-top-search-field input[type="submit"] {
      right: 0;
      font-size: 1rem;
      padding: 0 1.5rem 0 0;
      font-weight: bold;
      height: 100%;
      width: auto;
      background: transparent;
      border: none;
      position: absolute;
      cursor: pointer;
   }

   .sv-se-soleil-treeMenu .sol-menu-toggle-hamburger {
      margin-top: 4px;
      margin-bottom: 0;
   }

   .sv-se-soleil-treeMenu .sol-menu-toggle-button__text {
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.5;
   }

   .sv-se-soleil-treeMenu .sol-menu-overlay {
      --overlay-offset: 9.75rem;
   }
}
   
.sv-se-soleil-treeMenu .sol-menu-toggle-hamburger {
   display: flex;
   justify-content: space-between;
}
   
span.hamburger-4ny559 span {
   margin: 0 !important;
}
   
div.sol-menu-overlay.overlay-1kiiase {
   position: absolute;
   height: 100vh;
}

@media (max-width: 1100px) {
   .sol-mobile-header .sol-mobile-search-form input[type="search"],
   .sol-top-search-field input[type="search"],
   .sol-top-search-field input[type="text"] {
      width: 40rem;
   }
}
   
@media (max-width: 991px) {
   .sol-icon--finnish:after {
       background-image: url(/images/18.4888d21515e5a932a7740f8/1508159091823/Finland-flagga%20--white.svg);
   }
}

/* UVKF-20 | Hero och genvägar */

.con-hero {
   position: relative;
}

.con-hero__image {
   height: 400px;
   width: auto;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   position: relative;
}

.con-hero__shortcuts {
   position: absolute;
   bottom: 0;
   width: 100%;
   background-color:  rgba(255, 255, 255, 0.8);
}

.con-hero__shortcuts ul {
   list-style: none;
   padding: 1.5rem 1rem;
   display: flex;
   justify-content: center;
   column-gap: 1rem;
   row-gap: 1rem;
   margin: 0;
   flex-wrap: wrap;
}

.con-hero__shortcuts ul li a {
   text-decoration: none;
   color: white;
   padding: 12px 16px;
   display: flex;
   align-items: center;

   background-color: #226651;
   border: none;
   cursor: pointer;
   transition: background-color 0.3s;
   border-radius: 0.0rem;
   /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);*/
   text-wrap: nowrap;
}

.con-hero__shortcuts ul li a:hover {
   background-color: #226651;
   text-decoration: underline;
}

.con-hero__shortcuts ul li a .fas,
.con-hero__shortcuts ul li a .far,
.con-hero__shortcuts ul li a .fal,
.con-hero__shortcuts ul li a .fad {
   margin-left: 10px;
}

.con-hero__shortcuts ul li a svg {
   margin-left: 1rem;
   width: 0.8125rem;
   height: auto;
}

@media (max-width: 991px) {
   .con-hero__shortcuts ul {
      padding: 1rem;
   }

   .con-hero__shortcuts ul li a svg {
      display: none;
   }
}

@media (max-width: 767px) {
   .con-hero__shortcuts ul {
      padding-left: 0;
      padding-right: 0;
   }
   .con-hero__shortcuts ul li {
      flex-basis: calc(50% - 1.5rem);
   }
   .con-hero__shortcuts ul li a {
      width: 100%;
   }
}

@media (max-width: 400px) {
   .con-hero__image {
      display: none;
   }
   .con-hero__shortcuts {
      position: static;
      padding: 0 8px;
   }
   .con-hero__shortcuts ul {
      flex-direction: column;
      gap: 0;
   }
   .con-hero__shortcuts ul li {
      width: 100%;
      margin: 4px 0;
      flex-basis: auto;
   }
}

/* UVKF-22 | Huvudmenyn */

.sol-startpage-wrapper .sol-home-page-top {
   justify-content: center;
   padding-left: 32px;
   padding-right: 32px;
}

.sol-startpage-wrapper .sol-home-page-top__shortcuts {
   background-color: #fff;
   width: initial;
   max-width: 960px;
   padding: 4rem 0 1rem 0;
}

.sol-startpage-wrapper .sol-home-page-top__shortcuts .sol-shortcut {
   border-bottom: 1px solid rgba(51, 51, 51, 0.1);
   flex-basis: 48%;
   padding-bottom: 1.5rem;
   margin-bottom: 1.5rem;
}

.sol-startpage-wrapper .sol-home-page-top__shortcuts .sol-shortcut:nth-child(7),
.sol-startpage-wrapper
   .sol-home-page-top__shortcuts
   .sol-shortcut:nth-child(8) {
   border-bottom: none;
}

.sol-startpage-wrapper
   .sol-home-page-top__shortcuts
   .sol-shortcut__text__title {
   color: #226651;
   font-size: 1.125rem;
}

.sol-startpage-wrapper
   .sol-home-page-top__shortcuts
   .sol-shortcut__text__preamble {
   color: #226651;
   margin-top: 0.125rem;
   line-height: 1.4;
}

.sol-shortcut__icon svg path {
   fill: #226651;
}

.sol-startpage-wrapper .sol-home-page-top__shortcuts .sol-shortcut__icon {
   padding-top: 0.25rem;
}

a.sol-shortcut:hover span.sol-shortcut__text__preamble {
   text-decoration: none !important;
}

@media (max-width: 767px) {
   .sol-startpage-wrapper .sol-home-page-top__shortcuts {
      padding-top: 3rem;
      padding-bottom: 2rem;
   }

   .sol-startpage-wrapper .sol-home-page-top__shortcuts .sol-shortcut {
      margin-bottom: 0.5rem;
      flex-wrap: nowrap;
      padding-left: 1rem;
   }

   .sol-startpage-wrapper
      .sol-home-page-top__shortcuts
      .sol-shortcut__text__title {
      max-width: initial;
   }

   .sol-startpage-wrapper .sol-home-page-top {
      min-height: 275px;
   }
}

@media (max-width: 400px) {
   .sol-startpage-wrapper .sol-home-page-top {
      padding-left: 16px;
      padding-right: 16px;
   }

   .sol-startpage-wrapper .sol-home-page-top__shortcuts {
      flex-direction: column;
      padding: 10px 0;
   }

   .sol-startpage-wrapper
      .sol-home-page-top__shortcuts
      .sol-shortcut:nth-child(odd) {
      margin-right: 0;
   }

   .sol-startpage-wrapper
      .sol-home-page-top__shortcuts
      .sol-shortcut:nth-child(7) {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
   }
}

/* UVKF-23 | Webapp, puffar */

.con-flex-container > .pagecontent {
   display: flex;
}

.con-flex-container > .pagecontent > .sv-puffar {
   flex: 1;
   padding-bottom: 4rem;
}

.con-flex-container > .pagecontent > .sv-puffar:not(:last-child) {
   margin-right: 2rem;
}

@media (max-width: 1200px) {
   .con-flex-container > .pagecontent > .sv-puffar:not(:last-child) {
      margin-right: 1.5rem;
   }
}

@media (max-width: 1000px) {
   .con-flex-container > .pagecontent > .sv-puffar:not(:last-child) {
      margin-right: 1rem;
   }
}

@media (max-width: 767px) {
   .con-flex-container > .pagecontent {
      flex-direction: column;
   }
   
   .con-flex-container > .pagecontent > .sv-puffar {
      padding-bottom: 0;
   }
   
   .con-flex-container > .pagecontent > .sv-puffar:last-child {
      padding-bottom: 3rem;
   }

   .con-flex-container > .pagecontent > .sv-puffar:not(:last-child) {
      margin-right: 0;
      margin-bottom: 1rem;
   }
}

/* UVKF-24 | Nyheter */

.con-flex-container-news {
   display: flex;
}

.con-flex-container-news h2 {
   font-size: 1.875rem !important;
   font-weight: 400 !important;
   margin-top: 0;
   margin-bottom: 1.5rem;
}

.con-flex-container-news ul.sv-defaultlist {
   border-color: rgba(0, 0, 0, 0.1) !important;
}

.con-flex-container-news > div {
   flex: 1;
   padding: 3rem 4rem;
}

.con-flex-container-news > div:first-child {
   background-color: #a3d0d8;
}

.con-flex-container-news > div:last-child {
   background-color: #f3ccdb;
}

.con-flex-container-news > div:first-child > div {
   margin-left: auto;
   max-width: 655px;
}

.con-flex-container-news > div:last-child > div {
   margin-right: auto;
   max-width: 655px;
}

.con-flex-container-news li:first-child .con-news-container {
   margin-top: 0;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.con-news-container {
   position: relative;
   display: flex;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.con-news-image-container {
   flex: 0 0 200px;
   margin-right: 20px;
   width: 200px;
   height: 130px;
   overflow: hidden;
}

.con-news-image-container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.con-news-text-container {
   flex-grow: 1;
}

.con-news-text-container time {
   color: #707070;
   font-size: 0.875rem;
   font-weight: 600;
}

.con-news-text-container h3 {
   margin: 0 0 0.25rem;
}
   
.con-news-text-container h3 a:after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.con-news-text-container h3 span {
   font-size: 1.125rem !important;
   font-weight: 700 !important;
   line-height: 1.4 !important;
}

.con-news-text-container span {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
}

.con-news-container:hover {
   cursor: pointer;
}

.con-news-container:hover .con-news-text-container h3 {
   text-decoration: underline;
}

.con-news-image-container::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(255, 255, 255, 0.2);
   opacity: 0;
   transition: all 0.2s;
   pointer-events: none;
}

.con-news-container:hover .con-news-image-container::after {
   opacity: 1;
}

.con-news-image-container {
   position: relative;
}

.sol-service-message-puffar__cnt .sol-service-message__date {
   margin-bottom: 0;
}

li.sv-channel-item.c647 {
   margin-bottom: 0;
}
   
@media (max-width: 1200px) {
   .con-flex-container-news > div {
      padding: 3rem 1.5rem;
   }
}

@media (max-width: 767px) {
   .con-news-container {
      flex-direction: column;
      padding-right: 0;
   }

   .con-news-image-container {
      flex: none;
      width: 100%;
      height: 200px;
      margin-right: 0;
      margin-bottom: 10px;
   }

   .con-flex-container-news > div {
      padding: 3rem 16px;
   }
}

/* UVKF-25 | Servicemeddelanden */

.sol-service-message-puffar__cnt {
   width: auto;
   padding-left: 0;
   margin-left: 0;
   margin-right: 0;
   padding-top: 0;
   padding-bottom: 0;
   display: block;
}

.sol-service-message-puffar__cnt .sol-service-message__title {
   font-size: 1.125rem;
   line-height: 1.4;
   margin-bottom: 0;
}

.sol-service-message-puffar__cnt
   .sol-service-message[data-status="ongoing"]
   .sol-service-message__title:after {
   top: 0.375rem;
   background-color: #7e1c4e;
}

.sol-service-message-puffar__cnt .sol-service-message__date > span {
   line-height: 1.2;
   color: #707070;
}

.sol-service-message-puffar__cnt .sol-service-message__btn {
   background-color: white;
   border: 1px solid #3b3b3b;
   border-radius: 0px;
   color: #202330;
   margin-top: 0;
   margin-left: 0;
   padding: 10px 21px;
   font-size: 1em;
   font-weight: 400;
}

.sol-service-message-puffar__cnt .sol-service-message__btn:hover {
   border-color: inherit !important;
   border-width: 1px;
   background-color: white;
   text-decoration: underline !important;
}

.sol-service-message-puffar__cnt .sol-service-message {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sol-service-message-puffar__cnt a.sol-service-message__btn span {
   margin-left: 8px;
}

.sol-service-message-puffar__cnt
   .sv-channel-item:last-child
   .sol-service-message:before {
   height: 1.75rem;
}

.sol-service-message__cnt div ul li:first-child {
   padding-top: 1em;
   padding-right: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
   .con-flex-container-news {
      flex-direction: column;
   }

   .con-flex-container-news li {
      padding-right: 0;
   }

   .sol-service-message-puffar__cnt {
      padding-left: 0;
   }

   .con-flex-container-news
      div:last-child
      div
      div:first-child
      h2.font-heading-2 {
      margin-left: 0;
   }

   .sol-service-message-puffar__cnt .sol-service-message__btn {
      margin-bottom: 0;
   }

   .con-flex-container-news > div:first-child,
   .con-flex-container-news > div:last-child {
      padding-bottom: 32px;
   }

   .con-flex-container-news > div:first-child > div {
      margin-left: 0;
      max-width: none;
   }
}

.sol-service-message-puffar__cnt .sol-service-message:hover {
   text-decoration: unset;
}

.sol-service-message-puffar__cnt
   .sol-service-message:hover
   .sol-service-message__title {
   text-decoration: underline;
}

.sol-service-message-puffar__cnt .sv-channel-item .sol-service-message {
   padding-top: 1.5rem;
}

.sol-service-message-puffar__cnt .sol-service-message {
   padding-bottom: 1.5rem;
}

.con-flex-container-news div:last-child div div:first-child h2.font-heading-2 {
   margin-bottom: 1.5rem;
}

.sol-service-message__cnt div ul li:first-child {
   padding-top: 1.5rem;
}

/* UVKF-26 | Evenemang */

.sol-events-widget {
   max-width: 1440px;
   margin: 0 auto;
   padding: 4rem 0 0 0;
}

.sol-events-widget .sv-channel {
   flex-wrap: nowrap;
   padding: 24px 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
   margin-top: 24px;
   margin-bottom: 8px;
}

.sol-events-widget .sol-event-item {
   margin: 0 1rem 0 0;
}

.sol-uvk .sol-event-item__title {
   line-height: 1.4;
}

.sol-events-widget .sol-event-item .sol-left {
   width: 3.5rem;
   height: 3.5rem;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 0.875rem;
}

.sol-events-widget .sol-event-item .sol-right {
   justify-content: flex-start;
}

.sol-events-widget .sol-event-item__start-date {
   flex-direction: column-reverse;
}

.sol-events-widget .sol-event-item__start-date > span:nth-child(2) {
   font-size: 1.75rem;
   line-height: 1;
}

.sol-events-widget .sol-event-item__start-date > span:first-child {
   font-size: 14px;
   line-height: 1.2;
}

.sol-event-item__time-n-place {
   line-height: 1.5;
}

.sol-events-widget
   div:first-child
   div.sv-text-portlet-content
   h2.font-heading-2 {
   color: #3b3b3b;
   line-height: 1.2em;
   font-size: 1.875rem !important;
   font-weight: 400 !important;
   margin-top: 0;
}

.sol-events-widget .sol-event-listing-page-btn {
   color: initial;
   margin-top: 0;
   padding-left: 0;
   display: inline-block;
   text-decoration: none;

   background-color: white;
   border: 1px solid #3b3b3b;
   border-radius: 0px;
   margin-top: 0;
   margin-left: 0;
   padding: 10px 21px;
   font-size: 1em;
   font-weight: 400;
}

.sol-events-widget .sol-event-listing-page-btn span {
   color: #202330;
   margin-left: 8px;
}

.sol-events-widget .sol-event-listing-page-btn svg {
   margin-right: 0;
}

@media (max-width: 767px) {
   .sol-events-widget {
      padding-top: 2.5rem;
   }

   .sol-events-widget ul.sv-channel {
      flex-direction: column;
   }

   .sol-events-widget .sol-event-item {
      margin: 0.75rem 0 0.75rem 0;
   }

   .sol-events-widget .sol-event-listing-page-btn {
      margin-left: 16px;
   }
}

/* UVKF-27 | Sidfot */

.sol-footer-wrapper {
   padding-left: 0;
   padding-right: 0;
}
   
.con-footer-top {
   height: 400px;
   width: auto;
   background-image: url("/images/18.36dfc81818c45ebba724c2/1735897214539/vasbyskyline.svg");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-color: #dae5df;
   margin-bottom: -20px;
}
 
@media (max-width: 767px) {
   .con-footer-top {
      height: 200px;
   }
}

@media (min-width: 2200px) {
   .con-footer-top {
      background-size: contain;
   }
}

.sol-footer-column__left {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.sol-footer-wrapper .sol-footer-column:last-child .sol-social-media {
   justify-content: center;
}
  
footer .sol-bottom .sol-social-media .sol-social-media-item > a {
   display: flex;
   align-items: center;
   justify-content: center;
}
   
.sol-footer-wrapper .sol-footer-column__right {
   justify-content: unset;
}

.sol-footer-wrapper .sol-footer-column__center__links > a > span {
   line-height: 1.6;
}

.sol-footer-wrapper h2 {
   margin: 0;
}

.sol-footer-wrapper
   .sol-footer-column
   .sol-footer-contact__item
   .sol-organisation-num {
   font-size: 1rem;
   font-weight: 500;
}

@media (max-width: 991px) {
   .sol-footer-wrapper .sol-footer-column:first-child {
      display: none;
   }
   .sol-footer-wrapper .sol-footer-column:last-child {
      display: block !important;
   }
}

.sol-footer-wrapper .sol-footer-column a {
   text-decoration: underline;
}

/* underline vid hover, hela puffen */
.card-hovered a {
   text-decoration: underline !important;
}
   
q:before {
   content: '–';
   margin-right: .5rem;
}
   
q:after {
   content: none;
}

.font-quote, .sv-blockquote-edit p, .sv-blockquote p, p.font-quote {
   font-weight: 400;
   font-size: 1.3rem;
   margin-top: 2rem;
   margin-bottom: 2rem;
}
   
.font-quote:before, .sv-blockquote-edit p:before, .sv-blockquote p:before, p.font-quote:before {
   opacity: .75;
}