/*! - -- Built by Consid AB | (c) 2026 Ale kommun | Ale kommuns externwebb v0.1.0 -- - !*/
@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

main.sv-layout {
  padding-bottom: 3.125rem;
}

.sp-ale-padding {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

@media (max-width: 767px) {
  .sp-ale-padding {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.sp-overlay {
  overflow-y: hidden;
}

table {
  height: auto !important;
}
table td {
  vertical-align: baseline;
}

h1 {
  word-break: break-word;
}

.no-scroll {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

iframe {
  border-radius: 0 !important;
}

/* ---------------------------------------------------------------------*/
/* --- ICON, EXTERNAL LINK ---------------------------------------------*/
a[rel~=external] .sv-linkicon {
  display: none;
}
a[rel~=external]:after {
  content: "\f08e"; /* Ikon, externlänk */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.875rem;
  margin-left: 0.3rem;
  display: inline-block;
}

p.normal a[href^=http] .sv-linkicon, p.normal a[rel~=external] .sv-linkicon {
  display: none;
}
p.normal a[href^=http]:after, p.normal a[rel~=external]:after {
  content: "\f08e"; /* Ikon, externlänk */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.875rem;
  margin-left: 0.3rem;
  display: inline-block;
}

/* ---------------------------------------------------------------------*/
/*
.env-button.env-button--link {
   padding: 0;
   font-weight: 700;
   font-size: 1rem;
   //display: inline-block;
   margin-left: 0.5rem;

   &:after {
      content: '\f054'; // Ikon, pil till höger
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: $small;
        margin-left: 0.25rem;
        display: inline-block;
        text-decoration: none;
   }

   &:hover {
      text-decoration: none!important;
      border-bottom: 1px solid #000;

      &:after {
         text-decoration: none !important;
      }
   }
}*/
.sp-ale-breakactivity .env-button--link {
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #333;
  padding: 0;
  font-weight: 700;
  font-size: 1rem;
}
.sp-ale-breakactivity .env-button--link:after {
  content: "\f054";
  font-family: Font Awesome\ 6 Free;
  display: inline-block;
  font-weight: 900;
  font-size: 0.75rem;
  margin-left: 0.4rem;
  line-height: 1.5;
  margin-bottom: -2px;
}
.sp-ale-breakactivity .env-button--link:hover {
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #333;
  color: #333;
  text-decoration: none !important;
}

/* --- NAVIGATE WITH TABB --------------------------------------------- */
/*

.con-jump-to-content a {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 5px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  font-weight: 600;
  background-color: #005286;
  display: block;
  width: 99%;
  font-family: 'Open Sans', San serif;
  color: #fff;
  font-size: 14px;
  padding: 5px 0 5px 10px;
  text-decoration: none;

  i {
      margin-left: 5px;
  }

  &:focus {
      position: static;
      width: auto;
      height: auto;
  }
}*/
/* -------------------------------------------------------------------- */
/* --- WHAT INPUT ------------------------------------------------------*/
[data-whatintent=mouse] *:focus {
  outline: none;
}

/* ---------------------------------------------------------------------*/
@media (max-width: 767px) {
  .heading {
    font-size: 2.438rem;
  }
  .subheading {
    font-size: 1.8rem;
    font-weight: 600;
  }
}
/* --- EXTERNAL LINKS ICON START -------------------------------------------------- */
a[rel~=external]:after {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  margin-left: 0.5rem;
  vertical-align: super;
}

/* --- EXTERNAL LINKS ICON END -------------------------------------------------- */
/* --- IMAGE CAPTION START -------------------------------------------------- */
.sv-portlet-image-caption {
  color: #1c1b1f;
  font-size: 0.85rem !important;
}

.sv-mfpimage-portlet, .sv-mediaflowVideo {
  margin-bottom: 1rem;
}

/* --- IMAGE CAPTION END ---------------------------------------------------- */
/* --- ENVISION BUTTONS START ----------------------------------------------- */
/* --- ENVISION BUTTONS END ------------------------------------------------ */
@media only screen and (max-width: 767px) {
  .sv-grid-1200px [class*=sv-column-] {
    margin-bottom: 2em;
  }
}
/*Punktlista*/
.sv-text-portlet-content ul.normal li {
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
}

/* Nyhetslistning driftinformation */
/*bottom 100px för att hantera de klickbara taggarna i artikelns footer*/
.sv-newslist .sv-newslist__gallery-item article h2 a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 100px;
}

.sv-marketplace-sitevision-toTop .env-button > div {
  width: 3.5rem;
  height: 3.5rem;
}

/* --- FOOTER ----------------------------------------------------------*/
.sp-ale-footer {
  padding: 1.25rem 0;
}
.sp-ale-footer .sv-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .sp-ale-footer .sv-row {
    display: unset;
  }
}

@media only screen and (max-width: 1240px) {
  .sp-ale-footer {
    padding: 1.25rem;
  }
}
.sp-ale-footer h2,
.sp-ale-footer p.normal {
  color: #fff !important;
  margin-bottom: 0.5rem !important;
  margin-top: 0rem;
}

.sp-ale-footer a {
  text-decoration: none !important;
  color: #fff !important;
}

.sp-ale-footer a:hover {
  text-decoration: underline !important;
}

.sp-ale-footer .sv-visible-sv-bp-mobile {
  margin-top: 3.75rem;
  margin-bottom: 1.25rem;
}

.sp-ale-footer .normal {
  color: #fff !important;
}

.sp-ale-footer h2 {
  color: #fff;
  font-size: 1.375rem;
  margin-top: 0;
  margin-bottom: 0.625rem;
  font-weight: 700;
}

.sp-ale-footer li {
  margin-bottom: 0.5rem !important;
  margin-top: 0rem;
}

/* ---------------------------------------------------------------------*/
/* --- TILL TOPPEN, KNAPP --------------------------------------------- */
.sv-to-top--right svg {
  border: 0.125rem solid #00853e; /* Färg, kantlinje */
}

/* ---------------------------------------------------------------------*/
/* --- HEADER/SIDHUVUD -----------------------------------------------*/
header {
  overflow: hidden;
}

.sp-ale-header-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 1.25rem !important;
}
.sp-ale-header-navbar > div:first-of-type {
  margin-right: auto;
}
@media (max-width: 390px) {
  .sp-ale-header-navbar > div:first-of-type {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.sp-ale-header-navbar > div:last-of-type {
  margin-left: auto;
}
@media (max-width: 390px) {
  .sp-ale-header-navbar > div:last-of-type {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.sp-ale-header-navbar img {
  min-width: 4rem;
}
.sp-ale-header-navbar .sv-searchform-portlet {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 460px;
          flex: 0 1 460px;
}
@media (max-width: 767px) {
  .sp-ale-header-navbar .sv-searchform-portlet {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 160px;
            flex: 1 1 160px;
  }
}
@media (max-width: 390px) {
  .sp-ale-header-navbar .sv-searchform-portlet {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 767px) {
  .sp-ale-header-navbar {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 0 !important;
    padding: 1rem !important;
  }
}

/* ---------------------------------------------------------------------*/
/* --- SNABBLÄNKAR I SIDHUVUD ------------------------------------------*/
.sp-ale-snabblankar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  padding-top: 1rem;
}
.sp-ale-snabblankar li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sp-ale-snabblankar a {
  color: #FFF !important;
  text-decoration: none !important;
  font-size: 1.25rem;
  margin-right: 2rem;
}
.sp-ale-snabblankar a:hover {
  text-decoration: underline !important;
}
.sp-ale-snabblankar a::after {
  content: none;
}
.sp-ale-snabblankar img {
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 0.5rem;
}
@media (max-width: 992px) {
  .sp-ale-snabblankar {
    padding-left: 1.25rem;
  }
}

@media (max-width: 1240px) {
  .sp-ale-searchbar-layout, .sp-ale-header-navbar, .sp-ale-snabblankar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 767px) {
  .sp-ale-snabblankar {
    display: none;
  }
}
/* ---------------------------------------------------------------------*/
/* --- SÖKRUTA I SIDHUVUD ----------------------------------------------*/
.sp-ale-searchbar {
  background-color: #fff;
  border-radius: 2rem;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  border: 1px solid #F9F9F9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.sp-ale-searchbar input {
  border: none;
  background-color: transparent;
}
.sp-ale-searchbar input:focus {
  border: 1px solid #00853e;
  border-radius: 1rem;
  padding: 0 0.5rem;
}
.sp-ale-searchbar input:last-of-type {
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 0.5rem;
  border-radius: 1rem;
}
.sp-ale-searchbar input:last-of-type:visited {
  width: 1rem !important;
}
.sp-ale-searchbar input:last-of-type:hover {
  background-color: rgba(0, 96, 162, 0.1019607843) !important;
}
.sp-ale-searchbar input:last-of-type:focus {
  border: none;
}
.sp-ale-searchbar .sv-vamiddle {
  vertical-align: middle;
}
.sp-ale-searchbar form {
  width: 100%;
}
.sp-ale-searchbar form div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* ---------------------------------------------------------------------*/
/* --- HAMBURGER MENU --------------------------------------------------*/
.sv-mobile-menu {
  position: relative;
}
.sv-mobile-menu:after {
  pointer-events: none;
  content: "";
  height: 8rem;
  width: 100vw;
  background-color: var(--env-element-success-background-color);
  position: absolute;
  top: -1rem;
  left: -1rem;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
@media (max-width: 767px) {
  .sv-mobile-menu:after {
    top: -0.75rem;
    left: -0.75rem;
    height: 6rem;
  }
}
.sv-mobile-menu .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: keep-all;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sv-mobile-menu .menuToggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1em;
  text-decoration: none;
  padding: 2rem 0rem 2rem 2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5rem;
}
.sv-mobile-menu .menuToggle span {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 600;
  font-family: "Open Sans";
  color: #E5F3EC;
}
.sv-mobile-menu .menuToggle:hover span {
  text-decoration: underline;
}
.sv-mobile-menu .menuToggle i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #E5F3EC;
}
.sv-mobile-menu .overlay {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 10;
  height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.sv-mobile-menu .menuPanel {
  background-color: var(--env-ui-color-brand);
  font-size: 0.9em;
  padding: 0;
  height: 100%;
  position: fixed;
  width: 450px;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
}
.sv-mobile-menu .menuPanel ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.sv-mobile-menu .closeIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  padding: 0 1rem;
  color: #fff;
  font-size: 20px;
  border-bottom: 1px solid #fff;
}
.sv-mobile-menu .closeIcon svg {
  width: 16px;
  height: 16px;
  margin-left: 5px;
  color: #fff;
}
.sv-mobile-menu .closeIcon svg line {
  stroke: #fff;
}
.sv-mobile-menu .menuClose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  cursor: pointer;
  font-size: 16px;
  text-decoration: none;
  background: transparent;
  border-radius: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3rem;
  font-weight: 600;
}
.sv-mobile-menu .menuBackground {
  background-color: #fff;
}
.sv-mobile-menu .shortcuts .shortcutItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid white;
}
.sv-mobile-menu .shortcuts .shortcutItem img {
  height: 1.375rem;
  width: 1.375rem;
  margin-right: 1rem;
}
.sv-mobile-menu .shortcuts .shortcutItem a {
  text-decoration: none;
  color: #fff !important;
  font-size: 22px;
  font-weight: 700;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 1.5rem;
}
.sv-mobile-menu .shortcuts .shortcutItem a:hover {
  text-decoration: underline !important;
}
@media (max-width: 992px) {
  .sv-mobile-menu .menuPanel {
    width: 60%;
  }
}
@media (max-width: 769px) {
  .sv-mobile-menu .menuPanel {
    width: 100%;
  }
  .sv-mobile-menu .closeIcon .logoText {
    padding-left: 16px;
  }
  .sv-mobile-menu .closeIcon .logoText h2,
.sv-mobile-menu .logoText h2 a {
    display: block !important;
  }
  .sv-mobile-menu .shortcutItem a {
    font-size: 16px !important;
  }
}
@media (max-width: 400px) {
  .sv-mobile-menu .closeIcon .logoText {
    padding-left: 14px;
  }
  .sv-mobile-menu .shortcutItem a {
    font-size: 14px !important;
  }
}
@media (max-width: 576px) {
  .sv-mobile-menu .menuToggle {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .sv-mobile-menu .menuToggle i {
    margin-right: 0.5em;
  }
}
@media (max-width: 340px) {
  .sv-mobile-menu .menuToggle span {
    display: none;
  }
}
.sv-mobile-menu .menuToggle {
  padding: 1.5rem;
  height: 96px;
  width: 96px;
  z-index: 1;
  border-radius: 999px;
  background-color: var(--env-ui-color-brand);
}
.sv-mobile-menu div .menu .menuToggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sv-mobile-menu div .menu .menuToggle i {
  margin-left: 0;
}
@media (max-width: 767px) {
  .sv-mobile-menu div .menu {
    position: relative;
  }
  .sv-mobile-menu div .menu .menuToggle {
    height: 4.5rem;
    width: 4.5rem;
  }
  .sv-mobile-menu div .menu .menuToggle span {
    display: none;
  }
  .sv-mobile-menu div .menu .menuToggle i {
    font-size: 1.5rem;
    margin-right: 0;
  }
}

/* --- UTSEENDE VID UTSKRIFT -------------------------------------------*/
@media print {
  * {
    font-family: "EB Garamond", serif !important;
  }
  .sv-text-portlet-content {
    max-width: 40rem;
  }
  .hide-on-print {
    display: none !important;
  }
  header #sv-editor-menu,
header .sv-image-portlet {
    display: block !important;
    padding-left: 24px !important;
    margin-top: 2rem !important;
  }
  header #sv-editor-menu img,
header .sv-image-portlet img {
    padding-left: 0 !important;
    height: 102px !important;
    width: 65px !important;
    max-width: unset !important;
    max-height: unset !important;
    margin-bottom: 2rem;
    -webkit-filter: brightness(0) !important;
            filter: brightness(0) !important;
  }
  .sp-ale-searchbar-layout {
    display: none;
  }
  h1,
h1.heading,
h1.heading span {
    font-family: Gill Sans MT !important;
    font-weight: 700;
    line-height: 1.2;
  }
  h2,
h2.subheading {
    font-family: Gill Sans MT !important;
    line-height: 1.2;
    page-break-after: avoid;
  }
  h3,
h3.subheading3 {
    font-family: Gill Sans MT !important;
    line-height: 1.2;
    page-break-after: avoid;
  }
  .sv-font-ingress {
    font-family: "EB Garamond", serif !important;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
  }
  p.sv-portlet-image-caption {
    font-family: Gill Sans MT !important;
    font-style: italic !important;
  }
  .sp-ale-decoration-contact {
    display: block;
    background-color: #e5eff6 !important;
    border: 1px solid !important;
  }
  .sv-toc-portlet ul li a {
    line-height: 1.5;
  }
  .sp-standardpage-content .sv-column-12 .sv-template-portlet {
    display: block !important;
  }
  .sp-standardpage-content .sv-column-12 .sv-template-portlet .sv-marketplace-sitevision-breadcrumbs {
    display: block !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sv-template-innehallssida .sv-column-8 div:last-child {
    display: block;
  }
  .sv-template-innehallssida .sv-column-8 div:last-child > div {
    display: block;
  }
  .sv-template-innehallssida .sv-column-8 div:last-child > div > div {
    display: block;
  }
  .sv-template-innehallssida .sv-column-8 div:last-child > div > div p.normal {
    display: block !important;
  }
  .sv-layout.sp-image-text-card-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .sp-page-feedback {
    display: none !important;
  }
  footer {
    display: none;
  }
  /* Utskrift, Anslagstavla */
  .sp-ale-pinboard {
    padding: unset !important;
  }
  .sp-ale-pinboard .sv-search-facet {
    display: none !important;
  }
  .sp-ale-pinboard .sp-ale-search {
    display: none !important;
  }
  .sp-ale-pinboard .env-button--link {
    padding: unset !important;
  }
  .sp-ale-pinboard a.env-button[data-env-collapse]:after {
    display: none !important;
  }
  .sp-ale-pinboard .sp-category-tag {
    padding: unset !important;
  }
}
/* ---------------------------------------------------------------------*/
.sv-cookie-consent-modal .env-modal-dialog__content {
  background-color: #fff !important;
  border: 0.063rem solid transparent;
}
.sv-cookie-consent-modal .env-modal-dialog__header {
  border-bottom: transparent !important;
}
.sv-cookie-consent-modal .env-button--primary {
  background-color: #fff;
  border-color: #00853E;
  color: #00853e;
}
.sv-cookie-consent-modal .env-button--primary:focus-visible {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sv-cookie-consent-modal .env-button--primary:hover {
  text-decoration: underline;
}
.sv-cookie-consent-modal .env-button--primary.env-button--ghost {
  background-color: transparent !important;
  color: #00853E;
}
.sv-cookie-consent-modal .env-button--primary.env-button--ghost:hover {
  color: #00853E;
}

.env-table caption {
  font-size: 1.125rem;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0.563rem;
}

.sp-search-facet-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 992px) {
  .sp-search-facet-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sp-ale-search-facets {
    margin-left: 0 !important;
    min-width: unset !important;
  }
}
.sp-ale-search-facets {
  margin-left: 10.5rem;
  border-radius: 0.5rem;
  padding: 2rem;
  min-width: 384px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 2em;
}

.sp-ale-search-facets .sv-notopmargin {
  margin-top: 1rem;
}

.sv-search-facet-items a {
  text-decoration: none;
}
.sv-search-facet-items a:hover {
  text-decoration: underline;
}

.sv-search-facet-item-selected a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  margin-left: 0.5rem;
  color: #000;
}

.sv-search-facet-items-type a {
  color: #000000 !important;
  text-decoration: none;
}
.sv-search-facet-items-type :hover {
  text-decoration: underline;
}

.sv-search-facet-item-selected-type a {
  color: #000 !important;
}
.sv-search-facet-item-selected-type a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  margin-left: 0.5rem;
}

.sp-ale-search {
  background-color: #fff;
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0.063rem solid #D0D5DD;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.sp-ale-search input {
  border: none;
  background-color: transparent;
}
.sp-ale-search input:focus {
  border: 0.063rem solid #00853e;
  border-radius: 1rem;
  padding: 0 0.5rem;
}
.sp-ale-search input:last-of-type {
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 0.5rem;
  border-radius: 1rem;
}
.sp-ale-search input:last-of-type:hover {
  background-color: rgba(0, 96, 162, 0.1019607843) !important;
}
.sp-ale-search input:last-of-type:focus {
  border: none;
}

.sp-ale-search-page .sv-nomargin {
  width: 696px;
}
.sp-ale-search-page .pagination .current.prev {
  background-color: transparent !important;
  color: #404040;
  border: 1px solid #cbcbcb;
}
.sp-ale-search-page a:hover h2 {
  text-decoration: underline;
}

@media only screen and (max-width: 992px) {
  .sp-ale-search-page .sv-nomargin {
    width: unset;
  }
}
.sv-template-nyhetssida .sv-column-4 .sv-archive-portlet {
  margin-top: 1.5rem;
}
.sv-template-nyhetssida .sv-column-4 .env-button.env-button--link {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #333;
  padding-left: 0;
  padding-right: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1rem;
}
.sv-template-nyhetssida .sv-column-4 .env-button.env-button--link:after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  font-weight: 900;
  font-size: 0.75rem;
  margin-left: 0.4rem;
  line-height: 1.5;
  margin-bottom: -2px;
}
.sv-template-nyhetssida .sv-column-4 .env-button.env-button--link:hover {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #333;
  color: #333;
  text-decoration: none !important;
}

.sp-ale-sidebar-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.sp-ale-sidebar-news img {
  float: none;
  padding-right: 0;
  padding-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .sp-ale-sidebar-news img {
    max-width: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.sp-ale-sidebar-news h3 {
  margin: 0;
  margin: 0;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
}
.sp-ale-sidebar-news a {
  color: inherit;
  text-decoration: none;
}
.sp-ale-sidebar-news a:hover {
  text-decoration: underline;
}
.sp-ale-sidebar-news a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.sp-ale-sidebar-news time {
  margin-top: 0.5rem;
}
.sp-ale-sidebar-news li .sv-channel-item {
  margin-bottom: 0px !important;
}
.sp-ale-sidebar-news span.normal {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  display: -webkit-inline-box;
}

.sp-ale-news-page h1 {
  margin-top: 0;
}

.sp-ale-news-template {
  border-bottom: 1px solid #aaa;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.sp-ale-news-img-text p {
  color: #1c1b1f;
  font-size: 0.85rem !important;
}

/*VMA*/
.sp-ale-vma .sp-ale-vma-wrapper {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.sp-ale-vma .sp-ale-vma-items {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
}
.sp-ale-vma .sp-ale-vma-items .env-button--link {
  float: right;
}
.sp-ale-vma .sp-ale-vma-items a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sp-ale-vma .sp-ale-vma-items a:before {
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
}
.sp-ale-vma .sp-ale-vma-items a.normal {
  font-weight: 600;
}
.sp-ale-vma .sp-ale-vma-items a.normal:hover div.sp-vma-content h2 span {
  text-decoration: underline;
}
.sp-ale-vma .sp-ale-vma-items a:hover h2 {
  text-decoration: underline;
}
.sp-ale-vma h2 {
  margin-top: 0rem !important;
  margin: 1rem 0rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
}
.sp-ale-vma span.normal {
  display: block;
}
.sp-ale-vma img {
  min-width: 2rem;
  max-width: 2rem;
  height: 2rem;
}
.sp-ale-vma .sp-ale-vma-icon {
  height: 60px;
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0.188rem solid;
  border-radius: 100%;
  padding: 0.3rem 0.6rem 0.6rem 0.6rem;
}
.sp-ale-vma .env-button--link {
  padding: unset;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  min-height: unset;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  text-align: unset;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-size: 1rem;
  margin-top: 1.2rem;
  height: 2rem;
}
.sp-ale-vma .env-button[data-env-collapse]:before {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  float: right;
  border: 0.125rem solid;
  border-radius: 100%;
  padding: 0.2rem 0.25rem;
  width: 1rem;
  height: 1rem;
}
.sp-ale-vma .env-button.env-collapse--expanded:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sp-ale-vma .env-button.env-collapse--expanded:after {
  content: "Visa mindre";
  font-weight: 600;
}
.sp-ale-vma .env-button.env-collapse--expanded i {
  display: none;
}
.sp-ale-vma .sv-collapsible-content {
  border: unset;
  background-color: transparent;
  border-radius: unset;
}
.sp-ale-vma .sp-vma-content {
  width: 70%;
}

@media only screen and (max-width: 1250px) {
  .sp-ale-vma {
    padding: 0 1rem;
  }
  .sp-ale-vma-items {
    gap: 1rem !important;
  }
}
@media only screen and (max-width: 767px) {
  .sp-ale-vma h2 {
    font-size: 1.25rem;
  }
  .sp-vma-time {
    display: none;
  }
  .sp-ale-vma .env-button i {
    display: none;
  }
  .sp-ale-vma-content {
    width: unset;
  }
  .sp-ale-vma-content a.normal {
    display: none;
  }
  .sp-ale-vma img {
    width: 2rem !important;
  }
}
@media only screen and (max-width: 440px) {
  .sp-ale-vma h1 {
    font-size: 1rem;
  }
}
/* --- BRÖDSMULA -------------------------------------------------------*/
.sp-ale-breadcrumb {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.sp-ale-breadcrumb li {
  font-size: 1rem;
}

.env-breadcrumb__item:before {
  color: #6d6d6d !important;
}

/* ---------------------------------------------------------------------*/
.sp-ale-newslisting a {
  text-decoration: none;
}
.sp-ale-newslisting h2 {
  margin: 0;
}

.sp-ale-newslisting-content {
  border-bottom: 0.063rem solid #dcdcdc;
  padding-bottom: 0.5rem;
}
.sp-ale-newslisting-content h2:hover {
  text-decoration: underline;
}
.sp-ale-newslisting-content span.normal {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: -webkit-inline-box;
}

.sp-ale-pinboard {
  border-radius: 0.625rem;
}
.sp-ale-pinboard p {
  margin-top: 1rem !important;
}
.sp-ale-pinboard .sp-ale-search {
  margin-bottom: 0;
}
.sp-ale-pinboard .sp-ale-search input:last-of-type:hover {
  background-color: rgba(0, 96, 162, 0.1019607843) !important;
}
.sp-ale-pinboard .env-button {
  border: #fff;
}
.sp-ale-pinboard .env-button--link {
  background-color: #fff;
  border-top-left-radius: 0.313rem;
  border-top-right-radius: 0.313rem;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  padding: 1rem;
  text-align: unset;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sp-ale-pinboard .env-button--link:hover {
  background-color: #fff !important;
}
.sp-ale-pinboard .env-button--link:focus {
  background-color: #fff !important;
}
.sp-ale-pinboard .env-button--link h2 {
  font-weight: 700;
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1.25rem !important;
}
@media only screen and (max-width: 992px) {
  .sp-ale-pinboard .env-button--link h2 {
    font-size: 1rem !important;
  }
}
.sp-ale-pinboard .env-button--link .sp-category-tag {
  background-color: rgba(0, 96, 162, 0.1);
  border-radius: 0.625rem;
  padding: 0.625rem;
  margin-top: 1rem;
  margin-top: 0.6rem;
  font-size: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 992px) {
  .sp-ale-pinboard .env-button--link .sp-category-tag {
    font-size: 0.875rem;
  }
}
.sp-ale-pinboard .env-button--link-special {
  min-width: 360px;
  width: 100%;
  text-align: unset;
  background-color: #fff;
  padding: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top-left-radius: 1.875rem;
  border-top-right-radius: 1.875rem;
  border-bottom-left-radius: 1.875rem;
  border-bottom-right-radius: 1.875rem;
  font-size: 1rem;
}
.sp-ale-pinboard .env-button--link-special:hover {
  border-color: #fff;
  -webkit-box-pack: unset !important;
  text-decoration: underline;
  background-color: #fff !important;
}
.sp-ale-pinboard .env-button--link-special:focus {
  border-color: #fff;
  background-color: #fff !important;
}
.sp-ale-pinboard .env-button--link-special:visited {
  border-color: #fff;
}
.sp-ale-pinboard .env-button--link-special:active {
  background-color: #fff !important;
}
.sp-ale-pinboard .env-button--link-special a {
  font-size: 1rem;
}
@media only screen and (max-width: 576px) {
  .sp-ale-pinboard .env-button--link-special {
    min-width: unset;
  }
}
.sp-ale-pinboard a.env-button[data-env-collapse]:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  float: right;
}
.sp-ale-pinboard .env-collapse {
  border-top: unset;
}
.sp-ale-pinboard .env-collapse--expanded {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #fff !important;
}
.sp-ale-pinboard .env-collapse--expanded.active {
  background-color: #fff !important;
}
.sp-ale-pinboard a.env-button.env-collapse--expanded:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media only screen and (max-width: 1300px) {
  .sp-ale-pinboard .sv-search-facet {
    display: block !important;
  }
}
.sp-ale-pinboard .sv-search-facet-items {
  background-color: #fff;
  padding: 1rem;
  border-bottom-left-radius: 1.875rem;
  border-bottom-right-radius: 1.875rem;
}
.sp-ale-pinboard .sv-search-facet-items a {
  text-decoration: none;
  color: #000 !important;
}
.sp-ale-pinboard .sv-search-facet-items .sv-search-facet-item-selected-special a {
  color: #000;
}
.sp-ale-pinboard .sv-search-facet-items .sv-search-facet-item-selected-special a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  margin-left: 0.5rem;
}
.sp-ale-pinboard .sv-search-facet-item a:hover {
  text-decoration: underline;
}
.sp-ale-pinboard .sv-collapsible-content {
  background-color: #fff;
  border: unset;
  padding: 1rem;
  border-top-left-radius: 0.313rem;
  border-top-right-radius: 0.313rem;
}
.sp-ale-pinboard .text-image-appealLink {
  padding-left: 0.5rem;
}
.sp-ale-pinboard .text-image-appealLink p {
  line-height: 1.5;
}
.sp-ale-pinboard .text-image-appealLink h2 {
  font-size: 1.25rem !important;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.sp-ale-pinboard time {
  font-size: 1rem;
}
@media only screen and (max-width: 992px) {
  .sp-ale-pinboard time {
    font-size: 0.875rem;
  }
}
.sp-ale-pinboard .sp-pinboard-facet-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sp-ale-pinboard .sp-pinboard-facet-wrapper .sv-search-facets {
  padding: unset !important;
}
.sp-ale-pinboard table {
  width: 100%;
  border-collapse: collapse;
}
.sp-ale-pinboard table th {
  border-bottom: 0.063rem solid #d0d5dd;
  border-right: 0.063rem solid #d0d5dd;
}
.sp-ale-pinboard table th:last-of-type {
  border-right: unset;
  padding: unset;
}
.sp-ale-pinboard table tr:last-of-type {
  border-bottom: 0.063rem solid #d0d5dd;
}
@media only screen and (max-width: 992px) {
  .sp-ale-pinboard table tr {
    display: grid;
    margin-bottom: 0.5rem;
  }
}
.sp-ale-pinboard table td {
  border-top: 0.063rem solid #d0d5dd;
  border-right: 0.063rem solid #d0d5dd;
  width: 50%;
  padding: 0.5rem;
  vertical-align: text-top;
}
.sp-ale-pinboard table td:last-of-type {
  border-right: unset;
}
@media only screen and (max-width: 992px) {
  .sp-ale-pinboard table td {
    font-size: 0.875rem;
    padding: unset;
    display: inline-block;
    width: unset;
    border-right: unset;
    border-top: unset;
  }
}
.sp-ale-pinboard table td a:hover {
  text-decoration: underline;
}
.sp-ale-pinboard .sp-ale-date-paragraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3rem;
}
.sp-ale-pinboard .sp-ale-date-paragraph p {
  margin: 0 !important;
  font-size: 1rem;
}
@media only screen and (max-width: 992px) {
  .sp-ale-pinboard .sp-ale-date-paragraph p {
    font-size: 0.875rem;
  }
}

.sp-ale-events .sp-ale-event {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
  text-decoration: none;
}
@media only screen and (max-width: 576px) {
  .sp-ale-events .sp-ale-event {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.sp-ale-events .sp-ale-event a:before {
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
}
.sp-ale-events .sp-ale-event a:hover span {
  text-decoration: underline !important;
}
.sp-ale-events .sp-ale-event .sp-ale-events-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 170px;
  width: 190px;
}
@media only screen and (max-width: 576px) {
  .sp-ale-events .sp-ale-event .sp-ale-events-pic {
    height: 165px !important;
    width: 100%;
  }
}
.sp-ale-events .sp-ale-event .sp-ale-events-pic img {
  border-radius: 0.625rem;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sp-ale-events .sp-ale-event .sp-ale-events-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 70%;
}
@media only screen and (max-width: 576px) {
  .sp-ale-events .sp-ale-event .sp-ale-events-text {
    width: 100%;
  }
}
.sp-ale-events .sp-ale-event .sp-ale-events-text .sp-ale-events-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  font-size: 0.875rem;
  margin-bottom: 0.3rem;
}
.sp-ale-events .sp-ale-event .sp-ale-events-text .sp-ale-events-date p {
  margin: 0;
}
.sp-ale-events .sp-ale-event .sp-ale-events-text .sp-ale-events-date .time-divider {
  margin-left: -0.2rem;
  margin-right: -0.2rem;
}
@media only screen and (max-width: 992px) {
  .sp-ale-events .sp-ale-event .sp-ale-events-text .sp-ale-events-date p,
.sp-ale-events .sp-ale-event .sp-ale-events-text .sp-ale-events-date time,
.sp-ale-events .sp-ale-event .sp-ale-events-text .sp-ale-events-date span {
    font-size: 0.875rem;
  }
}
.sp-ale-events .sp-ale-event .sp-ale-events-text h2 {
  margin: 0 !important;
  margin-top: 0.3rem !important;
  font-size: 1.25rem;
}
.sp-ale-events .sp-ale-event .sp-ale-events-text span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: -webkit-inline-box;
}
.sp-ale-events .sp-ale-event .sp-ale-events-text .event-place span {
  font-size: 0.875rem;
  margin-top: 0.4rem;
}

.sp-ale-events-box {
  border-radius: 0.313rem;
  padding: 2em;
}
.sp-ale-events-box h2 {
  margin: 0;
}
.sp-ale-events-box .env-button {
  background-color: #00853e;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 1rem;
}
.sp-ale-events-box .env-button:hover {
  text-decoration: underline;
}

/*Mall för event*/
.sp-ale-events-time-box {
  border-radius: 0.313rem;
  padding: 2em;
  margin-top: 2em;
}
.sp-ale-events-time-box h2 {
  margin-bottom: 1.625rem !important;
  margin-top: 0;
}
.sp-ale-events-time-box .sp-ale-events-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.sp-ale-events-time-box .sp-ale-events-row p.normal {
  margin: 0;
}
@media only screen and (max-width: 500px) {
  .sp-ale-events-time-box .sp-ale-events-row {
    display: block;
  }
}
.sp-ale-events-time-box .sp-ale-events-time-box-date {
  padding: 0.8rem;
  border-radius: 0.313rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.sp-ale-events-time-box .sp-ale-events-time-box-date p {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 0;
}
.sp-ale-events-time-box .sp-ale-events-time-box-date time {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
}
@media only screen and (max-width: 992px) {
  .sp-ale-events-time-box .sp-ale-events-time-box-date {
    margin-bottom: 1rem;
    padding: 1rem;
  }
  .sp-ale-events-time-box .sp-ale-events-time-box-date time {
    font-size: 1rem;
  }
  .sp-ale-events-time-box .sp-ale-events-time-box-date p {
    font-size: 1rem;
  }
}

.sp-ale-event-calender {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 769px) {
  .sp-ale-event-calender {
    display: unset;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
  }
}
.sp-ale-event-calender td {
  padding: 0.5rem;
}
.sp-ale-event-calender td a {
  text-decoration: none;
}
.sp-ale-event-calender td a:hover {
  text-decoration: underline !important;
}
@media only screen and (max-width: 992px) {
  .sp-ale-event-calender td {
    padding: 0.3rem;
  }
}
.sp-ale-event-calender span {
  text-decoration: none;
}
.sp-ale-event-calender .sp-event-calender-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sp-ale-event-calender .sp-event-calender-content a {
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
}
.sp-ale-event-calender .sp-event-calender-content span {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
}

.sp-ale-event-layout {
  border-radius: 0.313rem;
  margin-top: 2rem;
}
.sp-ale-event-layout tr {
  text-transform: uppercase;
}
.sp-ale-event-layout table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sp-ale-breakactivity .sv-search-facets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.sp-ale-breakactivity .sv-search-facets .sv-search-facet {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sp-ale-breakactivity .sv-search-facets .sv-search-facet-items {
  background-color: #fff;
  padding: 1rem;
  border-bottom-left-radius: 1.875rem;
  border-bottom-right-radius: 1.875rem;
}
.sp-ale-breakactivity .sv-search-facets .sv-search-facet-items a {
  text-decoration: none;
  color: #000 !important;
}
.sp-ale-breakactivity .sv-search-facets .sv-search-facet-items .sv-search-facet-item-selected-special a {
  color: #000;
}
.sp-ale-breakactivity .sv-search-facets .sv-search-facet-items .sv-search-facet-item-selected-special a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  margin-left: 0.5rem;
}
.sp-ale-breakactivity .sv-search-facets .sv-search-facet-item a:hover {
  text-decoration: underline;
}
.sp-ale-breakactivity .sv-search-facets .sv-collapsible-content {
  background-color: #fff;
  border: unset;
  padding: 1rem;
  border-top-left-radius: 0.313rem;
  border-top-right-radius: 0.313rem;
}
.sp-ale-breakactivity .sv-search-facets .env-button--link {
  background-color: #fff;
  border-top-left-radius: 0.313rem;
  border-top-right-radius: 0.313rem;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  padding: 1rem;
  text-align: unset;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sp-ale-breakactivity .sv-search-facets .env-button--link-special {
  width: 100%;
  text-align: unset;
  background-color: #fff;
  padding: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top-left-radius: 1.875rem;
  border-top-right-radius: 1.875rem;
  border-bottom-left-radius: 1.875rem;
  border-bottom-right-radius: 1.875rem;
  font-size: 1rem;
}
.sp-ale-breakactivity .sv-search-facets .env-button--link-special:hover {
  border-color: #fff;
  -webkit-box-pack: unset !important;
  text-decoration: underline;
  background-color: #fff !important;
}
.sp-ale-breakactivity .sv-search-facets .env-button--link-special:focus {
  border-color: #fff;
  background-color: #fff !important;
}
.sp-ale-breakactivity .sv-search-facets .env-button--link-special:visited {
  border-color: #fff;
}
.sp-ale-breakactivity .sv-search-facets .env-button--link-special:active {
  background-color: #fff !important;
}
.sp-ale-breakactivity .sv-search-facets .env-button--link-special a {
  font-size: 1rem;
}
.sp-ale-breakactivity .sv-search-facets a.env-button[data-env-collapse]:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  float: right;
}
.sp-ale-breakactivity .sv-search-facets .env-collapse {
  border-top: unset;
}
.sp-ale-breakactivity .sv-search-facets .env-collapse--expanded {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #fff !important;
}
.sp-ale-breakactivity .sv-search-facets .env-collapse--expanded.active {
  background-color: #fff !important;
}
.sp-ale-breakactivity .sv-search-facets a.env-button.env-collapse--expanded:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  word-break: break-word;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.625rem;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14);
          box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14);
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--image-wrapper {
  height: 195px;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--image-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--content-wrapper a {
  text-decoration: none !important;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--content-wrapper a:hover {
  text-decoration: underline !important;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--content-wrapper a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--content-wrapper p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-inline-box;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--content-wrapper h2 {
  margin: 0;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--content-wrapper time {
  font-size: 0.875rem;
  margin-bottom: 0.6rem;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--content-wrapper .sp-category-tag {
  background-color: #dcdcdc;
  border-radius: var(--env-badge-border-radius);
  padding: var(--env-spacing-xx-small) var(--env-spacing-x-small);
  font-size: var(--env-badge-font-size);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #000;
  font-weight: 600;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing-card--content-wrapper .sp-ale-breakactivity-location {
  margin-top: 0.5rem;
}
.sp-ale-breakactivity .sp-ale-breakactivity-listing .sp-ale-breakactivity-tag-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .sp-ale-breakactivity .sp-ale-breakactivity-listing {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .sp-ale-breakactivity .sp-ale-breakactivity-listing {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 576px) {
  .sp-ale-breakactivity .sv-search-facets {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sp-ale-breakactivity .env-button--link-special {
    min-width: 100% !important;
  }
  .sp-ale-breakactivity .sp-ale-breakactivity-listing {
    grid-template-columns: repeat(1, 1fr);
  }
}

.sp-ale-breakactivity-owner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sp-ale-breakactivity-owner span {
  font-weight: 700;
  margin-right: 0.5rem;
}

@media only screen and (max-width: 992px) {
  .sp-ale-breakactivity-owner {
    display: block;
  }
}