#donation-form{color:var(--body_typography-color, #333333);padding:30px 15px}#donation-form h2{color:#23499e;font-size:1.5em}#donation-form p{font-size:var(--body_typography-font-size, 16px);line-height:var(--body_typography-line-height, 1.5)}#donation-form .donation-amount,#donation-form .donation-frequency{position:relative;overflow:hidden;margin:12px 0}#donation-form .donation-amount .radioBtn,#donation-form .donation-frequency .radioBtn{margin-bottom:12px;float:left;border:solid 1px #23499E;border-radius:4px}#donation-form .donation-amount .radioBtn input,#donation-form .donation-frequency .radioBtn input{width:32px;height:32px;order:1;z-index:2;position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;visibility:hidden}#donation-form .donation-amount .radioBtn input:checked~label,#donation-form .donation-frequency .radioBtn input:checked~label{color:#fff;background:#23499E;border-color:#23499e}#donation-form .donation-amount .radioBtn input:checked~label:before,#donation-form .donation-frequency .radioBtn input:checked~label:before{background:#23499E;padding:0 20px;transform:translate(-50%,-50%) scale3d(56,56,1);opacity:1}#donation-form .donation-amount .radioBtn label,#donation-form .donation-frequency .radioBtn label{font-size:16px;padding:10px;height:48px;background:#fff;width:100%;display:flex;align-items:center;color:#000;cursor:pointer;position:relative;z-index:2;transition:color .2s ease-in;overflow:hidden;box-sizing:border-box;margin-bottom:0;border-radius:4px;justify-content:center}#donation-form .donation-amount .radioBtn label:hover,#donation-form .donation-frequency .radioBtn label:hover{color:#fff;background-color:#23499e99}#donation-form .donation-amount .radioBtn label:before,#donation-form .donation-frequency .radioBtn label:before{width:10px;height:10px;content:"";background-color:#f5f8ff;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scaleZ(1);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;z-index:-1}#donation-form .donation-frequency{display:flex;justify-content:center;padding-bottom:12px;margin-top:0}#donation-form .donation-frequency .radioBtn{flex:1 1;height:48px;margin-bottom:0;margin-left:12px}#donation-form .donation-frequency .radioBtn label{height:100%;justify-content:center}#donation-form .donation-frequency .radioBtn:nth-of-type(odd){margin-left:0}#donation-form .donation-amount{display:none}#donation-form .donation-amount.active{display:flex}#donation-form .donation-amount .radioBtn{flex:1 1;margin:0 0 12px 12px}#donation-form .donation-amount .radioBtn:first-of-type{margin:0 0 12px}#donation-form .customAmount{float:left;width:33%;position:relative;margin-bottom:24px}#donation-form .customAmount.with-value:before{content:"$";display:block;position:absolute;top:50%;left:20px;color:#000;transform:translateY(-52%);overflow:hidden}#donation-form .customAmount.with-value input{padding-left:30px;height:48px}#donation-form .customAmount input{background:#fff;font-size:var(--body_typography-font-size, 14px);color:var(--body_typography-color, #333333);height:48px;padding:2px 12px;border:solid 1px #23499E;width:100%;box-sizing:border-box;font-size:16px;border-radius:4px}@media only screen and (max-width: 30em){#donation-form .customAmount input{height:40px}}#donation-form .customAmount input:focus{outline:0;box-shadow:none}#donation-form .customAmount input::placeholder{color:var(--body_typography-color, #333333);opacity:.75}#donation-form .customAmount input:-ms-input-placeholder{opacity:.75;color:var(--body_typography-color, #333333)}#donation-form .customAmount input::-webkit-input-placeholder{opacity:.75;color:var(--body_typography-color, #333333)}#donation-form .customAmount input::-webkit-outer-spin-button,#donation-form .customAmount input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#donation-form .customAmount input[type=number]{-moz-appearance:textfield}#donation-form .container--gift-towards{margin-bottom:24px!important}#donation-form .donation-in-honour-group select{margin-bottom:12px}#donation-form .personal-details{margin:12px 0}#donation-form ul{margin:12px 0;padding-left:40px}#donation-form .step-labels{position:relative;display:flex;justify-content:space-between;align-items:center}#donation-form .step-labels .step{font-size:var(--body_typography-font-size, 14px);position:relative;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 30em){#donation-form .step-labels .step{flex-direction:column}}#donation-form .step-labels .step .step-number{border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;width:24px;height:24px;border:solid 1px #1A847A;background-color:#fff}#donation-form .step-labels .step.active span.step-number{background:#1A847A}#donation-form .step-intro{margin-top:0;margin-bottom:1rem}#donation-form .step-2 .step-intro{text-align:center}#donation-form .step-2 .step-intro p{margin:0}#donation-form .progress-bar{--progress-bar-height: 2px;width:88%;left:6%;position:absolute;bottom:11px;height:var(--progress-bar-height);background:rgba(26,132,122,.4);border-radius:3px;margin:0}@media screen and (min-width: 48em){#donation-form .progress-bar{width:90%;left:4%}}#donation-form .progress-bar .progress-indicator{border-radius:3px;background:#1A847A;position:absolute;top:0;left:0;width:0%;height:var(--progress-bar-height);transition:all .5s ease}#donation-form .btn-go-back{color:#1a847a}#donation-form .btn-go-back span{cursor:pointer;font-size:var(--body_typography-font-size, 14px)}#donation-form .btn-go-back span:hover{font-weight:700}#donation-form .steps-header{display:flex;justify-content:center;text-align:center}#donation-form .steps-header p{font-size:16px;margin:12px 0 0}#donation-form .form-errors{background:rgba(228,32,18,.6);border:solid 1px #E42012;margin:12px 0 0}#donation-form .form-errors:empty{display:none}#donation-form .form-errors ul{list-style:none}#donation-form .form-errors li{font-size:var(--body_typography-font-size, 14px);line-height:17px;margin:0;padding:0}#donation-form .form-group{width:100%;margin-bottom:12px;display:flex;flex-direction:column}@media screen and (min-width: 48em){#donation-form .form-group{flex-direction:row}}#donation-form .form-group span.error{color:#e42012}#donation-form .form-group .form-control__group{display:flex;flex-direction:column;align-items:flex-start;width:100%}#donation-form .form-group .form-control__group .form-control{width:100%;font-size:var(--body_typography-font-size, 14px)}#donation-form .form-group .form-control-input,#donation-form .form-group input[type=email]{background:#fff;font-size:var(--body_typography-font-size, 14px);color:var(--body_typography-color, #333333);height:48px;padding:2px 12px;box-sizing:border-box;border:solid 1px #23499E;border-radius:4px;width:100%;margin:0}@media only screen and (max-width: 30em){#donation-form .form-group .form-control-input,#donation-form .form-group input[type=email]{height:40px}}#donation-form .form-group .form-control-input:focus,#donation-form .form-group input[type=email]:focus{outline:0;box-shadow:none}#donation-form .form-group .form-control-input::placeholder,#donation-form .form-group input[type=email]::placeholder{color:var(--body_typography-color, #333333);opacity:.75}#donation-form .form-group .form-control-input:-ms-input-placeholder,#donation-form .form-group input[type=email]:-ms-input-placeholder{opacity:.75;color:var(--body_typography-color, #333333)}#donation-form .form-group .form-control-input::-webkit-input-placeholder,#donation-form .form-group input[type=email]::-webkit-input-placeholder{opacity:.75;color:var(--body_typography-color, #333333)}#donation-form .form-group-two .form-control__group{width:100%}#donation-form .form-group-two .form-control__group:nth-of-type(odd){margin-bottom:12px}@media screen and (min-width: 48em){#donation-form .form-group-two .form-control__group{width:calc(50% - 6px)}#donation-form .form-group-two .form-control__group:nth-of-type(odd){margin:0 12px 0 0}}#donation-form .form-group-two .form-control__group select{margin-bottom:0}#donation-form .form-group-two .form-control,#donation-form .form-group-two input[type=email]{width:calc(50% - 6px)}#donation-form .form-group-two .form-control:nth-of-type(odd),#donation-form .form-group-two input[type=email]:nth-of-type(odd){margin:0 12px 0 0}#donation-form .form-group-two select{width:100%}#donation-form .form-group-three{justify-content:space-between}@media only screen and (max-width: 30em){#donation-form .form-group-three{margin-bottom:0}}#donation-form .form-group-three .form-control__group{width:calc(33% - 4px)}@media only screen and (max-width: 30em){#donation-form .form-group-three .form-control__group{width:100%;margin:0 0 12px}#donation-form .form-group-three .form-control__group:nth-of-type(odd){margin:0 0 12px}}#donation-form .form-group-three .form-control__group select{width:100%}#donation-form .form-group.multiple{flex-direction:column}#donation-form .form-group.multiple .main{margin-bottom:0}#donation-form .form-group.multiple .secondary{display:none;margin-top:12px;margin-bottom:0;transition:all .5s ease}#donation-form .form-group.multiple .form-control-input{width:100%;margin:0}#donation-form .form-group select{height:48px;border:solid 1px #5e5e60;color:var(--body_typography-color, #333333);font-weight:var(--body_typography-font-weight, 400);font-size:var(--body_typography-font-size, 14px);border-radius:4px;min-width:100%!important;max-width:100%!important;background-image:none!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important;padding-left:6px}@media only screen and (max-width: 30em){#donation-form .form-group select{height:48px}}#donation-form .form-group select:focus{outline:0;box-shadow:none}#donation-form .form-content{position:relative;overflow:hidden;padding:24px 0}#donation-form .step-content{transition:all .75s cubic-bezier(1,-.5,.52,1.65);opacity:0;position:absolute;float:left;width:100%}#donation-form .step-content.previous{transform:translate(-110%);opacity:0}#donation-form .step-content.next{transform:translate(110%);right:-110%;opacity:0}#donation-form .step-content.active{transform:translate(0);position:relative;opacity:1}#donation-form .steps-header p{margin:12px 0 24px}#donation-form .steps-header .step-header{display:none}#donation-form .steps-header .step-header.active{display:block}#donation-form .steps-header .step-header__donation-amount{color:#23499e;font-weight:700}#donation-form button.next-step{font-size:16px;text-align:left;cursor:pointer;background-color:#23499e;padding:0 16px;color:#fff;font-weight:400;border:0;height:48px;outline:0;box-shadow:none;width:100%;text-transform:uppercase;margin-top:36px;border-radius:4px}#donation-form button.next-step:hover{background-color:#23499e}#donation-form button.next-step:focus{outline:0;box-shadow:none}#donation-form button.next-step--small{display:block;width:120px;text-align:center;padding:0;margin-left:auto}#donation-form .fade-base{display:none;transition:all .5s ease}#donation-form .fade-in{display:block!important;transition:opacity .5s ease;opacity:0}#donation-form .fade-in.fi-active{opacity:1}#donation-form .fade-out{transition:opacity .3s ease;opacity:1}#donation-form .fade-out.fo-active{opacity:0}#donation-form #payment-wrapper{display:none;border:0}#donation-form .loading-spinner{height:75px;width:75px;color:#23499e;position:relative;display:inline-block;border:15px solid;border-radius:50%;border-top-color:transparent;animation:rotate 1s linear infinite;margin:40px auto}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#donation-form .m-0{margin:0!important}#donation-form .checkbox-wrapper{display:flex;align-items:center;flex-wrap:wrap}#donation-form .checkbox-wrapper .error{flex:auto}#donation-form .checkbox-wrapper label{font-size:var(--body_typography-font-size, 14px);margin:0}#donation-form .custom-checkbox{-webkit-appearance:none;background-color:#fff;border:solid 1px #23499E;border-radius:4px;display:inline-block;position:relative;width:25px;height:25px;box-sizing:border-box;padding:0;margin:0 12px 0 0}#donation-form .custom-checkbox:checked{background-color:#23499e;border:0;color:#fff}#donation-form .custom-checkbox:checked:after{display:block;opacity:1;border-width:0 3px 3px 0;border-color:#fff;top:5px}#donation-form .custom-checkbox:after{content:"";position:absolute;opacity:0;left:.55rem;top:.15rem;overflow:hidden;width:.375rem;height:.7rem;border:solid transparent;border-width:0 3px 1px 0;transform:rotate(45deg);transition:opacity .3s linear}#donation-form .custom-checkbox:focus{outline:0;box-shadow:none}body{--body_typography-font-family: Roboto, sans-serif;--body_typography-color: $typograph-color;--body_typography-font-size: 14px;--body_typography-line-height: 1.5;--body_typography-font-weight: 400;--button_typography-font-weight: 700;font-family:var(--body_typography-font-family);margin:0}h1{font-size:2.5rem}p{font-size:.875rem;line-height:1.5}.lead{font-size:1.25rem;font-weight:300}#app{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:90%}@media only screen and (min-width: 75em){#app{flex-direction:row;width:50%;max-width:1400px}}