/*
=========================================================
LAYOUT CSS
=========================================================
 * Innehåller styling för webbplatsens layout
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/

.main-grid.sv-fluid-grid,
.main-grid.sv-fixed-fluid-grid {
  max-width: 1290px;
}

/*
---------------------------------------------------------
FORMATMALLAR (TILLFÄLLIG)
--------------------------------------------------------- */

h1,
.heading {
  color: var(--lp-font-color);
  /* font-family: var(--lp-font-family--heading);
  font-size: var(--lp-font-size-x-large);
  font-weight: 500;
  line-height: 1.1; */
  text-transform: uppercase;
}

h2,
.subheading {
  color: var(--lp-font-color);
  /* font-family: var(--lp-font-family--heading);
  font-size: var(--lp-font-size-large);
  font-weight: 500;
  line-height: 1.1; */
  text-transform: uppercase;
}

h3,
.rubrikx3,
h3 a,
.rubrikx3 a {
  color: var(--lp-font-color);
  /* font-family: var(--lp-font-family--heading);
  font-size: var(--lp-font-size-medium);
  font-weight: 500;
  line-height: 1.1; */
  text-transform: uppercase;
}

.preamble {
  color: var(--lp-font-color);
  /* font-family: var(--lp-font-family);
  font-size: var(--lp-font-size-medium);
  font-weight: 400;
  line-height: 1.5; */
}

p,
.normal,
body,
body a,
.normal a {
  color: var(--lp-font-color);
  /* font-family: var(--lp-font-family);
  font-size: var(--lp-font-size-small);
  font-weight: 400;
  line-height: 1.6; */
}

/* Marginaler */

/* .sv-text-portlet .subheading {
  margin-top: 1.8em !important;
} */

[class*="sv-column"] > .sv-text-portlet:first-child .subheading:first-child,
.pagecontent > .sv-text-portlet:first-child .subheading:first-child {
  margin-top: 0 !important;
}

.sv-html-portlet h2.subheading {
  display: block;
}

/* .sv-use-margins .subheading, 
.sv-use-margins h2, */
.sv-html-portlet h2 {
  margin-bottom: 0.5em;
}

/* .sv-use-margins .normal {
  margin-bottom: 1.5em;
} */

/* .sv-use-margins .preamble:last-child, 
.sv-old-text-portlet .preamble:last-child {
  margin-bottom: 1.5em;
} */

/* .sv-use-margins .normal:last-child, 
.sv-old-text-portlet .normal:last-child {
  margin-bottom: 3em;
} */

/* .sv-use-margins h3 {
  margin: 1.5em 0 0.4em;
} */

/* Fetmarkerad text */

.sv-text-portlet strong, 
.sv-text-portlet strong * {
  font-weight: 500 !important;
}

/*
---------------------------------------------------------
FÄRGAD RUBRIK
--------------------------------------------------------- */

.pagecontent h1 strong,
.pagecontent .heading strong {
  color: var(--lp-color-blue);
  font-weight: 500 !important;
}

/*
---------------------------------------------------------
LÄNKAR VID HOVER
--------------------------------------------------------- */

.sv-text-portlet .normal a,
.sv-text-portlet a.normal,
.sv-text-portlet li a,
a.lp-game-team__info-link,
.lp-sok-related__link,
.lp-program-today--link,
.lp-related-wrapper-articles .lp-article-list + a,
.lp-events .sv-text-portlet p.normal a,
.lp-athletes .sv-text-portlet p.normal a {
  text-decoration: underline;
  transition: var(--lp-transition-default);

  text-decoration-thickness: 1px;
  text-underline-offset: 0.5em;
}

.sv-text-portlet .normal a:hover,
.sv-text-portlet a.normal:hover,
.sv-text-portlet li a:hover,
a.lp-game-team__info-link:hover,
.lp-sok-related__link:hover,
.lp-program-today--link:hover,
.lp-related-wrapper-articles .lp-article-list + a:hover,
.lp-events .sv-text-portlet p.normal a:hover,
.lp-athletes .sv-text-portlet p.normal a:hover {
  text-underline-offset: 0.6em;
}

.pagecontent .sv-text-portlet .normal a,
.pagecontent .sv-text-portlet a.normal,
.pagecontent .sv-text-portlet li a,
.lp-social-links__list-item a,
.lp-medal-box__athlete a,
.lp-medal-box__athletes-toggler,
.lp-contact-box .lp-contact-list a,
.lp-sok-results__facets .lp-sok-results__clear-filters,
.lp-sok-results__result-table tr .lp-sok-results__result-table__single-athlete,
.lp-sok-results__result-table .lp-sok-results__result-table__multi-athlete,
.limepark-contact-cards__block-loader__container .lp-contact-card-email-link,
.limepark-contact-cards__block-loader__container .lp-contact-card-mobile-link,
.lp-competiton-banner--wrapper .lp-competiton-banner--detail.lp-competiton-banner--link .lp-competition-banner--competition-name,
.lp-search--list .lp-message a,
.lp-singel-box .sv-login-portlet a,
.sv-limepark-webapp-metadata-box .limepark-webapp-metadata-box__app .lp-partner-article a.lp-partner-article--text,
.lp-program-today-item--content .sv-text-portlet-content p a {
  text-decoration: underline;
  transition: var(--lp-transition-default);

  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

.pagecontent .sv-text-portlet .normal a:hover,
.pagecontent .sv-text-portlet a.normal:hover,
.pagecontent .sv-text-portlet li a:hover,
.lp-social-links__list-item a:hover,
.lp-medal-box__athlete a:hover,
.lp-medal-box__athletes-toggler:hover,
.lp-contact-box .lp-contact-list a:hover,
.lp-sok-results__facets .lp-sok-results__clear-filters:hover,
.lp-sok-results__result-table tr .lp-sok-results__result-table__single-athlete:hover,
.lp-sok-results__result-table .lp-sok-results__result-table__multi-athlete:hover,
.limepark-contact-cards__block-loader__container .lp-contact-card-email-link:hover,
.limepark-contact-cards__block-loader__container .lp-contact-card-mobile-link:hover,
.lp-game-info .lp-social-links a:hover,
.lp-search--list .lp-message a:hover,
.lp-singel-box .sv-login-portlet a:hover,
.sv-limepark-webapp-metadata-box .limepark-webapp-metadata-box__app .lp-partner-article a.lp-partner-article--text:hover,
.lp-program-today-item--content .sv-text-portlet-content p a:hover {
  text-underline-offset: 0.25em;
}

/*
---------------------------------------------------------
HOPPA TILL INNEHÅLL OCH MENY - Visas vid tabbning
--------------------------------------------------------- */

.lp-skip-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lp-skip-links a {
  background-color: var(--env-element-primary-background-color);
  border-radius: var(--env-button-border-radius);
  color: var(--env-element-primary-font-color);
  display: inline-block;
  font-size: var(--lp-font-size-x-small);
  height: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  transform: translateY(-100%);
  transition: transform 0.5s ease, box-shadow 0.3s ease;
}

.lp-skip-links a:focus {
  box-shadow: 0 0 2rem 2rem rgba(0,0,0,0.1);
  height: auto;
  margin: 1.5rem;
  overflow: visible;
  padding: 1rem var(--lp-spacing);
  text-align: center;
  transform: translateY(0);
  z-index: 30000;
}

.lp-skip-links a.lp-skip-to-menu-smartphone {
  display: none;
}


/*
---------------------------------------------------------
GRUNDLAYOUT
--------------------------------------------------------- */

body {
  background-color: var(--lp-body--background);
  color: var(--lp-font-color); /* Anpassning för färgsättning och typsnitt på body från tema (finns ej stöd i SV) */
  font-family: var(--lp-font-family); /* Anpassning för färgsättning och typsnitt på body från tema (finns ej stöd i SV) */
  padding-top: 0 !important; /* Fix för cookiebanner */

  -webkit-text-size-adjust: 100%; /* Fast textstorlek vid rotation i iPhone */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.lp-content,
.lp-secondary-content,
.lp-submenu {
  margin: var(--lp-spacing-x-large) 0 0;
}

[class*="sv-template-bred-sida"] .pagecontent > .sv-text-portlet .normal,
[class*="sv-template-bred-sida"] .pagecontent > .sv-text-portlet .small,
[class*="sv-template-bred-sida"] .pagecontent > .sv-text-portlet .litenxtext,
[class*="sv-template-bred-sida"] .pagecontent > .sv-text-portlet .heading,
[class*="sv-template-bred-sida"] .pagecontent > .sv-text-portlet .subheading,
[class*="sv-template-bred-sida"] .pagecontent > .sv-text-portlet .rubrikx3,
[class*="sv-template-bred-sida"] .pagecontent > .sv-text-portlet .preamble,
[class*="sv-template-bred-sida"] .pagecontent > .lp-events > .sv-text-portlet .subheading {
  max-width: 84rem;
}

/*
---------------------------------------------------------
FIX AV TYPOGRAFI
--------------------------------------------------------- */

.sv-text-portlet-content .subheading + .heading3 {
  margin-top: 0.8em;
}

.sv-text-portlet-content .heading3 + ul,
.sv-text-portlet-content .heading3 + ol {
  margin-top: 2rem;
}

.sv-text-portlet-content .normal + ul,
.sv-text-portlet-content .normal + ol {
  margin-top: -1.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a,
button,
span {
  word-break: break-word;

  overflow-wrap: break-word;
}

table p,
table a,
table li,
table span {
  word-break: initial;

  overflow-wrap: initial;
}

/* Anpassning för färgsättning och typsnitt på body från tema (finns ej stöd i SV) */
body {
  color: var(--lp-font-color);
  font-family: var(--lp-font-family);
}

/*
---------------------------------------------------------
MARKERING AV AKTIVT ANKARE
--------------------------------------------------------- */

.lp-content h2.subheading:target,
.lp-content h3.heading3:target {
  position: relative;
}

.lp-content h2.subheading:target:before,
.lp-content h3.heading3:target:before {
  background-color: var(--lp-font-color);
  content: '';
  display: block;
  height: 1.2rem;
  left: calc(-1 * var(--lp-spacing) + 0.6rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.2rem;

  -webkit-mask-image: var(--lp-icon-lp-chevron-right);
  mask-image: var(--lp-icon-lp-chevron-right);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

@media (prefers-reduced-motion: no-preference) {
  .lp-content h2.subheading:target:before,
  .lp-content h3.heading3:target:before {
    animation: bounce-in-top 1.1s both;
  }
}

@-webkit-keyframes bounce-in-top {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: translateY(-500px);
  }

  38% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translateY(0);
  }

  55% {
    animation-timing-function: ease-in;
    transform: translateY(-65px);
  }

  72% {
    animation-timing-function: ease-out;
    transform: translateY(0);
  }

  81% {
    animation-timing-function: ease-in;
    transform: translateY(-28px);
  }

  90% {
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }

  95% {
    animation-timing-function: ease-in;
    transform: translateY(-8px);
  }

  100% {
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }
}

@keyframes bounce-in-top {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: translateY(-500px);
  }

  38% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translateY(0);
  }

  55% {
    animation-timing-function: ease-in;
    transform: translateY(-65px);
  }

  72% {
    animation-timing-function: ease-out;
    transform: translateY(0);
  }

  81% {
    animation-timing-function: ease-in;
    transform: translateY(-28px);
  }

  90% {
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }

  95% {
    animation-timing-function: ease-in;
    transform: translateY(-8px);
  }

  100% {
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }
}

/*
---------------------------------------------------------
INLOGGNING / 404
--------------------------------------------------------- */

.lp-login-404 {
  border: 1px solid var(--lp-border-color);
  box-shadow: var(--env-box-shadow);
  margin: 10rem auto 0;
  max-width: 640px;
  padding: 3rem;
}

/*
---------------------------------------------------------
LÄNK-IKONER
--------------------------------------------------------- */

/* Ikon */
:where(.pagecontent, .env-button) a:where([href^='http' i]):after,
:where(.pagecontent) a:where([href^='mailto:' i], [href^='tel:' i]):after,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.jpg' i], [href*='.jpeg' i], [href*='.png' i], [href*='.webp' i]):after,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.pdf' i], [href*='.txt' i], [href*='.doc' i], [href*='.docx' i]):after,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.xls' i], [href*='.xlsx' i], [href*='.ppt' i], [href*='.pptx' i]):after,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.css' i], [href*='.js' i], [href*='.vm' i]):after,
:where(.lp-search .sv-search-result) a[href^='/edit-fileresource/' i]:after,
:where(.lp-related) a:after,
:where(.sv-related-portlet) a[href^="http" i]:after {
  background-color: var(--lp-link-color);
  content: '';
  display: inline-block;
  height: 1em;
  margin-bottom: -0.15em;
  margin-left: 0.2em;
  width: 1em;

  -webkit-mask-image: var(--lp-icon-lp-link);
  mask-image: var(--lp-icon-lp-link);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

:where(.sv-related-portlet) a[href^="http" i]:after {
  margin-bottom: -0.1em;
  margin-left: 0.4em;
}

/* PDF */
:where(.pagecontent, .lp-search .sv-search-result, .lp-related) a:where([href*='.pdf' i]):after {
  -webkit-mask-image: var(--lp-icon-lp-pdf);
  mask-image: var(--lp-icon-lp-pdf);
}

/* Externa länkar */
:where(.pagecontent, .lp-related, .env-button) a:where([href^='http' i]):after,
:where(.sv-related-portlet) a[href^="http" i]:after {
  -webkit-mask-image: var(--lp-icon-lp-external-link);
  mask-image: var(--lp-icon-lp-external-link);
}

/* Mail */
:where(.pagecontent, .lp-related) a:where([href^='mailto:' i]):after {
  -webkit-mask-image: var(--lp-icon-lp-mail);
  mask-image: var(--lp-icon-lp-mail);
}

/* Telefon */
:where(.pagecontent, .lp-related) a:where([href^='tel:' i]):after {
  -webkit-mask-image: var(--lp-icon-lp-phone);
  mask-image: var(--lp-icon-lp-phone);
}

/* Bilder */
:where(.pagecontent, .lp-search .sv-search-result, .lp-related) a:where([href*='.jpg' i], [href*='.jpeg' i], [href*='.png' i], [href*='.webp' i]):after {
  -webkit-mask-image: var(--lp-icon-lp-image-document);
  mask-image: var(--lp-icon-lp-image-document);
}

/* Dokument */
:where(.pagecontent, .lp-search .sv-search-result, .lp-related) a:where([href*='.txt' i]):after {
  -webkit-mask-image: var(--lp-icon-lp-document);
  mask-image: var(--lp-icon-lp-document);
}

/* Word */
:where(.pagecontent, .lp-search .sv-search-result, .lp-related) a:where([href*='.doc' i], [href*='.docx' i]):after {
  -webkit-mask-image: var(--lp-icon-lp-word);
  mask-image: var(--lp-icon-lp-word);
}

/* Excel */
:where(.pagecontent, .lp-search .sv-search-result, .lp-related) a:where([href*='.xls' i], [href*='.xlsx' i]):after {
  -webkit-mask-image: var(--lp-icon-lp-file-excel);
  mask-image: var(--lp-icon-lp-file-excel);
}

/* Powerpoint */
:where(.pagecontent, .lp-search .sv-search-result, .lp-related) a:where([href*='.ppt' i], [href*='.pptx' i]):after {
  -webkit-mask-image: var(--lp-icon-lp-file-powerpoint);
  mask-image: var(--lp-icon-lp-file-powerpoint);
}

/* Övriga dokument-länkar */
:where(.pagecontent, .lp-search .sv-search-result, .lp-related) a:where([href*='.css' i], [href*='.js' i], [href*='.vm' i]):after,
:where(.lp-search .sv-search-result, .lp-related) a[href^='/edit-fileresource/' i]:after {
  -webkit-mask-image: var(--lp-icon-lp-document);
  mask-image: var(--lp-icon-lp-document);
}

/* Tar bort standardikonen */
:where(.pagecontent, .env-button) a:where([href^='http' i]) img.sv-linkicon,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.jpg' i], [href*='.jpeg' i], [href*='.png' i], [href*='.webp' i]) img.sv-linkicon,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.pdf' i], [href*='.txt' i], [href*='.doc' i], [href*='.docx' i]) img.sv-linkicon,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.xls' i], [href*='.xlsx' i], [href*='.ppt' i], [href*='.pptx' i]) img.sv-linkicon,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.css' i], [href*='.js' i], [href*='.vm' i]) img.sv-linkicon,
:where(.lp-search .sv-search-result) a[href^='/edit-fileresource/' i] img.sv-linkicon,
:where(.lp-related) a img.sv-linkicon {
  display: none;
}

:where(.pagecontent, .env-button) a:where([href^='http' i]) .env-link-icon,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.jpg' i], [href*='.jpeg' i], [href*='.png' i], [href*='.webp' i]) .env-link-icon,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.pdf' i], [href*='.txt' i], [href*='.doc' i], [href*='.docx' i]) .env-link-icon,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.xls' i], [href*='.xlsx' i], [href*='.ppt' i], [href*='.pptx' i]) .env-link-icon,
:where(.pagecontent, .lp-search .sv-search-result) a:where([href*='.css' i], [href*='.js' i], [href*='.vm' i]) .env-link-icon,
:where(.lp-search .sv-search-result) a[href^='/edit-fileresource/' i] .env-link-icon,
:where(.lp-related) a .env-link-icon,
:where(.sv-related-portlet) a .env-link-icon {
  display: none;
}

/* Tar bort ikon i brödsmula i söken */
:where(.lp-search-result__item__path) a:where([href*='.pdf' i], [href*='.jpg' i], [href*='.jpeg' i], [href*='.png' i], [href*='.webp' i], [href*='.txt' i], [href*='.doc' i], [href*='.docx' i], [href*='.xls' i], [href*='.xlsx' i], [href*='.ppt' i], [href*='.pptx' i], [href*='.css' i], [href*='.js' i], [href*='.vm' i], [href^='/edit-fileresource/' i]) img.sv-linkicon {
  display: none;
}

:where(.lp-search-result__item__path) a:where([href*='.pdf' i], [href*='.jpg' i], [href*='.jpeg' i], [href*='.png' i], [href*='.webp' i], [href*='.txt' i], [href*='.doc' i], [href*='.docx' i], [href*='.xls' i], [href*='.xlsx' i], [href*='.ppt' i], [href*='.pptx' i], [href*='.css' i], [href*='.js' i], [href*='.vm' i], [href^='/edit-fileresource/' i]) .env-link-icon {
  display: none;
}

/*
---------------------------------------------------------
FAKTA SPEL
--------------------------------------------------------- */

.lp-gamefacts .lp-result-list {
  display: inline-block;
  margin-bottom: var(--lp-spacing);
  width: 50%;
}

.lp-gamefacts .lp-result-list .lp-result {
  align-items: baseline;
  border-bottom: 1px solid var(--lp-border-color);
  display: flex;
  margin-bottom: var(--lp-spacing-x-small);
  padding-bottom: var(--lp-spacing-x-small);

  flex-wrap: wrap;
  gap: 0.5em;
}

.lp-gamefacts .lp-result-list .lp-result h3 {
  margin: 0;
}

.lp-gamefacts .lp-result-list .lp-result a {
  color: var(--lp-color-blue);
  font-size: var(--lp-font-size-small);
  font-weight: 400;
  text-decoration: underline;
  transition: var(--lp-transition-default);

  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
}

.lp-gamefacts .lp-result-list .lp-result a:hover {
  text-underline-offset: 0.15em;
}

.lp-gamefacts .lp-result-list .lp-result ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.lp-gamefacts .lp-result-list .lp-result .lp-contest-comment {
  font-style: italic;
}

.lp-game-medals,
.lp-number-of-os {
  padding: var(--lp-spacing);
}

.lp-game-medals,
.lp-number-of-os {
  background-color: var(--lp-color-blue);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}

.lp-game-medals .lp-game-medals__heading,
.lp-number-of-os__os {
  color: var(--lp-color-blue--contrast);
  display: block;
  font-size: clamp(2.2rem, 2.2vw, 3.2rem);
  font-weight: 500;
  margin-bottom: var(--lp-spacing);
  margin-top: 0;
  text-transform: uppercase;
}

.lp-game-medals .lp-game-medals__heading a {
  text-decoration: none;
  color: var(--lp-color-blue--contrast);
}

.lp-number-of-os p.lp-number-of-os__number {
  font-size: clamp(5rem, 6vw, 9.6rem);
  font-family: var(--lp-font-family--heading);
  color: var(--lp-font-color--light-blue);
  margin: auto 0;
  line-height: 1;
}

.lp-game-medals__grid {
  display: grid;
  margin: auto 0;

  gap: var(--lp-spacing-small);
  grid-template-columns: 1fr 1fr 1fr;
}

.lp-game-medals__medal {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  width: 100%;

  aspect-ratio: 1/1;
  justify-content: center;
  max-width: 10rem;
  margin: 0 auto;
}

.lp-game-medals__number {
  font-size: var(--lp-font-size-large);
  font-family: var(--lp-font-family--heading);
  line-height: 1;
  margin: 0;
  margin-bottom: -0.2em;
}

.lp-game-medals__medal--gold {
  background-color: var(--lp-color-gold);
  color: var(--lp-color-gold--contrast);
}

.lp-game-medals__grid .lp-game-medals__medal--gold p.lp-game-medals__number {
  color: var(--lp-color-gold--contrast);
}

.lp-game-medals__medal--silver {
  background-color: var(--lp-color-silver);
  color: var(--lp-color-silver--contrast);
}

.lp-game-medals__grid .lp-game-medals__medal--silver p.lp-game-medals__number {
  color: var(--lp-color-silver--contrast);
}

.lp-game-medals__medal--bronze {
  background-color: var(--lp-color-bronze);
  color: var(--lp-color-bronze--contrast);
}

.lp-game-medals__grid .lp-game-medals__medal--bronze p.lp-game-medals__number {
  color: var(--lp-color-bronze--contrast);
}

.lp-game-medals .lp-game-medals__extra-field {
  color: var(--lp-font-color--gold);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  margin-bottom: 0.4em;
}

.lp-gamefacts .sv-limepark-medals:not(:has(.lp-game-medals)),
.lp-game-info .sv-limepark-medals:not(:has(.lp-game-medals)) {
  display: none;
}

/*
---------------------------------------------------------
SOCIALA MEDIER
--------------------------------------------------------- */

.lp-social-links {
  background-color: var(--lp-block--background);
  padding: var(--lp-spacing-x-large) 0;
  position: relative;
}

/* stylelint-disable */

.lp-social-links:after {
  background-color: inherit;
  bottom: 0;
  content: '';
  left: calc(50% - 50vw);
  position: absolute;
  right: calc(50% - 50vw);
  top: 0;
  z-index: -1;
}

/* Fix för horisontell scroll */
@supports (container-type: inline-size) {
  .lp-social-links:after {
    left: calc(50% - 50cqw);
    right: calc(50% - 50cqw);
  }
}

/* stylelint-enable */

.lp-social-links__heading,
.sv-script-portlet h2.lp-social-links__heading {
  color: var(--lp-block--contrast);
  display: block;
  font-size: clamp(2.2rem, 2.2vw, 3.2rem);
  font-weight: 500;
  margin-bottom: var(--lp-spacing);
  margin-top: 0;
  text-align: left !important;
  text-transform: uppercase;
}

.lp-social-links__list {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;

  flex-wrap: wrap;
  gap: var(--lp-spacing-x-small) var(--lp-spacing-x-large);
  justify-content: space-between;
}

.lp-social-links__list-item {
  flex: 1 1 1px;
  min-width: min(15rem, 100%);
}

.lp-social-links__list-item a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--lp-font-color--light-blue);
  display: flex;
  padding-bottom: 1em;
  transition: var(--lp-transition-default);
  font-size: clamp(1.6rem,1.8vw,1.8rem);
}

.lp-social-links__list-item a .lp-icon {
  margin-left: auto;
  font-size: 1.5em;
}

.lp-social-links__list-item a:after {
  content: none;
}

.lp-social-links:has(.lp-social-links__list-item:only-child) .lp-social-links__list-item {
  min-width: min(35rem, 100%);
  flex: initial;
}

/*
---------------------------------------------------------
UTVALT INNEHÅLL
--------------------------------------------------------- */

.lp-selected-content .sv-text-portlet-content > *,
.lp-selected-content .sv-text-portlet-content a {
  color: var(--lp-color-brand-contrast);
}

.lp-selected-content h3 {
  font-size: clamp(3.2rem, 5vw, 6.4rem);
  font-weight: 500;
  margin: 0 0 var(--lp-spacing-large) 0 !important;
  text-transform: uppercase;
}

.lp-selected-content .sv-text-portlet-content .normal {
  max-width: 45ch;
  margin-bottom: var(--lp-spacing);
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
  font-family: var(--lp-font-family--heading);
  font-weight: 300;
}

.lp-selected-content .sv-text-portlet-content .normal a {
  font-family: var(--lp-font-family);
  font-weight: 400;
}

.lp-selected-content .sv-text-portlet .sv-text-portlet-content p:last-child {
  margin-bottom: var(--lp-spacing-large);
}

/* Dårrad */

.lp-overline .sv-text-portlet-content h2.subheading {
  color: var(--lp-font-color--gold);
  font-size: clamp(1.6rem, 1.9vw, 2rem);
  font-weight: 500;
  margin: 0 0 var(--lp-spacing-x-small) 0;
  text-transform: uppercase;
  display: inline-block;
}

/* Bild */

.lp-selected-content {
  margin-top: calc(var(--lp-spacing-xx-large) * 2);
  position: relative;
  isolation: isolate;
}

/* stylelint-disable */

.lp-selected-content .sv-image-portlet {
  display: block;
  height: 100%;
  left: calc(50% - 50vw);
  position: absolute;
  top: calc(0px - var(--lp-spacing-xx-large));
  width: 100vw;
  z-index: -2;
}

@supports (container-type: inline-size) {
  .lp-selected-content .sv-image-portlet {
    left: calc(50% - 50cqw);
    width: 100cqw;
  }
}

/* stylelint-enable */

.lp-selected-content .sv-image-portlet img {
  height: 100% !important;
  max-width: 100% !important;
  width: 100% !important;

  object-fit: cover;
  mask-image: linear-gradient(0deg,rgba(255,255,255,0) 30%,rgba(0,0,0,0.5) 70%,rgba(255,255,255,0) 100%);
}

/* .lp-selected-content .sv-image-portlet:after {
  background: linear-gradient(190deg, rgba(4, 7, 39, 0) 23.61%, #040727 67.8%),linear-gradient(180deg, #040727 1.32%, rgba(4, 7, 39, 0) 53.7%);
  content: '';
  position: absolute;
  z-index: 0;

  inset: 0;
  bottom: -1px;
} */

/* Scrollbara puffar */

.lp-selected-content .lp-app-blurbs--bildpuff,
.lp-athletes,
.lp-app-blurbs--bildpuff {
  margin-bottom: var(--lp-spacing-xx-large);
}

.lp-selected-content .lp-app-blurbs--bildpuff .lp-app-blurbs-list,
.lp-athletes .lp-app-blurbs--idrottare .lp-app-blurbs-list {
  display: flex;
  flex-direction: row;
  overflow-x: auto;

  scroll-snap-type: x mandatory;
  padding-right: var(--lp-spacing);
  box-sizing: border-box;
}

.lp-selected-content .lp-app-blurbs--bildpuff .lp-app-blurbs-list {
  width: calc(100% + var(--lp-grid-margin) * 2);
  margin-top: var(--lp-spacing-x-large);
  margin-left: calc(-1 * var(--lp-grid-margin));
}

.lp-selected-content .lp-app-blurbs--bildpuff .lp-app-blurbs-list__item:first-child {
  margin-left: var(--lp-grid-margin);
}

.lp-selected-content .lp-app-blurbs--bildpuff .lp-app-blurbs-list__item,
.lp-athletes .lp-app-blurbs--idrottare .lp-app-blurbs-list__item {
  max-width: clamp(16rem, 41vw, 41rem);
  width: 100%;

  flex: 0 0 auto;
}

.lp-selected-content .lp-app-blurbs--bildpuff .lp-app-blurbs-list__item-date {
  font-size: 1.6rem;
}

/* .lp-selected-content .lp-app-blurbs--bildpuff .lp-app-blurbs-list__item-heading {
  font-size: 2.4rem;
} */

/* Edit-mode */

.sv-template-tom-2025:has(.lp-selected-content) body {
  background-color: var(--lp-color-brand) !important;
}

.sv-template-tom-2025:has(.lp-selected-content) .pagecontent {
  max-width: var(--lp-grid-width);
  margin: var(--lp-spacing-large) auto;
}

.sv-edit-mode .lp-selected-content .sv-image-portlet {
  position: absolute !important;
  z-index: -2 !important;
}

/* 
.sv-template-tom-2025.sv-edit-mode .lp-selected-content,
.sv-template-tom-2025.sv-edit-mode .lp-selected-content .sv-image-portlet {
  position: initial;
}

.sv-template-tom-2025.sv-edit-mode .lp-selected-content .sv-image-portlet:after {
  content: none;
}

.sv-template-tom-2025.sv-edit-mode .lp-selected-content .sv-text-portlet-content > *,
.sv-template-tom-2025.sv-edit-mode .lp-selected-content .sv-text-portlet-content a {
  color: var(--lp-font-color);
} */

/*
---------------------------------------------------------
BAKGRUNDSGRADIENT
--------------------------------------------------------- */

.lp-background-gradient {
  margin-bottom: var(--lp-spacing-xx-large);
  padding: var(--lp-spacing-x-large) 0;
  position: relative;
}

/* stylelint-disable */

.lp-background-gradient:before {
  background-color: var(--lp-color-brand);
  bottom: 0;
  content: '';
  position: absolute;
  top: 0;
  z-index: -2;
  
  left:  calc(50% - 50vw);
  right: calc(50% - 50vw);
}

.lp-background-gradient:after {
  background: linear-gradient(180deg, #040727 0%, #040e5e 100%);
  content: '';
  /* height: 70vh; */
  bottom: 0;
  position: absolute;
  z-index: -1;
  max-height: 60vh;
  height: 100%;
  
  left:  calc(50% - 50vw);
  right: calc(50% - 50vw);
}

/* Fix för horisontell scroll */
@supports (container-type: inline-size) {
  .lp-background-gradient:before,
  .lp-background-gradient:after {
    left: calc(50% - 50cqw);
    right: calc(50% - 50cqw);
  }
}


/* stylelint-enable */

.lp-background-gradient .sv-image-portlet .env-text-caption-01 {
  --env-text-caption-01-font-color: var(--lp-color-brand-contrast);
}

/*
---------------------------------------------------------
TÄVLING/OS
--------------------------------------------------------- */

.lp-hero--game {
  display: grid;
  max-height: max(75rem, 80vh);
}

.lp-hero--game .sv-limepark-webapp-hero {
  background-position: center;
  z-index: -1;
}

.lp-hero--game > .sv-fixed-fluid-grid {
  align-self: end;
}

/*
---------------------------------------------------------
MEDALJER/FAKTA
--------------------------------------------------------- */

.lp-gamefacts {
  display: grid;
  margin: 0 0 var(--lp-spacing-x-large);

  gap: var(--lp-spacing);
  grid-template-columns: 100%;
}

@media screen and (min-width: 800px) {
  .lp-gamefacts {
    grid-template-columns: 1fr 2fr;
  }
}

.lp-hero--game .lp-gamefacts {
  margin-top: var(--lp-spacing-x-large);
}

.lp-gamefacts .lp-athlete-details {
  display: block;
  height: 100%;
  margin-top: 0;
}

.lp-gamefacts .lp-game-medals,
.lp-gamefacts .sv-limepark-medals > div:nth-child(2),
.lp-gamefacts > .sv-layout:nth-child(2) {
  box-sizing: border-box;
  height: 100%;
}

/* stylelint-disable */
.lp-gamefacts > .sv-layout:nth-child(2) {
  background-color: var(--lp-block--background);
  padding: var(--lp-spacing);

  container-name: game-facts;
  container-type: inline-size;
}

.lp-gamefacts > .sv-layout:nth-child(2) .sv-text-portlet * {
  color: var(--lp-block--contrast);
}

.lp-gamefacts > .sv-layout:nth-child(2) .sv-text-portlet .normal {
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
}

.lp-gamefacts > .sv-layout:nth-child(2) .sv-text-portlet a {
  display: inline-block;
  padding-right: 1.2em;
}

.lp-gamefacts > .sv-layout:nth-child(2) .sv-text-portlet a:after {
  background-color: var(--lp-block--contrast);
  margin-right: -1.2em;
}

.lp-gamefacts > .sv-layout:nth-child(2) .subheading {
  display: block;
  font-size: clamp(2.2rem, 2.2vw, 3.2rem);
  font-weight: 500;
  margin-bottom: var(--lp-spacing);
  margin-top: 0 !important;
  text-transform: uppercase;
}


.lp-gamefacts > .sv-layout:nth-child(2) ul {
  column-gap: var(--lp-spacing);
  columns: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

@container (min-width: 500px) {
  .lp-gamefacts > .sv-layout:nth-child(2) ul {
    columns: 2;
  }
}

/* stylelint-enable */

.lp-gamefacts > .sv-layout:nth-child(2) li {
  margin: 0 0 0.8em;
}

.lp-gamefacts > .sv-layout:nth-child(2) li:last-child {
  margin-bottom: 0;
}

/*
---------------------------------------------------------
IDROTT
--------------------------------------------------------- */

/* stylelint-disable */

.sv-layout.lp-sport {
  background-color: var(--lp-color-brand);
  background-image: none;
  margin-bottom: var(--lp-spacing-x-large);
  padding: var(--lp-spacing-x-large) 0;
  position: relative;

  isolation: isolate;
  /* container-type: inline-size; */
}

.lp-sport > .sv-layout:first-child {
  display: grid;
  gap: var(--lp-spacing-x-large) var(--lp-spacing-large);
  grid-template-columns: calc(50% - var(--lp-spacing-large)) 50%;
}

/* @container (min-width: 1024px) {
  .lp-sport > .sv-layout:first-child {
    grid-template-columns: calc(50% - var(--lp-spacing-large)) 50%;
  }

  .sv-layout.lp-sport .sv-limepark-webapp-hero  {
    order: initial;
  }

} */

@media screen and (max-width: 1079px) {
  .lp-sport > .sv-layout:first-child {
    grid-template-columns: 100%;
  }

  .lp-sport .sv-limepark-webapp-hero {
    order: -1;
  }
}

.sv-layout.lp-sport:after {
  background-color: inherit;
  background-image: radial-gradient(circle at 70% 40%, rgb(from var(--lp-block--background) r g b / calc(alpha - .10)) 0, var(--lp-color-brand) 30%);
  bottom: 0;
  content: '';
  left: calc(50% - 50vw);
  position: absolute;
  right: calc(50% - 50vw);
  top: 0;
  z-index: -1;
}

/* Fix för horisontell scroll */
@supports (container-type: inline-size) {
  .sv-layout.lp-sport:after {
    left: calc(50% - 50cqw);
    right: calc(50% - 50cqw);
  }
}

/* stylelint-enable */

.sv-layout.lp-sport h1 {
  display: block;
  line-height: 1.2;
  margin: 0 0 0.2em;
}

.sv-layout.lp-sport h1,
.sv-layout.lp-sport .sv-text-portlet p,
.sv-layout.lp-sport .sv-text-portlet a,
.sv-layout.lp-sport ul li {
  color: var(--lp-color-brand-contrast);
}

.sv-layout.lp-sport .sv-text-portlet a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
}

.sv-layout.lp-sport .sv-text-portlet a:hover {
  text-underline-offset: 0.15em;
}

.lp-sport .sv-limepark-webapp-hero {
  border-radius: 50%;
}

.lp-sport .lp-article-links .sv-text-portlet-content a {
  text-decoration-color: var(--lp-font-color--light-blue);
}

.lp-sport .lp-athlete-details {
  margin-top: var(--lp-spacing);
}

.lp-sport .lp-game-medals {
  max-width: 41rem;
}

.lp-sport .lp-article-links .sv-text-portlet a, 
.lp-sport .sv-text-portlet .lp-article-links .normal a {
  padding-right: 0;
}

.lp-sport .lp-article-links .sv-text-portlet a:after, 
.lp-sport .sv-text-portlet .lp-article-links .normal a:after {
  content: none;
}

/*
---------------------------------------------------------
KOMMANDE SPEL - NEDRÄKNING
--------------------------------------------------------- */

.sv-layout:has( > .sv-script-portlet .lp-upcoming-games-countdown) .sv-text-portlet h2.subheading {
  font-size: clamp(3.2rem, 5vw, 6.4rem);
  margin-bottom: var(--lp-spacing);
}

.sv-layout:has( > .sv-script-portlet .lp-upcoming-games-countdown) {
  margin-bottom: var(--lp-spacing-xx-large);
}

.lp-upcoming-games-countdown {
  display: grid;
  list-style-type: none;
  margin: 0 0 var(--lp-spacing);
  padding: 0;

  gap: var(--lp-spacing);
  grid-template-columns: repeat(auto-fill,minmax(min(42rem,100%),1fr));
}

.lp-upcoming-games-countdown li {
  align-items: center;
  background-color: var(--lp-color-brand);
  border: 1px solid rgba(192, 213, 255, 0.4);
  display: flex;
  padding: var(--lp-spacing-xx-small);

  gap: var(--lp-spacing);
  transition: var(--lp-transition-default);
}

.lp-upcoming-games-countdown li.lp-clickable-area:hover,
.lp-upcoming-games-countdown li.lp-clickable-area:focus {
  background-color: lch(from var(--lp-color-brand) calc(l + 5) c h);
}

.lp-upcoming-games-countdown li.lp-clickable-area:hover a,
.lp-upcoming-games-countdown li.lp-clickable-area:focus a {
  text-decoration: none;
}

.lp-upcoming-games-countdown li p {
  color: var(--lp-color-brand-contrast);
  font-family: var(--lp-font-family--heading);
  font-size: clamp(2rem, 3vw, 3.2rem);
  margin: 0;
  line-height: 1.3;
}

.lp-upcoming-games-countdown li h3 {
  color: var(--lp-font-color--gold);
  font-size: clamp(1.6rem, 2vw, 2rem);
  margin: 0 0 0.4em;
}

.lp-upcoming-games-countdown li h3 a {
  color: var(--lp-font-color--gold);
  text-decoration: none;
}

.lp-upcoming-games-countdown li h3 a,
.lp-upcoming-games-countdown li p {
  text-transform: uppercase;
}

.lp-upcoming-games-countdown li .lp-upcoming-games-image {
  max-height: 16rem;
  display: flex;
  flex-direction: column;

  aspect-ratio: 1 / 1;
}

.lp-upcoming-games-countdown li .lp-upcoming-games-image img {
  max-height: 100%;
  max-width: 100%;
}

/*
---------------------------------------------------------
EVENEMANG
--------------------------------------------------------- */

.lp-events,
.pagecontent > .sv-layout.lp-events {
  margin-bottom: var(--lp-spacing-xx-large);
}

.lp-events .sv-text-portlet h2.subheading {
  font-size: clamp(3.2rem, 5vw, 6.4rem);
  margin-bottom: var(--lp-spacing);
}

.lp-events .sv-defaultlist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(28rem, 100%), 1fr));
  gap: var(--lp-spacing);
  margin-bottom: var(--lp-spacing);
  margin-top: 0;
}

.lp-events .sv-defaultlist:has(li:only-child) {
  grid-template-columns: repeat(auto-fill, minmax(min(28rem, 100%), 1fr));
}

.lp-events .sv-defaultlist li {
  border: 1px solid rgba(192, 213, 255, 0.4);
  border-radius: 0;
  padding: var(--lp-spacing-small) var(--lp-spacing-x-small);
  display: flex;
  flex-direction: column;
  transition: var(--lp-transition-default);
  justify-content: space-between;
}

.lp-events .sv-defaultlist li:hover,
.lp-events .sv-defaultlist li:focus {
  background-color: lch(from var(--lp-color-brand) calc(l + 5) c h);
}

.lp-events .sv-defaultlist li .lp-event-details {
  margin-top: var(--lp-spacing-x-small)
}

.lp-events .sv-defaultlist .normal {
  color: var(--lp-color-brand-contrast);
  font-family: var(--lp-font-family--heading);
  font-weight: 300;
}

.lp-events .sv-defaultlist time.normal {
  margin-bottom: 0;
}

.lp-events .sv-defaultlist h3 {
  color: var(--lp-font-color--gold);
  margin: 0;
}

.lp-events .sv-defaultlist time,
.lp-events .sv-defaultlist h3 {
  text-transform: uppercase;
}

.lp-events .sv-defaultlist time {
  font-size: clamp(2.4rem, 3vw, 3.6rem);
  color: var(--lp-font-color);
}

.lp-events .sv-defaultlist time.normal {
  font-family: var(--lp-font-family--heading);
  font-weight: 500;
}

.lp-events .sv-defaultlist h3 {
  font-size: clamp(1.6rem, 2vw, 2.4rem);
}

.lp-events .sv-defaultlist a.normal {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  text-decoration: none;
}

.lp-events .sv-defaultlist a {
  text-decoration: none;
}

[class*='sv-template-bred-sida'] .lp-events .sv-defaultlist .normal,
[class*='sv-template-bred-sida'] .lp-events .sv-defaultlist h3,
[class*='sv-template-bred-sida'] .lp-events .sv-defaultlist h3 a,
[class*='sv-template-artikelsida-olympic-day'] .lp-events .sv-defaultlist .normal,
[class*='sv-template-artikelsida-olympic-day'] .lp-events .sv-defaultlist h3,
[class*='sv-template-artikelsida-olympic-day'] .lp-events .sv-defaultlist h3 a,
[class*='sv-template-bred-sida'] .lp-events .sv-defaultlist .lp-event-details h2,
[class*='sv-template-bred-sida'] .lp-events .sv-defaultlist .lp-event-details h2.subheading a,
[class*='sv-template-sida'] .lp-events .sv-defaultlist .lp-event-details h2,
[class*='sv-template-sida'] .lp-events .sv-defaultlist .lp-event-details h2.subheading a,
[class*='sv-template-sida'] .lp-events .sv-defaultlist .normal,
[class*='sv-template-sida'] .lp-events .sv-defaultlist h3,
[class*='sv-template-sida'] .lp-events .sv-defaultlist h3 a {
  color: var(--lp-color-brand);
}

[class*='sv-template-bred-sida'] .lp-events .sv-text-portlet h2.subheading,
[class*='sv-template-artikelsida-olympic-day'] .lp-events .sv-text-portlet h2.subheading,
[class*='sv-template-sida'] .lp-events .sv-text-portlet h2.subheading {
  margin-top: 0 !important; 
}

[class*='sv-template-bred-sida'] .lp-events .sv-defaultlist li,
[class*='sv-template-artikelsida-olympic-day'] .lp-events .sv-defaultlist li,
[class*='sv-template-sida'] .lp-events .sv-defaultlist li {
  border-color: rgba(192, 213, 255, 0.5);
}

[class*='sv-template-bred-sida'] .lp-events .sv-defaultlist li:hover,
[class*='sv-template-bred-sida'] .lp-events .sv-defaultlist li:focus,
[class*='sv-template-artikelsida-olympic-day'] .lp-events .sv-defaultlist li:hover,
[class*='sv-template-artikelsida-olympic-day'] .lp-events .sv-defaultlist li:focus,
[class*='sv-template-sida'] .lp-events .sv-defaultlist li:hover,
[class*='sv-template-sida'] .lp-events .sv-defaultlist li:focus  {
  background-color: lch(from var(--lp-color-brand) calc(l + 95) c h);
}

.lp-events:not(:has(ul)) > .sv-text-portlet h2.subheading,
.lp-events:not(:has(ul)) > .sv-text-portlet a {
  display: none;
}

.lp-events:not(:has(ul)),
.pagecontent > .sv-layout.lp-events:not(:has(ul)) {
  margin: 0;
}

/*
---------------------------------------------------------
BILDTEXT HERO
--------------------------------------------------------- */

.lp-hero--game {
  position: relative;
  isolation: isolate;
  z-index: 1;
}

.lp-hero > .sv-vertical:last-of-type  {
  grid-area: 2/1/3/1;
  align-self: end;
  justify-self: end;
  z-index: 1;
}

.lp-hero--game > .sv-vertical:last-of-type {
  position: absolute;
  bottom: 0;
  right: 0;
}

.lp-hero > .sv-vertical:last-of-type .normal,
.lp-hero--game > .sv-vertical:last-of-type .normal {
  margin: 0 var(--lp-spacing-x-small) var(--lp-spacing-x-small);
  background-color: rgb(from var(--lp-color-brand) r g b / calc(alpha - .30));
  color: var(--lp-color-brand-contrast);
  padding: 0.6em 0.6em 0.3em;
  border-radius: 5px;
  display: inline-block;
}

/*
---------------------------------------------------------
FLYTTAS TILL LP-MODULES
--------------------------------------------------------- */

.lp-game-team__tags {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.lp-game-team__tag-tot,
.lp-game-team__tag-olympic {
  background-color: var(--lp-color-gold);
  padding: 0.5em 0.5em 0.3em;
  color: var(--lp-color-gold--contrast);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-family: var(--lp-font-family);
  font-weight: 400;
  margin: 0;
  display: inline-block;
}

.lp-game-team__tag-olympic {
  background-color: var(--lp-element-secondary--background);
  color: var(--lp-element-secondary--contrast);
}

/*
---------------------------------------------------------
KONTAKTKORT
--------------------------------------------------------- */

.limepark-contact-cards__block-loader__container .lp-contact-card-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(34rem,100%),1fr));
  gap: var(--lp-spacing);
}

.limepark-contact-cards__block-loader__container .lp-contact-card {
  border: 1px solid var(--lp-border-color);
  transition: var(--lp-transition-default);
}

.limepark-contact-cards__block-loader__container .lp-contact-card-image:not(.lp-contact-card-image--no-image) {
  display: flex;
  height: auto;
  max-height: 40rem;
  position: relative;
  width: 100%;
  aspect-ratio: 67 / 78;
}

.limepark-contact-cards__block-loader__container .lp-contact-card-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.limepark-contact-cards__block-loader__container .lp-contact-card-details {
  padding: var(--lp-spacing-small);
}

.limepark-contact-cards__block-loader__container .lp-contact-card-details .lp-contact-card-detail--title {
  margin: 0 0 0.6em;
}

.limepark-contact-cards__block-loader__container .lp-contact-card-details .lp-contact-card-detail--name {
  margin: 0 0 0.4em;
}

.limepark-contact-cards__block-loader__container .lp-contact-card-details .lp-contact-card-detail--title,
.limepark-contact-cards__block-loader__container .lp-contact-card-details .lp-contact-card-detail--email,
.limepark-contact-cards__block-loader__container .lp-contact-card-details .lp-contact-card-detail--mobile {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}

.limepark-contact-cards__block-loader__container .lp-contact-card-detail--email,
.limepark-contact-cards__block-loader__container .lp-contact-card-detail--mobile {
  margin: 0.4em 0 0;
  display: flex;
  gap: 0.33em;
}

.limepark-contact-cards__block-loader__container .lp-contact-card-detail--email span,
.limepark-contact-cards__block-loader__container .lp-contact-card-detail--mobile span {
  flex-shrink: 0;
}

.limepark-contact-cards__block-loader__container .lp-contact-card-email-link,
.limepark-contact-cards__block-loader__container .lp-contact-card-mobile-link {
  display: inline-block;
  padding-right: 1.4em;
}

.limepark-contact-cards__block-loader__container .lp-contact-card-email-link:after,
.limepark-contact-cards__block-loader__container .lp-contact-card-mobile-link:after {
  width: 1.2em;
  height: 1.2em;
  margin-bottom: -4px;
  margin-right: -1.4em;
}

.lp-sok-related__list-item .lp-sok-related__item-content h4 {
  font-weight: 400;
}

.lp-sok-related--athletes .lp-sok-related__list-image {
  display: grid;
}

.lp-sok-related--athletes .lp-sok-related__image-meta {
  position: relative;
  grid-area: 1 / 1 / 1 / 1;
}

.lp-sok-related--athletes .lp-sok-related__list-image img {
  grid-area: 1 / 1 / 1 / 1;
}

/*
---------------------------------------------------------
RUTA
--------------------------------------------------------- */

.lp-singel-box {
  max-width: 62rem;
  margin: var(--lp-spacing-xx-large) auto 0;
  border: 1px solid var(--lp-border-color);
  box-shadow: var(--env-box-shadow);
  padding: var(--lp-spacing);
}

/*
---------------------------------------------------------
FILTRERBAR LISTNING - NYHETER
--------------------------------------------------------- */
/* stylelint-disable */
.lp-filterable-list-list--news {
  display: grid;

  container-type: inline-size;
  gap: var(--lp-spacing);
  /* grid-template-columns: repeat(auto-fill,minmax(min(34rem, 100%), 1fr)); */
  grid-template-columns: repeat(auto-fill,minmax(min(clamp(15rem, 23vw, 34rem),100%),1fr));
  --lp-filterable-list-font-color: var(--lp-font-color);
  --lp-filterable-list-background-color: var(--lp-body--background);
  margin: 0;
  padding: 0;
}

@container (max-width: 489px) {
  .lp-filterable-list-list--news .lp-filterable-list-item:nth-child(3) {
    display: none;
  }
}

/* stylelint-enable */

.lp-background-gradient .lp-filterable-list-list--news {
  --lp-filterable-list-font-color: var(--lp-color-brand-contrast);
  --lp-filterable-list-background-color: var(--lp-color-brand);
}

.lp-filterable-list-list--news .lp-filterable-list-item-date {
  color: var(--lp-filterable-list-font-color);
  font-size: clamp(1.5rem, 1.5vw, 1.6rem);
  margin-bottom: 0.6em;
  display: block;
  margin-top: var(--lp-spacing-small);
}

.lp-filterable-list-list--news .lp-filterable-list-item-content__heading a {
  color: var(--lp-filterable-list-font-color);
  text-decoration: none;
  line-height: 1;
}

.lp-filterable-list-list--news .lp-filterable-list-item-content__heading {
  color: var(--lp-filterable-list-font-color);
  display: block;
  font-size: clamp(1.6rem, 1.7vw, 2.4rem);
  font-weight: 500;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  transition: min-height 0.3s ease;
}

.lp-filterable-list-list--news .lp-filterable-list-image__wrapper {
  overflow: hidden;
  width: 100%;

  aspect-ratio: 41 / 60;
}

.lp-filterable-list-list--news .lp-filterable-list-image__wrapper img {
  height: 100%;
  transition: all 0.5s ease;
  width: 100%;

  object-fit: cover;
}

.lp-filterable-list-list--news .lp-filterable-list-item:hover .lp-filterable-list-image__wrapper img {
  transform: scale(1.05);
}

.lp-filterable-list-list--news .lp-filterable-list-item {
  display: grid;
  border: 0;
  overflow: hidden;

  grid-template-rows: min-content auto;
  position: relative;
}

.lp-filterable-list-list--news .lp-filterable-list-item .lp-filterable-list-item-content__details {
  opacity: 0;
  transition: height 0.3s ease, opacity 0.3s ease;
  /* stylelint-disable */

  interpolate-size: allow-keywords;
  /* stylelint-enable */
}

.lp-filterable-list-list--news .lp-filterable-list-item:hover .lp-filterable-list-item-content__details {
  opacity: 1;
}

.lp-filterable-list-list--news .lp-filterable-list-item-content {
  background-color: var(--lp-filterable-list-background-color);
  font-size: var(--lp-font-size-medium);
  position: relative;
  transition: var(--lp-transition-default);
  z-index: 1;
  padding: 0;
}

.lp-filterable-list-list--news .lp-filterable-list-item:hover .lp-filterable-list-item-content {
  transform: translateY(-2em);
}

.lp-filterable-list-list--news .lp-filterable-list-item-content__description {
  color: var(--lp-filterable-list-font-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: var(--lp-font-size-small);
  margin-bottom: 0;

  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 0.4em;
  font-family: var(--lp-font-family--heading);
  font-weight: 300;
}

.lp-filterable-list-list--news .lp-filterable-list-partner-article {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--lp-color-gold);
  display: flex;
  align-items: center;
  padding: 1.4rem var(--lp-spacing-xx-small) 1rem;
  gap: 0.5rem;
}

.lp-filterable-list-list--news .lp-filterable-list-partner-article .lp-filterable-list-partner-article--logotype {
  filter: grayscale(1);
  max-width: 8rem;
  max-height: 3rem;
  object-fit: cover;
  margin-top: -4px;
}

.lp-filterable-list-list--news .lp-filterable-list-partner-article .lp-filterable-list-partner-article--text {
  margin: 0;
  font-size: clamp(1.5rem, 1.5vw, 1.6rem);
}