/*Utilities*/
@font-face {
  font-family: "League-Gothic";
  src: url("/seam/resource/rest/purchaseOrder/fileEntity/72036") format("woff");
  font-style: normal;
}

:root{
    --uw_blue:#005191;
    --uw_light_blue:#CDE7F8;
    --uw_yellow:#FFB351;
    --uw_red:#FF443B;
    --uw_light_grey:#DDD;
    --input_border: 1px solid #CED4DA;
    --header_font:"League-Gothic", sans-serif;
    --button_font:'Oswald', sans-serif;
    --body_text:'Roboto', sans-serif;
    --button_font_size:1.075rem;
    --button_line_height:1.25rem;
    --button_shadow: 0px 4px 10px grey;
    --button_transition:     
                color .25s ease-in-out,
                background-color .25s ease-in-out,
                border-color .25s ease-in-out,
                box-shadow .25s ease-in-out
}

/*Global Resets*/

body {
    font-family:var(--body_text);
    font-weight:300;
}

.body {
    background:none;
    max-width:992px;
    margin:auto;
    padding-bottom:0;
}

.main {
    background:none;
}

h1, h2, h3 {
    font-family:var(--header_font);
    font-size:2.375rem;
    text-transform:uppercase;
}

#purchaseOrderForm h2 {
    width:100%!important;
}

/* Frame */

#form {
    padding:0;
}

#donationForm {
    padding:1rem;
}

#offline-instructions {
    border:none;
    background:transparent;
    max-width:460px;
    font-size:.925rem;
}

/* Form Field Overrides */

input[type=checkbox] {
    margin-right:.25rem;
}

.form-group label {
    font-family:var(--body_font);
    font-weight:300;
    text-align:left;
}

input[type=text],
.custom-select,
#donationForm\:orderPanelSelectOne\:donationOrderItemPanelFundGroupFundField\:donationOrderItemPanelpanel {
    border:var(--input_border);
    border-radius:0;
}

[id$="userAcceptsTransactionFeeField"] .form-group {
    justify-content:center;
    display:flex;
    align-items:baseline;
}

[id$="purchaseOrderCustomPanel"] {
    align-items:start !important;
}

[id$="customBooleanField"] .form-group {
    text-align:left;
    display:flex;
    align-items:baseline;
}

[id$="donationOrderItemPanelFundGroupFundField"] small {
    display:none;
}

#donationForm\:contactPanel,
[id$="paymentPanelDetail"],
#donationForm\:billingPanel {
    margin-top:2rem;
}

/* orderPanelSelectOne Radio Buttons for Quick Donation Amounts*/

table.radio.linear tbody tr {
    display:flex;
    flex-wrap:wrap;
    height:fit-content;
    justify-content:center;
}

table.radio.linear tbody tr td {
    display:list-item;
    list-style:none;
    border:none;
    font-family:var(--header_font);
    background:transparent;
    height:64px;
    margin: .75rem;
    width:100%;
}

table.radio.linear tbody tr td label{
    align-items:center;
    border:var(--input_border);
    display:flex;
    color:black;
    font-family:var(--button_font);
    justify-content:center;
    text-transform:uppercase;
    transform:var(--button_transition);
}

table.radio.linear tbody tr td:hover,
table.radio.linear tbody tr td label:hover {
    background:var(--uw_light_grey);
    transition:var(--button_transition);
}

table.radio.linear input[type="radio"]:checked + label, 
table.radio.linear .Checked + label, 
table.radio.linear td.Checked {
    background: var(--uw_light_blue);
    color:black;
    transition:var(--button_transition);
}

table.linear.radio td .orderableItemName {
    color:black!important;
    font-family:var(--header_font);
    font-weight:400;
    font-size: var(--button_line_height);
    text-align: center;
}

@media (min-width:768px) {
    table.radio.linear tbody tr td {
        flex-basis:46%;
    }
}

[id$="anonNameField"] .form-group, 
[id$="anonAmountField"] .form-group {
    display:flex;
}

/* Action Buttons */

ul.mb-3.list-inline.list-unstyled .list-inline-item {
    margin-right:0!important;
    width:100%;
    max-width:576px;
}

ul.mb-3.list-inline.list-unstyled .list-inline-item .btn {
    margin-bottom:.5rem;
    width:100%;
    max-width:576px;
}

[id$="save"] {
    background:var(--uw_blue);
    font-size:1.625rem;
    border-radius:0;
    border:1px solid var(--uw_blue);
    font-family:var(--header_font);
    letter-spacing:.0325rem;
}

[id$="save"]:hover,
[id$="save"]:active {
    background:var(--uw_yellow);
    border:1px solid var(--uw_yellow);
    color:black;
    transition:var(--button_transition);
}

.hint {
    font-size: 1rem;
}