/*==  setup */
.dc:after {
content: "";
display: table;
clear: both;
}
#donatron {
display:none;
clear:both;
color:#222;
text-align:left;
text-align-last:left;
width:100%;
max-width:1050px;
margin:0 auto;
padding:50px 0 0 0;
}
#donatron * {box-sizing: border-box;}

#donatron p {
color:#222;
padding:0 0 10px 0;
}
#donatron p:only-child {padding:0;}

.donation-hide {display:none;}

.donatron-go-modal {cursor:pointer;}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

#donatron-embed #donatron {padding:0;}

/*==  general */
#donatron input[type=number]::-webkit-inner-spin-button,
#donatron input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0;
}

#donatron input[type=number] {
    -moz-appearance:textfield;
}

#donatron .button {font-size:14px;}

#donatron .button.disabled,
#donatron .button[disabled] {
cursor:default;
opacity:0.5;
}

#donatron .button span {
line-height:28px;
height:30px;
padding:0 15px;
min-width:120px;
}

#donatron .donation-hidden {display:none ! important;}

#donatron .donation-message {
display:block;
color:#d50000;
font-size:13px;
}

#donatron.donation-live {display:block;}
#donatron.donation-load {position:relative;}

#donatron.donation-load:before {
position:absolute;z-index:1000;
top:0;left:0;bottom:0;right:0;
height:100%;width:100%;
content:'';
background:rgba(241,241,241,0.6) url(../images/ripple.svg) no-repeat center 100px;
background-size:48px 48px;
}


/*== button */
#donatron .donation-buttons {
position:absolute;
right:0;/*bottom:20px;*/left:0;
text-align:center;
text-align-last:center;
padding:10px 0 0 0;
}
#donatron .donation-buttons:after {
content:"";
display:table;
clear:both;
}

#donatron .donation-buttons.pulldown {bottom:-50px;}
#donatron .donation-buttons a {
cursor:pointer;
text-align:center;
text-align-last:center;
}
#donatron .donation-buttons.relative {position:static;}

#donatron .donation-buttons a.button-prev {
float:left;
background-color:#ccc;
}

#donatron .donation-buttons a.button-exit {background-color:#bd0000;}

#donatron .donation-buttons a.button-exit,
#donatron .donation-buttons a.button-next {
float:right;
margin:0 0 0 10px;
}

#donatron .donation-buttons.relative a {
position:static;
float:none ! important;
}


#donation-type-tabs {
display:block;
list-style:none;
text-align:center;
text-align-last:center;
font-size:0;
white-space:nowrap;
margin:0;padding:10px 0 0 0;
}
#donation-type-tabs li {
cursor:pointer;
position:relative;z-index:1;
display:inline-block;
vertical-align:bottom;
font-size:13px;
text-align:center;
text-align-last:center;
width:33.33%;
padding:10px 0 20px 0;margin:0;
background:#f9f9f9;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}
#donation-type-tabs li:hover {background:#fff;}
#donation-type-tabs li.donate-active {
z-index:2;top:-10px;
cursor:default;
font-size:15px;
padding:15px 0;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}

#content #donation-type-tabs li,
#donation-type-tabs li.donate-active {box-shadow:0 0 10px rgba(0,0,0,0.2);}


#donation-stage-tabs {
display:block;
list-style:none;
font-size:0;
white-space:nowrap;
text-align:justify;
text-align-last:justify;
width:500px;
margin:0 auto;padding:10px 0 30px 0;
}
#donation-stage-tabs:after {
clear:both;
display:block;
content:attr(data-title);
font-size:22px;
text-align:center;
text-align-last:center;
width:100%;
padding:40px 0 0 0;
}
#donation-stage-tabs li {
counter-increment:stage;
display:inline-block;
vertical-align:bottom;
color:#999;
font-size:12px;
text-align:center;
text-align-last:center;
padding:0;margin:0;
}
#donation-stage-tabs li i {font-style:normal;}

#donation-stage-tabs li:before {
display:block;
content:counter(stage);
color:#222;
font-size:28px;
height:50px;width:50px;
line-height:47px;
padding:0;margin:0 auto 10px auto;
background:#f9f9f9;
border-radius:50%;
}

#donation-stage-tabs li[data-action] {
cursor:pointer;
color:#222;
}
#donation-stage-tabs li[data-action]:hover {color:#222;}

#donation-stage-tabs li[data-action]:before {background:#fff;}
#donation-stage-tabs li[data-action]:hover:before {box-shadow:0 0 10px rgba(0,0,0,0.1);}

#donation-stage-tabs li.donate-active {color:#222;}
#donation-stage-tabs li.donate-active:before {
color:#fff;
box-shadow:none;
background:#00abbd;
}

#donation-stage-tabs li[data-action]:before {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none;
}

#donation-stage-tabs li[data-action]:hover:before {
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.42, 0.0, 0.58, 1.0);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.42, 0.0, 0.58, 1.0);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.42, 0.0, 0.58, 1.0);
animation: pulse 1.25s infinite cubic-bezier(0.42, 0.0, 0.58, 1.0);
}


/*== shared stuff */

#donation-switcher,
#donation-details,
#donation-checkout .donation-content {
position:relative;
padding:0 0 70px 0;
}

/*#donation-success .donation-content,*/

#donation-guarantee, #donation-permission,
#donation-switcher .donation-content,
#donation-checkout .donation-sidebar,
#donation-details .donation-description,
#donation-details fieldset,
#donation-details .donation-contact,
#donation-details .donation-supporter,
#donation-payment .donation-permission,
#donation-confirm .donation-gift,
#donation-confirm .donation-account,
#donation-confirm .donation-bill,
#donation-confirm .donation-checkout,
#donation-permission,
#donation-reject {
padding:20px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}

#content #content #donation-guarantee, #donation-permission,
#content #donation-switcher .donation-content,
#content #donation-checkout .donation-sidebar,
#content #donation-details .donation-description,
#content #donation-details fieldset,
#content #donation-details .donation-contact,
#content #donation-details .donation-supporter,
#content #donation-payment .donation-permission,
#content #donation-confirm .donation-gift,
#content #donation-confirm .donation-account,
#content #donation-confirm .donation-bill,
#content #donation-confirm .donation-checkout,
#content #donation-permission,
#content #donation-reject {box-shadow:0 0 10px rgba(0,0,0,0.2);}

#donation-details .donation-supporter {margin-top:20px;}

#donation-permission h3,
#donation-guarantee h3 {
font-size:15px;
border-bottom:1px dashed #dbdbdb;
padding:0 5px 15px 5px;
margin:0 -5px 10px -5px;
}

#donation-permission p {font-size:14px;}

#donation-confirm .donation-checkout,
#donation-guarantee {margin:0 0 20px 0;}

#donation-guarantee ul {
list-style:disc;
padding:20px;
}
#donation-guarantee ul li {
font-size:13px;
padding:0 0 10px 0;
}
#donation-guarantee ul li:last-child {padding:0;}

/*== live stuff */
#donation-switcher .donation-content {
position:relative;
z-index:3;top:-10px;
}

#donation-switcher .donate-box {display:none;}
#donation-switcher .donate-box.donate-active {display:block;}

#donation-switcher .donation-description {padding:10px 0 20px 0;}
#donation-switcher .donation-description p {
font-size:13px;
line-height:2;
}
#donation-switcher .donation-slider {
font-size:0;
text-align:center;
text-align-last:center;
white-space:nowrap;
overflow:visible;
padding:0 0 20px 0;
}
#donation-switcher .donation-slide {
cursor:pointer;
position:relative;
display:inline-block;
vertical-align:top;
font-size:11px;
white-space:normal;
width:24.26%;height:325px;
margin:0 0.8% 0 0;padding:20px;
border:1px dashed #dbdbdb;
transition:box-shadow 500ms;
overflow:hidden;
}
#donation-switcher .donation-slide:last-of-type {margin:0;}

#donation-switcher .donation-slide:hover {border:1px solid #dbdbdb;}

#donation-switcher .donation-slide:hover {
border:1px solid #dbdbdb;
box-shadow:0 0 20px rgba(230,230,230,0.9);
}
#donation-switcher .donation-slide.donate-active:hover,
#donation-switcher .donation-slide.donate-active {
border:1px solid #00abbd;
box-shadow:0 0 20px rgba(240,240,240,0.6);
}



#donation-switcher .donation-slide h4 {
font-size:25px;
padding:20px 0;
}
#donation-switcher .donation-slide a {color:inherit;}
#donation-switcher .donation-slide p {
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
padding:0;
}

#donation-switcher .donation-image {
height:130px;
background-color:#f2f2f2;
background-position:center;
background-size:cover;
overflow:hidden;
}
#donation-switcher .donation-image img {
display:block;
width:100%;height:auto;
margin:0 0 10px 0;
}

#donation-switcher .donation-custom {
position:absolute;z-index:1;
bottom:20px;left:0;right:0;
padding:5px 50px 0 0;
}
#donation-switcher .donation-custom label {
display:inline-block;
vertical-align:middle;
font-size:11px;
font-style:italic;
white-space:nowrap;
padding:0 60px 0 20px;
}
#donation-switcher .donation-custom input {
position:absolute;z-index:1;
top:0;right:20px;
display:block;
font-size:13px;
text-align:center;
text-align-last:center;
width:50px;
padding:5px;margin:0;
border:1px solid #b7c2d5;
border-radius:2px;
}


.donation-checkboxes {
clear:both;
font-size:0;
margin:0;padding:20px 10px 0 10px;
border-top:1px dashed #dbdbdb;
}

.donation-checkboxes fieldset {
display:block;
width:49%;
font-size:14px;
text-align:left;
text-align-last:left;
padding-bottom:0 0 10px 0;
}

.donation-checkboxes .donation-monthly-option,
.donation-checkboxes .donation-annual-option {
font-size:14px;
width:40%;
padding:10px 0;
}
.donation-checkboxes legend {
display:block;
font-weight:bold;
padding:0 0 15px 0;
}
.donation-checkboxes label b {font-weight:normal;}

.donation-checkboxes .donation-recipient-option {
display:block;
color:#d50000;
font-size:13px;
padding:7px 15px;margin:10px 0 0 0;
border:1px dashed #ccc;
}
.donation-checkboxes .donation-recipient-option p {margin:0;}


.donation-checkboxes fieldset:nth-child(odd) {float:left;}
.donation-checkboxes fieldset:nth-child(even) {float:right;}

.donation-debit-select fieldset:nth-child(odd),
.donation-debit-select fieldset:nth-child(even) {
float:none;
clear:both;
width:100%;
padding:15px 0;
}

/* .donation-debit-select fieldset:not(.donation-hidden):nth-child(2):nth-last-child(1) {border-top:1px dashed #ccc;} */


.donation-content .donation-debit-select {clear:both;padding:1rem 0 0 0;}

.donation-recipient-option.donation-hidden + .donation-debit-select .donation-annual-option,
.donation-recipient-option.donation-hidden + .donation-debit-select .donation-monthly-option {
border-top:1px dashed #ccc;
}

/*
.donation-checkboxes fieldset:not(.donation-hidden):nth-last-child(1):nth-child(odd) {
float:none;
clear:both;
width:100%;
padding:15px 0;
}
.donation-checkboxes fieldset:not(.donation-hidden):nth-last-child(1):nth-child(odd) label {
display:block;
padding:10px 0 0 0;
border-top:1px dashed #ccc;
}
*/

#donation-checkout .donation-content {
float:left;
width:74%;
}

#donation-checkout .donation-sidebar {
position:relative;
float:right;
width:24%;
}


#donation-checkout .donation-sidebar img {
display:block;
width:auto;height:auto;
max-width:100%;
margin:0 0 10px 0;
}

#donation-checkout .donation-sidebar h3 {
font-size:16px;
font-weight:bold;
padding:10px 0;
}
#donation-checkout .donation-sidebar h3:first-of-type {padding:0 0 10px 0;}

#donation-checkout .donation-sidebar p {
font-size:11px;
padding:0 0 10px 0;
}
#donation-checkout .donation-sidebar p:last-of-type {padding:0;}


#donation-checkout .donation-sidebar .donation-phone h3 {font-size:14px;}
#donation-checkout .donation-sidebar .donation-phone p {font-size:20px;}

#donation-checkout h2 {
font-size:28px;
text-align:center;
text-align-last:center;
padding:10px 0 20px 0;
}
#donation-checkout h4 {
font-size:15px;
border-bottom:1px dashed #dbdbdb;
padding:10px 5px 15px 5px;margin:0 -5px 10px -5px;
}

#donation-checkout .row {padding:10px 0;}
#donation-checkout .row label {
display:inline-block;
vertical-align:middle;
font-size:14px;
width:20%;
}
#donation-checkout .row select,
#donation-checkout .row textarea,
#donation-checkout .row input {
display:inline-block;
vertical-align:middle;
font-size:14px;
width:75%;
padding:10px;
border:1px solid #b7c2d5;
border-radius:2px;
}
#donation-checkout .row.error {position:relative;}

#donation-checkout .row.v-top label {vertical-align:top;}
#donation-checkout .row.v-top textarea {
vertical-align:top;
height:100px;
resize:vertical;
}

/* error message */
form.invalid .donation-buttons:before {
position:absolute;
top:-20px;right:0;
content:'Some required have not been completed';
color:red;
font-size:11px;
padding:5px 10px;
background: #fff;
border:1px dashed red;
}


#donation-checkout .row.error select,
#donation-checkout .row.error input {border-color:red;}

#donation-checkout .row input[name$=billing_title],
#donation-checkout .row input[name$=shipping_title] {width:100px;}

#donation-checkout .row input[name$=billing_first_name],
#donation-checkout .row input[name$=shipping_first_name] {width:35%}

#donation-checkout .row input[name$=billing_last_name],
#donation-checkout .row input[name$=shipping_last_name] {width:35%}

#donation-checkout .row input[name$=postcode] {width:150px;}

#donation-checkout .row input[name$=account_holder],
#donation-checkout .row input[name$=home_phone],
#donation-checkout .row input[name$=mobile_phone] {width:50%;}

#donation-checkout .row input[name$=email] {width:65%;}

#donation-checkout .row input[name*=sort_code] {
text-align:center;
text-align-last:center;
width:50px;
margin:0 5px 0 0;
}
#donation-checkout .row select,
#donation-checkout .row input[name=account_number] {width:200px;}

#donation-checkout .row #sagepaydirect-card-type,
#donation-checkout .row #sagepaydirect-card-number {width:200px ! important;}

#donation-checkout .row #sagepaydirect-card-expiry,
#donation-checkout .row #sagepaydirect-card-cvc {width:150px ! important;}

#donation-checkout .row #sagepaydirect-card-type,
#donation-checkout .row #sagepaydirect-card-expiry,
#donation-checkout .row #sagepaydirect-card-number,
#donation-checkout .row #sagepaydirect-card-cvc {border:1px solid #b7c2d5 ! important;}

#donation-checkout .row.error #sagepaydirect-card-type,
#donation-checkout .row.error #sagepaydirect-card-expiry,
#donation-checkout .row.error #sagepaydirect-card-number,
#donation-checkout .row.error #sagepaydirect-card-cvc {border-color:red ! important;}

#donate-mosaic-error {
text-align:center;
text-align-last:center;
padding:20px 0 5px 0;
}
#donate-mosaic-error span {
color:red;
font-size:12px;
padding:5px 10px;
background: #fff;
border:1px dashed red;
}

#donation-details .donation-description {padding:10px 20px;}
#donation-details .donation-description p {
font-size:15px;
line-height:2;
}
#donation-details .donation-description p b {
font-size:18px;
font-weight:normal;
}

#donation-details fieldset {
padding:10px 20px;
margin:20px 0;
}
#donation-details fieldset h4 label {float:right;}

#donation-details .donation-supporter,
#donation-confirm .donation-gift,
#donation-details .donation-contact {padding:20px 30px 20px 20px;}

#donation-details .donation-supporter h3,
#donation-confirm .donation-gift h3,
#donation-details .donation-contact h3 {
font-size:16px;
font-weight:bold;
}
#donation-details .donation-supporter p,
#donation-confirm .donation-gift p,
#donation-details .donation-contact p {
font-size:12px;
line-height:1.75;
}
#donation-details .donation-supporter label,
#donation-confirm .donation-gift label,
#donation-details .donation-contact label {
cursor:pointer;
display:block;
font-size:13px;
padding:10px 0 0 0;
}
#donation-details .donation-supporter label input,
#donation-confirm .donation-gift label input,
#donation-details .donation-contact label input {
display:inline-block;
vertical-align:middle;
}
#donation-details .donation-supporter label b,
#donation-confirm .donation-gift label b,
#donation-details .donation-contact label b {
display:inline-block;
vertical-align:middle;
padding:0 0 0 5px;
}
#donation-details .donation-supporter label:hover b,
#donation-confirm .donation-gift label:hover b,
#donation-details .donation-contact label:hover b {text-decoration:underline;}



#donation-confirm .donation-permission p {
font-size:15px;
line-height:2;
}
#donation-confirm .donation-permission p b {
font-size:18px;
font-weight:normal;
}
#donation-confirm .donation-account {margin:0 0 20px 0;}

#donation-reject {padding:40px 20px;}
#donation-reject p {
font-size:20px;
text-align:center;
text-align-last:center;
}

#donation-success .donation-content {padding:0 30px;}
#donation-success .donation-content p {
font-size:16px;
text-align:center;
text-align-last:center;
line-height:2;
}

#donation-confirm .donation-description p {
font-size:15px;
line-height:2;
padding:0 0 10px 0;
}


#donation-confirm .donation-bill h3 {
font-size:15px;
padding:10px 0 5px 0;
}
#donation-confirm .donation-bill p {font-size:12px;}

#donation-confirm .donation-bank {
border:1px solid #ccc;
border-collapse:collapse;
margin:10px 0;
width:100%;
}
#donation-confirm .donation-bank th,
#donation-confirm .donation-bank td {
font-size:13px;
padding:5px 10px;
border:1px solid #ccc;
}



/*== share */

#donation-share {
clear:both;
font-size:0;
text-align:center;
text-align-last:center;
padding:20px 0;
}

#donation-share:before {
display: block;
content: 'Share on Social Media';
font-size: 16px;
padding: 0 0 20px 0;
font-weight: bold;
}
#donation-share a {
cursor:pointer;
display:inline-block;
width:60px;height:60px;
text-indent:-9999px;
margin:0 0 0 5px;
background-color:#f5f5f5;
border-left:1px solid #fff;
background-color:#fff;
background-image:url(../images/sprite.png);
background-size:490px 1820px;
background-repeat:no-repeat;
}


#donation-share a.twitter-ico {background-position:-180px 0;}
#donation-share a.twitter-ico:hover {
background-position:0 -60px;
background-color:#29a9e1;
}
#donation-share a.facebook-ico {background-position:-240px 0;}
#donation-share a.facebook-ico:hover {
background-position:-60px -60px;
background-color:#07549f;
}

/*== modal
body.donatron-modal {
overflow:hidden;
height:100%;
}
overflow:auto;
*/
#donatron-modal {
display:none;
/*position:relative;
z-index:998;
top:0;left:0;bottom:0;right:0;*/
text-align:center;
text-align-last:center;
width:100%;min-height:100%;
background:#f3f3f3;
}
.donatron-modal #donatron-modal {display:block;}

.donatron-modal > * {display:none;}

/*

@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{

.safari-fix.donatron-modal #donatron-modal,
.safari-fix.donatron-modal #global {position:absolute;}

}}

*/


#donatron-close {
cursor:pointer;
position:fixed;z-index:999;
top:0;right:17px;
display:inline-block;
color:#555;
font-size:10px;
font-weight:bold;
letter-spacing:0.2em;
text-transform:uppercase;
padding:10px 20px;
background-color:#ccc;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.donatron-modal #donatron {
cursor:default;
text-align:left;
text-align-last:left;
padding:0;
}
.donatron-modal #donatron-modal:before {
display:block;
content:'';
height:70px;width:90%;
max-width:1050px;
margin:0 auto;
padding:10px 0 20px 0;
background-image:url(../images/comodo.png), url(../images/modal_logo.png);
background-position:center left, center;
background-repeat:no-repeat, no-repeat;
background-size:auto 70px, auto 70px;
}



@media screen and (max-width: 1100px) {

    #donatron {
    padding:10px 0 0 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    }

    #donation-switcher .donation-slide label i {display:none;}
}

@media screen and (max-width: 900px) {

    #donatron-modal {
    z-index:9999;
    top:60px;
    }
}

@media screen and (max-width: 700px) {

    #donatron {
    padding:50px 0 0 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    }

    #donation-stage-tabs {padding:10px 0 15px 0;}

    #donation-switcher .donation-slide {
    display:block;
    width:100%;height:auto;
    text-align:left;
    text-align-last:left;
    margin:0 0 10px 0;padding:20px;
    }

    #donation-switcher .donation-slide h4 {padding:10px;}
    #donation-switcher .donation-slide p {
    display:block;
    -webkit-line-clamp:99;
    -webkit-box-orient:inline-axis;
    padding:5px 10px;
    overflow:visible;
    }
    #donation-switcher .donation-slide .donation-image {
    float:left;
    width:130px;
    margin:0 10px 0 0;
    }


    #donation-checkout .donation-content,
    #donation-checkout .donation-sidebar {
    float:none;
    width:100%;
    }

    #donation-checkout .donation-phone {
    position:static;
    text-align:center;
    text-align-last:center;
    padding:0 0 20px 0;
    }


    .donation-checkboxes fieldset {
    float:none;
    display:block;
    width:100%;
    font-size:14px;
    text-align:center;
    text-align-last:center;
    padding:10px 0;
    }
    .donation-checkboxes legend {padding:10px 0 0 0;}

    .donation-checkboxes .donation-recipient-option {
    text-align:center;
    text-align-last:center;
    }

    #donation-switcher .donation-slide .donation-custom {
    clear:both;
    position:static;
    display:block;
    text-align:center;
    text-align-last:center;
    padding:10px 10px 0 10px;
    }
    #donation-switcher .donation-slide .donation-custom input {
    position:static;
    display:inline-block;
    padding:5px;
    }
    #donation-switcher .donation-slide .donation-custom label {padding:0 5px 0 0;}
    #donation-switcher .donation-slide .donation-custom label i {display:inline;}

    .donation-checkboxes .donation-annual-option {
    text-align:center;
    text-align-last:center;
    padding:20px 0 0 0;
    }

    #donatron .donation-buttons {
    position:relative;bottom:auto;
    bottom:auto;
    padding:20px;
    }


    #donation-stage-tabs {
    text-align:center;
    text-align-last:center;
    }
    #donation-stage-tabs li {padding:0 10px;}
    #donation-stage-tabs li:first-child {padding:0 10px 0 0;}
    #donation-stage-tabs li:last-child {padding:0 0 0 10px;}


    #donation-checkout .row input[name$=postcode],
    #donation-checkout .row input[name$=billing_title],
    #donation-checkout .row input[name$=shipping_title] {width:150px;}

    #donation-checkout .row input[name$=billing_first_name],
    #donation-checkout .row input[name$=shipping_first_name],
    #donation-checkout .row input[name$=billing_last_name],
    #donation-checkout .row input[name$=shipping_last_name],
    #donation-checkout .row input[name$=account_holder],
    #donation-checkout .row input[name$=home_phone],
    #donation-checkout .row input[name$=mobile_phone],
    #donation-checkout .row input[name$=email] {width:75%;}



    #donation-switcher, #donation-details,
    #donation-checkout .donation-content {padding:0;}


}


@media screen and (max-width: 600px) {


    #donation-type-tabs {padding:10px 0 0 0;}

    #donation-type-tabs li {
    position:static;
    display:block;
    width:100%;
    padding:10px 0;
    background:#fff;
    }

    #donation-type-tabs li:hover {background:#fff;}
    #donation-type-tabs li.donate-active {
    font-weight:bold;
    padding:10px 0;
    }


    /*== live stuff */
    #donation-switcher .donation-content {top:0;}

    .donation-checkboxes .donation-annual-option {
    float:none;
    clear:both;
    text-align:center;
    text-align-last:center;
    }


    #donation-stage-tabs {
    display:block;
    width:auto;
    }

    .donatron-modal #donatron-modal:before {
    background-image:url(../images/modal_logo.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:auto 70px;
    }

    #donation-switcher .donation-description p {font-size:12px;}

}

@media screen and (max-width: 500px) {

    #donation-stage-tabs:after {
    font-size:18px;
    padding:20px 0 0 0;
    }

    #donation-stage-tabs li {
    font-size:11px;
    text-transform:capitalize;
    }
    #donation-stage-tabs li:before {
    content:counter(stage);
    font-size:24px;
    height:40px;width:40px;
    line-height:37px;
    }
    #donation-stage-tabs li i {display:none;}


    #donation-checkout .row label,
    #donation-checkout .row select,
    #donation-checkout .row input {
    display:block;
    width:100%;
    }
    #donation-checkout .row label {padding:0 0 10px 0;}

    #donation-checkout .row input[name*=sort_code] {display:inline-block;}

    #donation-details .donation-description p b {font-size:15px;}

    #donation-details fieldset h4 label {
    float:none;
    display:block;
    font-size:13px;
    padding:10px 0;
    }

}

@media screen and (max-width: 450px) {

    #donatron .donation-buttons {padding:5px 20px;}

    #donatron .donation-buttons a,
    #donatron .donation-buttons a.button-exit,
    #donatron .donation-buttons a.button-prev,
    #donatron .donation-buttons a.button-next {
    display:block;
    float:none;
    margin:15px;
    }
    #donatron .donation-buttons a span {display:block;}

    form.invalid .donation-buttons:before {top:-5px;left:20px;right:20px;}

}

@media screen and (max-width: 400px) {

    #donation-switcher .donation-slide .donation-image {
    width:75px;height:50px;
    margin:0 10px 0 0;
    }

    #donation-switcher .donation-slide h4 {
    font-size:19px;
    line-height:50px;
    padding:0;margin:0;
    }

    #donation-switcher .donation-slide p {
    clear:both;
    margin:10px 0 0 0;
    padding:0;
    }

}

@media screen and (max-width: 350px) {


    #global .top-nav-right li.semi {display:none;}

    #donatron-close {
    font-size:11px;
    right:0;
    }


}


#donation-details .row {
    margin-left: 0;
    margin-right: 0;
}

#donation-checkout .row input[type="checkbox"] {
    margin-top: 1em;
}
.donation-contact p {
    margin-bottom: 0;
}
.campaign-monitor-signup .opt-in-error,
#donatron .opt-in-error {
    display: block;
    background: #ffd4d4;
    color: #4c0000;
    font-weight: bold;
    margin: -20px -30px 20px -20px;
    padding: 1em 2em;
}