/*
-------------------------------------------
wf-subarea-tag.css
-------------------------------------------

  Beskrivning: Stilregler för Delområdestaggar
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

------------------------------------------- */


/*
-------------------------------------------
Tagg för delområde
------------------------------------------- */

.sv-theme-smuab [class*='wf-subarea-tag-'] {
  font-size: var(--wf-font-size-small);
  display: inline-block;
  background-color: #fff;
  padding: .1em .5em;
  border-left: 8px solid transparent;
  transform: skewX(-15deg);
}

.sv-theme-smuab [class*='wf-subarea-tag-'] > span {
  display: inline-block;
  transform: skewX(15deg);
}

.sv-theme-smuab .wf-subarea-tag-sodra-munksjon {
  border-left-color: var(--smuab-color-brand);
}

.sv-theme-smuab .wf-subarea-tag-skeppsbron {
  border-left-color: var(--skeppsbron-color-brand);
}

.sv-theme-smuab .wf-subarea-tag-solasen-fridhem {
  border-left-color: var(--solasen-fridhem-color-brand);
}

.sv-theme-smuab .wf-subarea-tag-munksjostaden {
  border-left-color: var(--munksjostaden-color-brand);
}

.sv-theme-smuab .wf-subarea-tag-ostra-munksjon {
  border-left-color: var(--ostra-munksjon-color-brand);
}

.sv-theme-smuab .wf-subarea-tag-stationsomradet {
  border-left-color: var(--stationsomradet-color-brand);
}