Fundraising

Search our fundraisers

Keep in Touch

With upcoming new projects and opportunities
Need Help?

Enquire Online

Contact Us

Social

4.8

4.8 of 5 stars

18 reviews

Have a question? (08) 8340 1266

By continuing to use our website, you consent to use essential cookies that provide secure services such as the checkout, account authentication and all online forms. We also use optional tracking cookies which help us gather statistics to improve our services. Do you consent to these cookies?

Do not track

/* Load animation */ @-webkit-keyframes load { 0% { stroke-dashoffset:0 } } @-moz-keyframes load { 0% { stroke-dashoffset:0 } } @keyframes load { 0% { stroke-dashoffset:0 } } .fundraising-dial { position: relative; margin: 0; background: #FFFFFF; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.3); -ms-box-shadow: 0 0px 5px rgba(0,0,0,0.3); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.3); box-shadow: 0 0px 5px rgba(0,0,0,0.3); } .fundraising-dial h2 { text-align: center; font-size: 26px; margin: 0; margin-top: -40px; } .fundraising-dial h2+p { text-align: center; } .fundraising-dial ul, .fundraising-dial li { padding: 0; margin: 0; list-style: none; } .fundraising-dial li span { float: right; } /* Container */ .fundraising-dial .progress { position: relative; display: block; max-width: 290px; margin: 0 auto; margin-top: -180px; padding: 0; text-align: center; background: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 -10px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 -10px 5px rgba(0,0,0,0.3); -ms-box-shadow: 0 -10px 5px rgba(0,0,0,0.3); -o-box-shadow: 0 -10px 5px rgba(0,0,0,0.3); box-shadow: 0 -10px 5px rgba(0,0,0,0.3); overflow: hidden; } /* Item */ .fundraising-dial .progress>li { display: inline-block; position: relative; text-align: center; color: #339933; font-family: 'Lato'; font-weight: 100; padding: 0; } .fundraising-dial .progress>li:before { content: attr(data-name); position: absolute; width: 100%; bottom: -61.6px; font-size: 22.4px; font-weight: 100; display: none; } .fundraising-dial .progress>li:after { content: attr(data-percent); position: absolute; width: 100%; bottom: -33.6px; left: 0; font-size: 33.6px; text-align: center; z-index: 1; display: none; } .fundraising-dial .progress svg { width: 18rem; height: 18rem; } .fundraising-dial .progress svg + svg { position: absolute; left: 0; top: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); } .fundraising-dial .progress svg + svg path { fill: none; stroke-width: 25; stroke-dasharray: 629; stroke: rgba(255, 255, 255, 0.9); -webkit-animation: load 10s; -moz-animation: load 10s; -o-animation: load 10s; animation: load 10s; } .fundraising-dial .progress svg + svg + svg path { stroke: rgba(255,255,255,0.5); } .fundraising-dial .projcost { display: block; margin-top: -35px; margin-left: 12px; margin-bottom: 20px; } .fundraising-dial a.profileContainer { border-radius: 50%; position: absolute; left: calc(50% - 120px); top: -124px; z-index: 0; overflow: hidden; width: 240px; height: 240px; display: block; } .fundraising-dial img.profilePhoto { border-radius: 50%; position: absolute; left: 0px; top: 0px; z-index: 0; } .fundraising-dial form { text-align: center; } .fundraising-dial form input[type="submit"] { background-color: #21ba45; color: #FFFFFF !important; vertical-align: middle; } .fundraising-dial form input[type="submit"]:hover { background: #16ab39; box-shadow: inset 0 0 0 1px #198f35; } .fundraising-dial form input[name="amount"] { font-size: 1.7em; line-height: 1; padding: 0 0.3em; height: 1.7em; vertical-align: middle; letter-spacing: 0.01em; width: 4em; } .fundraising-dial form label { display: inline-block; font-size: 1.5em; margin: 0; line-height: 1; vertical-align: middle; padding: 0 0.3em 0 0; } .related-pages { display: none; } .post { margin-bottom: 0; } .fund-team { display: flex; flex-wrap: wrap; } .fund-team li { width: 33.3333333%; } .amount-desktop { display: initial; } .amount-mobile { display: none; } @media screen and (max-width: 1280px){ .mini-posts .fundraising-dial { position: initial; width: calc(100% - 2em); margin-right:0; } .fundraising-dial .progress { position: absolute; top: 220px; right: 100px; width: 240px; height: 240px; margin: 0; box-shadow: 0 0 10px rgba(0,0,0,0.3); } .fundraising-dial .progress svg { width: 252px; height: 252px; margin: -6px; } .fundraising-dial .progress svg g { stroke-width: 15px; } .fundraising-dial a.profileContainer { position: absolute; left: auto; right: 110px; top: 230px; width: 220px; height: 220px; } .fundraising-dial img.profilePhoto { width: 100%; height: 100%; } } @media screen and (max-width: 1024px){ .fundraising-dial .progress { top: 150px; } .fundraising-dial a.profileContainer { top: 160px; } } @media screen and (max-width: 980px){ .fundraising-dial .progress { top: 70px; right: 40px; width: 110px; height: 110px; } .fundraising-dial .progress svg { width: 116px; height: 116px; margin: -3px; } .fundraising-dial a.profileContainer { right: 45px; top: 75px; width: 100px; height: 100px; } .fund-team li { width: 50%; } } @media screen and (max-width: 600px){ .amount-desktop { display: none; } .amount-mobile { display: initial; } #banner-fundraising .main-header .title h2 { font-size: 1.6rem; } .fundraising-dial .progress { top: 70px; right: 30px; width: 80px; height: 80px; } .fundraising-dial .progress svg { width: 86px; height: 86px; margin: -3px; } .fundraising-dial a.profileContainer { right: 35px; top: 75px; width: 70px; height: 70px; } .fundraising-details { position: fixed; bottom: 0; left: 0; right: 0; background-color: #FFFFFF; z-index: 9999; padding-top: 1em; padding-bottom: 3em; display: flex; flex-wrap: wrap; justify-content: center; box-shadow: 0 0 8px rgba(0,0,0,0.2); } .fundraising-details > div { padding: 0 !important; } .fundraising-details > div p { margin: 0; font-size: 20px; font-weight: 800; padding: 0 3%; white-space: nowrap; } .fundraising-details > div p small { text-transform: uppercase; white-space: nowrap; } .fundraising-dial .fundraising-details h2 { margin-top: 0; font-size: 20px; line-height: 1.8; padding-left: 2%; } .fundraising-dial .fundraising-details > div { padding: 0 2% !important; } .fundraising-dial form { margin-bottom: 1em; } body { padding-bottom: 180px; } } @media screen and (max-width: 400px){ #banner-fundraising .main-header .title h2 { font-size: 1.4rem; } } @media screen and (max-width: 373px){ #banner-fundraising .main-header .title h2 { font-size: 1rem; } }

World Youth International

About Us

Volunteer

Program Dates and Prices

Events

FAQs

Media and News

Education Pathways Program

Donate

Gift Catalogue

Fundraising

Search our fundraisers

Keep in Touch

Need Help?

Contact Us

Volunteer

About Us

Sponsor

Donate

FAQs

Social

About Us

Volunteer

Program Dates and Prices

Events

FAQs

Media and News

Education Pathways Program

Donate

Gift Catalogue

Search our fundraisers

Volunteer

Sponsor

About Us

Donations/Payments

Events

Education Pathways Program Redirect

Contact Us

Social