.dm-article .dm-slot,
.dm-article~.dm-slot,
.dm-slot:empty {
  /* separating article content from ads */
  border: 1px solid var(--grey);
  box-sizing: content-box;
  padding: .5rem;
}

.dm-slot {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  height: max-content;
  min-height: 250px;
  overflow-x: clip;
}

.dm-slot--bb_top {
  overflow-x: unset;
}

/* toggle mobile/desktop slots */
.dm-slot--desktop {
  display: none;
}

.dm-slot--mobile {
  display: block;
}

.dm-slot.h260 {
  min-height: 260px;
}

.dm-slot.h600 {
  min-height: 600px;
}

.dm-slot.h800 {
  min-height: 800px;
}

.dm-slot.w300 {
  width: 300px;
}

.dm-slot--inArticle {
  margin-bottom: var(--articleItemMarginBottom);
}

.dm-pageType--article .dm-slot--mob_top {
  margin-bottom: var(--articleItemMarginBottom);
}

.dm-slot--wallpaper {
  display: contents;
}

/*  This clearfix after the 4th paragraph in an article forces following items (intended: outstream adSlot)
    below the floated middle ad, fixing an edge case with 4 very short starting paragraphs. */
.dm-article__body p:nth-of-type(4):after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {

  /* toggle mobile/desktop slots, enforce size */
  .dm-slot--desktop {
    display: block;
  }

  .dm-slot--mobile {
    display: none;
  }

  .dm-slot--bb_top,
  .dm-slot--bb_footer {
    margin-bottom: var(--articleItemMarginBottom);
  }

  .dm-slot--bb_top > *,
  .dm-slot--middle > *,
  .dm-slot--bb_footer > * {
    position: sticky;
    top: 1rem;
  }

  .dm-article .dm-slot--middle {
    float: right;
    margin-left: 1.5rem;
  }

  .dm-slot--outstreamDescription {
    text-transform: uppercase;
    color: var(--darkGrey);
    margin-bottom: .5rem;
  }

  .dm-slot--outstream {
    min-height: 382px;
    margin-bottom: var(--articleItemMarginBottom);
  }

  .dm-slot--wallpaper {
    display: block;
  }


  /* start skyPageLayout: enables the skyscraper-ad in the page */
  .dm-content {grid-area: content;}
  .dm-slot__skyContainer {grid-area: sky;}
  .dm-skyPageLayout {
    display: grid;
    justify-content: center;
    margin-bottom: 15px;
    margin-right: -300px;
    /* grid-column-gap: 1rem; */
    grid-template-areas: "content   sky"
  }

  .dm-body {
    overflow-x: hidden;
  }

  .dm-slot__skyContainer {
    width: 300px;
    position: relative;
    display: flex;
    flex-flow: column;
  }

  .dm-slot__skyTrack {
    flex: auto;
    padding-top: 2rem;
    display: block;
  }

  .dm-pageType--article .dm-slot__skyTrack {
    padding-top: 84px;
  }

  .dm-slot__skySpacer {
    height: 0;
  }

  .dm-slot--sky {
    position: sticky;
    top: 0;
    min-width: 300px;
    min-height: 800px;
  }

}

/* site left aligned to show skyscraper */
@media (min-width: 1364px) and (max-width: 1699px) {
  .dm-skyPageLayout {
    justify-content: left;
  }
}
/* end skyPageLayout */

/* slots may be hidden on soldContent or Pur */
.dm-slot.dm-slot--hiddenJS,
.dm-slot--hiddenJS {
  visibility:hidden;
  height:0;
  min-height:0;
  padding:0;
  border:none;
  margin: 0;
}

.dm-outbrain {
  display: flow-root;
}