.leaderboard-ad {
    display: grid;
    align-items: center;
    justify-content: center;
    place-content: center;
    grid-template-areas: "leaderboard";
    padding-block: 2rem;
    width: 100%;
    background: var(--color-gray-light-web);
}

.leaderboard-ad > * {
    grid-area: leaderboard;
}

.leaderboard-ad div > div > iframe[width="320"] {
    display: none;
}

.leaderboard-ad > * {
    max-width: 72.8rem;
    width: 100%;
    height: max-content !important;
}

nav.side-bar-nav .ad {
    margin-block: 4rem;
}

.resource.carousel-item.has-ad {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    background-color: var(--color-brand-navy) !important;
}

.resource.carousel-item.has-ad > p {
    color: var(--color-primary-white);
    margin-top: 6rem;
}

.ad-slot.leaderboard {
    display: grid;
    place-content: center;
    place-items: center;
    background: var(--color-gray-light-web);
    padding-block: 4rem;
    position: sticky;
    z-index: var(--z-index-leaderboard-ads);
    overflow-x: hidden;
}

.ad-slot.leaderboard .mobile-ad {
    display: none;
}

.sidebar .sidebar-ad {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 50em) {
    .leaderboard-ad div > div > iframe[width="320"] {
        display: block;
    }

    .leaderboard-mobile-ad > div > * {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 730px) {
    .ad-slot.leaderboard {
        padding-block: 2rem;
    }

    .ad-slot.leaderboard .desktop-ad iframe,
    .ad-slot.leaderboard .desktop-ad iframe > div img.img_ad {
        transform: scale(0.6);
    }

    .ad-slot.leaderboard .mobile-ad {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .ad-slot.leaderboard .desktop-ad iframe,
    .ad-slot.leaderboard .desktop-ad iframe > div img.img_ad {
        transform: scale(0.45);
    }
}