/* CSS Document */

div#donation_form_wrap {
    width:calc(80% - 3rem);
    padding:1.5rem;
    position:absolute;
    top:5%;
    left:10%;
    z-index:20000;
    background-color:#f5f7fa;
    -webkit-box-shadow: 0 10px 24px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 24px 0px rgba(0,0,0,0.5);
    box-shadow: 0 10px 24px 0px rgba(0,0,0,0.5);
}

div.form_row_wrap {
    display:flex;
    height:2.5rem;
}

label {
    font-family:'Montserrat',sans-serif;
    font-size:1rem;
    font-weight:400;
}

label.l_label, label.l_label_120, label.l_label_180 {
    margin:6px 8px 0 12px;
    text-align:right;
}

label.l_label_120 { flex-basis:120px; }
label.l_label_180 { flex-basis:180px; }

input, select {
    border:1px solid var(--med_grey);
    border-radius: 4px;
    padding:.3rem;
    font-family:'Montserrat',sans-serif;
    font-size:1rem;
    font-weight:400;
    margin: 0 0 .5rem 0;
}

input { flex-grow:1 }

div#donation_submit_BUT {
    float:right;
    width:25%;
    margin:-18px 0 0 12px;
    background-color:var(--blue);
    font-weight:400;
    letter-spacing: 0;
}

div#BUT_paypal {
    border:2px solid var(--blue);
    border-radius: 20px;
    padding:4px;
    background-color: white;
    cursor: pointer;
    width:12rem;
}

div#BUT_paypal img {
    width:100%;
}

div.flex_spacer {
    flex-grow: 2;
}

div#donation_form_header {
    width:100%;
    height:60px;
    background:url('../_img/form_cc_icons_only.png') no-repeat right top;
    text-align: center;
}

div#PPHeaderLogo{
    width:123px;
    height:46px;
    position:absolute;
    background: url('../_img/TransSecByPP.png') no-repeat;
    top:-10px; left:0;
}

div.hidden_field_wrap {
    display:none;
    flex-grow:unset;
}

.no_flex {
    flex-grow:unset;
}

hr {
    border-top:1px solid var(--med_grey);
    margin-top:6px;
}

.error_field {
    border:2px red solid;
}

div#error_pane {
    display:none;
    width:100%;
    padding:0 0 1rem 0;
}


/* ADDED FROM CF MAIN CSS PAGE: */

div.button, div.button_sm {
    width:calc(100% - 1rem);
    border-radius: 2rem;
    font-size:1.3rem;
    font-family: 'Montserrat',sans-serif;
    font-weight:700;
    letter-spacing: .7rem;
    color:rgba(255,255,255,.75);
    padding:.5rem;
    background-color: var(--teal);
    text-align:center;
    margin:1rem 0 0 0;
    cursor:pointer;
}

div.button_sm {
    font-size:.8rem;
    background-color: var(--med_grey);
}

div.button:hover {
    color:rgba(255,255,255,1);
}

div.button_sm:hover {
    background-color: var(--dk_grey);
}

div#secByPP {
    width:100%;
    height:20px;
    margin:3px 0 0 0;
    background-image:url('../_img/secByPP.png');
    background-repeat: no-repeat;
    background-position: top right;
}