/*
-------------------------------------------
wf-template-artikellistning.css
-------------------------------------------

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

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


/*
-------------------------------------------
Mallen Artikellistning
------------------------------------------- */

.sv-template-artikellistning main > div > .sv-grid-1436 .pagecontent > .wf-box {
  padding: var(--wf-spacing-40) 0;
  margin: var(--wf-spacing-80) 0;
  position: relative;
}

.sv-template-artikellistning main > div > .sv-grid-1436 .pagecontent > .wf-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50vw;
  width: 150vw;
  height: 100%;
  background-color: var(--color-block);
  z-index: -1;
}

.sv-template-artikellistning main > div > .sv-grid-1436 .pagecontent > .wf-box .env-text-heading-02 {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: .25em;
}


/* Specifikt för SMUAB */
.sv-template-artikellistning .sv-theme-smuab main > div > .sv-grid-1436 .pagecontent > .wf-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wf-spacing-40);
}

/*
-------------------------------------------
Mobil
------------------------------------------- */

@media screen and (max-width: 767px) {
  
  .sv-template-artikellistning .sv-theme-smuab main > div > .sv-grid-1436 .pagecontent > .wf-box {
    grid-template-columns: 1fr;
  }

  .sv-template-artikellistning main > div > .sv-grid-1436 .pagecontent > .wf-box::before {
    left: calc(var(--wf-page-edge-spacing) *-1);
    width: 100vw;
  }

}