/*
  advert-top.css
  Top_of_Site banner advert (GPT slot, 970 x 250), shown below the top bar and above the header.
  Desktop only: hidden on phones and tablets, shown from 992px up (same breakpoint as the header links).
  The slot is centred and keeps a fixed height so the page doesn't jump when the advert loads.
*/

/* Hidden by default (phones and tablets) */
.advert-top-banner { display: none; }

@media (min-width: 62rem) {
  .advert-top-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: 0.75rem;
    background: var(--fm-bg, #fff);
  }
  .advert-top-banner .ad-slot-top-of-site {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 970px;
    min-height: 250px;
    margin-inline: auto;
    text-align: center;
  }
}