@charset "utf-8";
/* CSS Document */


/* WORDPRESS SHIMS, 1/16/25 */


/* This will apply the cursor style to all links */
.contentWrapper a {
    cursor: pointer;
}




/* WORDPRESS SHIMS, 12/4/25 */


/* applies only to checkbox elements without accompanying trailing labels
    otherwise, hiding the actual checkbox input allowing GF's styling of pseudo-checkbox
*/
.contentWrapper form input[type="checkbox"]:not(:has(+ label)) {
    /*clip: unset !important;
    height: unset !important;*/
    position: unset !important;
    width: unset !important;
    -webkit-appearance: unset !important;
    -moz-appearance: unset !important;
    appearance: auto !important;
}


/* override the checkbox label's text opacity when the checkbox is disabled */
.form-check-input:disabled + .form-check-label {
    opacity: 1 !important;
}

/* fix some buttons inheriting height 100% of their parent container (too high) */
input[type="submit"].wp-block-button__link,
.wp-block-button__link.wp-element-button {
    height: auto !important;
}
    .gform-field-checkbox input[type="checkbox"]:checked {
        background-color: #333;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center;
    }

.gform-field-checkbox input[type="checkbox"] {
    --size: 23px;
    background-color: var(--wp--custom--color--light-gray);
    border: 1px solid var(--wp--custom--color--mid-gray);
    border-radius: 5px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    flex: 1 0 var(--size);
    height: var(--size);
    margin-right: var(--wp--custom--spacing--16);
    max-width: var(--size);
    min-width: var(--size);
    vertical-align: middle;
    width: var(--size);
}

.gform-field-checkbox input[type="checkbox"]:focus {
    outline: none;
}

div.gform-theme.gform-theme--framework textarea[rows] {
    height: inherit !important;
}

input[type=text]::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: .35 !important;
}

input[type=text]::-moz-placeholder,
.form-control::-moz-placeholder { /* Firefox 19+ */
    opacity: .35 !important;
}

input[type=text]:-ms-input-placeholder,
.form-control:-ms-input-placeholder { /* IE 10+ */
    opacity: .35 !important;
}

input[type=text]:-moz-placeholder,
.form-control:-moz-placeholder { /* Firefox 18- */
    opacity: .35 !important;
}





/* SMALL BUTTON */

.xxxsButton {
    height: auto !important;
    line-height: 0 !important;
    padding: 0px 20px !important;
    font-size: var(--wp--custom--font--size--13) !important;
    min-block-size: 30px !important;
}




/* OVERRIDE GF DISABLED BUTTON RULE */

div.gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):not(.add_list_item):not(.delete_list_item):disabled,
div.gform-theme.gform-theme--framework.gform_wrapper input.button.gform_button[type=submit]:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled {
    --btn-bg: inherit !important;
    --btn-border: inherit !important;
    --btn-text: inherit !important;
}


/* ORDERED LIST OVERRIDES */

.gform-theme--framework ol:where(:not(.gform_heading *):not(.gfield--type-html *):not(.gfield--type-section *):not(.form_saved_message > *):not(.form_saved_message_sent > *):not(.gform_confirmation_message *)), .gform-theme--framework ul:where(:not(.gform_heading *):not(.gfield--type-html *):not(.gfield--type-section *):not(.form_saved_message > *):not(.form_saved_message_sent > *):not(.gform_confirmation_message *)) {
    list-style: revert !important;
}


/* DONATE BUTTON CSS RULE ADDED */

a.wp-block-button__link.wp-element-button.donate, button.wp-block-button__link.wp-element-button.donate {
    background-color: orangered;
    border: 3px solid orangered;
  --btn-border-inner: orangered;
    font-size: 18px;
    font-weight: bold;
    line-height: var(--wp--custom--font--lh--1-5);
    padding: 14px 40px;
    transition: all var(--wp--custom--transition--duration) var(--wp--custom--transition--timing)
}



/* Stylized Amount Fields with prepended “$” and appended “.00” text */

/* self-contained, namespaced component method of achieving a 
    prefixed $, a right-aligned numeric field, and a .00 suffix that only appears when focused
     via simple markup using CSS pseudo-elements */

.money-field {
    position: relative;
    /*display: block;
            border: 1px solid #ced4da;
            border-radius: 6px;
            background: #fff;*/
    padding: .375rem 1.75rem; /* room for pseudo-elements */
    /*transition: box-shadow .15s, border-color .15s;*/
    font: inherit;
    color: inherit;
    font-size: var(--wp--custom--font--size--20);
    line-height: 3;
}

/* Input sits in the middle, no borders; right-aligned */
.money-field__input {
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    text-align: right;
    line-height: 1.25;
    font: inherit;
    color: inherit;
    font-size: var(--wp--custom--font--size--20) !important;
    font-weight: bold;
    padding: 0 2.5rem 0 1.75rem !important; /* let $ and .00 breathe */
}

/* Prefix $ */
.money-field::before {
    content: "$";
    position: absolute;
    left: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-weight: 400;
}

/* Suffix .00 (hidden until focus-within) */
.money-field::after {
    content: ".00";
    position: absolute;
    right: 2.6rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease;
}

/* Focus ring and reveal suffix */

    .money-field:focus-within::after {
        opacity: 1;
        visibility: visible;
    }

/* EXAMPLE USE
========================================================================
<div id="divOtherAmtAsk1" class="col-md-4" runat="server">
    <label class="money-field" id="other-amt-ask1">
        <!-- The label wraps so :focus-within works across browsers -->
        <asp:TextBox
            ID="txtOtherAmountAsk1"
            runat="server"
            placeholder="Other Amount"
            CssClass="money-field__input"
            ClientIDMode="Static"
            onfocus="AddFocusClass('1');"
            onblur="RemoveFocusClass('1');"
            onchange="UpdateOtherAmount('1');"
            onkeyup="ClearAmountButtons('1'); UpdateOtherAmount('1'); UpdateDonateButton('1');">
        </asp:TextBox>
    </label>
</div>
=========================================================================
 */



/* For Sign In / Please Wait button (show inner text as purple) */

div.gform-theme.gform-theme--framework.gform_wrapper input[type=button]:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):disabled {
    --btn-text: var(--wp--custom--color--juf-purple) !important;
}



/*For Paging buttons to fix the disabled button in the group*/

    .juf_paging input[type="submit"][disabled="disabled"] {
        background-color: var(--wp--custom--color--juf-purple) !important;
        border: 3px solid var(--wp--custom--color--juf-purple) !important;
        }


/* EXAMPLE USE
========================================================================
<div class="row  justify-content-center  align-items-center">
    <div class="col-12  mt-4  text-center">
        <hr />
    </div>
    <div class="col-auto  text-center">
        <p class="m-0">Go To Page:</p>
    </div>
    <div class="col-auto  text-center">
        <div class="btn-toolbar  juf_paging" role="toolbar" aria-label="button toolbar">
            <div class="btn-group" role="group" aria-label="button group">
                <asp:Button ID="btnApplicationPage1" runat="server" Text="1" CssClass="wp-block-button__link wp-element-button" OnClick="lbtnPage_Click" />
                <asp:Button ID="btnApplicationPage2" runat="server" Text="2" CssClass="wp-block-button__link wp-element-button" OnClick="lbtnPage_Click" />
                <asp:Button ID="btnApplicationPage3" runat="server" Text="3" CssClass="wp-block-button__link wp-element-button" OnClick="lbtnPage_Click" />
                <asp:Button ID="btnApplicationPage4" runat="server" Text="4" CssClass="wp-block-button__link wp-element-button" OnClick="lbtnPage_Click" />
                <asp:Button ID="btnApplicationPage5" runat="server" Text="5" CssClass="wp-block-button__link wp-element-button" OnClick="lbtnPage_Click" />
            </div>
        </div>
    </div>
=========================================================================
 */