/* Responsive ticket-sales workbench: compact side-by-side desktop, purchase first on phones. */
body:has(.wgf-sales) .wp-site-blocks > main {
    margin-block-start: 20px !important;
}
.wgf-sales-layout .wgf-sales-hero>div:before{content:"";display:block;width:min(300px,100%);aspect-ratio:2.28/1;margin:0 0 18px;border-radius:8px;background:#fff url('../images/rotary-clubs-gainesville-foundation.png') center/94% auto no-repeat}
@media(max-width:800px){.wgf-sales-layout .wgf-sales-hero>div:before{width:min(280px,86vw);margin-inline:auto}}
@media(max-width:800px){.wgf-sales-layout .wgf-sales-hero{order:1}.wgf-sales-layout .wgf-purchase{order:2}.wgf-sales-layout .wgf-sales-hero>div>p:first-of-type:before{content:"Scroll down to order tickets or become a sponsor \2193";display:block;margin:0 0 18px;padding:10px 12px;border:1px solid #ffffff38;border-radius:6px;background:#ffffff12;color:#fff;font-size:14px;font-weight:800;letter-spacing:0;line-height:1.35;text-align:center}}

body:has(.wgf-sales) .wp-site-blocks > main > .wp-block-group {
    padding-block-start: 20px !important;
}

body:has(.wgf-sales) .entry-content > .wgf-sales {
    width: calc(100% - 40px);
    max-width: 1240px !important;
    margin-inline: auto !important;
}

.wgf-sales-layout {
    display: grid;
    grid-template-columns: minmax(320px, 38%) minmax(0, 62%);
    align-items: start;
    width: min(1240px, 100%);
    margin: 0 auto;
    background: #fff;
}

.wgf-sales-layout .wgf-sales-hero {
    grid-template-columns: 1fr;
    align-content: start;
    gap: 24px;
    min-height: 0;
    padding: 42px 36px;
}

.wgf-sales-layout .wgf-sales-hero h1 {
    font-size: clamp(50px, 5.8vw, 82px);
    line-height: .9;
    margin: 18px 0 28px;
}

.wgf-seafood-sales .wgf-sales-layout .wgf-sales-hero h1 {
    max-width: 100%;
    font-size: clamp(42px, 5.1vw, 72px);
    line-height: .92;
}

.wgf-seafood-sales .wgf-sales-layout .wgf-sales-hero h1 em {
    display: block;
    font-size: .88em;
    letter-spacing: -.025em;
}

.wgf-sales-layout .wgf-sales-hero aside {
    width: 100%;
    padding: 24px;
}

.wgf-sales-layout .wgf-sales-hero aside b {
    font-size: 25px;
}

.wgf-sales-layout .wgf-purchase {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 40px 44px;
}

.wgf-sales-layout .wgf-purchase > section > h2 {
    font-size: 36px;
}

.wgf-sales-layout .wgf-impact {
    margin-left: 0;
}

@media (max-width: 800px) {
    body:has(.wgf-sales) .wp-site-blocks > main {
        margin-block-start: 10px !important;
    }

    body:has(.wgf-sales) .wp-site-blocks > main > .wp-block-group {
        padding-block-start: 12px !important;
    }

    body:has(.wgf-sales) .entry-content > .wgf-sales {
        width: 100%;
    }

    .wgf-sales-layout {
        display: flex;
        flex-direction: column;
    }

    .wgf-sales-layout .wgf-purchase {
        order: 2;
        padding: 26px 18px 32px;
    }

    .wgf-sales-layout .wgf-sales-hero {
        order: 1;
        width: 100%;
        padding: 30px 22px;
    }

    .wgf-sales-layout .wgf-sales-hero h1 {
        font-size: clamp(48px, 16vw, 68px);
        margin: 14px 0 22px;
    }

    .wgf-seafood-sales .wgf-sales-layout .wgf-sales-hero h1 {
        font-size: clamp(40px, 12vw, 58px);
    }

    .wgf-seafood-sales .wgf-sales-layout .wgf-sales-hero h1 em {
        font-size: .82em;
    }

    .wgf-sales-layout .wgf-sales-hero aside {
        margin: 0;
        padding: 20px;
    }
}