@viewport{
width:device-width;
zoom:1.0;
}
@-ms-viewport{
width:device-width;
zoom:1.0;
}



/*GLOBAL*/

html,
body{
height:100%;
width:100%;
min-width:20em;
margin:0;
padding:0;
font-family:'Acumin Pro','acumin-pro';
font-style:normal;
font-weight:400;
font-size:100%;
background:#f0ede8;
color:#292723;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:scrollbar;
}
header,
article,
section,
aside,
footer{
display:block;
max-width:64em;
margin:0 auto;
}
h1{
line-height:1.333;
font-weight:600;
font-size:187.5%;
}
h2{
line-height:1.25;
font-family:'Acumin Pro SemiCondensed','acumin-pro-semi-condensed';
font-weight:600;
font-size:225%;
}
h3{
line-height:1.333;
font-family:'Acumin Pro SemiCondensed','acumin-pro-semi-condensed';
font-weight:600;
font-size:187.5%
}
h4{
line-height:1.4;
font-family:'Acumin Pro','acumin-pro';
font-style:normal;
font-weight:600;
font-size:156.25%;
}
a{
text-decoration:none;
color:#292723;
}
p{
line-height:1.5;
}
strong,b{
font-weight:600;
}
img{
border:0;
}
blockquote{
margin:1.5em 0 3em 4em;
padding:0 0 0 1.5em;
border-left:0.125em solid #bcb9af;
}
input,
textarea,
button,
select,
option{
font-family:'Acumin Pro','acumin-pro';
}



/*LAYOUT*/

*.max_width{
padding-left:2.5em !important;
padding-right:2.5em !important;
}
div.ZoneContainer:after{
content:'';
display:table;
clear:both;
}



/*TEXT + UTILITIES*/

*.clear_after:after{
content:'';
display:table;
clear:both;
}
*.baseline_after:after{
content:'';
display:inline-block;
height:100%;
}
a.round_button{
display:block;
height:2.5em;
padding:0 2em;
white-space:nowrap;
font-weight:600;
border:0.125em solid #e86d1f;
border-radius:2em;
box-sizing:border-box;
cursor:pointer;
}
a.round_button span,
a.round_button font{
position:relative;
top:-0.375em;
font-family:'Acumin Pro','acumin-pro';
font-size:162.5%;
}
a.round_button span:nth-child(2){
display:none;
}
a.round_button.arrow_down{
padding:0 3.5em 0 1em;
background:url('/images/2017-appeals/Arrow-Down.png') 100% 50% / auto 3.66em no-repeat;
}
a.round_button.arrow_right{
padding:0 3.5em 0 1em;
background:url('/images/2017-appeals/Arrow-Right.png') 100% 50% / 3.66em auto no-repeat;
}
a.round_button.arrow_down:hover,
a.round_button.arrow_right:hover{
background:url('/images/2017-appeals/Icon-Smile-Small.png') 100% 50% / 3.66em auto no-repeat;
}
blockquote.small > span{
line-height:1.333;
font-size:150%;
color:#d15a03;
}
blockquote.large > span{
line-height:1.277;
font-family:'Acumin Pro SemiCondensed','acumin-pro-semi-condensed';
font-size:225%;
font-weight:600;
color:#d15a03;
}
blockquote.small > span.credit,
blockquote.large > span.credit{
display:block;
margin-top:0.25em;
font-family:inherit;
font-size:112.5%;
font-weight:600;
color:inherit;
}



/*BANNER*/

div.header_layout{
}
div.banner_photo{
position:relative;
margin:0 auto;
padding:0 0 30.468% 0;
background-image:url('/images/2017-appeals/Banner-BG-Step1.jpg');
background-position:50% 50%;
background-size:cover;
background-repeat:no-repeat;
}
div.banner_tagline{
position:absolute;
top:0;
max-width:16em;
padding:1.75em 0;
}
div.banner_tagline h1{
margin:0;
padding:0;
color:#fff;
}
div.banner_logo{
position:absolute;
top:0;
left:0;
right:0;
height:100%;
}
div.banner_logo img{
display:block;
float:right;
max-height:53.205%;
width:auto;
margin:2.25em 2.875em 0 0;
margin:2.25em 2em 0 0;
}
div.banner_title{
display:table;
width:100%;
background:#fad12a;
}
div.banner_heading{
width:100%;
padding:2em 0;
box-sizing:border-box;
}
div.banner_heading h2{
margin:0;
padding:0;
line-height:1.167;
}
div.banner_title > div{
display:table-cell;
vertical-align:middle;
}
div.banner_donate{
display:none !important;
text-align:right;
border-left:0.125em solid #fff;
}
div.banner_donate a{
display:block;
margin:0 0 0 -0.75em;
}



/*DREAM JOB APPEAL CONTENT*/

div.appeal_layout div.banner_donate{
display:table-cell !important;
}
div.section_layout_1{
margin-top:5em;
}
div.section_layout_1 h2{
margin:0;
}
div.section_layout_1 p{
font-size:150%;
}
div.section_layout_3{
margin-top:3em;
}
div.section_layout_3 p,
div.section_layout_4 p{
font-size:125%
}
div.section_layout_4 p:last-child{
line-height:1.4;
font-size:156.25%;
font-weight:600;
}
div.content_inner{
padding:0 4em;
margin:0 auto;
}
div.section_layout_wide div.content_inner{
max-width:100%;
padding:0 1em;
}
div.content_inner img{
height:auto;
max-width:100%;
}
div.section_layout_wide p > img{
display:block;
margin:2.5em 0 3em 0;
}



/*GENERIC APPEAL CONTENT*/

div#appeal_content{
max-width:51em;
margin:0 auto;
}
div#appeal_content > h2:first-child{
margin-top:1.25em;
}
div#appeal_content > h2:first-child+p{
font-size:150%;
}
div#appeal_content > p{
font-size:125%;
}
div#appeal_content img{
height:auto;
width:100%;
}



/*DONATION CALLOUT*/

div.donate_callout{
padding:1.5em 0;
background:#fed52a;
border-radius:0.25em;
}
div.donate_callout h3{
max-width:66.666%;
margin:0;
padding:0;
float:left;
}
div.donate_callout a.round_button{
float:right;
}



/*FORM LOADER*/

div#content_loader{
display:none;
height:8em;
width:8em;
margin:0 auto;
}
div#processing_text{
display:none;
text-align:center;
font-weight:600;
font-size:175%;
}



/*SUBMISSION RESULT*/

div#bboxdonation_divThanks{
padding:1em 2em 2em 2em;
font-size:137.5% !important;
background-color:#fad12a;
}
div#BBFormConfirmationTransactionDetails{
padding:1em 1.5em;
background:#fff;
border:0.1375em solid #e86d1f;
border-radius:0.5em;
}



/*FORM LAYOUT*/

div.form_layout{
margin:2em auto 3em auto;
}
div.form_layout > div.content_inner > p{
font-size:125%;
}
div.form_layout > div.content_inner > p+div#bbox-root{
margin-top:2em;
}
div#bbox-root{
display:none;
}
div.BBFormContainer{
max-width:38em;
padding:0 !important;
font-size:100% !important;
background-color:transparent !important;
border-radius:0 !important;
}
div.BBFormSection{
max-width:100% !important;
margin:0 !important;
}
fieldset{
margin:0 !important;
padding:0 !important;
}
fieldset > legend+div{
margin:0 !important;
padding:0 !important;
}
legend div.BBFormSectionHeading{
margin:0 !important;
padding:1.333em 0 0.333em 0 !important;
font-size:225% !important;
font-weight:600 !important;
border-width:0 !important;
}
div#divClientError+div.BBFormSection div.BBFormSectionHeading{
padding-top:0 !important;
}
*.section_hidden{
position:absolute !important;
left:-999em !important;
border:1px solid red !important;
}



/*FORM NAV*/

ul#form_nav{
display:none;
margin:0 auto;
padding:0;
list-style:none;
background-color:#fad12a;
border-top:0.125em solid #fff;
}
ul#form_nav:after{
content:'';
display:table;
clear:both;
}
ul#form_nav li{
width:33.333%;
margin:0;
padding:0 2.5em;
float:left;
list-style:none;
box-sizing:border-box;
}
ul#form_nav a{
display:block;
height:4em;
line-height:4em;
text-decoration:none;
}
ul#form_nav span{
font-size:125%;
font-weight:600;
color:#d15a03;
cursor:pointer;
}
ul#form_nav li.active span{
color:#000;
}



/*TAB LAYOUT*/

div#donation_tabs{
max-width:57em;
margin:0 auto;
padding:2em 0;
background-color:#fad12a;
}
div#donation_tabs.no_background{
background-color:transparent;
}
div#donation_tabs div.BBDFormSectionPaymentInfo,
div#donation_tabs div.BBDFormSectionPaymentInfo legend,
div#donation_tabs div.BBDFormSectionBillingInfo,
div#donation_tabs div.BBDFormSectionBillingInfo legend,
div#donation_tabs div.BBFormButtonRow{
display:none;
}
div#donation_tabs div.BBDFormSectionPaymentInfo,
div#donation_tabs div.BBDFormSectionBillingInfo{
margin-top:-2em !important;
padding-bottom:3em !important;
}
div#donation_tabs legend div.BBFormSectionHeading{
padding-top:0 !important;
}
a#tab_link{
position:absolute;
}



/*FORM FIELDS*/

select{
text-transform:capitalize;
color:#000 !important;
}
option{
text-transform:none;
color:#000 !important;
text-transform:uppercase;
}
option:first-child{
text-transform:capitalize;
}
input.BBFormTextbox{
display:block !important;
height:2.1818em;
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 1em !important;
font-size:137.5% !important;
color:#292723;
background:#fff;
border:1px solid #a1a1a1 !important;
border-radius:1.0909em !important;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
}
select.BBFormSelectList{
display:block !important;
height:2.1818em;
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 1em !important;
font-size:137.5% !important;
background:url("/images/2017-appeals/Form-Arrow-Down.png") 100% 50% / auto 100% no-repeat #fff;
border:1px solid #a1a1a1 !important;
border-radius:1.0909em !important;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
}
select.BBFormSelectList::-ms-expand{
display:none;
}
textarea.BBFormTextArea{
display:block !important;
height:4.3636em !important;
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0.666em 1em !important;
overflow:auto;font-size:137.5% !important;
border:1px solid #a1a1a1 !important;
border-radius:1.0909em !important;
}
*.BBFormTextbox:not(:focus),
*.BBFormTextbox:focus,
*.BBFormTextArea:not(:focus),
*.BBFormTextArea:focus,
*.BBFormSelectList:not(:focus),
*.BBFormSelectList:focus{
opacity:1 !important;
}
*.GhostText:not(:focus),
*.GhostText:focus{
text-transform:capitalize;
color:#000 !important;
opacity:1 !important;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
text-transform:capitalize;
color:#000 !important;
opacity:1 !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder{
text-transform:capitalize;
color:#000 !important;
opacity:1 !important;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
text-transform:capitalize;
color:#000 !important;
opacity:1 !important;
}
input:placeholder,
textarea:placeholder{
text-transform:capitalize;
color:#000 !important;
opacity:1 !important;
}
div.BBFormFieldContainer{
width:100% !important;
margin:1em 0 0 0 !important;
}
div.BBFormFieldContainer div.BBFormFieldContainer{
margin-top:0 !important;
}
div.BBFormFieldContainer:after{
content:'';
display:table;
clear:after;
}
div.BBFormFieldContainer > label,
div.BBFormFieldContainer > span.BBFormFieldLabel{
position:absolute !important;
left:-999em !important;
border:1px solid red;
}
div.BBFormFieldContainer > input[type="checkbox"]+label{
position:static !important;
font-size:137.5% !important;
border:0 !important;
}
div.BBFormIndivFields{
margin:0 !important;
}



/*MODIFIED FIELDS - EXPIRY*/

div.BBExpirationCSC:after{
content:'';
display:table;
clear:both;
}
div.BBFieldExpiration,
div.BBFieldExpiration.BBFormErrorBlock{
width:66.666% !important;
padding-right:1em !important;
}
div.BBFieldExpiration select{
width:50% !important;
float:left !important;
}
select#bboxdonation_payment_cboMonth{
border-radius:1.0909em 0 0 1.0909em !important;
}
select#bboxdonation_payment_cboYear{
margin-left:-1px !important;
border-radius:0 1.0909em 1.0909em 0 !important;
}
div.BBFieldSecurityCode,
div.BBFieldSecurityCode.BBFormErrorBlock{
position:relative;
width:33.333% !important;
padding-left:1em !important;
}
a#cscWhatsThis{
position:absolute;
top:0;
right:0;
margin-top:-1em;
}



/*MODIFIED FIELDS - TWO FIELDS*/

div.BBTwoFields input.BBFormTextbox,
div.BBTwoFields select.BBFormSelectList{
width:calc(50% - 0.875em) !important;
float:left !important;
}
div.BBTwoFields input+label+input.BBFormTextbox,
div.BBTwoFields select+label+input.BBFormTextbox,
div.BBTwoFields input+label+select.BBFormSelectList,
div.BBTwoFields select+label+select.BBFormSelectList{
float:right !important;
}



/*MODIFIED FIELDS - THREE FIELDS*/

div.BBThreeFields input.BBFormTextbox,
div.BBThreeFields select.BBFormSelectList{
width:calc(33.333% - 0.875em) !important;
float:left !important;
}
div.BBThreeFields label:nth-of-type(2)+input.BBFormTextbox,
div.BBThreeFields label:nth-of-type(2)+select.BBFormSelectList{
margin:0 1.3em !important;
}



/*MODIFIED FIELDS - ADDRESS*/

input#bboxdonation_billing_billingAddress_txtUKPostCode{
width:calc(50% - 0.875em) !important;
}



/*MODIFIED FIELDS - BSB*/

div#BBFormDDRoutingData{
position:absolute;
width:calc(50% - 0.875em);
}
div.BBFormDirectDebitDetails{
position:relative;
}
div#bboxdonation_payment_BBFormDDRoutingBSBNumber{
position:relative;
text-align:center;
}
input#bboxdonation_payment_txtBSBNumber1{
position:absolute;
top:0;
left:0;
width:50% !important;
border-radius:1.0909em 0 0 1.0909em !important;
}
input#bboxdonation_payment_txtBSBNumber2{
position:absolute;
top:0;
right:1px;
width:50% !important;
border-radius:0 1.0909em 1.0909em 0 !important;
}
a#routingAUSWhatsThis{
display:none;
}
div#BBFormDDRoutingData+div.BBFormFieldContainer{
height:4.1818em;
width:calc(50% - 0.875em) !important;
float:right;
}
label#bboxdonation_payment_lblAccountHolder{
}




/*FORM BUTTONS*/

div.BBFormButtonRow{
margin:2em 0 0 0 !important;
}
a.tab_button{
display:block;
height:2.75em;
cursor:pointer;
}
a.tab_button:after{
content:'';
display:inline-block;
height:100%;
}
a.tab_button_next{
padding:0 3.5em 0 1.5em;
float:right;
background:url('/images/2017-appeals/Button-Arrow-Right.png') 100% 50% / auto 7em no-repeat #f9d029;
border-radius:2em 0 0 2em;
}
a.tab_button_back{
padding:0 1.5em 0 3.5em;
float:left;
background:url('/images/2017-appeals/Button-Arrow-Left.png') 0 50% / auto 7em no-repeat #f9d029;
border-radius:0 2em 2em 0;
}
a.tab_button span{
position:relative;
top:-0.5em;
text-transform:lowercase;
font-size:168.75%;
font-weight:600;
}
a#amount_next{
height:3.5em;
max-width:18em;
margin:0 auto;
padding:0 0 0 1.5em;
float:none;
background:url('/images/2017-appeals/Arrow-Right.png') 100% 50% / 5em auto no-repeat;
border:0.225em solid #e86d1f;
border-radius:2em;
}
a#amount_next:hover{
background:url('/images/2017-appeals/Icon-Smile-Small.png') 100% 50% / 5em auto no-repeat;
}
a#amount_next span{
top:-0.475em;
text-transform:none;
font-size:200%;
}
div.tab_buttons{
margin-top:2em;
}
div.tab_buttons:after{
content:'';
display:table;
clear:both;
}
input.BBFormSubmitbutton,
input.BBFormSubmitbutton:hover{
height:1.666em !important;
margin:0 !important;
padding:0 2em 0 0.875em !important;
float:right !important;
text-transform:lowercase;
font-size:167.5% !important;
color:#000 !important;
background:url('/images/2017-appeals/Button-Arrow-Right.png') 100% 50% / 2.5em auto no-repeat #fad12a !important;
border-radius:2em 0 0 2em !important;
outline:0;
box-shadow:none !important;
}



/*FORM VALIDATION*/

div#divClientError,
div#divError{
margin:0 0 2em 0;
padding:2em !important;
background:#fff !important;
border:1px solid #ff0000 !important;
border-radius:0.5em !important;
}
div#donation_tabs.no_background div#divError{
margin:0 0 4em 0;
}
div#divClientError div.BBFormErrorItem,
div#divError div.BBFormErrorItem{
display:block !important;
margin:0 !important;
padding:0 !important;
font-size:137.5%;
color:#ff0000;
}
div#divClientError ul{
margin:1em 0 0 0 !important;
padding:0 !important;
font-size:100%;
}
div.BBFormErrorBlock{
padding:0 !important;
background-color:transparent !important;
border:0 !important;
border-radius:0 !important;
}
input.BBFormTextbox.validation_error,
select.BBFormSelectList.validation_error,
textarea.BBFormTextArea.validation_error{
border-color:#ff0000 !important;
}
span.BBFormErrorBlock{
margin:0 !important;
padding:0 !important;
background:transparent !important;
}
div.BBFormErrorItem{
display:none !important;
}



/*GIFT TYPE SELECTORS*/

div.gift_selector{
border:0.1875em solid #e86d1f;
border-radius:0.5em;
}
div.gift_selector div{
height:4em;
width:50%;
float:left;
text-align:center;
cursor:default;
background-color:#fff;
border-radius:0 0.33em 0.33em 0;
}
div.gift_selector div:first-child{
border-right:0.1875em solid #e86d1f;
border-radius:0.33em 0 0 0.33em;
}
div.gift_selector div:after{
content:'';
display:inline-block;
height:100%;
}
div.gift_selector span{
position:relative;
top:-0.5625em;
padding:0 !important;
float:none !important;
text-transform:capitalize;
font-size:225%;
font-weight:600;
}
div.gift_selector div.active{
background-color:#fad12a;
}


/*GIFT FREQUENCY*/

div.frequency_type{
margin:0 auto 2em auto;
}
div.frequency_type div{
}
div.frequency_type div:first-child{
}
div.frequency_type div:after{
}
div.frequency_type span{
}
div.frequency_type div.active{
}
div#donation_tabs div.frequency_type div{
background-color:transparent;
}
div#donation_tabs div.frequency_type div.active{
background-color:#fff;
}
div.BBFormSectionRecurrenceInfo{
margin-top:1em;
}
div.BBFormSectionRecurrenceInfo legend,
div#bboxdonation_recurrence_divRecurrenceCheckbox{
position:absolute !important;
left:-999em !important;
border:1px solid red;
}
div.BBFormSectionRecurrenceInfo div.BBFormFieldContainer,
div.BBFormFieldRecurrenceInfo,
div.BBRecurrenceFieldContainer{
margin:0 !important;
padding:0 !important;
}
div.BBRecurrenceFieldContainer select.BBFormSelectList{
font-size:112% !important;
}
div.BBFormSectionRecurrenceInfo div.BBFormFieldRecurrenceInfo span{
font-size:137.5% !important;
font-style:normal !important;
}
span#lblRecurrenceNextGiftDate{
display:block !important;
margin-top:1em !important;
}



/*PAYMENT METHOD*/

div.BBFormPaymentChoice div.BBFormFieldContainer{
margin:0 !important;
}
div.BBFormFieldContainerPaymentMethods{
display:block !important;
}
div.BBFormFieldContainerPaymentMethods div{
position:absolute;
left:-999em;
}
div.BBFormFieldContainerPaymentMethods div.payment_type,
div.BBDFormSectionPaymentInfo div.payment_type{
position:static;
margin:0 auto 1em auto;
}
div.BBFormFieldContainerPaymentMethods > div{
display:block !important;
width:50% !important;
float:left !important;
clear:none !important;
}
div.BBFormFieldContainerPaymentMethods:after{
content:'';
display:table;
clear:both;
}
div.BBFormFieldContainerPaymentMethods label{
position:static !important;
width:100% !important;
min-width:100% !important;
padding:0.333em !important;
float:none !important;
font-size:225% !important;
font-weight:600 !important;
color:#000 !important;
background-color:#fff !important;
border:0.0833em solid #e86d1f !important;
-webkit-transition:none !important;
transition:none !important;
}
div.BBFormFieldContainerPaymentMethods label.BBFormRadioPaymentSelected{
background-color:#fad12a !important;
}
label#bboxdonation_payment_lblChoiceCredit{
border-radius:0.25em 0 0 0.25em !important;
}
label#bboxdonation_payment_lblChoiceDirectDebit{
margin-left:-0.0833em !important;
border-radius:0 0.25em 0.25em 0 !important;
}



/*COMMENTS*/

div.BBFormSection.BBDFormSectionComments{
display:none !important;
}



/*GIFT HANDLES - BUTTONS*/

div.BBFormRadioList{
display:block !important;
margin:0 auto;
}
div.BBFormRadioList:after{
content:'';
display:table;
clear:both;
}
div.BBFormRadioItem.BBFormRadioGivingLevelItem{
margin:0 1em 1em 0 !important;
padding:0 !important;
float:left;
border:0.1875em solid #e86d1f;
border-radius:0.5em;
}
label.BBFormRadioLabelGivingLevel{
min-width:100% !important;
float:none !important;
font-size:100% !important;
border:0 !important;
border-radius:0.333em !important;
}
span.BBFormRadioAmount{
font-size:225%;
font-weight:600;
color:#000 !important;
}
label.BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelSelected{
background-color:#fad12a !important;
}



/*GIFT HANDLES - LIST*/

div.BBFormFieldContainerGivingLevels[data-style="List"] span#bboxdonation_gift_lblGivingLevels{
position:absolute;
left:-999em;
border:1px solid red !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] div.BBFormRadioList{
border:0.1875em solid #e86d1f;
border-radius:0.5em;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] div.BBFormRadioItem.BBFormRadioGivingLevelItem{
margin:0 !important;
padding:0 !important;
float:none;
border-width:0.1875em 0 0 0 !important;
border-radius:0 !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] div.BBFormRadioButtonContainer{
position:relative;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] div.BBFormRadioItem.BBFormRadioGivingLevelItem:first-child{
border-width:0 !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] div.BBFormRadioItem.BBFormRadioGivingLevelItem:first-child label.BBFormRadioLabelGivingLevel{
border-radius:0.33em 0.33em 0 0 !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] div.BBFormRadioItem.BBFormRadioGivingLevelItem:last-child label.BBFormRadioLabelGivingLevel:after{
position:static !important;
height:0 !important;
width:0 !important;
padding:0 !important;
clear:both !important;
border:0 !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] div.BBFormRadioItem.BBFormRadioGivingLevelItem:last-child label.BBFormRadioLabelGivingLevel{
border-radius:0 0 0.33em 0.33em !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] div.BBFormRadioItem.BBFormRadioGivingLevelItem:last-child div.BBFormRadioButtonContainer:before{
content:'My choice';
display:block;
position:absolute;
top:50%;
left:1em;
font-size:162.5%;
font-weight:600;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
div.BBFormFieldContainerGivingLevels[data-style="List"] input.BBFormRadioButton{
position:absolute;
left:-999em;
margin:0 !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabel.BBFormRadioLabelGivingLevel{
display:block !important;
padding:1em !important;
border:1px solid #000;
background-color:#fff;
border-radius:0 !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabel.BBFormRadioLabelGivingLevel:after{
content:'';
display:block;
position:absolute;
top:50%;
right:1.5em;
height:2.5em;
width:2.5em;
padding:0.375em;
background-color:#fff;
background-clip:border-box;
border:1px solid #000;
border-radius:50%;
box-sizing:border-box;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabel.BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelSelected:after{
background-color:#e86d1f;
background-clip:content-box;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] span.BBFormRadioAmount{
display:block;
position:absolute;
top:50%;
left:0.75em;
padding:0 !important;
font-weight:600 !important;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
div.BBFormFieldContainerGivingLevels[data-style="List"] span.BBFormRadioAmount:after{
content:'';
display:inline-block;
height:100%;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] span.BBFormRadioDescription{
display:block !important;
width:100% !important;
max-width:100% !important;
padding:0 4em 0 5.5em !important;
float:none !important;
font-size:125% !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] span.BBFormRadioDescriptionOther{
display:none !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] input.BBFormGiftOtherAmount{
height:1.4em !important;
width:50% !important;
float:right;
margin:0 0.5em 0 0 !important;
padding:0 0.5em !important;
font-size:225% !important;
font-weight:600 !important;
background:transparent !important;
border-width:0 0 0.0625em 0 !important;
border-style:dotted !important;
border-color:#000 !important;
border-radius:0 !important;
outline:0 !important;
box-shadow:none !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] input.BBFormGiftOtherAmount.amount_error{
color:#ff0000 !important;
}



/*TAB COLOURS - AMOUNT*/

div#donation_tabs div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabel.BBFormRadioLabelGivingLevel{
background-color:transparent !important;
}
div#donation_tabs div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelSelected{
background-color:#fff !important;
}



/*DONATION FOOTER*/

div.donation_tagline{
margin:0 0 4em 0;
text-align:center;
font-family:'Acumin Pro SemiCondensed','acumin-pro-semi-condensed';
}
div.donation_tagline > div{
display:table;
margin:0 auto;
}
div.donation_tagline div > img{
display:block;
height:auto;
max-width:11.125em;
margin:0 auto;
}
div.donation_tagline p{
font-size:150%;
}
div.donation_tagline a.round_button{
font-size:150%;
background:#fad12a;
}
div.appeal_form_image *{
margin:0 !important;
padding:0 !important;
}
div.appeal_form_image img{
height:auto;
width:100% !important;
}



/*PAGE FOOTER*/

div.footer_layout{
padding:2.5em 0;
background:#212121;
}
div.footer_left,
div.footer_right{
width:50%;
float:left;
}
div.footer_layout p{
font-size:112.5%;
color:#afafaf;
}
div.footer_layout a.tel_link{
font-size:250%;
color:#fed52a;
}
ul.social_links{
display:table;
margin:0;
padding:0;
list-style:none;
}
ul.social_links li{
display:table-cell;
margin:0;
padding:0 0 0 1.66em;
list-style:none;
}
ul.social_links li:first-child{
padding-left:0;
}
ul.social_links li > a{
display:block;
height:2.75em;
width:2.75em;
text-indent:-999em;
}
li.logo_instagram > a{
background:url('/images/2017-appeals/Footer-Social-Icons.png') 0 0 / 2.75em auto no-repeat;
}
li.logo_facebook > a{
background:url('/images/2017-appeals/Footer-Social-Icons.png') 100% -4em / 2.75em auto no-repeat;
}
li.logo_twitter > a{
background:url('/images/2017-appeals/Footer-Social-Icons.png') 100% -8em / 2.75em auto no-repeat;
}
li.logo_youtube > a{
background:url('/images/2017-appeals/Footer-Social-Icons.png') 100% -12em / 2.75em auto no-repeat;
}
ul.site_links{
margin:0;
padding:0;
list-style:none;
}
ul.site_links li{
display:inline;
margin:0 0 0 1.25em;
line-height:4em;
}
ul.site_links li:first-child{
margin:0;
}
ul.site_links li > a{
font-size:87.5%;
color:#afafaf;
}
div.footer_inner:nth-child(2) div.footer_right{
display:none;
max-width:17em;
}
div.footer_inner:nth-child(2) img{
display:block;
height:5.5em;
width:auto;
margin:0 1em 0 0;
float:right;
}



/*MEDIA QUERY - DESKTOP ONLY >768px*/

@media only screen and (min-width:48.0625em){

/*APPEAL CONTENT*/

div.section_layout_1{
margin-top:2.5em;
}
div.section_layout_3{
margin-top:1.5em;
}
blockquote{
margin-bottom:1.5em;
}

}




/*MEDIA QUERY - TABLET ONLY 480px-768px*/

@media only screen and (min-width:30.0625em) and (max-width:48em){

/*BANNER*/

div.banner_photo{
padding:0 0 41.015% 0;
}
div.banner_logo img{
margin:2.25em -0.5em 0 0;
}
div.banner_title > div{
padding:1.5em 0;
vertical-align:top;
}
div.banner_heading h2{
line-height:1.25;
font-size:250%;
}
div.banner_donate a.round_button{
height:9.5em;
width:9.5em;
text-align:center;
border-radius:50%;
border-width:0.1875em;
box-sizing:border-box;
}
div.banner_donate a.round_button.arrow_down:hover{
background:url('/images/2017-appeals/Icon-Smile-Large.png') 50% 50% / 100% auto no-repeat;
}
div.banner_donate a.round_button.arrow_down:hover span:nth-child(2),
div.banner_donate a.round_button span:first-child{
display:none;
}
div.banner_donate a.round_button span:nth-child(2){
display:inline;
top:-1.875em;
}
div.banner_donate a.round_button.arrow_down{
background-position:50% 110%;
background-size:auto 5em;
}
div.banner_donate a span{
margin:0;
font-size:218.75%;
}
div.banner_donate a span:nth-child(2){
display:none;
}

div.donate_callout h3{
max-width:50%;
}
div.section_layout_3 p{
font-size:112.5%;
}

/*PAGE FOOTER*/

div.footer_layout div.max_width{
padding-left:5em !important;
padding-right:5em !important;
}

}



/*MEDIA QUERY - TABLET <=768px*/

@media only screen and (max-width:48em){

/*GLOBAL*/

blockquote{
margin-left:2em;
}

/*BANNER*/

div.banner_logo{
left:auto;
width:33.333%;
background:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15));
background:-o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.15));
background:-moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.15));
background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.15));
}
div.banner_heading h2{
max-width:100%;
}

/*FORM LAYOUT*/

div.form_layout div.content_inner{
padding-left:0;
padding-right:0;
}

/*APPEAL CONTENT*/

div.section_layout_1{
margin-top:3em;
}
div.content_inner{
padding:0 2.5em;
}
div.section_layout_wide div.content_inner{
padding:0;
}
div.section_layout_2 p,
div.section_layout_4 p{
font-size:112.5%;
}
div.section_layout_3 p + p > strong{
font-size:125%;
}
div.section_layout_3 blockquote + p > img{
display:none;
}
div.section_layout_4 p:last-child{
font-size:125%;
}
div.section_layout_wide p > img{
margin:2em 0 2.5em 0;
padding:0 2.5em;
box-sizing:border-box;
}

}



/*MEDIA QUERY - MOBILE <=480px*/

@media only screen and (max-width:30em){

/*GLOBAL*/

h2{
line-height:1.285;
font-size:175%;
}
h3{
font-size:175%;
}
h4{
font-size:150%;
}
p{
line-height:1.454;
font-size:137.5%;
}
blockquote{
margin-left:0.5em;
padding-left:0.75em;
}

/*LAYOUT*/

div.max_width{
padding-left:1.25em !important;
padding-right:1.25em !important;
}

/*BANNER*/

div.banner_photo{
padding:0 0 57.6% 0;
background-size:auto 120%;
}
body.cm-article1491 div.banner_photo{
background-size:auto 120%;
}
div.banner_tagline{
display:none;
}
div.banner_logo img{
position:absolute;
right:1em;
max-height:65%;
margin:1.375em -0.5em 0 0;
}
div.banner_title{
display:block;
padding:1.75em 0;
}
div.banner_title > div{
display:block;
padding:0;
border:0;
}
div.banner_donate{
text-align:center;
}
div.appeal_layout div.banner_donate{
display:block !important;
}
div.banner_donate a.round_button{
display:inline-block;
margin:1.125em auto 0 auto;
}

/*APPEAL CONTENT*/

blockquote.large > span{
line-height:1.285;
font-size:175%;
}
blockquote.large > span.credit{
margin-top:1em;
font-size:100%;
}
div.section_layout_3{
margin-top:2em;
}
div.section_layout_3 p + p > strong{
font-size:inherit;
}
div.section_layout_4 p{
}
div.section_layout_4 p:last-child{
display:block;
font-size:150%;
}
div.content_inner{
padding:0;
}
div.section_layout_wide.max_width{
padding-left:0 !important;
padding-right:0 !important;
}
div.section_layout_wide p{
margin:0;
}
div.section_layout_wide p > img{
margin:1.5em 0 0 0;
padding:0;
}

/*DONATION CALLOUT*/

div.donate_callout{
margin-top:1em;
text-align:center;
}
div.donate_callout h3{
max-width:100%;
float:none;
line-height:1.167;
text-align:center;
}
div.donate_callout a.round_button{
display:inline-block;
margin-top:1.125em;
float:none;
}

/*FORM LAYOUT*/

div.form_layout{
margin:0 auto 2em auto;
}
div.BBFormSection fieldset legend{
display:none;
}
div#donation_tabs div.BBDFormSectionPaymentInfo,
div#donation_tabs div.BBDFormSectionBillingInfo{
margin-top:-1em !important;
}

/*SUBMISSION RESULT*/

div#bboxdonation_divThanks{
padding:0;
}
div#bboxdonation_divThanks p{
margin-top:0 !important;
font-size:100% !important;
}

/*FORM NAV*/

ul#form_nav li{
width:auto;
padding:0 0 0 1em;
}
ul#form_nav span{
font-size:112.5%;
}

/*TAB LAYOYT*/

div#donation_tabs{
padding:2em 1.5em;
}

/*GIFT HANDLES - BUTTONS*/

div.BBFormRadioItem.BBFormRadioGivingLevelItem{
display:block !important;
width:calc(50% - 0.5em) !important;
margin:0 0 1em 0 !important;
float:right !important;
}
div.BBFormRadioItem.BBFormRadioGivingLevelItem:nth-child(odd){
float:left !important;
clear:left !important;
}
div.BBFormRadioItem.BBFormRadioGivingLevelItem:last-child{
width:100% !important;
float:none !important;
}
span.BBFormRadioAmount{
font-size:150% !important;
}

/*GIFT HANDLES - LIST*/

div.BBFormFieldContainerGivingLevels[data-style="List"] div.BBFormRadioItem.BBFormRadioGivingLevelItem{
width:auto !important;
margin:0 !important;
float:none !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] span.BBFormRadioAmount{
/* top:0.625em;
left:auto;
width:auto !important;
text-align:left !important;
font-size:162.5% !important;
-webkit-transform:none;
transform:none; */
top:0.5em;
left:auto;
height:1em;
width:auto !important;
line-height:1em;
text-align:left !important;
font-size:162.5% !important;
-webkit-transform:none;
transform:none;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] span.BBFormRadioDescription{
display:none !important;
padding:2.5em 0 0 0 !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabel.BBFormRadioLabelGivingLevel{
min-height:4em;
background:url('/images/2017-appeals/Arrow-Down.png') 4em 50% / auto 4em no-repeat;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabel.BBFormRadioLabelGivingLevelSelected{
background:url('/images/2017-appeals/Arrow-Up.png') 4em -0.125em / auto 4em no-repeat;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabel.BBFormRadioLabelGivingLevelSelected span.BBFormRadioDescription{
display:block !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabel.BBFormRadioLabelGivingLevel:after{
top:1em;
font-size:87.5%;
-webkit-transform:none;
transform:none;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabel.BBFormRadioLabelGivingLevelOther,
div.BBFormFieldContainerGivingLevels[data-style="List"] label.BBFormRadioLabel.BBFormRadioLabelGivingLevelOther.BBFormRadioLabelGivingLevelSelected{
background:none !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] input.BBFormGiftOtherAmount{
width:40% !important;
padding:0 !important;
}
div.BBFormFieldContainerGivingLevels[data-style="List"] div.BBFormRadioItem.BBFormRadioGivingLevelItem:last-child div.BBFormRadioButtonContainer:before{
left:0.66em;
}

/*FORM FIELDS*/

div.BBFieldExpiration,
div.BBFieldExpiration.BBFormErrorBlock{
width:100% !important;
padding-right:0 !important;
}
div.BBFieldExpiration select{
width:100% !important;
float:none !important;
}
select#bboxdonation_payment_cboMonth{
border-radius:1.0909em !important;
}
select#bboxdonation_payment_cboYear{
margin:0.7272em 0 0 0 !important;
border-radius:1.0909em !important;
}
div.BBFieldSecurityCode,
div.BBFieldSecurityCode.BBFormErrorBlock{
width:100% !important;
padding-left:0 !important;
}
a#cscWhatsThis{
position:absolute;
top:0;
right:0;
margin-top:-1em;
}

/*MODIFIED FIELDS*/

div.BBTwoFields input.BBFormTextbox,
div.BBTwoFields select.BBFormSelectList,
div.BBThreeFields input.BBFormTextbox,
div.BBThreeFields select.BBFormSelectList,
div.BBThreeFields label:nth-of-type(2)+input.BBFormTextbox,
div.BBThreeFields label:nth-of-type(2)+select.BBFormSelectList{
width:100% !important;
margin:0.7272em 0 0 0 !important;
float:none !important;
}
input#bboxdonation_billing_billingAddress_txtUKPostCode{
width:100% !important;
}
div.gift_selector span{
top:-1.0625em;
font-size:150%;
border-width:0.125em;
}
div#BBFormDDRoutingData,
div#BBFormDDRoutingData+div.BBFormFieldContainer{
position:relative !important;
height:auto !important;
width:100% !important;
float:none !important;
}
div#BBFormDDRoutingData+div.BBFormFieldContainer{
margin-top:2.8181em !important;
}

/*FORM BUTTONS*/

input.BBFormSubmitbutton,
input.BBFormSubmitbutton:hover{
display:table !important;
width:auto !important;
font-size:150% !important;
}
div.tab_buttons{
position:relative;
}
a#payment_back,
a#address_back{
position:relative;
z-index:1;
}
a#payment_next,
a#address_next{
position:absolute;
z-index:2;
right:0;
}
a#amount_next{
font-size:75%;
}

/*DONATION FOOTER*/

div.donation_tagline div > img{
max-width:9.75em;
}
div.donation_tagline p{
margin:2em 0;
font-size:125%;
}
div.donation_tagline a.round_button{
font-size:125%;
}

/*PAGE FOOTER*/

div.footer_inner > div{
width:auto;
max-width:100%;
float:none;
text-align:center;
}
ul.social_links{
margin:0 auto;
}
div.footer_inner:first-child div.footer_right{
margin:2em auto;
}
div.footer_inner:nth-child(2){
display:table;
margin:0 auto;
}
div.footer_inner:nth-child(2) img{
margin:0 auto;
float:none;
}

}



/*GENERIC DONATE NOW PAGE*/

body.cm-article1493 section#appeal_content_placeholder,
body.cm-article1493 div.appeal_layout div.banner_donate,
body.cm-article1493 div.donation_tagline,
body.cm-article1493 div.BBDFormSectionGiftInfo > fieldset > legend,
body.cm-article1540 section#appeal_content_placeholder,
body.cm-article1540 div.appeal_layout div.banner_donate,
body.cm-article1540 div.donation_tagline,
body.cm-article1540 div.BBDFormSectionGiftInfo > fieldset > legend{
display:none !important;
}



/*DREAM JOB PAGE*/

body.cm-article1491 div#appeal_content > div.content_inner:first-child{
padding:0 !important;
}