body{ background-color: #091F43; }body{color:#FFFFFF;}.navbar-default { background-color:#091F43; border-color:#091F43; }.navbar-default { color: #FFFFFF }.btn-primary,.sigbox, .btn-primary.focus, .btn-primary:focus{ background-color:#FFFFFF;border-color:#FFFFFF }.btn-primary,.sigbox{ color: #091F43 }.bg-primary { background-color:#D02029; border-color:#D02029; }.bg-primary { color:#FFFFFF }#aside1 a.btn-light:link, #aside1 a.btn-light:visited, #aside1 a.btn-default:link, #aside1 a.btn-default:visited  { background-color:#FFFFFF;border-color:#FFFFFF; }#aside1 a.btn-light:link, #aside1 a.btn-light:visited, #aside1 a.btn-default:link, #aside1 a.btn-default:visited  { color:#091F43 }#aside1 a.btn-light:active, #aside1 a.btn-light.active { background-color:#000000;border-color:#000000; }label { color:#FFFFFF; }.form-control { color:#000000; }.form-control { border-color:#D02029; }.form-control { background-color:#FFFFFF; }.text-danger { color:#D02029; }.WPERR_Error, .WPERR_Validation { background-color:#FFFF00; }.WPERR_Information { background-color:#00FF00; }.WPERR_Information { color:#FFFFFF; }/* Helper text */
.help-block {
    color: #ffffff !important;
}

/* Checkbox labels */
.cblarea,
.cblarea span,
.cblarea label,
.cblarea span label {
    color: #ffffff !important;
}

/* Match Duties to other form field labels */
#ph1_WaiverFormEntry1_cb12 > label {
    color: #FFFFFF !important;
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.42857143 !important;
    margin-bottom: 5px !important;
    display: inline-block !important;
}

/* Slightly larger checkbox text */
.cblarea label {
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* Increase spacing between checkbox items */
.cblarea span {
    display: block;
    margin-bottom: 6px;
}
/* Podium Club brand colors */
:root {
    --podium-blue: #091F43;
    --podium-red: #D02029;
    --podium-white: #FFFFFF;
    --podium-black: #000000;
    --podium-light-gray: #C7CDD6;
}

/* Main page font */
body,
input,
select,
textarea,
button,
label {
    font-family: "Poppins", Arial, sans-serif !important;
}

/* Helper and instructional text */
.help-block {
    color: var(--podium-light-gray) !important;
}

/* Duties checkbox labels */
.cblarea,
.cblarea span,
.cblarea label,
.cblarea span label {
    color: var(--podium-white) !important;
}

/* Required-field indicators and other red accents */
.text-danger,
.required,
label .required {
    color: var(--podium-red) !important;
}

/* Primary buttons */
.btn-primary,
input[type="submit"] {
    background-color: var(--podium-red) !important;
    border-color: var(--podium-red) !important;
    color: var(--podium-white) !important;
}

/* Make the Duties heading match the other form-field labels */
div.cblarea[data-fieldlabel="Duties"] > label {
    font-weight: 700 !important;
}

/* Keep the centered title and subtitle fully inside the navy header */
nav.navbar {
    position: relative !important;
    min-height: 125px !important;
    margin-bottom: 0 !important;
}

/* Center the custom header content inside the navy area */
nav.navbar .navbar-right {
    float: none !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: auto !important;
    margin: 0 !important;
    text-align: center !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
}

/* Remove extra spacing inside the custom header HTML */
nav.navbar .navbar-right > div {
    padding: 0 !important;
    margin: 0 !important;
}

/* Keep the logo above the centered text if they ever overlap */
nav.navbar .navbar-header {
    position: relative !important;
    z-index: 3 !important;
}

/* Mobile layout */
@media (max-width: 767px) {
    nav.navbar {
        min-height: 190px !important;
    }

    nav.navbar .navbar-right {
        top: 125px !important;
        left: 0 !important;
        width: 100% !important;
        transform: none !important;
        padding: 0 15px !important;
    }
}

/* Landing page waiver buttons */
.btn,
input[type="button"],
input[type="submit"] {

    padding: 18px 32px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;

    transition: all .2s ease;
}

.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover {

    transform: translateY(-2px);
}

.btn,
input[type="button"],
input[type="submit"] {

    min-width: 280px !important;
    min-height: 60px !important;

    font-size: 20px !important;
    font-weight: 600 !important;

    border-radius: 8px !important;
}

/* Default waiver button appearance */
#aside1 a.btn-light,
#aside1 a.btn-light:link,
#aside1 a.btn-light:visited {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #091F43 !important;
}

/* Hover and keyboard-focus appearance */
#aside1 a.btn-light:hover,
#aside1 a.btn-light:focus {
    background-color: #091F43 !important;
    border-color: #091F43 !important;
    color: #FFFFFF !important;
}

/* Prevent gray active/clicked state */
#aside1 a.btn-light:active {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #091F43 !important;
}

#aside1 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

#aside1 h1 {
    font-size: 48px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin-bottom: 18px !important;
}

#aside1 h3 {
    font-size: 24px !important;
    font-weight: 400 !important;
    margin-bottom: 40px !important;
}

#aside1 .btn {
    margin: 0 12px !important;
}


/* Reduce the oversized default footer area */
footer#footer {
    padding: 35px 20px !important;
    min-height: 0 !important;
    margin: 0 !important;
}

/* Remove unnecessary spacing inside the footer */
footer#footer .container,
footer#footer .col-xs-12 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Podium Club footer content */
.pc-waiver-footer {
    max-width: 760px;
    margin: 0 auto;
    padding: 10px 20px 20px;
    text-align: center;
    font-family: "Poppins", Arial, sans-serif;
}

.pc-waiver-footer h3 {
    color: #FFFFFF !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 10px !important;
}

.pc-waiver-footer p {
    color: #C7CDD6 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    margin: 0 0 8px !important;
}

.pc-waiver-footer .pc-footer-name {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    margin-top: 14px !important;
}

/* Center waiver form titles */
.page-header h1,
h1.page-title,
#agreementTitle,
.waiver-title,
h1 {
    text-align: center !important;
}

.ipa_waiver_text {
    max-width: 1100px !important;
    margin: 0 auto !important;
}

#ph1_WaiverFormEntry1_pnlWaiver {
    max-width: 1400px;
    margin: 0 auto;
}

#onlinewaiverformph1_WaiverFormEntry1 {
    max-width: 1400px;
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
}

.ipa_waiver_text p {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

/* Center waiver page */
#onlinewaiverformph1_WaiverFormEntry1 {
    max-width: 1400px;
    margin: auto;
    padding: 0 40px;
}

/* Reduce waiver text width */
.ipa_waiver_text p {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

/* Center agreement container */
.ipa_waiver_text {
    margin: auto;
}

/* Smaller Go Back button */
.login-button-wrap .btn {
    min-width: 130px !important;
    min-height: 36px !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    background: #f2f2f2 !important;
    color: #091F43 !important;
}

/* Hide the header subtitle only on individual waiver pages */
body:has(#ph1_WaiverFormEntry1_pnlWaiver) nav.navbar .navbar-right p {
    display: none !important;
}

.ipa_small_button2 .btn-default,
.abstopleft .btn-default {
    min-width: 120px !important;
    min-height: 40px !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
}

.ipa_small_button2 {
    margin-left: 0px;
    margin-top: 20px;
}

/* Make the dark logo visible against the navy website header */
.navbar-brand {
    background-color: #ffffff !important;
    padding: 8px 12px !important;
    margin: 12px 0 12px 15px !important;
    border-radius: 4px !important;
    height: auto !important;
    display: inline-block !important;
}

.navbar-brand img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* =========================================================
   CUSTOM CHECKBOX LABELS
   ========================================================= */

.cblarea > label {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.cblarea > label .text-danger {
    color: #E11B22 !important;
    font-weight: 700 !important;
}


/* =========================================================
   PODIUM CLUB RESPONSIVE STYLES
   Replaces all previous mobile and tablet blocks
   ========================================================= */


/* =========================================================
   PHONES: 767px AND BELOW
   ========================================================= */
@media only screen and (max-width: 767px) {

    /* -----------------------------------------
       Page containment
       ----------------------------------------- */
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       Header: logo above title
       ----------------------------------------- */
    nav.navbar {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 18px 14px 22px !important;
    }

    nav.navbar .navbar-header {
        float: none !important;
        position: relative !important;
        width: 100% !important;
        margin: 0 0 22px !important;
        padding: 0 !important;
        text-align: center !important;
    }

    nav.navbar .navbar-brand {
        float: none !important;
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    nav.navbar .navbar-header img,
    nav.navbar .navbar-brand img {
        display: block !important;
        width: auto !important;
        max-width: 250px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    nav.navbar .navbar-right {
        float: none !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
        text-align: center !important;
        transform: none !important;
    }

    nav.navbar .navbar-right > div {
        margin: 0 !important;
        padding: 0 !important;
    }

    nav.navbar .navbar-right h1 {
        width: 100% !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        font-size: 25px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    nav.navbar .navbar-right p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }


    /* -----------------------------------------
       Landing-page red section
       ----------------------------------------- */
    #aside1 {
        padding: 38px 16px !important;
    }

    #aside1 h1 {
        margin: 0 0 14px !important;
        font-size: 30px !important;
        line-height: 1.2 !important;
    }

    #aside1 h3 {
        margin: 0 0 26px !important;
        font-size: 17px !important;
        line-height: 1.4 !important;
    }

    #aside1 a.btn {
        display: block !important;
        width: 100% !important;
        max-width: 360px !important;
        min-width: 0 !important;
        min-height: 50px !important;
        margin: 12px auto !important;
        padding: 13px 16px !important;
        font-size: 16px !important;
        white-space: normal !important;
    }


    /* -----------------------------------------
       General mobile button reset
       ----------------------------------------- */
    .btn,
    input[type="button"],
    input[type="submit"] {
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
    }


    /* -----------------------------------------
       Choose-a-Waiver page
       ----------------------------------------- */
    section#about .container,
    section#about .row,
    section#about .col-lg-12 {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    section#about h1 {
        margin: 20px 0 !important;
        font-size: 25px !important;
        line-height: 1.25 !important;
        text-align: center !important;
    }

    /* Annual and Daily waiver buttons */
    section#about a.btn-primary,
    section#about a.btn-danger {
        display: block !important;
        width: 100% !important;
        max-width: 360px !important;
        min-width: 0 !important;
        min-height: 50px !important;
        margin: 12px auto !important;
        padding: 14px 15px !important;
        font-size: 16px !important;
        white-space: normal !important;
    }

    /* Go Back button on Choose-a-Waiver page */
    .ipa_small_button2,
    .abstopleft {
        display: block !important;
        float: none !important;
        position: static !important;
        width: 100% !important;
        margin: 18px 0 !important;
        padding: 0 !important;
        text-align: center !important;
        transform: none !important;
    }

    .ipa_small_button2 .btn-default,
    .abstopleft .btn-default {
        display: inline-block !important;
        float: none !important;
        position: static !important;
        width: auto !important;
        min-width: 105px !important;
        max-width: none !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 7px 16px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        white-space: nowrap !important;
        transform: none !important;
    }


    /* -----------------------------------------
       Individual waiver page
       ----------------------------------------- */
    #ph1_WaiverFormEntry1_pnlWaiver,
    div[id^="onlinewaiverform"] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    /* Individual waiver title */
    div[id^="onlinewaiverform"] > h1 {
        display: block !important;
        width: 100% !important;
        max-width: 330px !important;
        margin: 18px auto 24px !important;
        padding: 0 8px !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    /* Waiver body text */
    .ipa_waiver_text,
    .ipa_waiver_text p {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ipa_waiver_text {
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .ipa_waiver_text p {
        margin-right: 0 !important;
        margin-left: 0 !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }


    /* -----------------------------------------
       Individual waiver Go Back button
       Keep centered and small
       ----------------------------------------- */
    section#about div.login-button-wrap.pull-right {
        display: block !important;
        float: none !important;
        clear: both !important;
        position: static !important;
        width: 100% !important;
        max-width: 330px !important;
        margin: 18px auto 12px !important;
        padding: 0 !important;
        text-align: center !important;
        transform: none !important;
    }

    section#about div.login-button-wrap.pull-right > a.btn.btn-default {
        display: inline-block !important;
        float: none !important;
        position: static !important;
        width: auto !important;
        min-width: 105px !important;
        max-width: none !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 7px 16px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        text-align: center !important;
        white-space: nowrap !important;
        transform: none !important;
    }


    /* -----------------------------------------
       Form rows and columns
       ----------------------------------------- */
    #ph1_WaiverFormEntry1_part2 .row {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /*
       Stack normal Bootstrap columns vertically.
       Date-picker columns are restored separately below.
    */
    #ph1_WaiverFormEntry1_part2 [class*="col-"]:not(.col-xs-5):not(.col-xs-3):not(.col-xs-4) {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }


    /* -----------------------------------------
       Form fields
       ----------------------------------------- */
    #ph1_WaiverFormEntry1_part2 input[type="text"],
    #ph1_WaiverFormEntry1_part2 input[type="email"],
    #ph1_WaiverFormEntry1_part2 input[type="tel"],
    #ph1_WaiverFormEntry1_part2 input[type="date"],
    #ph1_WaiverFormEntry1_part2 textarea,
    #ph1_WaiverFormEntry1_part2 input[type="file"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /*
       Prevent iPhone Safari from zooming into fields.
    */
    #ph1_WaiverFormEntry1_part2 input,
    #ph1_WaiverFormEntry1_part2 select,
    #ph1_WaiverFormEntry1_part2 textarea {
        font-size: 16px !important;
    }


    /* -----------------------------------------
       ALL Month / Day / Year fields
       Includes signer DOB and child DOB
       ----------------------------------------- */
    #ph1_WaiverFormEntry1_part2 .wfdatepicker {
        display: grid !important;
        grid-template-columns: 5fr 3fr 4fr !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        clear: both !important;
        overflow: hidden !important;
    }

    #ph1_WaiverFormEntry1_part2 .wfdatepicker > .col-xs-5,
    #ph1_WaiverFormEntry1_part2 .wfdatepicker > .col-xs-3,
    #ph1_WaiverFormEntry1_part2 .wfdatepicker > .col-xs-4 {
        display: block !important;
        float: none !important;
        position: static !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #ph1_WaiverFormEntry1_part2 .wfdatepicker select {
        display: block !important;
        float: none !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 6px 20px 6px 7px !important;
        font-size: 16px !important;
    }

    #ph1_WaiverFormEntry1_part2 div[id*="DOB"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 38px !important;
        margin-bottom: 14px !important;
        clear: both !important;
        overflow: visible !important;
    }

    #ph1_WaiverFormEntry1_div_mobile {
        clear: both !important;
        margin-top: 0 !important;
    }

    #nameboxes .wfdatepicker {
        margin-bottom: 16px !important;
    }

    #nameboxes .btn,
    #nameboxes button {
        clear: both !important;
        margin-top: 8px !important;
    }


    /* -----------------------------------------
       Duties checkboxes
       ----------------------------------------- */
    .cblarea {
        width: 100% !important;
        margin-top: 18px !important;
    }

    .cblarea > br {
        display: none !important;
    }

    .cblarea > label {
        display: block !important;
        margin-bottom: 7px !important;
    }

    .cblarea span {
        display: flex !important;
        align-items: flex-start !important;
        width: 100% !important;
        margin: 0 0 6px !important;
        padding: 0 !important;
        line-height: 1.3 !important;
    }

    .cblarea span input[type="checkbox"] {
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 3px 7px 0 0 !important;
        padding: 0 !important;
    }

    .cblarea span label {
        display: block !important;
        flex: 1 1 auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.3 !important;
    }


    /* -----------------------------------------
       Signature and Agree buttons
       ----------------------------------------- */
    #ph1_WaiverFormEntry1_part2 .btn,
    #ph1_WaiverFormEntry1_part2 input[type="submit"] {
        display: block !important;
        width: 100% !important;
        max-width: 360px !important;
        min-width: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }


    /* -----------------------------------------
       Footer
       ----------------------------------------- */
    footer#footer {
        min-height: 0 !important;
        padding: 35px 18px !important;
    }

    .pc-waiver-footer {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .pc-waiver-footer h3 {
        font-size: 21px !important;
    }

    .pc-waiver-footer p,
    .pc-waiver-footer a {
        font-size: 14px !important;
        line-height: 1.5 !important;
        overflow-wrap: anywhere !important;
    }
}


/* =========================================================
   TABLETS / NARROW SCREENS: 768px–900px
   ========================================================= */
@media only screen and (min-width: 768px) and (max-width: 900px) {

    /* -----------------------------------------
       Header: stack logo above title
       ----------------------------------------- */
    nav.navbar {
        position: relative !important;
        display: block !important;
        min-height: 185px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 18px 20px 22px !important;
    }

    nav.navbar .navbar-header {
        float: none !important;
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        margin: 0 0 20px !important;
        text-align: center !important;
    }

    nav.navbar .navbar-brand {
        float: none !important;
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    nav.navbar .navbar-header img,
    nav.navbar .navbar-brand img {
        display: block !important;
        width: auto !important;
        max-width: 285px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    nav.navbar .navbar-right {
        float: none !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important;
        text-align: center !important;
        transform: none !important;
    }

    nav.navbar .navbar-right > div {
        margin: 0 !important;
        padding: 0 !important;
    }

    nav.navbar .navbar-right h1 {
        width: 100% !important;
        margin: 0 0 7px !important;
        padding: 0 !important;
        font-size: 28px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    nav.navbar .navbar-right p {
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }


    /* -----------------------------------------
       Waiver containment
       ----------------------------------------- */
    #ph1_WaiverFormEntry1_pnlWaiver,
    div[id^="onlinewaiverform"] {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    div[id^="onlinewaiverform"] > h1 {
        width: 100% !important;
        max-width: 620px !important;
        margin: 20px auto 24px !important;
        padding: 0 10px !important;
        font-size: 23px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .ipa_waiver_text,
    .ipa_waiver_text p {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* -----------------------------------------
       Tablet Go Back button
       ----------------------------------------- */
    section#about div.login-button-wrap.pull-right {
        display: block !important;
        float: none !important;
        clear: both !important;
        position: static !important;
        width: 100% !important;
        max-width: 620px !important;
        margin: 18px auto 14px !important;
        padding: 0 !important;
        text-align: center !important;
        transform: none !important;
    }

    section#about div.login-button-wrap.pull-right > a.btn.btn-default {
        display: inline-block !important;
        float: none !important;
        position: static !important;
        width: auto !important;
        min-width: 115px !important;
        max-width: none !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 8px 18px !important;
        font-size: 13px !important;
        line-height: 18px !important;
        text-align: center !important;
        white-space: nowrap !important;
        transform: none !important;
    }
}

/* Extra spacing around logo on mobile */
@media only screen and (max-width: 767px) {

    nav.navbar .navbar-header .navbar-brand {
        box-sizing: border-box !important;
        display: block !important;
        float: none !important;
        width: fit-content !important;
        height: auto !important;
        padding: 14px 18px !important;
        margin: 18px auto 22px auto !important;
        background-color: #ffffff !important;
        border-radius: 6px !important;
    }

    nav.navbar .navbar-header .navbar-brand img {
        display: block !important;
        margin: 0 auto !important;
        width: auto !important;
        max-width: 250px !important;
        height: auto !important;
    }
}

/* ==========================================
   Signature Modal Fix
   Makes signature ink dark while preserving
   white waiver text on the main page.
   ========================================== */
/* IMPORTANT:
   Required to prevent signatures from being saved as white ink in PDFs.
   Do not remove unless re-tested.
*/
body.modal-open {
    color: #091F43 !important;
}

body.modal-open .modal,
body.modal-open .modal-content,
body.modal-open .modal-header,
body.modal-open .modal-body,
body.modal-open .modal-footer,
body.modal-open .modal button,
body.modal-open .jSignature,
body.modal-open [class*="jSignature"] {
    color: #091F43 !important;
}

/* Keep signature pad background white */
body.modal-open canvas,
body.modal-open canvas.jSignature {
    background-color: #FFFFFF !important;
}

/* Hide legacy WAIVERS button from Digital Waiver Center */
#aside1 a[href="/b/PodiumClub/Waiver.aspx"] {
    display: none !important;
}/* Keep the functional waiver-selection content visible */
section#about {
    display: block !important;
}

/* Compact footer without affecting the other waiver pages */
footer#footer {
    min-height: 0 !important;
    padding: 40px 20px !important;
    margin: 0 !important;
}

/* Remove extra spacing inside the footer */
footer#footer .container,
footer#footer .row,
footer#footer .col-xs-12 {
    width: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Keep the custom footer content centered */
.pc-waiver-footer {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    text-align: center !important;
}

/* Move the assistance block slightly higher */
footer#footer {
    align-items: flex-start !important;
    padding-top: 48px !important;
}

/* Give the footer text a little more presence */
.pc-waiver-footer h3 {
    font-size: 24px !important;
}

.pc-waiver-footer p {
    font-size: 16px !important;
}

/* Footer website link */
.pc-waiver-footer a,
footer#footer a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

/* Hover state */
.pc-waiver-footer a:hover,
footer#footer a:hover {
    color: #d9d9d9 !important;
    text-decoration: underline !important;
}