/*
-------------------------------------------
wf-sis-event-meta.css
-------------------------------------------

  Beskrivning: Stilregler för diversea metainformation
  på ett evenemang på Sommar i Skeppsbron
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

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


/*
-------------------------------------------
Evenemang: Meddelande när det har passerat
------------------------------------------- */

.wf-event-has-passed {
  max-width: var(--wf-grid-size);
  margin: calc(var(--wf-spacing-120) / 2 * -1) auto var(--wf-spacing-40);
  padding: var(--wf-spacing-20) var(--wf-spacing-40);
  box-sizing: border-box;
  background-color: var(--color-block-primary);
}

/* Mobil & Läsplatta */
@media (max-width: 1024px) {    
  .wf-event-has-passed {
    width: unset;
    margin: calc(var(--wf-spacing-120) * -1) calc(var(--wf-page-edge-spacing) * -1) var(--wf-spacing-60);
  }
}


/*
-------------------------------------------
Evenemang: Meta
------------------------------------------- */

.wf-event-meta dl {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: var(--wf-spacing-40);
}

.wf-event-meta dt,
.wf-event-meta dd {
  padding: .25em 0;
}

.wf-event-meta dt {
  flex-basis: 25%;
}

.wf-event-meta dd {
  flex-basis: 70%;
  flex-grow: 1;
  margin: 0;
}


/* Specialare i desktop */
@media (max-width: 1440px) {  
  .wf-event-meta dl {
    display: block;
  }

  .wf-event-meta dt {
    padding: 0;
    font-weight: bold;
  }

  .wf-event-meta dd {
    padding: 0 0 .5em;
  }
}

@media(max-width: 800px) {

  .wf-event-meta-bottom {
    display: none
  }

}



/*
-------------------------------------------
Läsplatta
------------------------------------------- */

@media screen and (max-width: 1024px) {
  

}



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

@media screen and (max-width: 767px) {


}