/*
-------------------------------------------
wf-news-list.css
-------------------------------------------

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

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


/*
-------------------------------------------
Nyhetslistning
------------------------------------------- */

.wf-news-list > ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wf-spacing-40);
  margin: var(--wf-spacing-60) 0 var(--wf-spacing-40);
}

.wf-news-list > ul > li {
  border-left:8px solid var(--wf-global-border-color);
  padding-left: 1.5em;
}

.wf-news-list ul > li > .env-text-heading-02,
.wf-news-list ul > li > .env-text-heading-03 {
  font-size: var(--wf-font-size-h3);
  margin: 0 0 .25em;
}
.wf-news-list ul > li > span.env-text-body-01 {
  display: block;
}

.wf-news-list ul > li > [class*="wf-subarea-tag-"] {
  background-color: var(--wf-global-border-color);
}

.wf-news-list ul > li > time.env-text-body-01 {
  font-size: var(--wf-font-size-small);
  font-weight: 400;
  margin-left: .25em;
}


/*
-------------------------------------------
Nyhetslistning på enkel startsida
------------------------------------------- */

html.sv-template-startsida-enkel ul.wf-news-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--wf-spacing-40);
}

html.sv-template-startsida-enkel ul.wf-news-list .env-text-heading-02,
html.sv-template-startsida-enkel ul.wf-news-list .env-text-heading-03 {
  margin: 0 0 var(--wf-spacing-10);
}