/*Donatin Widget*/

#donationError{display:none;}

#DonationWidgetWrapper{box-sizing:border-box;display:inline-block;max-width:347px; width: 100%;padding:0;margin:0;font-size:80%;text-align:left;}
#DonationWidget{box-sizing:border-box;padding: 10px 20px 16px;margin:0;border:1px solid #d2d2d2;border-radius:10px;background:#fff;}

#DonationWidgetWrapper .warning {
	color: var(--terracottaDark, #DB380F);
	display: inline-block;
	line-height: 1.2em;
	font-size: 80%;
}

.donate-step-wrapper{border-bottom:1px solid #b9bccb;margin:0 auto 5px}
#donate-steps{margin:0 auto -1px;max-width:220px;box-sizing:border-box;display:flex;width:100%;padding:0;gap:0;justify-content:space-around;list-style:none;}
#donate-steps li{flex-grow:1}
#donate-steps div,#donate-steps a{font-size:16px;display:block;padding:10px;color:#6E7591;text-align:center;line-height:100%}
#donate-steps svg{height:20px;padding:2px 0;display:inline-block;}
#donate-steps #step-donate-payment{cursor:auto}
#donate-steps img{background:url(/images/templates/icons/donation-step-icons.png) 0 0 no-repeat;background-size:100px}
#donate-steps #step-donate-amount img{background-position:0 1px}
#donate-steps #step-donate-details img,#donate-steps .step-donate-details-faux img{background-position:-33px 1px}
#donate-steps #step-donate-payment img,#donate-steps .step-donate-payment-faux img{background-position:-67px 1px} 
#donate-steps a{display:none}
#donate-steps li:first-child a{display:block}
#donate-steps a.active,#donate-steps div.active{display:block;font-weight:700;color:#0F1E64;border-bottom:1px solid #0F1E64}
#donate-steps a.active,#donate-steps a.complete{display:block}
#donate-steps a.active + div,#donate-steps a.complete + div{display:none}
#donate-steps .active .activeMessage{display:block}
#donate-steps .complete .completeMessage{display:block}
#donate-steps .complete.active .completeMessage{display:none}
#donate-steps #step-donate-amount.active svg path, #donate-steps #step-donate-details.active svg path, #donate-steps #step-donate-payment.active svg path{fill:#0F1E64;}
#donate-steps .completeMessage,#donate-steps .activeMessage{width:1px;height:1px;position:absolute;left:-2000px;display:none}

#DonationWidget #fldDonateNext,#DonationWidget #fldDetailsNext{display:none}

#DonationWidget fieldset{margin:0;border:0;}
#DonationWidget fieldset legend{color: #0F1E64;display:none;}

#DonationWidgetWrapper .formError.messageError .paymentError{display:none}
#DonationWidgetWrapper .formError.messageError p,#DonationWidgetWrapper .formError.messageError ul{margin:0;font-size:90%;line-height:150%;}
#DonationWidget .inputError{display:none}
#DonationWidget .inputError#afPhoneLength{display:inline-block;}
#DonationWidget .hiddenField,#fldDonor{display:none!important}

#DonationWidget .fieldNext {text-align:center;}
#DonationWidget .fieldNext a.read-more{box-sizing:border-box;width:80%;color:#fff;}

#DonationWidget .fieldRow{box-sizing:border-box;width:100%;margin:0;padding:0;display:inline-block;}

#DonationWidget .fieldRow.fieldHeading p{padding:0;margin:0;font-weight:bold;color:#0F1E64;font-family: "FocoCCBold","FocoCC","FocoBold","Foco",Arial,Helvetica,Sans-Serif;font-size: 1rem;}

#DonationWidget #donate-payment-submit{width: 100%;padding: 12px 30px;margin:10px 0 0 0;border-radius: 50px;border: none;border-collapse: collapse;font-size: 100%;}

#DonationWidget .fieldLabel,#DonationWidget .fieldRow.radioListField label,#DonationWidget #fldDateOfBirth .fieldInput label{color:#5363a8;font-size:90%;font-weight:bold;line-height:160%;}
#DonationWidget .fieldRow input[type=text],#DonationWidget .fieldRow input[type=number]{box-sizing:border-box;width:100%;padding:8px;border:1px solid #f5f5f5;border-radius:10px;background:#f5f5f5;border-collapse:collapse;outline:0;color:#5363a8;font-family:"FocoCC","Foco",Arial,Helvetica,Sans-Serif;}
	#DonationWidget .fieldRow input[type=text]:focus,#DonationWidget .fieldRow input[type=number]:focus{border:1px solid #5363a8;}

#DonationWidget .fieldRow.radioListField ul{box-sizing: border-box;display:flex;gap: 5px; padding:4px;margin: 0;flex-grow: 1;justify-content: center;flex-grow: 1;border: 1px solid #d2d2d2;border-radius: 50px;}
#DonationWidget .fieldRow.radioListField ul li{margin:0;flex-grow: 1;position: relative;}
#DonationWidget .fieldRow.radioListField input[type=radio]{width: 1px; height: 1px; left: -2000px; ; position: absolute; }
#DonationWidget .fieldRow.radioListField input[type=radio]:hover + label,
#DonationWidget .fieldRow.radioListField input[type=radio]:focus + label {border-color: #000;}
#DonationWidget .fieldRow.radioListField ul{box-sizing: border-box;display:flex;gap: 5px; padding:3px;margin: 0;flex-grow: 1;justify-content: center;flex-grow: 1;border: 1px solid #d2d2d2;border-radius: 50px;}
#DonationWidget .fieldRow.radioListField ul li{margin:0;flex-grow: 1;}
#DonationWidget .fieldRow.radioListField label{box-sizing: border-box;width: 100%;padding:3px;border-radius:60px;border:1px solid #f5f5f5;display: inline-block;background:#f5f5f5;cursor:pointer;text-align: center;font-size:80%;line-height: inherit;}
	#DonationWidget .fieldRow.radioListField input[type=radio]:checked +  label{color:#fff;background:#5363a8;}
	#DonationWidget #fldFrequency{padding-top:20px;background: url(/images/fundraise/donate/most-impact.svg) top right no-repeat;background-position: calc(100%) 5px;background-size: 110px;}
	#DonationWidget #fldFrequency .fieldInput label{text-transform:uppercase;}
	#DonationWidget #fldAmounts ul{border:none;}
	#DonationWidget #fldAmounts label{border-radius:10px;}
	#DonationWidget #fldAmounts input:checked + label{color:#fff;background:#5363a8;}
	#DonationWidget #fldAmounts input + label:hover,
	#DonationWidget #fldAmounts input + label:focus	{border-color:#0f1e64;}
	#DonationWidget #fldAmounts #fldAmountsRegularList{display:none;}
	
#fldTypeDonor .fieldLabel{font-weight: bold;color:#0F1E64;font-family: "FocoCCBold","FocoCC","FocoBold","Foco",Arial,Helvetica,Sans-Serif;font-size: 1rem;}
#DonationWidget #fldDateOfBirth .fieldInput{display:flex;gap:10px;}
#DonationWidget #fldDateOfBirth .fieldInput label{display:none;}
#DonationWidget #fldDateOfBirth .fieldInput #fldDOBDD,#DonationWidget #fldDateOfBirth .fieldInput #fldDOBMM{width:55px;text-align: center;}
#DonationWidget #fldDateOfBirth .fieldInput #fldDOBYY{width:70px;text-align: center;}


#DonationWidget #fldGivenName,#DonationWidget #fldSurname,#DonationWidget #fldEmailAddress,#DonationWidget #fldContact,#DonationWidget #fldAddressSuburb,#DonationWidget #fldAddressState,#DonationWidget #fldAddressPostcode,#DonationWidget #fldAddressCountry{width:50%;float:left;}
#DonationWidget #fldGivenName,#DonationWidget #fldEmailAddress,#DonationWidget #fldAddressSuburb,#DonationWidget #fldAddressPostcode{width:48%;margin-right:2%;}
#DonationWidget #fldGivenName,#DonationWidget #fldEmailAddress,#DonationWidget #fldAddressSuburb{clear: both;}

/*#DonationWidget #fldAddressStreet,#DonationWidget #fldAddressSuburb,#DonationWidget #fldAddressState,#DonationWidget #fldAddressPostcode,#DonationWidget #fldAddressCountry{display:none!important;}*/
#EnterManaully {float: right;cursor: pointer;text-decoration: underline;}

#DonationWidget #fldInMemory{margin-top:10px;}
#DonationWidget #fldPrivacy label{display:inline-block;line-height:120%;}

#DonationWidget #fldReCaptcha{box-sizing:border-box;width:100%;padding:0;margin:0;display:inline-block;}

#DonationWidget #fldPaymentOption{}
#DonationWidget #fldPaymentOption .fieldInput{}
#DonationWidget #fldPaymentOption .fieldInput ul{border:none;}
#DonationWidget #fldPaymentOption .fieldInput label{padding: 10px;border:none;border-radius:0;}
#DonationWidget #fldPaymentOption .fieldInput label img{vertical-align:middle;padding-right:10px;}
#DonationWidget #fldPaymentOption input[type=radio]:checked +  label{background:#0f1e64;}
#DonationWidget #fldPaymentOption.regular .fieldInput{display:none;}

#donate-amount{}
#donate-amount #fldDonateNext{margin-top:10px;}
#donate-amount .fieldRow.fieldHeading p{text-align: center;color: var(--colour-blue);font-size:90%;line-height: 150%;font-family: var(--font-foco-standard);font-weight:normal;}
	#donate-amount .fieldRow.fieldHeading p:first-child{margin-top:20px;}
	#donate-amount .fieldRow.fieldHeading p svg {margin-right: 5px;}
	
#dropinContainer{width:100%;}
#dropinContainer .braintree-sheet,#dropinContainer .braintree-sheet__content--button{min-height:auto;padding:0;border:none;}
#dropinContainer div[data-braintree-id=choose-a-way-to-pay],#dropinContainer .braintree-placeholder,#dropinContainer .braintree-toggle,#dropinContainer .braintree-sheet__header,#dropinContainer .braintree-options[data-braintree-id=options]{display:none}

#cardBlock {box-sizing:border-box;width:100%;padding:0;display:flex;gap:10px;flex-wrap: wrap;}
#cardBlockNumber{width: 100%;}
#cardBlockExpiry,#cardBlockCvc{flex:1;}
#cardBlock p{display: block;margin: 0;padding: 0;text-align: left;font-size: 90%;font-weight: bold;line-height: 160%;color: #5363a8;}
#cardBlock p span{font-size:80%;color:#aab7c4;font-weight:normal;}
#cardBlock .cardInput{margin: 4px 0 0;padding:8px;border: 1px solid #f5f5f5;border-radius: 10px;background: #f5f5f5;}
#cardBlock .cardError{margin: 3px 0;padding: 0;color: #ca2a2a;font-size: 13px;line-height: 1.4;}

#fldPaymentErrors,#fldProcessMessage{margin:3px 0;color: #ca2a2a;font-size: 13px;}

@media screen and (max-width:375px){
	#cardBlockNumber,#cardBlockExpiry,#cardBlockCvc{width: 100%;flex:none;}
}

/*Popup*/
#DonationWidgetWrapper #DonationWidget #lightbox-close{display:none;}
#DonationWidgetWrapper.lightbox{position: fixed;width: 100%; max-width: initial;height: 100%;top: 0;left: 0;background: url(/App_Sites/ccv/Templates/Default/images/template/black_t75.png);z-index: 8010;overflow: hidden;overflow-y: auto;}
	#DonationWidgetWrapper.lightbox #DonationWidgetWrapperInner{position:relative;width: 100%;display: inline-block;text-align:center;}
	#DonationWidgetWrapper.lightbox #DonationWidget{position:absolute;width:100%;max-width:500px;z-index:9000;border-radius:20px;text-align:left;}
	#DonationWidgetWrapper.lightbox #DonationWidget #lightbox-close{position:absolute;top:-10px;right:-3%;box-sizing:border-box;width:40px;height:40px;padding:10px;background:#eee;display:inline-block;border-radius:50%;border:1px solid #0F1E64;text-align:center;cursor:pointer;}
	
#DonationWidgetWrapper.lightbox .formError.messageError{display:none;}
/*
#DonationWidgetWrapper.lightbox #DonationWidget #donate-amount{padding-bottom:50px;}
	#DonationWidgetWrapper.lightbox #DonationWidget #donate-amount .fieldRow.fieldHeading p:first-child{margin-top:-20px;}
#DonationWidgetWrapper.lightbox #DonationWidget #donate-details,#DonationWidgetWrapper.lightbox #DonationWidget #donate-payment{padding-bottom:10px;}
#DonationWidgetWrapper.lightbox .fieldNext{width: 100%;display: inline-block;position: fixed;margin:0;bottom: 0;left: 0;text-align: center;}
#DonationWidgetWrapper.lightbox #DonationWidget .fieldNext a.read-more,#DonationWidgetWrapper.lightbox #DonationWidget #donate-payment-submit{width:100%;max-width:500px;margin-left:11px;border-radius:0;}
*/
@media screen and (max-width:600px) {
	#DonationWidgetWrapper.lightbox #DonationWidget #lightbox-close{top:-15px;right:0;}
}

/*Donatin Page*/
#Page #PageContent{padding:0;}

#SubHeaderContent {max-width: 1020px;padding: 0 2%;margin: 0 auto;}
#SubHeaderContent div.twoCols{display: flex;margin: 0;padding:0;align-items: center;}
#SubHeaderContent div.twoCols .col1,#SubHeaderContent div.twoCols .col2{box-sizing:border-box;width:50%;padding:20px;}
#SubHeaderContent div.twoCols .col1 h1{text-align:left;font-size: 2.5rem;}
#SubHeaderContent div.twoCols .col1 h1 span{display:block;margin:8px 0 0 0;line-height:110%;font-size: 1.5rem;font-family: FocoCC,FocoLight,Foco,Arial,Helvetica,Sans-Serif;}

.fullWidth{text-align:left;font-family: "FocoCC","Foco",Arial,Helvetica,Sans-Serif;}
.fullWidth .fullWidthInner{display: block;}
.fullWidth .fullWidthInner h2{font-size: 2.2rem;text-align:center;}

#SiteWideAlert,h1#PageTitle{display:none;}

#blockDonationCTA{position:fixed;bottom:0;box-sizing:border-box;width:100%;padding:10px;margin:0;background:#fff;z-index: 1500;box-shadow: 0px -3px 10px 0 rgba(0,0,0,0.2);display:none;}
	#blockDonationCTA.active{display:inline-block;}
	#blockDonationCTA.noscroll{position:relative;}
	#blockDonationCTA.disable{display:none!important;}
	#blockDonationCTA p{padding:0;}

#blockDonateInfo{}
#blockDonateInfo p span.small{margin-top: -20px;display: block;font-size: 80%;}
#blockDonateInfo div.threeCols{display: flex;margin:30px 0;}
#blockDonateInfo div.threeCols .col1,#blockDonateInfo div.threeCols .col2,#blockDonateInfo div.threeCols .col3{box-sizing:border-box;width:33%;padding:15px 20px;margin-left:0;margin-right:0;}
#blockDonateInfo div.threeCols .col2{border-left:1px solid #0f1e64;border-right:1px solid #0f1e64;}
#blockDonateInfo div.threeCols div h3{margin:0 0 25px 0;}
#Content #blockDonateInfo div.threeCols div p{font-size: 1rem;line-height: 115%;}
#Content #blockDonateInfo div.threeCols div p:last-child{padding-bottom:0;}
#Content #blockDonateInfo .linkCallToAction{font-size: 0.9rem;text-align:center;}

#blockDonateInfo.backgroundBlue{background:#0f1e64;color:#fff;}
#blockDonateInfo.backgroundBlue h2,#blockDonateInfo.backgroundBlue h3{color:#ffd200;}
#blockDonateInfo.backgroundBlue p a{color:#fff;text-decoration:underline;}	
	#blockDonateInfo.backgroundBlue p a.linkCallToAction{color: #0F1E64;text-decoration:none;}
#blockDonateInfo.backgroundBlue div.threeCols .col2{border-left:1px solid #fff;border-right:1px solid #fff;}

#blockDonateCTA{background:#f1f5f8;}
#blockDonateCTA div.threeCols{display: flex;}
#blockDonateCTA div.threeCols .col1,#blockDonateCTA div.threeCols .col2,#blockDonateCTA div.threeCols .col3{box-sizing:border-box;padding:15px;background:#fff;border-radius:8px;color:#0f1e64;}
#blockDonateCTA div.threeCols div h3{margin:0 0 25px 0;clear:both;}
#blockDonateCTA div.threeCols div h3 img{padding: 4px 5px;margin-right: 10px;background: #ffd200;border-radius: 50%;vertical-align: bottom;}
#Content #blockDonateCTA div.threeCols div p{font-size: 1rem;line-height: 115%;}
#Content #blockDonateCTA div.threeCols div p:last-child{padding-bottom:0;}
#Content #blockDonateCTA div.threeCols div p:first-child{width: fit-content;padding: 5px;margin:0 0 10px 0;display: block;float: right;background: #f1f5f8;border-radius: 8px;font-size:65%;text-align: right;}
	#Content #blockDonateCTA div.threeCols div.col3 p:first-child{background:#ffd200;}
#Content #blockDonateCTA div.threeCols div .linkCallToAction{box-sizing:border-box;width:100%;padding: 10px 20px;margin-top:15px;font-size: 0.9rem;text-align:center;}

#blockCallCTA{background:#ffd200;}
#blockCallCTA h3{margin-bottom:10px;text-align:center;color:#333333;text-align: center;font-size:2.7rem;}
#blockCallCTA p span.small{color:#0f1e64;font-size:80%;text-align:center;display:block;}
#blockCallCTA .highlightContent{margin:0 auto;display:block;background:#fff;border-radius:8px;}
#blockCallCTA .highlightContent p:last-child{padding-bottom:0;}

#blockFAQ{}
#blockFAQ .accordionTitle{padding-bottom:0.75em;margin:0 auto;margin-bottom:0.75em;border-bottom: 1px solid #f1f5f8;font-size: 1.2rem;}
#blockFAQ .accordionContent{margin:0 auto;margin-bottom:1em;border-bottom:1px solid #f1f5f8;font-family:"FocoCCLight","FocoCC","FocoLight","Foco",Arial,Helvetica,Sans-Serif;}

#blockDonationMessage{box-sizing:border-box;width:100%;padding:0;margin:0;}
#blockDonationMessage .fullWidth .fullWidthInner{max-width:1024px;}

#Page #SecondaryContent{box-sizing:border-box;width:100%;padding:0;margin:0;}
#Page #SecondaryContent .fullWidth .fullWidthInner{max-width:1024px;}

@media screen and (max-width:600px) {
	#AccessibilityToolbar,#Header #Quicklinks p a#header-donate,#Header #SearchSite,#TrailNav{display:none}
  
	#Header #Logo{width:100px}
	#Header #HeaderContent{margin-top:0!important}
	#HeaderInner{padding:10px 0 0;height:64px}

	#SubHeaderContent div.twoCols{display:inline-block;}
		#SubHeaderContent div.twoCols .col1{padding:15px 0 0 0;margin:0;}
		#SubHeaderContent div.twoCols .col2{padding:0 0 20px 0;}
		#SubHeaderContent div.twoCols .col1 h1{margin:0;font-size:2rem;}
		#SubHeaderContent div.twoCols .col1 h1 span{font-size:1rem;}
	
	#blockDonateInfo div.threeCols{display:inline-block;}
		#blockDonateInfo div.threeCols .col2{padding: 30px 20px;border:none;border-top:1px solid #0F1E64;border-bottom:1px solid #0F1E64;}
		#blockDonateInfo.backgroundBlue div.threeCols .col2{padding: 30px 20px;border:none;border-top:1px solid #fff;border-bottom:1px solid #fff;}
		
	#blockDonateCTA div.threeCols{display:inline-block;}
}
@media screen and (max-width:375px) {
	#blockCallCTA h3{font-size:2.1rem;}
}