#donation-with-right-holder { font-size:0; }
#donation-right, #donation-with-right-holder #donations-holder { display:inline-block; vertical-align: top; font-size:16px; line-height:1.6em; }
#donation-right { width:25%; }
#donation-right #header-aside { float:none; margin:0 0 20px; width:100%; text-align:right; }
#donation-with-right-holder #donations-holder { width:75%; padding-right:20px; }

#donations-holder label { cursor: pointer; }

.donation-section { margin:0 0 30px; background:#fbfbfb; }
.donation-section > header { background:#ededed; }
.donation-section > header h2 { color:#3d3d3d; font-size:30px; margin:0; line-height:1em; position:relative; }
.donation-section > header h2 .donation-section-header-number { display:block; text-align:center; width:58px; height:58px; padding-top:12px; background:#FD9812; color:#fff; position:absolute; left:0; top:0; font-size:35px; }
.donation-section > header h2 .donation-section-header-title { display:block; padding:14px 10px 14px 75px; }

.donation-section-body { padding:10px; }

.donate-form-row { font-size:0; margin:0 0 15px; }
.donate-form-item { display:inline-block; width:100%; vertical-align: top; font-size:16px; line-height:1.6em; }
.donate-form-row-2 .donate-form-item { width:48%; }
.donate-form-row-2 .donate-form-item:first-child { margin-right:4%; }
.donate-form-label { font-weight:bold; display:block; margin:0 0 4px; }
.donate-form-required .donate-form-label:after { content:'*'; color:#f00; margin-left:3px; font-size:80%; }
.donate-form-row input, .donate-form-row select, .donate-form-row textarea { border:1px solid #eee; border-top-color:#c7c7c7; border-radius: 3px; padding:4px 6px; background:#f9f9f9; width:100%; }
.donate-form-row select { width:auto; }
.donate-form-row textarea { height:100px; resize:none; }

#donor-form-postcode-item input { width:77px; }

#donor-form-subscribe-item .donate-form-label,
#donor-form-terms-dda-item .donate-form-label,
.donor-form-frequency .donate-form-label,
#donor-form-terms-annual-item .donate-form-label { display:inline; margin-left:6px; }
.donor-form-fancy-checkbox { width:22px; height:22px; border-radius: 3px; border-radius: 3px; border:1px solid #eee; border-top-color:#c7c7c7; position:relative; display:inline-block; vertical-align: bottom;}
.donor-form-fancy-checkbox input[type="checkbox"] { visibility: hidden; }
.donor-form-fancy-checkbox label { position:absolute; cursor:pointer; width:100%; height:100%; left:0; top:0; background:#f9f9f9; padding:2px 0 0; text-align: center; }
.donor-form-fancy-checkbox label span { display:none; }
.donor-form-fancy-checkbox input:checked + label .fa { display:block; }

.donate-form-row .donation-payment-eway-number input { width:165px; }
.donate-form-row .donation-payment-eway-security-code input { width:60px; }
.donate-form-row #payment_option_eway_expiry_month { margin-right:5px; }

.donate-form-security { position:relative; display:inline-block; margin-left:10px; }
.donate-form-security .donate-form-security-question { cursor:pointer; }
.donate-form-security .fa { border:1px solid #FD9812; color:#FD9812; border-radius: 50%; width:20px; height:20px; padding:1px 0 0 3px; }
.donate-form-security-note { display:none; border:1px solid #bebebe; background:#e0e0e0; padding:4px 10px; position:absolute; left:0; top:29px; width:427px; border-radius:4px;  }
.donate-form-security .donate-form-security-question:hover + .donate-form-security-note { display:block; }

#donation-payment-tabs ul { margin:0 0 15px; padding:0; list-style:none; font-style: 0; }
#donation-payment-tabs li { margin:0 25px 0 0; padding:0; display:inline-block; vertical-align: middle; font-size:16px; line-height:1.6em; }
#donation-payment-tabs li * { vertical-align: middle; }
#donation-payment-tabs li input { margin-right:8px; }
#donation-payment-tabs li img { margin-right:10px; }
#donation-payment-tabs li img:last-child { margin-right:0; }

#donations-payment-content {}
.donation-payment-option { display:none; }
.donation-payment-option.active { display:block; }
#donation-payment-options { display:none; }
#donation-payment-options.active { display:block; }
#donation-payment-box-start { display:none; }
#donation-payment-box-start.active { display:block; }

.donation-type { border:1px solid #fbfbfb; padding:10px; }
.donation-type.active { border:1px solid #FD9812; background:#ffe9cd; }
.donation-type > header { color:#363636; font-weight:bold; }
.donation-type > header label:hover { color:#FD9812; }
.donation-type > header label { margin-left:5px; }
.donation-type-body { padding:10px 5px 0; display:none; }
.donation-type.open .donation-type-body { display:block; }
.donation-type .donate-form-row:last-child { margin-bottom:0; }
.donation-type .donate-amount-row input { width:auto; }

#donation-form-footer { text-align:right; display:none; }
#donation-form-footer.active { display:block; }
#donation-form-footer button { display:inline-block; *display:inline; *zoom:1; vertical-align: top; padding:15px 78px 15px 25px; text-transform: uppercase; font-size:22px; line-height:1em; font-weight:bold; border:0; z-index: 2; border-radius: 0; background:#ff8919; color:#fff; }
#donation-form-footer button:hover { text-decoration: none; background:#e07611; color:#fff; }
#donation-form-footer button * { vertical-align: middle; }
#donation-form-footer button .fa { font-size:25px; vertical-align: bottom; float:right; background:#e07611; padding:13px 25px 14px; margin:-15px -78px -15px 0; }
#donation-form-footer button:hover .fa { background:#ff8919; }


.donate-amount-row { font-size:0; }
.donate-amount-item { display:inline-block; vertical-align: middle; margin-right:15px; font-size:16px; }
.donate-amount-item label { margin-left:4px; }
.donate-amount-item.active label { color:#000; }
.donate-amount-row .donate-amount-item-other { margin-right:0; }
.donate-amount-row .donate-amount-item-other input[type="text"] { width:60px; margin:0 5px; }
.donate-amount-row .donate-amount-item-other small { font-style:italic; }


.donate-tabs { margin:0; padding:0; font-size:0; }
.donate-tabs li { display:inline-block; width:120px; cursor:pointer; text-align: center; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border:1px solid transparent; position:relative; z-index:20;}
.donate-tabs li label { font-size:15px; line-height:1.3em; padding:10px 5px; display:block; cursor:pointer; }
.donate-tabs li label input { width:auto; margin-right:5px; }
.donate-tabs li.active { background:#fff; border-color:#d8d8d8; border-bottom-color:#fff; }
.donate-tabs li:last-child.active { border-bottom-color:#d8d8d8; }
.donate-tabs li:hover { color:#000;  }
.donate-tabs-pane { display:none; background:#fff; padding:15px; border-radius: 0 3px 3px 3px; border:1px solid #d8d8d8; margin-top:-1px; font-size:16px; line-height:1.6em; }
.donate-tabs-pane.active { display:block; }
.donate-tabs-pane-empty { padding:0; border:0; }


#donations-latest { margin:0 0 20px; }
#donations-latest h4 { text-transform: uppercase; background:#ff8f00; color:#fff; text-align: center; padding:10px 12px; font-size:20px; font-weight:bold; line-height:1em; margin:0; }
#donations-latest .dl-copy { padding:10px; background:#ffc22f; color:#363636; font-size:0; }
#donations-latest .dl-copy h5, #donations-latest .dl-copy aside { vertical-align: middle; display:inline-block; width:50%; }
#donations-latest .dl-copy h5 { font-size:13px; line-height:1.2em; padding-right:10px; margin:0; }
#donations-latest .dl-copy aside { color:#2c2c2c; font-size:34px; line-height:1em; text-align: right; }

#donation-right h3 { margin:30px 0; color:#383838; font-weight:bold; text-transform: uppercase; line-height:1.1em; font-size:23px; }
.donation-promo { margin:0 0 30px; }
.donation-promo h4 { font-size:24px; color:#383838; line-height:1em; margin:0 0 8px; }
.donation-promo .cont { color:#757575; font-size:13px; line-height:1.5em; max-height:10.4em; overflow:hidden; }


#donate-share-area { margin:20px 0 0; }
.donate-share-box .donation-social-large { width:160px; display:inline-block; cursor:pointer; margin-left:3px; }
.donate-share-box > label { display:block; height:53px; }
.donate-share-box > label * { vertical-align: middle; }
.donate-share-form { margin:0 0 20px; opacity:0; height:0; overflow:hidden;  }
.donate-share-form label { cursor:pointer; font-weight: bold; }
.donate-share-form input[type="text"] { width:100%; font-size:14px; margin:0 0 10px; background:#f9f9f9; padding:4px 6px; border:1px solid #eee; border-top-color:#c7c7c7; -webkit-border-radius: 3px; border-radius: 3px; }
.donate-share-form .aa-button { padding:10px 35px; font-size:16px; font-weight:normal; }

.donate-social-icon, .donate-social-icon > span { display:inline-block; color:#fff !important; }
.donate-social-icon { margin:0 0 0 10px; width:30px; height:30px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; }
.donate-social-icon:before { height:100%; vertical-align: middle; content:''; display:inline-block; }
.donate-social-icon .fa { color:#fff !important; font-size:20px; margin:0 !important; vertical-align: middle; }
.donate-social-icon.facebook { background:#4167b0; }
.donate-social-icon.twitter { background:#55c8ff; }
.donate-social-icon:hover { text-decoration: none; }
.donate-social-large { text-align: left; width:160px; padding:10px 10px 10px 15px; height:auto; }
.donate-social-large.facebook { margin:0 0 10px 0; }
.donate-social-large.twitter { margin:0 0 -10px; }
.donate-social-large * { display:inline-block; vertical-align: middle; }
.donate-social-large .donate-social-text { font-size:18px; color:#fff; margin-left:20px; }
.donate-social-large .fa { width:20px; }

#donation-errors { margin:0 0 25px; color:#f00; }
#donation-errors h2 { color:#f00; margin:0 0 5px; }
#donation-errors ul { margin:0; padding:0; list-style:none; }
#donation-errors li { margin:0; padding:0; }

.donation-type-paypal-messages div { display:none; }
.donation-type-paypal-messages .active-msg { display:block; }

#donations-msg-holder { display:none; }
#donations-bg { background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:100000; }
#donations-processing { background:#fff; border-radius: 3px; padding:10px 15px; position:fixed; left:50%; margin-left:-239px; top:20%; z-index:100001; font-size:16px; line-height:1.5em; }
#donations-processing h2 { margin-bottom:5px; }

#donations-banner { position:relative; }
#donations-banner img { display:block; width:100%; }
#donations-banner header { position:absolute; left:50px; top:30px; z-index:2; }
#donations-banner #breadcrumbs { padding:4px; display:inline-block; font-size:13px; background:#56534f; }
#donations-banner #breadcrumbs, #donations-banner header, #donations-banner header a { color:#fff; }
#donations-banner header h4 { padding:2px 4px 4px; display:inline-block; text-transform: uppercase; color:#fff; background:#e87400; font-size:44px; line-height:0.9em; margin-top:5px; }
#donations-banner footer { position:absolute; bottom:30px; left:50px; z-index:2; width:45%; height:4.7em; overflow:hidden; font-size:14px; line-height:1.5em; color:#515151; }


@media only screen and (max-width: 860px){
    #donation-right, #donation-with-right-holder #donations-holder { display:block; width:100%; padding:0; }
    #donations-holder { margin-bottom:20px; }
}


@media only screen and (max-width: 580px){
    .donate-form-row-2 .donate-form-item { width:100%; }
    .donate-form-row-2 .donate-form-item:first-child { margin:0 0 15px; }

    .donation-section > header h2 { font-size:21px; line-height:1em; }
    .donation-section > header h2 .donation-section-header-number { width:48px; height:48px; padding-top:14px; font-size:31px; }
    .donation-section > header h2 .donation-section-header-title { padding-left:57px; }

    #donations-banner { display:none; }


}