/* Set sizes for core web vitals */

.adapex-300-250 {
  min-width: 300px;
  min-height: 250px;
}

.adapex-320-50 {
  min-width: 320px;
  min-height: 50px;
}

.adapex-600-140 {
  min-width: 600px;
  min-height: 140px;
}

.adapex-300-70 {
  min-width: 300px;
  min-height: 70px;
}

.adapex-728-90 {
  min-width: 728px;
  min-height: 90px;
}

/* in the post archive cards to add a frame around it. */
.adapex-300-250.card {
  min-height: 320px;
  align-items: center;
  display: flex;
  flex-direction: initial;
  justify-content: center;
}

@media (min-width: 1032px) {
  .header-adapex-desktop {
    min-width: 1024px;
    min-height: 90px;
  }
}

@media (max-width: 1032px) {
  .header-adapex-tablet {
    min-width: 728px;
    min-height: 90px;
  }
}

/* Add labels to all adapex ads so when ad blocker they understand the space */

.adapex-desktop-tablet,
.adapex-mobile {
  position: relative;
}

.adapex-desktop-tablet:after,
.adapex-mobile:after {
  content: "A word from our Ad partners";
  color: lightgray;
  opacity: 0;
  position: absolute;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
}

.adapex-desktop-tablet > *,
.adapex-mobile > * {
  position: relative;
  z-index: 2;
}

@media (min-width: 769px) {
  .adapex-mobile {
    display: none !important;
  }

  .adapex-desktop-tablet {
    display: block;
  }

  .adapex-desktop-tablet:after {
    opacity: 1;
  }

  .widget_block.sidebar--adapex--sticky {
    position: sticky;
    top: 180px;
  }
}

@media (max-width: 768px) {
  .adapex-desktop-tablet {
    display: none !important;
  }

  .adapex-mobile {
    display: block;
  }

  .adapex-mobile:after {
    opacity: 1;
  }
}


.adapex-desktop-tablet[data-aaad="false"]:after {
  display: none;
}