.top-nav {
    background-color:#333333;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.top-nav .ce-container {
    padding:10px;
    text-align:center;
}

.navbar-logo {
    height:60px;
}

.donate-orange-bar {
    border-top:2px solid #333333;
    background-color:#f29f42;
    padding:40px;
    text-align:center;
    font-family:"Barlow Semi Condensed", Arial, Helvetica, sans-serif;
    font-weight:600;
    color:#4e5465;
    font-size:47px;
    margin-top:20px;
}

.btn-donate {
    background-color:#ffffff;
    border:2px solid #d97300;
    font-weight:bold;
    color:#f29f42;
    padding:.375rem 2.5rem;
}

.btn-donate.active {
    background-color:#ffbc70;
    color:white;
}

.white {
    color:white;
}

.form-errors, #card-errors {
    display:none;
}

h2.orange {
    border-top:2px solid #333333;
    background-color:#f29f42;
    padding:7px 10px;
    font-family:"Barlow Semi Condensed", Arial, Helvetica, sans-serif;
    font-weight:600;
    color:white;
    font-size:20px;
    margin-top:20px;
}

section.footer-main {
    display:block;
    background-color:#333333;
    padding:15px;
    text-align:center;
    color:white;
}

section.footer-main .footer-logo {
    height:50px;
}

section.footer-main td .quote {
    color:#aaaaaa;
    line-height:20px;
}

.zoom-wrapper {
    position: relative;
    display: inline-block;
    cursor: zoom-in;
}

.zoom-wrapper::after {
    content: "+";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    font-weight: 300;
    color: white;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}

.zoom-wrapper:hover::after {
    opacity: 1;
}

.business-name {
    display:none;
}

span.required {
    color:red;
}

div.gray-box, div.grey-box {
    border:1px solid #CCCCCC;
    background-color:#EFEFEF;
    border-radius:5px;
    padding:10px;
}

div.white-box {
    border:1px solid #CCCCCC;
    background-color:white;
    border-radius:5px;
    padding:10px;
}

.up-down-line {
    border-top:2px solid #CFCFCF;
}

table.up-down {
    margin:0px auto;
}

table.up-down td {
    padding-right:10px;
}

table.up-down td .icon {
    font-size:20px;
}

.item-label {
    height: 80px;
}

.total-donation {
    display:none;
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
    position: relative;
    padding: 5px 20px;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-weight:bold;
    text-align:center;
}

input.item-donation {
    width:50px;
    text-align:center;
}


@media ( min-width: 770px ) and ( max-width: 1100px ) {
    .item-label {
        height:auto;
    }
    input.item-donation {
        width:40px;
        font-size:12px;
    }
}

@media ( max-width: 769px ) {
    .item-label {
        height:auto;
    }
}