.home-mobile-leaderboard {
  padding: 20px 0 20px 0;
  margin: 0 auto;
  display: block;
}

.home-billboard {
  display: none;
  text-align: center;
  margin: 60px auto 0;
  transition: all 0.2s linear;
  height: 250px;
  opacity: 1;
}

.home-billboard iframe {
  margin: 0 auto;
}

@media screen and (max-width: 699px) {
  .home .container-ad-leaderboard {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .page-template-archive-post .container-ad-leaderboard {
    margin-left: 0;
    margin-right: 240px;
    display: none;
  }
}

@media screen and (min-width: 700px) and (max-width: 1023px) {
  .home .container-ad-leaderboard {
    margin-left: 0;
    margin-right: 240px;
    display: none;
  }
}

@media screen and (min-width: 1024px) and (max-width: 2045px) {
  .home .container-ad-leaderboard {
    margin-left: calc((100vw - 240px) / 2 + 30px);
    margin-right: 240px;
    display: none;
  }
}

@media screen and (min-width: 2045px) {
  .home .container-ad-leaderboard {
    margin-left: 985px;
    margin-right: 240px;
    display: none;
  }
  main#home .grid__item.container-home-grid-ad {
    width: calc(100% - 30px);
  }
}

@media screen and (min-width: 699px) and (max-width: 1023px) {
  main#home .grid__item.container-home-grid-ad {
    width: calc(100% - 30px);
  }
}

@media screen and (min-width: 970px) {
  .home-billboard {
    display: block;
  }
  .home-mobile-leaderboard {
    display: none;
  }
  .-page-scrolling .home-billboard {
    height: 0;
    opacity: 0;
  }
}

/* @media screen and (min-width: 1199px) and (max-width: 1680px) { */
@media screen and (min-width: 1199px) {
  main#home .grid__item.container-home-grid-ad {
    width: calc(100% - 30px);
  }
}

.home-mobile-leaderboard_desktop,
.home-mobile-leaderboard_md {
  display: block;
}

@media screen and (min-width: 600px) {
  /* Exception for the homepage version of the leaderboard, as it is in a small column on screens < 2400px */
  .home .home-mobile-leaderboard_mobile,
  .page-template-archive-post .home-mobile-leaderboard_mobile {
    display: block;
  }

  .home .home-mobile-leaderboard_md,
  .page-template-archive-post .home-mobile-leaderboard_md {
    display: none;
  }

  .home .home-mobile-leaderboard_desktop,
  .page-template-archive-post .home-mobile-leaderboard_desktop {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .home-mobile-leaderboard_mobile {
    display: block;
  }

  .home-mobile-leaderboard_md {
    display: block;
  }

  .home-mobile-leaderboard_desktop {
    display: none;
  }

  /* Exception for the homepage version of the leaderboard, as it is in a small column on screens < 2400px */
  .home .home-mobile-leaderboard_mobile,
  .page-template-archive-post .home-mobile-leaderboard_mobile {
    display: none;
  }

  .home .home-mobile-leaderboard_md,
  .page-template-archive-post .home-mobile-leaderboard_md {
    display: block;
  }

  .home .home-mobile-leaderboard_desktop,
  .page-template-archive-post .home-mobile-leaderboard_desktop {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  /* Exception for the homepage version of the leaderboard, as it is in a small column on screens < 2400px */
  .home .home-mobile-leaderboard_mobile {
    display: block;
  }

  .home .home-mobile-leaderboard_md {
    display: none;
  }

  .home .home-mobile-leaderboard_desktop,
  .page-template-archive-post .home-mobile-leaderboard_desktop {
    display: none;
  }
}

@media screen and (min-width: 1100px) {
  .home-mobile-leaderboard_mobile {
    display: none;
  }

  .home-mobile-leaderboard_md {
    display: none;
  }

  .home-mobile-leaderboard_desktop {
    display: block;
  }

  /* Exception for the homepage version of the leaderboard, as it is in a small column on screens < 2400px */
  .home .home-mobile-leaderboard_mobile {
    display: block;
  }

  .home .home-mobile-leaderboard_md {
    display: none;
  }

  .home .home-mobile-leaderboard_desktop {
    display: none;
  }
}

@media screen and (min-width: 1300px) {
  /* Exception for the homepage version of the leaderboard, as it is in a small column on screens < 2400px */
  .home .home-mobile-leaderboard_mobile {
    display: none;
  }

  .home .home-mobile-leaderboard_md {
    display: block;
  }

  .home .home-mobile-leaderboard_desktop {
    display: none;
  }
}

@media screen and (min-width: 2300px) {
  .home .home-mobile-leaderboard_mobile {
    display: none;
  }

  .home .home-mobile-leaderboard_md {
    display: none;
  }

  .home .home-mobile-leaderboard_desktop {
    display: block;
  }
}

@media screen and (min-width: 1250px) {
  .page-template-archive-post .home-mobile-leaderboard_mobile {
    display: none;
  }

  .page-template-archive-post .home-mobile-leaderboard_md {
    display: none;
  }

  .page-template-archive-post .home-mobile-leaderboard_desktop {
    display: block;
  }
}

.article-grid-between-rows-ad,
.video-grid-between-rows-ad {
  padding-bottom: 62px;
}

/* 1280px is when we could actually show these, but with the article-grid-item-ad every 3rd, it causes display issues, so set to their larger width breakpoint of 1929px instead  */

@media screen and (max-width: 1280px) {
  .article-grid-between-rows-ad {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .article-grid-between-rows-ad {
    display: block;
  }
}

/*
.article-grid-item-ad {
}

@media screen and (max-width: 1929px) {
    .article-grid-item-ad {
        display: none;
    }
}

@media screen and (min-width: 1930px) {
    .article-grid-item-ad {
        display: inline-block;
    }
}
*/

@media screen and (max-width: 1100px) {
  .video-grid-between-rows-ad {
    display: none;
  }
}

@media screen and (min-width: 1100px) {
  .video-grid-between-rows-ad {
    display: block;
  }
}