/* stylelint-disable selector-class-pattern */
.adgrid {
  margin: 0 auto;
}

/* global header banner ad */
.header-banner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 250px;
  background: #161616;
  position: relative;
  max-width: var(--page-width-desktop);
  margin: auto;
}

.banner-page-full-width {
  background: var(--color-dark-gray);
  width: 100%;
}

/* desktop */
  .adgrid.leaderboard_ad {
    /* 728x90, 970x90, 970x250 */
    width: 970px;
    height: 250px;
  }

  /* Style fix for adgrid uncentered leaderboard ads */
  .leaderboard_ad {
    display: flex;
  }
  
  .leaderboard_ad .adgrid-ad-container {
    display: flex;
    align-self: center;
    margin: 0 auto;
  } 

  .adgrid.leaderboard_banner_page_ad {
    width: 970px;
    height: 250px;
  }

  .adgrid.leaderboard_mob_ad {
    display: none;
  }

  .adgrid.leaderboard_ad_small {
    width: 728px;
    height: 90px;
  }

  .adgrid.leaderboard_ad_small_desktop {
    width: 728px;
    height: 90px;
  }

  .adgrid.rightrail_ad {
    /* 300x250,300x600 */
    width: 300px;
    height: 250px;
    padding-top: 30px;
    margin-bottom: 100px;
    position: sticky;
    top: 90px;
    }

  .adgrid.medium_rectangle_ad {
    /* 300x250,320x50 */
    width: auto;
    height: auto;
  }

  .adgrid.medium_rectangle_mob_ad {
    display: none;
  }

  .adgrid.medium_rectangle_desktop {
    width: 300px;
    height: 250px;
  }

  .adgrid.in_content_ad {
    width: 728px;
    height: 90px;
  }

  .latest-feed-container .adgrid {
    margin-bottom: 1.5rem;
  }


/* tablet */
@media (min-width: 769px) and (max-width: 1024px) {
  .header-banner-wrapper,
  .banner-ad-wrapper {
    height: 90px;
  }

  .adgrid.leaderboard_ad {
    width: 728px;
    height: 90px;
  }

  .adgrid.leaderboard_banner_page_ad {
    width: 728px;
    height: 90px;
  }

  .adgrid.leaderboard_mob_ad {
    display: none;
  }
  
  .leaderboard_mob_compact_ad {
    display: none;
  }

  .adgrid.leaderboard_ad_small {
    width: 728px;
    height: 90px;
  }

  .adgrid.leaderboard_ad_small_desktop {
    width: 728px;
    height: 90px;
  }

  .adgrid.rightrail_ad {
    /* 300x250,300x600 */
    width: 300px;
    height: auto;
  }

  .adgrid.medium_rectangle_ad {
    /* 300x250,320x50 */
    width: auto;
    height: auto;
  }

  .adgrid.medium_rectangle_mob_ad {
    display: none;
  }

  .adgrid.medium_rectangle_desktop {
    width: 300px;
    height: 250px;
  }

  .adgrid.in_content_ad {
    width: 320px;
    height: 50px;
  }
}


/* mobile */
@media (max-width: 768px) {
  .header-banner-wrapper,
  .banner-ad-wrapper {
    height: 54px;
  }

  /* hide desktop / tablet only ads */
  .adgrid.leaderboard_ad,
  .adgrid.leaderboard_banner_page_ad,
  .adgrid.leaderboard_small_desktop,
  .adgrid.medium_rectangle_ad,
  .adgrid.medium_rectangle_desktop,
  .adgrid.in_content_ad {
    display: none;
  }

  .banner-ad-wrapper {
    display: none;
  }

  .adgrid.leaderboard_mob_ad {
    display: block;
    width: 320px;
    height: 50px;
  }

  .banner-page-full-width {
    display: none;
  }

  .adgrid.leaderboard_ad_small {
    width: 320px;
    height: 50px;
  }

  .adgrid.medium_rectangle_mob_ad {
    display: block;
    width: 300px;
    height: 250px;
  }

  /* Hide paginated list and latest-feed sidebar ad in mobile */
  .paginated-list aside {
    display: none;
  }
  
  .latest-feed-container aside {
    display: none;
  }
}

/* Override Adgrid Styles */
.adgrid-ad-container:nth-child(3) .adgrid-ad-text-after {
  position: fixed;
  bottom: 0;
}