/**
 * Custom stylesheet.
 *
 * Everything added to the site after the original build belongs here. It is enqueued last, with the
 * compiled theme stylesheet as a dependency, so its rules win without anyone having to touch
 * css/main.css or the stale SCSS sources beside it.
 */

/* Live raffle jackpot embed. Markup comes from inc/jackpot-embed.php. */
.wfg-jackpot-embed {
    margin: 2rem 0;
}

/**
 * The embedded page sizes every element in viewport-height units, so the figure it displays scales
 * with the frame's HEIGHT. An aspect ratio keeps that height tied to the column width, which holds the
 * proportions at every screen size. A fixed pixel height would clip the amount on narrow screens.
 */
.wfg-jackpot-embed iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    background: #4e2ec3;
}