/* Golf Classic — Full-width image page */

.hg-golf1-page {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
}

.hg-golf1-page .hg-golf1-image-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.hg-golf1-page .hg-golf1-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

/* Clickable button areas */

.hg-golf1-page .hg-golf1-button {
    position: absolute;
    display: block;
    z-index: 10;
    background: transparent;
    cursor: pointer;
}

/* Play */

.hg-golf1-page .hg-play {
    left: 2%;
    top: 35.2%;
    width: 23%;
    height: 9.7%;
}

/* Sponsor */

.hg-golf1-page .hg-sponsor {
    left: 26.3%;
    top: 35.2%;
    width: 23%;
    height: 9.7%;
}

/* Volunteer */

.hg-golf1-page .hg-volunteer {
    left: 50.7%;
    top: 35.2%;
    width: 23%;
    height: 9.7%;
}

/* Vendor */

.hg-golf1-page .hg-vendor {
    left: 75%;
    top: 35.2%;
    width: 23%;
    height: 9.7%;
}

/* Middle Apply Now */

.hg-golf1-page .hg-apply-middle {
    left: 68%;
    top: 60.5%;
    width: 23%;
    height: 3.8%;
}

/* Bottom Apply Now */

.hg-golf1-page .hg-apply-bottom {
    left: 38%;
    top: 88.5%;
    width: 24%;
    height: 4.5%;
}

/* Hero Apply Now */

.hg-golf1-page .hg-apply-hero {
    left: 20%;
    top: 18%;
    width: 45%;
    height: 5%;
}

/* Keyboard accessibility */

.hg-golf1-page .hg-golf1-button:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: -4px;
}

/* Mobile sizing */

@media screen and (max-width: 768px) {
    .hg-golf1-page,
    .hg-golf1-page .hg-golf1-image-wrap {
        width: 100%;
        max-width: 100%;
    }

    .hg-golf1-page .hg-golf1-image {
        width: 100%;
        height: auto;
    }
}