/* =========================================
   FÄRGPALETT & VARIABLER
   Mörkblå: #031E2F | Turkos: #63B1BC
   Rosa: #A56E87    | Orange: #C07D59
   Grön: #658D1B    | Beige: #B3A369
   Gul/guld: #CC8A00| Grå: #AEA8A5
========================================= */

:root {
  --color-primary-rgb: 3, 30, 47 !important;
  --color-primary: #031E2F !important;
  --color-primary-light-rgb: 252, 234, 241 !important;
  --color-primary-light: #fceaf1 !important;
  --color-secondary-rgb: 218, 41, 28 !important;
  --color-secondary: #DA291C !important;
}

/* =========================================
   ALLMÄN TYPOGRAFI & BAS
========================================= */

body * {
  font-family: Roboto;
}

   .vmkf-h1 {
    font-family: "Larken" !important;
    /* clamp(min, skalbarhet, max) */
    font-size: clamp(2rem, 8vw, 3.5rem) !important; 
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.1; /* Rekommenderas för stora rubriker så de inte blir för glesa */
    z-index: 2;
    position: relative;
}

.vmkf-h2-start {
  color: #FFF !important;
  font-size: 1.8em !important;
  font-weight: 700 !important;
  margin-bottom: 0px !important;
  font-family: "Larken" !important;
  text-align: center;
  letter-spacing: .10625rem !important;
}

.vmkf-h2 {
  font-family: "Larken" !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  color: #000 !important;
}

.vmkf-h3, h3 {
  color: #000 !important;
  font-family: "Larken" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
}

.vmkf-ingress, ingress {
  font-family: Roboto;
  font-size: 22px;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0.2px;
}

.vmkf-p, p {
  font-family: Roboto;
  font-size: 18px;
  line-height: 1.56;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 400;
  color: #333333;
}

.vmkf-p--primary > a:hover, 
.vmkf-p > a:hover {
  color: #000;
  text-decoration: underline;
}

span[style="color: rgb(51, 51, 51);"] {
  color: black !important;
}

.c10417 { margin-top: 0.3em !important; margin-right: 2.2em !important; }
.c10422 { background-color: #fff; }
.c10234 { background-color: #eee; }
.c12869 { background-color: #031E2F; }
.c12402 { background-color: #031E2F; }

/* =========================================
   FORMULÄR & KNAPPAR
========================================= */

.sv-dbform-portlet, 
.sv-form-portlet, 
.sv-signup-portlet, 
.sv-survey-portlet {
  background-color: #f7e8dc;
  border-radius: 12px;
}

.hiq-event-creator__form {
  color: #031E2F;
}

.sv-dbform-portlet input[type=submit], 
.sv-form-portlet input[type=submit], 
.sv-signup-portlet input[type=submit], 
.sv-survey-portlet input[type=submit] {
  color: #031e2f;
  border: 1px solid #031e2f;
  background: #c07d59;
}

/* Primärknappar */
.vmkf-button-primary.sv-text-portlet p a, 
.vmkf-button-primary:not(.sv-text-portlet) {
  font-family: Larken;
  border-radius: 12px;
  background: #e8af40;
  color: #000;
  border-color: #fefefe;
}

.vmkf-button-primary.sv-text-portlet p a:focus, 
.vmkf-button-primary.sv-text-portlet p a:hover, 
.vmkf-button-primary:not(.sv-text-portlet):focus, 
.vmkf-button-primary:not(.sv-text-portlet):hover {
  text-decoration: none;
  color: var(--color-primary);
  border-color: #e19d00;
  background-color: #faebd1;
}

/* Inverterade primärknappar */
.vmkf-button-primary--inverted.sv-text-portlet p a, 
.vmkf-button-primary--inverted:not(.sv-text-portlet) {
  font-family: Larken;
  border-radius: 12px;
}

.vmkf-button-primary--inverted.sv-text-portlet p a:focus, 
.vmkf-button-primary--inverted.sv-text-portlet p a:hover, 
.vmkf-button-primary--inverted:not(.sv-text-portlet):focus, 
.vmkf-button-primary--inverted:not(.sv-text-portlet):hover {
  border-color: #031E2F;
}

/* Standardknappar */
.vmkf-button.sv-text-portlet p a, 
.vmkf-button:not(.sv-text-portlet) {
  font-family: Larken;
  border-radius: 12px;
  color: #fff;
  border-color: #C07D59;
  background-color: #C07D59;
}  

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

/* Transparenta knappar */
.vmkf-button-transparent.sv-text-portlet p a, 
.vmkf-button-transparent:not(.sv-text-portlet) {
  color: #031e2f;
  border-color: #5d921e;
  background-color: #dfe8d1;
}

.vmkf-button-transparent.sv-text-portlet p a:focus, 
.vmkf-button-transparent.sv-text-portlet p a:hover, 
.vmkf-button-transparent:not(.sv-text-portlet):focus, 
.vmkf-button-transparent:not(.sv-text-portlet):hover {
  text-decoration: none;
  color: #031e2f;
  border-color: #5d921e;
  background-color: #fff;
}

.vmkf-button-transparent--inverted.sv-text-portlet p a, 
.vmkf-button-transparent--inverted:not(.sv-text-portlet) {
  font-family: Larken;
  color: #FFF;
  border-color: #FFF;
  border-radius: 12px;
}

.vmkf-button-transparent--inverted.sv-text-portlet p a:focus, 
.vmkf-button-transparent--inverted.sv-text-portlet p a:hover, 
.vmkf-button-transparent--inverted:not(.sv-text-portlet):focus, 
.vmkf-button-transparent--inverted:not(.sv-text-portlet):hover {
  text-decoration: none;
  color: #031d2e;
  border-color: #031e2f;
  background-color: #ffffff;
}

/* Inverterade knappar */
.vmkf-button--inverted.sv-text-portlet p a, 
.vmkf-button--inverted:not(.sv-text-portlet) {
  font-family: Larken;
  border-radius: 12px;
  color: #C07D59;
  border-color: #C07D59;
  background-color: #fff;
  transition: all .3s ease;
}

.vmkf-button--inverted.sv-text-portlet p a:hover, 
.vmkf-button--inverted:not(.sv-text-portlet) {
  color: #fff;
  border-color: #C07D59;
  background-color: #C07D59;
  transition: all .3s ease;
}

/* SiteVision env-knappar */
.env-button--link, 
.env-button--link:active, 
.env-button--link:focus, 
.env-button--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #ffffff;
  font-family: "Larken";
  font-size: 16px !important;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal !important;
  letter-spacing: 1px;
}

.env-button {
  border-radius: calc(var(--env-button-border-radius) * 1);
  font-size: var(--env-font-size-medium);
  min-height: 2.75em;
  padding: 0;
}

.env-button.env-button--icon .env-icon {
  height: 2em;
  width: 2em;
}

.env-button.env-button--icon-after {
  padding-right: 3.8em;
  padding-top: 10px;
}

.env-button.env-button--icon-above {
  min-height: 4.2em;
  min-width: 3.6666666667em;
  padding: 0 .3333333333em .3333333333em;
}

.env-button.env-button--icon-above.env-button--link {
  margin-left: -10px;
}

.env-button.env-button--icon-above.env-button--link .env-icon {
  height: 2.3em !important;
  top: -0.9em;
  width: 2.3em !important;
  padding: 10px; 
  box-sizing: content-box; 
}

.env-button.env-button--icon-above.env-button--link:hover .env-icon {
  background-color: #FFFFFF; /* Ger tillbaka den vita plattan */
  border-radius: 100%;       /* Gör plattan helt rund */
  color: #031E2F !important; /* Gör meny-strecken mörkblå/svarta så de syns mot det vita */
}

.hiq-button--black {
  background-color: #C07D59;
  color: #fff;
  border: none;
}

.hiq-button--black:hover {
  background-color: #eed0b9;
  color: #031E2F;
  border: none;
}

.hiq-button--white.hiq-button--outlined {
  border: none;
}

.hiq-button.disabled, 
.hiq-button[disabled] {
  display: none;
}

/* =========================================
   KOMPONENTER (Citat, Boxar, Brödsmulor)
========================================= */

.vmkf-content-box {
  background-color: #e4f1f4 !important;
  border-radius: 12px;
}

.vmkf-content-box__title {
  color: #000 !important;
  font-family: Larken !important;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.48;
  letter-spacing: 1px;
}

.vmkf-content-box .sv-decoration-content, 
.vmkf-content-box .sv-decoration-content *, 
.vmkf-content-box__content, 
.vmkf-content-box__content * {
  font-size: 18px;
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.67;
  letter-spacing: .5px;
}

/* Brödsmulor (Breadcrumbs) */
.sv-font-visitkoping-breadcrumb,
a.sv-font-visitkoping-breadcrumb, 
.sv-font-visitkoping-breadcrumb a {
  color: #000 !important;
  vertical-align: top !important;
}

.c1363, .c1365, .c1955 {
  vertical-align: top !important;
}

.vmkf__breadcrumb-title {
  font-family: "Lato" !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: var(--color-primary) !important;
}

.vmkf__breadcrumbs-pre {
  font-family: "Lato" !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: var(--color-primary) !important;
  margin-right: 0.6em;
  margin-top: 12px;
  display: inline-block;
}

.vmkf__breadcrumb {
  padding-right: 1.2em;
  position: relative;
}

.vmkf__breadcrumb:not(:last-child)::after {
  font-family: "vmkf" !important;
  content: "" !important;
  position: absolute !important;
  color: var(--color-primary) !important;
  right: 0 !important;
  top: 1px;
}

.env-breadcrumb, 
.env-link-secondary {
  padding: 1em 0em;
  font-family: "Larken" !important;
  letter-spacing: 1.2px;
}

.env-breadcrumb__item {
  font-family: "Larken" !important;
  font-weight: 500;
  letter-spacing: 1.2px;
}

.env-breadcrumb__item[aria-current="page"] {
  color: #031E2F;
}

.env-link-secondary, 
.env-text .env-link-secondary, 
.env-text a.env-link-secondary {
  color: #031E2F; 
}

.env-link-secondary:hover, 
.env-text .env-link-secondary:hover, 
.env-text a.env-link-secondary:hover {
  color: #031e2f;
}

.env-text {
  color: #FFF;
}

/* Plusbox / Collapse */
.hiq-collapse-header-text {
  color: #000;
  flex: 1 0 auto;
  padding-left: 1em;
  font-family: Larken !important;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
}

.hiq-collapse .hiq-collapse-header {
  background-color: #b3a369;
  color: var(--color-primary-light);
  border-radius: 12px;
}

.hiq-collapse .hiq-collapse-header i.vmkf-i-arrow-down, 
.hiq-collapse .hiq-collapse-header > i.vmkf-i-arrow-up {
  background-color: #b3a369;
  color: #000;
   border-radius: 12px;
}

.hiq-collapse .hiq-collapse-header.collapsed {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.hiq-collapse .sv-decoration-content {
  background-color: #f0ebdc !important;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* =========================================
   HEADER, MENY & SÖK
========================================= */

.vmkf-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(3, 30, 47, 0.85), transparent 50%);
  z-index: 1;
  pointer-events: none;
}

.vmkf-hero > * {
  z-index: 2;
}

.vmkf-banner {
  padding-top: 120px;
  padding-bottom: 70px;
}

.vmkf__header-search-input, 
.vmkf__header-search-button, 
.vmkf-main-color, 
.vmkf__header-helper-icon {
  border-color: #FFF !important;
  color: #FFF !important;
  font-family: Larken;
}

.vmkf__header-search-input {
  text-align: left;
}

.vmkf__header-search-input::placeholder {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

input.vmkf__header-search-input::-webkit-input-placeholder {
  color: #031E2F !important;
  opacity: 1 !important;
}

.vmkf__header-search-button::after {
  color: #031e2f;
}

.vmkf__header-helper-text, 
.vmkf__header-menu-button-icon {
  color: #FFF;
  border-color: #FFF;
  font-family: "Larken";
}

.vmkf__header-hamburger-bar1, 
.vmkf__header-hamburger-bar2, 
.vmkf__header-hamburger-bar3, 
.vmkf__menu-content {
  background-color: #FFF;
}

.vmkf__header-menu-button.open > .vmkf__header-menu-button-icon > div {
  background-color: #3c3c3b;
}

.vmkf__header-menu-button-icon.scrolled {
  background-color: #3c3c3b;
}

/* Trigga den vita cirkeln och mörkblå ikonen när man hovrar PÅ LÄNKEN (både text och ikon) */
.vmkf__header-helper-link:hover .vmkf__header-helper-icon,
.vmkf__header-helper-button:hover .vmkf__header-helper-icon,
.vmkf__header-helper-link:focus .vmkf__header-helper-icon,
.vmkf__header-helper-button:focus .vmkf__header-helper-icon {
    background-color: #ffffff;
    border-radius: 100%;
    color: #031E2F !important;
}

/* Samma sak för SVG/paths om ikonerna är uppbyggda av det */
.vmkf__header-helper-link:hover .vmkf__header-helper-icon svg,
.vmkf__header-helper-button:hover .vmkf__header-helper-icon svg,
.vmkf__header-helper-link:hover .vmkf__header-helper-icon path,
.vmkf__header-helper-button:hover .vmkf__header-helper-icon path {
    color: #031E2F !important;
    fill: #031E2F !important;
    stroke: #031E2F !important;
}

.vmkf__header-helper-icon:focus::before, 
.vmkf__header-helper-icon:hover::before {
  color: #031e2f;
}

/* Meny Desktop / Generell */
.vmkf__menu-tree { background-color: #e9e2d5 !important; }
.vmkf__menu-item-link, 
.vmkf__menu-content-header {
  font-family: Larken;
  color: #FFF;
  border-color: #FFF;
  text-align: center;
}

.xezF9ru3TE5SSITf2YSh {
  --sv-app-mobile-menu-font-color: #403b65;
  width: 90%;
}
.xezF9ru3TE5SSITf2YSh:not([class*=env-block]) {
  background-color: #f1efed !important;
}

.SBnE8X_5uU5yUCP4RBVU { width: 80%; }
.SBnE8X_5uU5yUCP4RBVU > li > a {
  font-family: 'Larken';
  font-weight: 600;
  color: #FFF;
  font-size: 1.4em !important;
}
.SBnE8X_5uU5yUCP4RBVU a { font-size: 18px !important; }

.EijGg3DD7AMrv4ryC3tj {
  color: #000f25 !important;
  font-family: Larken !important;
}
.EijGg3DD7AMrv4ryC3tj:hover {
  color: #000f25 !important;
  text-decoration: underline !important;
}

/* Stäng/kryss-knappar i menyer */
#svid12_36a60afb19bad6c3dc0f276b > div:nth-child(2) > nav > dialog > div > button,
#svid12_329f2dbe19c2729c79e38a3 > div:nth-child(2) > nav > dialog > div > button,
#svid12_42ce99219cc5b296bd49dd6 > div:nth-child(2) > nav > dialog > div > button,
#svid12_4c1468c19cc5e180cd4aa85 > div:nth-child(2) > nav > dialog > div > button {
  background-color: #031E2F;
}

#svid12_2cad6f4e19c2736571a28bcc > div:nth-child(2) > nav > dialog > div > button {
  background-color: #203B8E;
}

/* Ikoner i menyer */
.env-icon { fill: #FFF !important; stroke: #FFF !important; }
#svid12_329f2dbe19c2729c79e38a3 > div:nth-child(2) > nav > dialog > div > button > svg,
#svid12_42ce99219cc5b296bd49dd6 > div:nth-child(2) > nav > dialog > div > button > svg {
  fill: #FFF !important; stroke: #FFF !important;
}
#svid12_2cad6f4e19c2736571a28bcc > div:nth-child(2) > nav > dialog > div > button > svg { fill: #fff6e4; }

#svid12_42ce99219cc5b296bd49dd6 > div:nth-child(2) > nav > button > svg:hover {
  fill: #031E2F !important; stroke: #031E2F !important;
}

/* Specifika path-färger för menyikoner */
#svid12_42ce99219cc5b296bd49dd6 > div:nth-child(2) > nav > dialog > div > ul > li:nth-child(1) > button > svg > path,
#svid12_4c1468c19cc5e180cd4aa85 > div:nth-child(2) > nav > dialog > div > ul > li:nth-child(1) > button > svg,
#svid12_4c1468c19cc5e180cd4aa85 > div:nth-child(2) > nav > dialog > div > ul > li:nth-child(1) > button > svg > path,
#svid12_42ce99219cc5b296bd49dd6 > div:nth-child(2) > nav > dialog > div > ul > li:nth-child(6) > button > svg > path,
#svid12_4c1468c19cc5e180cd4aa85 > div:nth-child(2) > nav > dialog > div > ul > li:nth-child(6) > button > svg {
  fill: #031E2F !important; stroke: #031E2F !important;
}

/* Meny Mobil */
.vmkf__mobile-header-menu-text, 
.vmkf__mobile-header-search-text {
  margin-top: 15px !important;
  color: #FFF !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;
}

.vmkf__mobile-header-menu-button-icon {
  border: none;
}

.vmkf__mobile-search-button, 
.vmkf__mobile-search-wrapper {
  border: 2px solid #ffffff;
  background-color: #FFF;
}

.vmkf__mobile-search-input {
  color: #ffffff;   
  text-align: left;
}

.vmkf__mobile-header-search-icon::before {
  color: #FFF;
  font-size: 32px;
}

/* Sökfält */
#search12_5636ee16198cad5964d95ada, 
#search12_5636ee16198cad5964d95adabutton {
  background-color: #FFF;
  color: #031E2F !important;
}

#search12_5636ee16198cad5964d95ada::placeholder {
  color: white;
}

#search12_5636ee16198cad5964d95adfbutton::after {
  color: #031E2F;
}

#svid10_5636ee16198cad5964d95ad5 {
  align-items: baseline;
}

/* =========================================
   SIDOR: STARTSIDA & NAVIGATION
========================================= */

.startpage__title, 
.navigationpage__title {
  color: #333 !important;
  background-color: #fff !important;
  font-family: "Larken" !important;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 2px;
  display: inline-block;
  margin-bottom: 20px;
}

.startpage__titlecontainer,
.navigationpage__titlecontainer {
  margin: auto;
  text-align: center;
}

.navigationpage__titlecontainer {
  width: 566px;
}

.startpage__background-image,
.navigationpage__background-image {
  min-height: 600px;
  padding-bottom: 160px;
}

.startpage__background-image::before,
.navigationpage__background-image::before,
.vmkf-background-cover--white::before {
  background-color: rgba(255,255,255,0) !important; 
}

.startpage__background-image::after,
.navigationpage__background-image::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important; 
  left: 0 !important;
  width: 100% !important;
  height: clamp(40px, 8vw, 120px) !important;
  background-image: url('https://visitvastramalardalen.se/images/18.66dc3643198e6325c77d777b/1756730323308/Va%CC%8Ag%20till%20webb%20bla%CC%8A.svg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  z-index: 1 !important;
}


.startpage__subpage-title,
.navigationpage__subpage-title {
  font-size: 1.8em !important;
  color: #FFF !important;
  margin-bottom: 0px !important;
  font-family: "Larken" !important;
  text-align: center;
  letter-spacing: .10625rem !important;
}

.startpage__subpage-title:hover {
  color: #333 !important;
  background-color: #FFF !important;
}

.startpage__subpage-link,
.navigationpage__subpage-link {
  height: 100%;
  border-width: 3px !important;
  border-color: #FFF !important;
  border: solid;
  border-radius: 12px;
}


.navigationpage__subpage-link, .startpage__subpage-link,  {
 background-color: rgb(3 30 47 / 60%) !important;
  display: block;
  padding: 30px 36px;
}

.startpage__subpage-link:focus, 
.startpage__subpage-link:focus *, 
.startpage__subpage-link:hover, 
.startpage__subpage-link:hover *,
.navigationpage__subpage-link:focus, 
.navigationpage__subpage-link:focus *, 
.navigationpage__subpage-link:hover, 
.navigationpage__subpage-link:hover * {
  color: #333 !important;
  background-color: #FFF !important;
}

.startpage__subpage-description,
.navigationpage__subpage-description {
  display: none;
}

/* Startsida Artiklar & Bilder */
.startpage__article-image {
  flex: 0 0 300px;
  width: calc(100% + 40px);
  -o-object-fit: cover;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 300px;
}

.sv-channel-image, .c10515 {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  height: 300px !important;
  flex: 0 0 300px !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  float: none !important;
  max-height: none !important;
  max-width: inherit !important;
  padding-bottom: 4px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-right: 0px !important;
}

.c10512 { width: 780px !important; }
.sv-text-portlet-content h1 {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 800px;
  padding-left: 0.1em;
}
.sv-push-3 { left: unset !important; }

/* Quick links */
.quick-link__text {
  font-family: Larken;
  color: #FFF;
  border-color: #FFF;
  text-align: center;
}

.quick-link__icon {
  font-family: vmkf;
  font-size: 80px;
  color: #FFF;
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 50%;
  background-color: transparent;
}

.quick-link:focus .quick-link__icon, 
.quick-link:hover .quick-link__icon {
  background-color: #FFF;
  color: #031e2f;
}

/* =========================================
   EVENEMANG, SÖK & RESULTAT
========================================= */

/* Eventlistor */
.hiq-news-list-decoration .sv-channel.sv-defaultlist .sv-channel-item {
  flex: 100% !important;
  padding: 10px 0;
}

.startpage__event-info-wrapper {
  padding: 0 1em 1em 1em !important;
  height: 180px !important;
}

.startpage__event-link {
  text-decoration: none;
  display: block;
  padding: 0px !important;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  color: var(--color-primary-light);
  border-radius: 2px;
  background-color: #e9e2d5 !important;
}
.startpage__event-link img { opacity: 0.8; }

.startpage__event-link:focus, 
.startpage__event-link:focus *, 
.startpage__event-link:hover, 
.startpage__event-link:hover * {
  color: #FFF !important;
  background-color: #000 !important;
  text-decoration: none;
  transition: all .3s ease;
}

.startpage__event-time {
  font-family: Lato;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  color: inherit;
}

.startpage__event-date {
  font-family: Lato;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 2px;
  color: inherit;
}

.startpage__event-title {
  margin-top: 0 !important;
  color: #000 !important;
  font-family: Larken !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.0 !important;
}

.startpage__event-description {
  font-family: Lato;
  color: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.56;
  letter-spacing: 1px;
}

/* HiQ Events Search */
.hiq-events-search__search-form {
  background-color: #031E2F;
  padding-top: 2rem;
}
.hiq-form__input { border-bottom: 2px solid #C07D59; }
.hiq-events-search__input-wrapper { background-color: #fff; }

.hiq-events-search__text-input--button {
  border: 2px solid #C07D59;
  background-color: #C07D59;
  color: #fff;
}
.hiq-events-search__text-input--button:hover {
  background-color: #fff;
  color: #C07D59;
}

.hiq-events-search__search-filters--heading { color: #eed0b9; }

.hiq-events-search__search-form--show-filters-button {
  background-color: #C07D59;
  color: #fff;
}
.hiq-events-search__search-form--show-filters-button:hover,
.hiq-events-search__search-form--show-filters-button.active {
  background-color: #fff;
  color: #C07D59;
}

.hiq-events-search__search-filters--clear-filters-button {
  background-color: #C07D59;
  width: 100%;
  color: #FFF;
  border: 2px solid #031E2F;
}
.hiq-events-search__search-filters--clear-filters-button:hover {
  background-color: #eed0b9;
  color: #031E2F;
}

/* Datepicker & Kalender */
.hiq-events-search__search-filters--datepicker__wrapper,
.hiq-events-search__search-filters--location__wrapper {
  color: #fff;
}
.hiq-events-search__search-filters--datepicker__open-button::after { color: #C07D59; }
.hiq-events-search__search-filters--datepicker__input { border: none; }

.vc-container {
  --day-content-bg-color-hover: rgba(192, 125, 89, 0.4) !important; 
  --day-content-dark-bg-color-hover: rgba(221, 160, 118, 1) !important;
  --day-content-bg-color-focus: rgba(192, 125, 89, 0.4) !important;
  --day-content-dark-bg-color-focus: rgba(221, 160, 118, 1) !important;
}

.vc-day-content[data-v-2aac4f42]:focus,
.vc-highlight {
  background-color: #C07D59 !important;
}
.vc-text-gray-600, .vc-text-gray-600:hover, .vc-text-gray-500 {
  color: #C07D59 !important;
}
.hover\:vc-bg-gray-300:hover {
  background-color: #eed0b9 !important;
}
.hiq-events-search__search-filters--location__suggestion--suggestions {
  background-color: #fff;
  color: #000;
  border: 2px solid #000;
  border-top: 0;
}

/* HiQ Event List & Results */
.hiq-events-list {
  border-top-width: 0px;
  box-shadow: 1px 5px 89px -31px rgba(0, 0, 0, 0.14);
  background-color: #FFF !important; 
}

.hiq-events-list__heading--text {
  color: #000 !important;
  font-size: 2.5em !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
  font-family: "Larken" !important;
  text-align: center;
  letter-spacing: .10625rem !important;
}

.hiq-events-list__heading--show-all::after {
  color: #000 !important;
}

.hiq-events-list__search-results--hits__hit--header {
  font-size: 18px !important;
  color: #000 !important;
}

.hiq-events-list__search-results--hits__hit--info__location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000 !important;
}

.hiq-events-list__search-results--hits__hit--info__location--icon::after {
  color: #FFF !important; 
}

.swiper .hiq-events-list__search-results--hits__hit--info__date {
  width: auto;
  display: inline-block;
  color: #000 !important;
}

.swiper .hiq-events-list__search-results--hits__hit--info__date--icon {
  display: inline-block;
  color: #000 !important;
}

.hiq-events-list__search-results--hits__hit--info__date--icon::after {
  font-family: VeIcons !important;
  content: "\f069";
  margin: 0 5px;
  display: inline-block;
  color: #000 !important;
}

.hiq-events-list__search-results--hits__hit--image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.hiq-event-view__text-and-image--text {
  background-color: #f0e4e8 !important;
}

.hiq-event-view__text-and-image--text:not(.visit) p {
  font-size: 18px !important;
  color: #FFF !important;
}

/* Sökresultat listor */
.search-result__hit-summary {
  text-decoration: none;
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-primary-rgb);
  border-radius: 2px;
  background-color: rgba(var(--color-primary-light), .9);
}

.search-result__hit-summary-gradient {
  position: absolute;
  top: 57px;
  width: 100%;
  height: 90px;
  background: linear-gradient(transparent, var(--color-primary-light));
}
.search-result__hit-summary-gradient:hover {
  background: linear-gradient(transparent, transparent);
} 

.search-result__hit-item,
.search-result__hit-list--content .search-result__hit-link {
  height: 480px;
}
.search-result__hit-list--content .search-result__hit-link {
  overflow: hidden;
  padding: 0px !important;
}
.search-result__hit-link:focus, 
.search-result__hit-link:hover {
  text-decoration: none;
  background-color: #a3195b !important;
}

.search-result__hit-list--content .search-result__hit-image,
.search-result__hit-image2 {
  width: calc(100% + 50px) !important;
  margin: -31px -20px 0px -25px !important;
  -o-object-fit: cover;
  object-fit: cover;
}
.search-result__hit-image2 {
  flex: 0 0 240px;
  height: 240px;
}

.search-result__hit-link2 {
  text-decoration: none;
  display: block;
  padding: 30px 25px;
  width: 103%;
  height: 100%;
  position: relative;
  overflow: hidden;
  color: var(--color-primary);
  border-radius: 2px;
  background-color: #f0ebdc !important; 
}
.search-result__hit-link2::after {
  position: absolute;
  content: '';
  height: 200px;
  width: 100%;
  left: 0;
  bottom: -45px;
  background: linear-gradient(0deg, rgba(240,235,220,1) 36%, rgba(240,235,220,0) 66%); 
}
.search-result__hit-link2:focus,
.search-result__hit-link2:hover {
  background-color: #b3a369 !important; 
  text-decoration: none;
}
.search-result__hit-link2:focus::after,
.search-result__hit-link2:hover::after {
  background: linear-gradient(0deg, rgba(181,160,94,1) 36%, rgba(181,160,94,0) 66%); 
}
.search-result__hit-link2:focus, 
.search-result__hit-link2:focus *, 
.search-result__hit-link2:hover, 
.search-result__hit-link2:hover * {
  color: #FFF !important;
}

.search-result__hit-item3 { margin: 10px; }
.search-result__hit-link3 {
  text-decoration: none;
  display: block;
  padding: 25px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  color: var(--color-primary);
  border-radius: 2px;
  background-color: var(--color-primary-light);
}

.search-result__hit-title { margin-top: 1em !important; }
.facet-heading { color: var(--color-primary); }
.facets-wrapper.open { padding: 30px 0 !important; }
.sv-search-facet-item > a { border-radius: 0px !important; }
.sv-search-facet-items { justify-content: center !important; }

ul.sv-autocomplete-search-result .sv-autocomplete-result-item a {
  text-decoration: none;
  font-family: 'larken';
}

/* Sidfot */
.sv-font-visitkoping-sidfot, 
a.sv-font-visitkoping-sidfot, 
.sv-font-visitkoping-sidfot a {
  color: #fff !important;
  text-decoration: none !important;
  font-family: Larken;
  font-weight: 500;
}
a.sv-font-visitkoping-sidfot:hover, 
.sv-font-visitkoping-sidfot a:hover, 
a.sv-font-visitkoping-sidfot:focus, 
.sv-font-visitkoping-sidfot a:focus, 
a.sv-font-visitkoping-sidfot:active, 
.sv-font-visitkoping-sidfot a:active {
  color: #fff !important;
  text-decoration: underline !important;
}

/* =========================================
   MEDIA QUERIES
========================================= */

@media print, screen and (min-width: 40em) {
  .hiq-events-search__search-form--show-filters-button { width: 50%; }
}

@media print, screen and (min-width: 64em) {
  .vmkf__breadcrumbs-pre { margin-top: 0; }
  .hiq-events-search__search-form--show-filters-button { width: 30%; }
}

@media screen and (max-width: 63.9375em) {
  .startpage__subpage-title {
    font-size: 1.4em !important;
  }
}

@media screen and (max-width: 1024px) {
  .vmkf__mobile-search-input {
    text-align: start;
    font-family: Larken;
    color: #031E2F !important;
  }
  .vmkf__mobile-search-input::placeholder {
    color: #031E2F;
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .sv-channel-item .c13938 {
    flex: 20% !important;
  }
}

@media (min-width: 45em) {
  .xezF9ru3TE5SSITf2YSh.kkLrFEHLuYYXz05f8cHN {
    max-width: 25em !important;
  }
}
   
   
   
   @media screen and (max-width: 1023px) {
  .sv-text-portlet-content h1 {
    margin-left: 0.6em !important;
    margin-right: 0.6em !important;
  }
}
   
   
   
   
   /* 1. Skapar den vita cirkeln när man hovrar var som helst på knappen */
.env-button.env-button--icon-above.env-button--link:hover .env-icon {
  background-color: #FFFFFF !important;
  border-radius: 100%;
}

/* 2. Tvingar meny-strecken (SVG/paths) att bli mörkblå samtidigt */
.env-button.env-button--icon-above.env-button--link:hover .env-icon,
.env-button.env-button--icon-above.env-button--link:hover .env-icon svg,
.env-button.env-button--icon-above.env-button--link:hover .env-icon path {
  color: #031E2F !important;
  fill: #031E2F !important;
  stroke: #031E2F !important;
}
   
   
   
   
   .tableheading {
    font-family: "Larken", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    color: #000;
    line-height: normal;
}
   
   
   
   .vmkf-hero {
    position: relative; /* Detta håller gradienten på plats inom herons gränser */
    overflow: hidden;    /* Valfritt: klipper gradienten om den skulle sticka ut */
      background-color: #031e2f!important;
}

.vmkf-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(3, 30, 47, 0.85), transparent 65%);
    z-index: 1;
    pointer-events: none;
}
   

.vmkf-banner {
    padding-top: 120px;
    padding-bottom: 70px;
    position: relative; /* Krävs för att gradienten ska lägga sig rätt */
    overflow: hidden;   /* Valfritt: klipper gradienten om den skulle sticka ut */
}

/* Den nya gradienten för bannern */
.vmkf-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(3, 30, 47, 0.85), transparent 80%);
    z-index: 1;
    pointer-events: none;
}









   
   .vmkf-h1 {
    font-family: "Larken" !important;
    /* clamp(min, skalbarhet, max) */
    font-size: clamp(2rem, 8vw, 3.5rem) !important; 
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.1; /* Rekommenderas för stora rubriker så de inte blir för glesa */
}
   
   .vmkf__mobile-header-menu-button-icon {
    border: 0px solid #3c3c3b !important;
}
   
   .vmkf__mobile-header-menu-button-icon {
    width: 35px;
    height: 35px;
    margin-left: 0.3em;
   }
   
     
   
   .startpage__background-image, .navigationpage__background-image {
    padding: 80px 66px 160px 66px!important;
   }
   
   
   .startpage__subpage-link , .navigationpage__subpage-link {
    height: 100%;
    background-color: rgb(0 15 37 / 55%) !important;
    border-width: 3px !important;
    border-color: #FFF !important;
    border: solid;
    /* transition: all .3s ease; */
}
   
   /*
   
   .navigationpage_subpage {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
}
   
   */
   
   
   /* EVENEMANGSFIX */
   
   .hiq-events-search__text-input--button {
    border: 2px solid #ffffff!important;
}
   
   .hiq-form__input {
  
    border-bottom: 2px solid #ffffff!important;
   
    font-size: 18px!important;
    font-weight: 400!important;
    font-family: "Larken"!important;
}
   
   
   
   
   
   
   /* SÖKRESULTAT */
  
   
.sv-search-facet-item>a {
      font-family: "Larken"!important;
    color: #031e2f!important;
    border: 2px solid #031e2f!important;
}
   
   .facet-button  {
         font-family: "Larken"!important;
    color: #031e2f !important;
    top: -120px !important;

}
   
   
   .facet-button::before {
    border: 2px solid #031e2f!important;
    color: #031e2f!important;
}
   
   .facet-button:focus::before, .facet-button:hover::before {
    background-color: #FFF!important;
    color: #fff;
}
   
   
   .facet-button__text {
    font-family: "Larken"!important;
    color: #031e2f!important;
}
   
   .facets-wrapper.open {
    border-top: 2px solid #031e2f!important;
    max-height: 100vh;
    padding: 50px 0;
    border-bottom: 2px solid #031e2f!important;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
   
   .sv-search-facet-name {
    font-family: "Larken"!important;
    font-size: 16px;
    line-height: 1.75;
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 300;
    font-weight: normal;
}

 .sv-search-facet-item:hover:not(.facet-item__no-hits)>a, .sv-search-facet-item:focus:not(.facet-item__no-hits)>a, .sv-search-facet-item.sv-search-facet-item-selected:not(.facet-item__no-hits)>a {
    border-color: #031E2F !important;
    background-color: #f0ebdc !important;
    color: #031E2F !important;
}
   
   .facet-heading {
    display: none!important;
}
   
   .search-result__count {
    margin-bottom: 10em!important;
}

.hiq-event-view__text-and-image--text {
    background-color: #031e2f !important;
}

.hiq-event-view__heading--title {
    color: var(--color-primary) !important;
    font-size: clamp(2rem, 8vw, 3.5rem) !important; 
    font-weight: 100 !important;
    font-family: "Larken" !important;
    text-align: center;
    letter-spacing: .10625rem !important;
}

.hiq-event-view__heading--info__date,
.hiq-event-view__heading--info__time,
.hiq-event-view__heading--info__location--text,
.hiq-event-view__sub-heading--notVisit
 {
    font-family: "Larken" !important;
}

/*
.sv-grid-12.sv-fluid-grid, .sv-grid-12.sv-fixed-fluid-grid {
    width: calc(100% - 16px * 2) !important;
    margin: auto;
}
*/