CINXE.COM

Growing together: Inclusive safe spaces to play for vulnerable children | Humanity & Inclusion UK

<!DOCTYPE html> <html lang="en"> <head> <!-- OneTrust removed --> <!-- Extenso no indexation --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5BWNTN');</script> <!-- End Google Tag Manager --> <!-- Matomo Tag Manager --> <script type="text/javascript"> var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src='https://cdn.matomo.cloud/hi.matomo.cloud/container_Ykp3KsnF.js'; s.parentNode.insertBefore(g,s); </script> <!-- End Matomo Tag Manager --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Growing together: Inclusive safe spaces to play for vulnerable children | Humanity & Inclusion UK</title> <meta name="description" content="With support from the Ikea Foundation, HI’s 'Growing Together' project is giving displaced children in Bangladesh, Pakistan and Thailand the right to be a child." /> <meta name="keywords" content="Humanity & Inclusion is an independent charity supporting disabled and vulnerable people in situations of poverty and exclusion, conflict and disaster. The new name of Handicap International." /> <meta name="generator" content="Humanity & Inclusion" /> <meta name="robots" content="index, follow"> <!-- GEO LOCALISATION --> <meta name="DC.title" content="" /> <meta name="geo.region" content="" /> <meta name="geo.placename" content="" /> <meta name="geo.position" content="" /> <meta name="ICBM" content="" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Growing together: Inclusive safe spaces to play for vulnerable children" /> <meta property="og:title" content="Growing together: Inclusive safe spaces to play for vulnerable children" /> <meta property="og:description" content="With support from the Ikea Foundation, HI’s 'Growing Together' project is giving displaced children in Bangladesh, Pakistan and Thailand the right to be a child." /> <meta property="og:url" content="https://www.humanity-inclusion.org.uk/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children" /> <meta property="og:image" content="https://www.humanity-inclusion.org.uk/sn_uploads/page/GT_IKEA_MaeLaCamp32_Huyghe_0211.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="1110" /> <meta property="og:image:height" content="624" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="https://www.humanity-inclusion.org.uk/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children" /> <meta name="twitter:title" content="Growing together: Inclusive safe spaces to play for vulnerable children" /> <meta name="twitter:description" content="With support from the Ikea Foundation, HI’s 'Growing Together' project is giving displaced children in Bangladesh, Pakistan and Thailand the right to be a child." /> <meta name="twitter:image" content="https://www.humanity-inclusion.org.uk/sn_uploads/page/GT_IKEA_MaeLaCamp32_Huyghe_0211.jpg" /> <meta name="sednove_lg" content="en"> <meta name="sednove_uid" content="354"> <meta name="sednove_url" content="https://www.humanity-inclusion.org.uk/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children"> <meta name="sednove_date" content="2024-10-28"> <link rel="canonical" href="https://www.humanity-inclusion.org.uk/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children" > <link hreflang="en-GB" rel="alternate" href="https://www.humanity-inclusion.org.uk/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children" /> <link hreflang="en-US" rel="alternate" href="https://www.hi-us.org/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children" /> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script>window.jQuery || document.write('<script src="/extenso/module/sed/core/js/jquery-3.5.1.min.js">\x3C/script>')</script> <script type="text/javascript" src="/en/assets/js/sed_site.js"></script> <link href="/en/assets/css/sed_site.css" rel="stylesheet"> <style type="text/css"> [data-sn-id="11434"] a:not(.btn) { color: #ffffff;} [data-sn-id="11434"] a:not(.btn):hover { color: #ffffff;} @media(min-width:992px){#w_11434 .link-level-3{color:#ffffff; } #w_11434.sticky .link-level-3{color:#ffffff; } .children-level-3{padding-left:20px;} #w_11434 .donate_btn>a{ background-color: #d34607 !important; padding-top:15px !important; padding-bottom:15px !important; padding-left:18px !important; padding-right:18px !important; border-radius:12px;} #w_11434 > div > div > nav > ul > li.level-1.donate_btn.d-none.d-lg-block{margin-left:60px;} #w_11434 > div > div > nav > ul > li:nth-child(2){margin-left:60px;} } @media(max-width:991px){#w_11434 .donate_btn>a{ background-color: #d34607 !important; padding-top:12px !important; padding-bottom:12px !important; padding-left:10px !important; padding-right:10px !important; border-radius : 12px;} #w_11434 .level-1.has-children{ margin-top:10px; margin-bottom:20px;} #w_11434 .level-1.has-children.open{ text-align:center; margin-bottom:10px; } #w_11434 .level-1.has-children.open > ul{ text-align:left; } #w_11434 .level-1.has-children{ text-align:center; } #w_11434 .level-1.has-children > ul{ text-align:left; } .children-level-3{ padding-left:20px;} } .fa-heart{ padding-right:5px; font-size:20px;} .sn-element[data-sn-id="7701"] { margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; max-width: 280px;} .sn-element[data-sn-id="11197"] { margin-top: 15px; margin-bottom: 15px; max-width: 200px;} .spacer_header{ height:124px} @media(max-width:1199px){ .spacer_header{ height:119px } } .sn-element[data-sn-id="7278"] { z-index: 999;} .sn-element[data-sn-id="7282"] { margin-top: -20px; margin-left: auto; margin-right: auto;} #widget_donate{ padding:15px 0;} @media(min-width:992px){ #widget_donate{ padding:115px 0 0; height:120px; z-index:56; } } @media(min-width:1200px){ #widget_donate{ padding:120px 0 0; } } .sn-element[data-sn-id="495e53e1-321b-4894-821c-f8ca5b2c9aff"] { z-index: 55; background-color: #0077c8;} .sn-element[data-sn-id="6256"] { z-index: 4;} .sn-element[data-sn-id="b4409e17b6f94cd9b71642764d185c5c"] { margin-top: 93px;} .sn-element[data-sn-id="11915"] { margin-top: 40px;} .sn-element[data-sn-id="6264"] h1,.sn-element[data-sn-id="6264"] h2,.sn-element[data-sn-id="6264"] h3,.sn-element[data-sn-id="6264"] h4,.sn-element[data-sn-id="6264"] h5,.sn-element[data-sn-id="6264"] h6{ color: #004f71;} .sn-element[data-sn-id="6264"] { margin-top: 15px; margin-bottom: 15px; color: #004f71;} .sn-element[data-sn-id="6265"] { margin-top: 30px;} .sn-element[data-sn-id="6266"] { margin-top: 15px; margin-bottom: 15px;} .sn-element[data-sn-id="6267"] { margin-bottom: 30px;} .sn-element[data-sn-id="2f5f1a8d2f674dc5bafcf2c44691c5ee"] { padding-left: 0px; padding-right: 0px;} .sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h1,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h2,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h3,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h4,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h5,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h6{ color: #ffffff;} .sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] { margin-top: 40px; background-color: #0077c8; color: #ffffff;} .sn-element[data-sn-id="41fe7b47-f29e-49ec-950b-10b03d067cdf"] { background-color: #002e43;} .sn-element[data-sn-id="746d0f8d-a317-41e4-9a56-aa25c74ee5c3"] { margin-top: 20px;} .sn-element[data-sn-id="6585"] { padding-top: 10px; padding-right: 80px;} .sn-element[data-sn-id="6586"] { margin-top: 25px; margin-bottom: 25px; max-width: 200px;} .sn-element[data-sn-id="6589"] { padding-top: 10px;} [data-sn-id="8041"] a:not(.btn) { color: #ffffff;} [data-sn-id="8041"] a:not(.btn):hover { color: #e35205;} .sn-element[data-sn-id="8041"] h1,.sn-element[data-sn-id="8041"] h2,.sn-element[data-sn-id="8041"] h3,.sn-element[data-sn-id="8041"] h4,.sn-element[data-sn-id="8041"] h5,.sn-element[data-sn-id="8041"] h6{ color: #ffffff;} .sn-element[data-sn-id="8041"] { color: #ffffff;} .sn-element[data-sn-id="6593"] { padding-top: 10px; background-color: #004f71;} .sn-element[data-sn-id="7281"] { margin-bottom: 20px;} .sn-element[data-sn-id="8a07129e-f3fe-46d3-b146-0d9d91f21722"] { background-color: #002e43;} .sn-element[data-sn-id="6587"] h1,.sn-element[data-sn-id="6587"] h2,.sn-element[data-sn-id="6587"] h3,.sn-element[data-sn-id="6587"] h4,.sn-element[data-sn-id="6587"] h5,.sn-element[data-sn-id="6587"] h6{ color: #5bc2e7;} .sn-element[data-sn-id="6587"] { padding-top: 20px; color: #5bc2e7;} .sn-element[data-sn-id="6588"] { margin-top: 25px; margin-bottom: 25px;} .sn-element[data-sn-id="6244"] { padding-top: 15px; padding-bottom: 15px;} .sn-element[data-sn-id="812b4c74-dec6-4504-934e-481e10c21b8a"] { max-width: 100%;} .sn-element[data-sn-id="f222e416-d29b-4598-9f46-040ffcc0956e"] { background-color: #002e43;} .sn-element[data-sn-id="61cb3d0e-97ba-4e51-a9bd-974551112ba3"] { margin-top: 20px;} .sn-element[data-sn-id="11435"] { padding-top: 10px;} .sn-element[data-sn-id="11436"] { padding-right: 80px;} .sn-element[data-sn-id="11437"] { margin-top: 25px; margin-bottom: 25px; max-width: 200px;} .sn-element[data-sn-id="11438"] { padding-top: 10px;} [data-sn-id="11439"] a:not(.btn) { color: #ffffff;} [data-sn-id="11439"] a:not(.btn):hover { color: #ffffff;} .sn-element[data-sn-id="11439"] h1,.sn-element[data-sn-id="11439"] h2,.sn-element[data-sn-id="11439"] h3,.sn-element[data-sn-id="11439"] h4,.sn-element[data-sn-id="11439"] h5,.sn-element[data-sn-id="11439"] h6{ color: #ffffff;} .sn-element[data-sn-id="11439"] { color: #ffffff;} .sn-element[data-sn-id="11440"] { padding-top: 10px;} .sn-element[data-sn-id="11441"] { margin-bottom: 20px;} .sn-element[data-sn-id="2bc8b84d-cd16-4368-b606-842848d0bb7d"] { background-color: #002e43;} .sn-element[data-sn-id="f230c0aa-1f57-4d66-aa00-9ba1e8fbea4d"] { padding-top: 20px;} .sn-element[data-sn-id="11444"] h1,.sn-element[data-sn-id="11444"] h2,.sn-element[data-sn-id="11444"] h3,.sn-element[data-sn-id="11444"] h4,.sn-element[data-sn-id="11444"] h5,.sn-element[data-sn-id="11444"] h6{ color: #0077c8;} .sn-element[data-sn-id="11444"] { margin-top: 25px; margin-bottom: 25px; color: #0077c8;} span.fa.fa-external-link{ display:none;} .sn-element[data-sn-id="11445"] { padding-top: 15px; padding-bottom: 15px;} .sn-element[data-sn-id="c3880a31-ed2f-4186-a87d-422b4e8987b4"] { min-height: 1500px!important; background-color: #002e43;} .sn-element[data-sn-id="c3880a31-ed2f-4186-a87d-422b4e8987b4"] > .sn-background-container > .sn-background-image { background-image: url('/sn_uploads/fck/SOUDAN_SUD_Peter_Bol_DT3-footer-1600px.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center top;} .sn-element[data-sn-id="76e236ee-b43c-467f-81a4-b963bcb03490"] { padding-top: 20px;} .sn-element[data-sn-id="11446"] { border-radius: 20px; margin-top: 20px; margin-bottom: 7%; margin-left: auto; margin-right: auto; max-width: 180px; background-color: #ffffff;} @import url('https://fonts.googleapis.com/css?family=Bitter'); .usine_donate_now .donate_header { max-width: 250px; margin: 0 0 10px; color: #fff; font-weight: bold; line-height: 1.2em; background: #d34607; padding: 20px 10px 25px 10px; text-align: center; border: 5px solid #fff; } .usine_donate_now .size-md{ font-size:26px; } .usine_donate_now .donate_header a { color: #fff; } .usine_donate_now .donate_header a strong{ font-size: 26px; text-transform:uppercase; margin:10px 0; line-height:.7; display:block; } .usine_donate_now .donate_header p { color: #000; font-weight: normal; } .usine_donate_now .donate_header #donate_result p { margin-top: 15px; } .usine_donate_now .donate_header .fa{ font-size: 36px; font-weight: inherit; vertical-align:middle; } .usine_donate_now .donate_header .form { margin-top: 30px; } .usine_donate_now .donate_header .form .amount_detail{ color: #d34607; background: #fff; padding: 12px 6px; border-radius: 5px; font-size:21px; } @media(max-width:1199px) AND (min-width:992px){ .usine_donate_now .donate_header .form .amount_detail{ font-size:17px; } } .usine_donate_now .donate_header .form .radio_f{ cursor:pointer; display:block; } .usine_donate_now .donate_header .form .radio_f:last-child{ padding-right:0; } .usine_donate_now .donate_header .form .radio_f input:checked + .amount_detail{ color: #fff; background: #d2492A ; position: relative; } .usine_donate_now .donate_header .form .radio_f input:checked + .amount_detail:before { position: absolute; content: ''; width: 0; height: 0; top:0; left:50%; transform:translate(-50%,0); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #d34607; } .usine_donate_now .donate_header .form .other_amount input{ border: none; width: 80%; font-weight: normal; } .usine_donate_now .donate_header .form .other_amount input:focus{ outline: 0; } .usine_donate_now .donate_header .donate_btn { font-size:24px; color: #fff; background: #d2492A ; padding: 12px; border: none; border-radius: 5px; margin-top: 20px; margin-bottom: 10px; position: relative; font-weight:bold; } .usine_donate_now .donate_header .donate_btn:after{ position: absolute; content: '\f105'; font-family: "Font Awesome 5 Pro"; font-size: 1.5em; right: 20px; } @media screen and (max-width: 992px){ .usine_donate_now{ background: #d34607; text-align: center; } .usine_donate_now .donate_header { margin: auto; padding: 10px 10px 10px 10px; border: none; } .usine_donate_now .donate_header .mobile_icon img { width: 26px; vertical-align:unset; } } /*donate urgent*/ .usine_donate_urgent{ margin:0 -15px; background:#bf2100; } .usine_donate_urgent .w_height{ min-height:116px; } .usine_donate_urgent .widget_label{ font-family: 'Bitter', serif; color:#FFF; font-size:30px; text-shadow: 3px 3px 3px rgba(0,0,0,0.3); font-style:italic; } .usine_donate_urgent .w_height > *{ padding-right:10px; } .usine_donate_urgent .w_height > *:last-child{ padding-right:0; } .usine_donate_urgent form fieldset > *, .usine_donate_urgent form > *{ display:inline-block; vertical-align:middle; margin:2px 0; } .usine_donate_urgent form fieldset > label{ margin:0; } .usine_donate_urgent form fieldset > label > .amount_detail{ width: 63px; color: #8e0000; background:#FFF; font-size:20px; font-weight:bold; padding: 9px 0; text-align: center; border-radius:6px; cursor:pointer; } .usine_donate_urgent form fieldset > label > input:checked + .amount_detail{ background:#8e0000; color:#FFF; position:relative; } .usine_donate_urgent form fieldset > label > input:checked + .amount_detail:before{ position:absolute; top:0; left:50%; transform:translateX(-50%); content:''; border-left:7px transparent solid; border-top:6px #bf2100 solid; border-right:7px transparent solid; } .usine_donate_urgent .amount_detail .input-group{ max-width:190px; } .usine_donate_urgent .amount_detail input{ padding-right:0; box-shadow:none; border-right:none; } .usine_donate_urgent .amount_detail input:focus + .input-group-addon{ border-color: #66afe9; } .usine_donate_urgent .amount_detail .input-group-addon{ border-left:0; background:#FFF; color:#8e0000; font-weight:bold; border-top-right-radius:6px; border-bottom-right-radius:6px; } .usine_donate_urgent .donate_btn{ background:#8e1600; color:#FFF; font-weight:bold; font-size:27px; display:inline-block; padding:4px 30px; position:relative; white-space:nowrap; border-top-right-radius:4px; border-bottom-right-radius:4px; } .usine_donate_urgent .donate_btn:after{ content: "\f105"; display: block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; right:10px; top:50%; transform:translateY(-50%); } .usine_donate_urgent .donate_btn:before{ content:''; background:url(/sn_uploads/widgets/hand_red2.png) center bottom no-repeat; background-size:auto 100%; height:120%; width:60px; position:absolute; right: 100%; bottom:0; transform:translateX(46%); } .usine_donate_urgent .dcell_form .help-block{ color:#FFF; font-weight:bold; } @media (max-width:767px){ .usine_donate_urgent .w_height, .usine_donate_urgent .w_height > *{ display:block; } .usine_donate_urgent .w_height > *{ padding:10px 0; text-align:center; } .usine_donate_urgent .w_height .dcell_form{ padding:0; } .usine_donate_now .donate_header a{ text-decoration:none; vertical-align:text-top; } .usine_donate_now .donate_header a strong{ display:inline-block; margin:0; } .usine_donate_now .donate_header .fa{ vertical-align:unset; } .usine_donate_now .donate_header{ max-width:initial; } .usine_donate_now{ margin:0 -15px; } } #sn_widget_11434 .sticky_container{ background-color : #0077c8; padding : 8px 15px 8px 15px; } #sn_widget_11434 .menu_container{ justify-content : center;align-items : center;flex-wrap : nowrap;} #sn_widget_11434 .sticky .sticky_container{ background-color : #0077c8; } @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .sticky_container{ background-color : #0077c8; } #sn_widget_11434 .menu_container{ justify-content : center;} } #sn_widget_11434 .logo_container{ text-align : left;padding : 3px 0px 3px 10px; flex-grow : 1;} #sn_widget_11434 .logo_styling{ width : 150px; } #sn_widget_11434 .sticky .logo_container{ text-align : left;padding : 3px 0px 3px 10px; flex-grow : 1;} #sn_widget_11434 .sticky .logo_styling{ width : 150px; } @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .logo_container{ text-align : left;padding : 3px 0px 3px 0px; } #sn_widget_11434 .mobile_is_open .logo_styling{ width : 130px; } } #sn_widget_11434 .main_menu{ align-items : center;flex-wrap : wrap;flex-direction : row;} @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .main_menu{ justify-content : center;align-items : center;flex-direction : column;} #sn_widget_11434 .mobile_is_open .open_search_container{ display : none;} } #sn_widget_11434 .level-1{ margin : 0px 20px 0px 10px; } #sn_widget_11434 .link-level-1{ color : #ffffff; font-size : 22px; } #sn_widget_11434 .link-level-1:hover, #sn_widget_11434 .link-level-1[aria-expanded=true]{ color : #ffffff; } #sn_widget_11434 .has-children > .link-level-1:after{ content : '\f078'; font-family: 'Font Awesome 5 Pro';; font-weight : 900;margin : 0px 0px 0px 5px; } #sn_widget_11434 .sticky .link-level-1{ color : #ffffff; } #sn_widget_11434 .sticky .has-children > .link-level-1:after{ content : ; font-family: 'Font Awesome 5 Pro';; font-weight : 900;} @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .link-level-1{ color : #fff; } #sn_widget_11434 .mobile_is_open .link-level-1:hover, #sn_widget_11434 .mobile_is_open .link-level-1[aria-expanded=true]{ text-decoration : underline #0077c8 ; -webkit-text-decoration : underline #0077c8 ; } #sn_widget_11434 .mobile_is_open .has-children > .link-level-1:after{ content : ; font-family: 'Font Awesome 5 Pro';; font-weight : 900;} } #sn_widget_11434 .children-level-2{ padding : 5px 10px 10px 10px; background-color : #0077c8; width : 250px; } #sn_widget_11434 .link-level-2{ padding : 10px 0px 5px 5px; color : #fff; } #sn_widget_11434 .link-level-2:hover{ color : #ffffff; text-decoration : underline ; -webkit-text-decoration : underline ; } #sn_widget_11434 .sticky .children-level-2{ background-color : #0077c8; } #sn_widget_11434 .sticky .link-level-2{ padding : 10px 0px 5px 5px; color : #ffffff; } @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .children-level-2{ background-color : #0077c8; } #sn_widget_11434 .mobile_is_open .link-level-2{ color : #ffffff; } #sn_widget_11434 .mobile_is_open .link-level-2:hover{ color : #ffffff; text-decoration : underline ; -webkit-text-decoration : underline ; } } #sn_widget_11434 .search_input_container{ background-color : rgba(255,255,255,.93);padding : 0px 15px 0px 15px; } #sn_widget_11434 .search_input{ font-size : 22px; } #sn_widget_11915 .breadcrumb_top{ background-color : #fff; padding : 0px; } #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;font-size : 14px; color : #0077c8; } #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} @media(max-width:1199px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } @media(max-width:991px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } @media(max-width:767px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } @media(max-width:575px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } #sn_widget_6584 h1, #sn_widget_6584 h2, #sn_widget_6584 h3, #sn_widget_6584 h4, #sn_widget_6584 h5, #sn_widget_6584 h6, #sn_widget_6584 p{ color : #0099cde; } #sn_widget_8041 h1, #sn_widget_8041 h2, #sn_widget_8041 h3, #sn_widget_8041 h4, #sn_widget_8041 h5, #sn_widget_8041 h6, #sn_widget_8041 p{ color : #e35205; } #sn_widget_6593 h1, #sn_widget_6593 h2, #sn_widget_6593 h3, #sn_widget_6593 h4, #sn_widget_6593 h5, #sn_widget_6593 h6, #sn_widget_6593 p{ color : #5bc2e7; } #sn_widget_6587 h1, #sn_widget_6587 h2, #sn_widget_6587 h3, #sn_widget_6587 h4, #sn_widget_6587 h5, #sn_widget_6587 h6, #sn_widget_6587 p{ color : #ffffff; } #sn_widget_6244 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : row;} #sn_widget_6244 .level-1{ margin : 0px 5px 0px 5px; } #sn_widget_6244 .link-level-1{ color : #ffffff; transition : all .3s cubic-bezier(.3,0,.2,1);} @media(max-width:767px){ #sn_widget_6244 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : column;} } #sn_widget_11436 h1, #sn_widget_11436 h2, #sn_widget_11436 h3, #sn_widget_11436 h4, #sn_widget_11436 h5, #sn_widget_11436 h6, #sn_widget_11436 p{ color : #ffffff; } #sn_widget_11439 h1, #sn_widget_11439 h2, #sn_widget_11439 h3, #sn_widget_11439 h4, #sn_widget_11439 h5, #sn_widget_11439 h6, #sn_widget_11439 p{ color : #fffff; } #sn_widget_11439 a:hover{ color : #fffff; } #sn_widget_11440 h1, #sn_widget_11440 h2, #sn_widget_11440 h3, #sn_widget_11440 h4, #sn_widget_11440 h5, #sn_widget_11440 h6, #sn_widget_11440 p{ color : #5bc2e7; } #sn_widget_11442 { font-weight : bold;text-align : center;} #sn_widget_11443 h1, #sn_widget_11443 h2, #sn_widget_11443 h3, #sn_widget_11443 h4, #sn_widget_11443 h5, #sn_widget_11443 h6, #sn_widget_11443 p{ color : #ffffff; } #sn_widget_11443 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_11445 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : row;} #sn_widget_11445 .level-1{ margin : 0px 5px 0px 5px; } #sn_widget_11445 .link-level-1{ color : #ffffff; transition : all .3s cubic-bezier(.3,0,.2,1);} @media(max-width:767px){ #sn_widget_11445 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : column;} } .sn-element[data-sn-id="7997"] { padding-bottom: 5px;} .sn-element[data-sn-id="7998"] { padding-bottom: 20px;} .sn-element[data-sn-id="7984"] { padding-top: 5px; padding-bottom: 5px;} .sn-element[data-sn-id="7985"] { padding-bottom: 5px;} .sn-element[data-sn-id="7989"] { padding-bottom: 5px;} .sn-element[data-sn-id="7986"] { padding-bottom: 5px;} .sn-element[data-sn-id="7988"] { padding-bottom: 5px;} .sn-element[data-sn-id="7987"] { padding-bottom: 5px;} .sn-element[data-sn-id="7990"] { padding-bottom: 5px;} .sn-element[data-sn-id="7992"] { padding-bottom: 5px;} .sn-element[data-sn-id="7993"] { padding-bottom: 20px;} .sn-element[data-sn-id="7995"] { padding-bottom: 20px;} .sn-element[data-sn-id="7996"] { padding-bottom: 10px;} .sn-element[data-sn-id="8013"] { padding-top: 10px;} </style> <script> requirejs.config({ paths: { "google": "https://maps.googleapis.com/maps/api/js?key=AIzaSyCL5bNoB7znTiOQZZ5RTeau6JVoe98z-wk", "ace": "//cdnjs.cloudflare.com/ajax/libs/ace/1.4.9/", "slider" : "//cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min", "jquery": "//code.jquery.com/jquery-3.5.1.min", "validate" : "//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min", "form": "//malsup.github.io/jquery.form", "owl-carousel2": "//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min", "pinterest" : "//assets.pinterest.com/js/pinit", "share":"//w.sharethis.com/button/buttons", "geocomplete":"//cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete", "clndr":"/js/site_calendar/clndr", "under":"//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.11.0/underscore", "moment":"/js/site_calendar/moment", "js.cookie":"https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min", "touch-punch":"//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min", "chosen":"/en/assets/js/chosen" }, shim: { 'geocomplete': ['jquery'], } }); </script> </head> <body class="sed_site_page"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BWNTN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="sn-foreground-color sn-background"></div> <a class="sr-only sr-only-focusable" href="#main" id="top"><span class="sn_pencil" data-sn_uid="849">Goto main content</span></a> <div class="sn-element container-fluid " data-sn-type="container" data-sn-id="de5b31f0-3f42-4957-87e4-f1a41399589e" > <div class="sn-element row " data-sn-type="row" data-sn-id="b5cd8b71-e625-48b1-8900-1092e40c6c8c" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-10 col-xl-12 " data-sn-type="column" data-sn-id="e7a93139-7ed4-41f4-9af3-be265d8990d2" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11434" data-sn-code="w_site_sticky_menu" data-sn-name="Sticky menu" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11434"><style> #w_11434 .sticky_container{ transition:all .2s cubic-bezier(.3,0,.2,1); position:relative; z-index: 99; } #w_11434 .menu_container{ display:flex; } #w_11434 .main_menu{ list-style:none; margin:0; padding:0; } #w_11434 .main_menu ul{ list-style:none; margin:0; } #w_11434 .main_menu{ display:flex; } #w_11434 .link-level-1{ transition:all .25s cubic-bezier(.3,0,.2,1); } /*level 1*/ #w_11434 .main_menu > .level-1{ position:relative; } #w_11434 .link-level-1{ animation:all .2s cubic-bezier(.3,0,.2,1); } #w_11434 .has-children > .link-level-1:after{ font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } /*level 2*/ #w_11434 .children-level-2{ display:none; position:absolute; top:100%; left:0; z-index:1; } #w_11434 .main_menu .level-2 > .link-level-2{ display:block; transition:all .25s cubic-bezier(.3,0,.2,1); } /*any levels after*/ #w_11434 .main_menu .active{ font-weight:bold; } /**/ #w_11434 .search_input_container{ z-index:1; display:none; position:absolute; top:0; left:0; height:100%; width:100%; animation: w_11434_fade_in 300ms cubic-bezier(.3,0,.2,1); flex-wrap: nowrap; align-items:center; } #w_11434 .search_input_container .input_container{ flex-grow:1; height:100%; } #w_11434 .search_input_container form{ height:100%; } #w_11434 .search_input{ background:none; border:none; outline:none; box-shadow:none; width:100%; height:100%; } @keyframes w_11434_fade_in{ 0%{ opacity:0; } 100%{ opacity:1; } } @keyframes w_11434_menu_appear{ 0%{ opacity:0; top:-20px; } 100%{ opacity:1; top:0; } } /*mobile*/ #w_11434 .toggle_mobile_container{ display:none; transition:top .25s cubic-bezier(.3,0,.2,1); top:0; flex-shrink:1; } #w_11434 .close_mobile{ display:none; } #w_11434 .placeholder_row{ visibility:hidden; } @media(max-width:991px){ #w_11434 .toggle_mobile_container{ display:block; position:relative; z-index:1; } #w_11434 .logo_container{ z-index:1; } #w_11434 .placeholder_row, #w_11434 .menu_container .nav_container{ display:none; } #w_11434 .children-level-2{ position:static; width:auto; } #w_11434.mobile_is_open .menu_container .nav_container{ width:100%; display:block; order: 3; animation:w_11434_slide_right .2s cubic-bezier(.3,0,.2,1); position:relative; left:0; } #w_11434 .menu_container{ flex-wrap:wrap; } #w_11434.mobile_is_open > .sticky_container{ position:fixed; top:0; left:0; right:0; bottom:0; overflow:auto; } } @keyframes w_11434_slide_right{ 0%{ left:-10%; } 100%{ left:0; } } /**/ /*sticky*/ #w_11434 .sticky_container{ position:fixed; top:0; left:0; right:0; } #w_11434.sticky .sticky_container{ position:fixed; top:0; left:0; right:0; } #w_11434 .logo{ display:block; } #w_11434.sticky .logo_sticky{ display:block; } #w_11434.sticky .logo{ display:none; } #w_11434 .logo_sticky{ display:none; } /**/ /*hidden_sticky_menu*/ #w_11434.hidden_sticky_menu{ /* -webkit-transition: opacity 600ms linear; transition: opacity 600ms linear; opacity: 0; */ -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } #w_11434{ /* -webkit-transition: opacity 600ms linear; transition: opacity 600ms linear; */ opacity: 1; visibility: visible; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; } </style><div id="w_11434"> <div class="sticky_container"> <div class="menu_container"> <div class="logo_container d-flex"><a class="d-block" href="/en/index" target=""> <img class="logo logo_styling img-fluid" src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_white_rgb.svg" alt="Humanity & Inclusion UK" title=""/> <img class="logo_sticky logo_styling img-fluid" src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_white_rgb.svg" alt="Humanity & Inclusion UK" title=""/> </a></div> <nav class="nav_container"> <ul class='main_menu'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">ABOUT US</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/about-us/index" class="link-level-2"><span class="link_text">Our Mission</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 has-children "> <a href="/en/action/index" class="link-level-2"><span class="link_text">Areas of Action</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 has-children "> <a href="/en/country/index" class="link-level-2"><span class="link_text">Where We Work</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 has-children "> <a href="/en/news/index" class="link-level-2"><span class="link_text">Latest News</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 "> <a class="link-level-2" href="/en/press-office"><span class="link_text">Press Office</span></a> </li> <li class="level-2 "> <a class="link-level-2" href="/en/stories/index"><span class="link_text">Photo stories</span></a> </li> <li class="level-2 "> <a class="link-level-2" href="/en/finances"><span class="link_text">Finances</span></a> </li> <li class="level-2 "> <a class="link-level-2" href="/en/work-with-us"><span class="link_text">Work With Us</span></a> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">TAKE ACTION</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/appeals/index" class="link-level-2"><span class="link_text">EMERGENCY APPEALS</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=60&amount=5000&frequency=once&lang=en_EN"><span class="link_text">Lebanon crisis</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/en/gaza-crisis"><span class="link_text">Gaza crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sudan-crisis"><span class="link_text">Sudan crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/ukraine-emergency"><span class="link_text">Ukraine crisis</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">WAYS TO DONATE</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/children-christmas-appeal"><span class="link_text">Christmas Appeal</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/index"><span class="link_text">Fundraising events</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/donate-in-memory-of-a-loved-one"><span class="link_text">Donate in Memory</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/give-in-your-will"><span class="link_text">Give In Your Will</span></a> </li> </ul> </li> <li class="level-2 "> <a class="link-level-2" href="/en/partnerships/index"><span class="link_text">Partnerships & Philanthropy</span></a> </li> <li class="level-2 has-children "> <a href="/en/campaign/index" class="link-level-2"><span class="link_text">CAMPAIGN WITH US</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/ceasefire-now"><span class="link_text">Gaza CeasefireNOW​​​​​​​</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/stop-bombing-civilians"><span class="link_text">Stop Bombing Civilians</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/prosthetics-for-life"><span class="link_text">Prosthetics For Life</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 donate_btn d-lg-block d-none homepage"><a class="link-level-1" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=750&frequency=regular&lang=en_EN"><span class="link_text"><span aria-hidden="true" class="icon fa-regular fa-heart"></span> DONATE</span></a></li> </ul> </nav> <div class="toggle_mobile_container"> <a href="javascript:void(0)" class="btn btn-link link-level-1 open_mobile" title="Open menu"> <span class="far fa-bars" aria-hidden="true"></span> </a> <a href="javascript:void(0)" class="btn btn-link link-level-1 close_mobile" title="Close menu"> <span class="fal fa-times" aria-hidden="true"></span> </a> </div> </div> </div></div><script> /*sticky*/ $(window).on('scroll.w_11434',function(event){ if($(this).scrollTop() > 0){ if(!$('#w_11434').hasClass('sticky')){ $('#w_11434').addClass('sticky').attr('data-stickied-top', true); } }else{ $('#w_11434').removeClass('sticky').removeAttr('data-stickied-top'); } }); /**/ require(["/en/toolbox/module/sed/site_menu/widget/w_site_sticky_menu/sed_site_sticky_menu.js"], function(app) { if(app){ app.init({ wuid: '11434', menu_level_3_collapsed : 'no' }); } }); </script></div> </div> </div> </div> </div> <div class="sn-element container hidden-print d-print-none d-none d-print-none d-none " data-sn-type="container" data-sn-id="1603c903-5a59-4c19-815c-a7934f4ef0b3" > <div class="sn-element row " data-sn-type="row" data-sn-id="1a839f3a-96cd-420b-82e2-a4777c5e2b91" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 " data-sn-type="column" data-sn-id="9571f357-de8a-4448-a811-3dc4257a2a8d" > <div class="sn-element row " data-sn-type="row" data-sn-id="eff0d83d-d073-48d9-8323-703ce5bdfaad" > <div class="sn-element col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 " data-sn-type="column" data-sn-id="64f3d0ef-8eee-4530-9809-654a38535712" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget d-md-none " data-sn-type="widget" data-sn-id="7701" data-sn-code="usine_mega_drop_down_navigation" data-sn-name="Mega drop down navigation" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7701"> <style> #w_7180 ul{ list-style:none; padding:0; margin:0; } #w_7180 > ul{ display:table; width:66.6667%; } #w_7180 > ul > li{ display:table-cell; vertical-align:middle; padding:12px 0; } /*link level 1*/ #w_7180 > ul > li > a{ color:#FFF; font-size: 26px; display:table; width:100%; text-align:center; text-transform:uppercase; } #w_7180 > ul > li > a > span{ display:table-cell; vertical-align:middle; padding:0 20px; } #w_7180 > ul > li:first-child > a > span{ padding-left:0; } #w_7180 > ul > li:first-child > a{ border-left:none; } #w_7180 > ul > li:last-child > a > span{ padding-right:0; } /**/ /*mega dropdown*/ #w_7180 > ul > li > ul{ display:none; position:absolute; top:100%; left:0; width:100%; background:#34495e; z-index:99; padding-top:40px; } #w_7180 > ul > li.open > ul{ display:block; } #w_7180 > ul > li > ul:after{ content:''; display:table; clear:both; } #w_7180 > ul > li > ul > li{ float:left; width:25%; margin:0 0 40px; padding:0 20px; border-left:2px solid #2c3e53; } #w_7180 > ul > li > ul > li.close_dropdown{ border:none; padding:0px; margin:0; float:none; width:auto; position:absolute; bottom:0; right:0; } #w_7180 > ul > li > ul > li.close_dropdown > a{ padding:7px 12px; display:block; background:#2c3e53; color:#009cde; font-size:12px; position:relative; } #w_7180 > ul > li > ul > li:first-child{ border:none; } #w_7180 > ul > li > ul > li:nth-child(4n+1){ clear:both; border:none; } /**/ /*link level-2*/ #w_7180 > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:18px; display:block; padding-bottom:12px; text-decoration:none; } /*link level-3*/ #w_7180 > ul > li > ul > li > ul{ padding-left:10px; } #w_7180 > ul > li > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:16px; display:block; position:relative; } #w_7180 > ul > li > ul > li > ul > li > a:before{ content:''; position:absolute; left:-10px; top:8px; width:4px; height:4px; border-radius:50%; background:#009cde; } /**/ #w_7180 .btn_mobile_menu_container{ display:none; } @media(max-width:991px){ #w_7180 > ul{ width:100%; } } @media(max-width:767px){ #w_7180 .btn_mobile_menu_container{ display:block; text-align:right; } #w_7180 .btn_mobile_menu_container > a{ font-size:28px; color:#0077c8; transition:all .2s cubic-bezier(.3,0,.2,1); } #w_7180 .btn_mobile_menu_container > a.open{ color:#FFF; background:#0077c8; } #w_7180 > ul{ display:none; } #w_7180 > ul.mobile_open{ display:block; } #w_7180 > ul > li{ display:block; border-bottom:1px solid #ececef; position:relative; left:-100%; transition:left .3s cubic-bezier(.3,0,.2,1); } #w_7180 > ul > li > ul{ position:relative; padding:20px 0 10px; } #w_7180 > ul > li > a > span, #w_7180 > ul > li > a{ padding:0; border:none; } #w_7180 > ul > li > ul > li:first-child, #w_7180 > ul > li > ul > li{ float:none; width:auto; border:none; padding:20px 0; margin:0 20px; border-bottom:2px solid #2c3e53; } #w_7180 > ul > li > ul > li.close_dropdown{ display:none; } #w_7180 > ul > li > a{ color:#0077c8; } #w_7180 .mobile_logo{ max-width:280px; width:100%; height:auto; } } </style> <nav id="w_7180"> <div class="dtable hidden-sm hidden-md hidden-lg"> <div class="dcell"> <a href="/en/index-old"><img class="mobile_logo" src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg?maxw=600" alt="Humanity & Inclusion logo" /></a> </div> <div class="dcell dcell-minwidth"> <div class="btn_mobile_menu_container ml-sm"> <a href="javascript:void(0)" class="btn btn-link btn_mobile_menu"> <span aria-hidden="true" class="fa fa-bars"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1217">Navigation</span></span> </a> </div> </div> </div> <ul class='menu_w_7180'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">About us</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/about-us/index" class="link-level-2"><span class="link_text">About HI</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/our-history"><span class="link_text">History</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/awards"><span class="link_text">Awards</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/finances"><span class="link_text">Finances</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/action/index" class="link-level-2"><span class="link_text">Areas of action</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/action/rehabilitation"><span class="link_text">Rehabilitation</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/emergencies"><span class="link_text">Emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/explosive-weapons"><span class="link_text">Explosive weapons</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/health-and-prevention"><span class="link_text">Health and prevention</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/inclusion"><span class="link_text">Inclusion</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-rights"><span class="link_text">Disability rights</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-the-global-picture"><span class="link_text">Disability worldwide</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">People</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/about-us/our-uk-team"><span class="link_text">Our UK team</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/our-ambassadors"><span class="link_text">Ambassadors</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/our-fundraising-superstars"><span class="link_text">Our supporters</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/the-amazing-people-we-support"><span class="link_text">The people we support</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/work-with-us"><span class="link_text">Work with us</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Our impact</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/country/index" class="link-level-2"><span class="link_text">Where we work</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/country/index"><span class="link_text">Countries we work in</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/country/united-kingdom"><span class="link_text">UK activities</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/projects/index" class="link-level-2"><span class="link_text">Special projects</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/projects/rehabilitation-in-emergencies"><span class="link_text">Rehabilitation in emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/inclusive-futures"><span class="link_text">Inclusive Futures</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/peoples-postcode-lottery"><span class="link_text">People's Postcode Lottery</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/disability-data-in-humanitarian-action"><span class="link_text">Disability Data in Humanitarian Action</span></a> </li> <li class="level-3 active"> <a class="link-level-3" href="/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children"><span class="link_text">Growing together</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">News</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/news/index"><span class="link_text">Latest news</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/press-office"><span class="link_text">Press releases</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/reports/index"><span class="link_text">Reports</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/stories/ukraine-crisis-psychological-impact"><span class="link_text">Photo stories</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/hi-from-the-field"><span class="link_text">HI from the field</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sign-up-for-email-updates"><span class="link_text">Email newsletter</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">How you can help</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN" class="link-level-2"><span class="link_text">Donate</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN"><span class="link_text">Make a donation today</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/en/gaza-crisis"><span class="link_text">Gaza crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sudan-crisis"><span class="link_text">Sudan crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/ukraine-emergency"><span class="link_text">Ukraine crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/yemen-crisis"><span class="link_text">Yemen crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/supporter-promise"><span class="link_text">Our promise to you</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/campaign/index" class="link-level-2"><span class="link_text">Campaign</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/after-the-news"><span class="link_text">After the News</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/stop-bombing-civilians"><span class="link_text">Stop Bombing Civilians</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/fundraise/index" class="link-level-2"><span class="link_text">Fundraise</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/challenge-yourself"><span class="link_text">Your own challenge</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/make-every-step-count-with-a-fundraising-walk"><span class="link_text">Fundraising walks</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/quiz-for-humanity-inclusion"><span class="link_text">Host a quiz</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/take-action-in-your-school"><span class="link_text">Take action in your school</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">More ways to help</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/partnerships/partnerships-and-philanthropy"><span class="link_text">Partnerships & Philanthropy</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/give-in-your-will"><span class="link_text">Give in your will</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/donate-in-memory-of-a-loved-one"><span class="link_text">Donate in memory</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/volunteer-your-time"><span class="link_text">Volunteer</span></a> </li> </ul> </li> </ul> </li> </ul> </nav> <script> (function(){ var timeout_hover; $('#w_7180 > ul > li > ul').prev('a').attr('aria-haspopup', true).attr('aria-expanded', false) .parent('li').hover(function(){ if(window.innerWidth > 767){ clearTimeout(timeout_hover); $("#donation_detail").addClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-down").removeClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-up").addClass("hidden"); $(this).siblings().removeClass('open').children('a').attr('aria-expanded', false); $(this).addClass('open').children('a').attr('aria-expanded', true); } }, function(){ if(window.innerWidth > 767){ var $this = $(this); timeout_hover = setTimeout(function(){ $this.removeClass('open').children('a').attr('aria-expanded', false); },200); } }); $('#w_7180 > ul > li > ul').prev('a').on('click', function(){ var $li = $(this).parent('li'); if($(this).next('ul').css('display') == 'none'){ $li.siblings().removeClass('open').children('a').attr('aria-expanded', false); $li.addClass('open').children('a').attr('aria-expanded', true); }else{ $li.removeClass('open').children('a').attr('aria-expanded', false); } }); //link on second level are always group, focus on their first child link on click (or enter key press) $('#w_7180 > ul > li > ul > li > a').on('click', function(){ $(this).next('ul').children('li').first().children('a').focus(); }); $('#w_7180 > ul > li > ul').append('<li class="close_dropdown"><a href="javascript:void(0)">CLOSE NAVIGATION <span aria-hidden="true" class="fa fa-times"></span></a></li>') .find('.close_dropdown').on('click', function(){ $(this).parent().closest('li').removeClass('open').children('a').attr('aria-expanded', false); }); $('#w_7180 .btn_mobile_menu_container > a').attr('aria-haspopup', true).attr('aria-expanded', false).on('click', function(){ var $ul = $('#w_7180 > ul'); var $this = $(this); function open(){ $this.addClass('open').attr('aria-expanded', true); $ul.slideDown(200, function(){ $(this).removeAttr('style').addClass('mobile_open'); }); function anim_li_open($li){ $li.css('left', 0); if($li.next('li').length){ setTimeout(function(){ anim_li_open($li.next('li')); },80); } } anim_li_open($ul.children('li').first()); } function close(){ function anim_li_close($li){ $li.css('left', ''); if($li.prev('li').length){ setTimeout(function(){ anim_li_close($li.prev('li')); },60); }else{ $this.removeClass('open').attr('aria-expanded', false);; $ul.slideUp(200, function(){ $(this).removeAttr('style').removeClass('mobile_open'); }); } } anim_li_close($ul.children('li').last()); } if($ul.css('display') == 'none'){ open(); $(document).on('click.w_7180', function(event){ if(!$(event.target).closest('.menu_w_7180').length && !$(event.target).closest('.btn_mobile_menu').length){ close(); $(document).off('click.w_7180'); } }); }else{ close(); } }); })(); </script></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget d-none d-md-block " data-sn-type="widget" data-sn-id="11197" data-sn-code="sed_media_image_v2" data-sn-name="Image" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11197"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_11197 img{ max-width: 100%; } /*#w_11197 .img-circle { border-radius: 50%; }*/ #w_11197.img-container{ display: flex; /*justify-content:;*/ } </style> <div id="w_11197" class="img-container"> <div style="width:100%;"> <a href="/en/index-old" target=_self> <img loading="lazy" class="service-img img-max-100 d-none d-lg-block" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> <img loading="lazy" class="service-img img-max-100 d-none d-md-block d-lg-none" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> <img loading="lazy" class="service-img img-max-100 d-none d-sm-block d-md-none" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> <img loading="lazy" class="service-img img-max-100 d-sm-none" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> </a> </div> </div> </div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 " data-sn-type="column" data-sn-id="ec96ffc9-9c7e-4846-8a17-3543cc4bd7c3" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget spacer_header d-none d-md-block " data-sn-type="widget" data-sn-id="7280" data-sn-code="sed_essential_spacer" data-sn-name="Spacer" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7280"><style type="text/css"> .wdg_spacer { clear:both; } .space6937.wdg_spacer.custom { height:115px; } </style><div class="wdg_spacer space6937 custom">&nbsp;</div></div> </div> </div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="3d94408c-e986-4dd3-b660-43de05850d8f" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget d-none d-lg-block " data-sn-type="widget" data-sn-id="7278" data-sn-code="sed_site_menu_slim" data-sn-share data-sn-name="Slim menu" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7278"> <style> #w_6430:after{ content:''; clear:both; display:table; } #w_6430 ul{ list-style:none; margin:0; padding:0; } #w_6430 > ul{ float:right; margin:0 0 -10px } #w_6430 > ul > li{ float:left; position:relative; padding:0 10px; margin-bottom:10px; } #w_6430 > ul > li:before{ content:''; background-color:#d4d5d8; height:60%; width:1px; position:absolute; left:0; top:20%; } #w_6430 > ul > li:first-child:before{ content:none; } #w_6430 > ul > li > a{ position:relative; z-index:10; } #w_6430 a{ color:#002e43; } #w_6430 > ul > li > ul{ display:none; position:absolute; top:100%; z-index:9; border:1px solid #d4d5d8; background:#FFF; left:50%; transform:translateX(-50%); width:270px; padding:0 5px; margin-top:6px; overflow:hidden; } #w_6430 > ul > li.countries > ul{ padding:0 5px 0 100px; } #w_6430 > ul > li.countries > ul:before{ display: block; font-family: "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:10px; left:16px; font-size:75px; content: "\f57d"; color:#d4d5d8; font-weight:900; } #w_6430 > ul > li.has-children:after{ content:''; display:block; background:#FFF; width:100%; position:absolute; top:100%; left:0; height:11px; z-index:9; transform:translateY(-4px); border-left:1px solid #d4d5d8; opacity:0; transition:opacity .2s linear; } #w_6430 > ul > li.has-children.open:after{ opacity:1; } #w_6430 > ul > li.countries > a:before{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f57d"; font-weight:900; } #w_6430 > ul > li.has-children > a:after{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-weight:100; position:relative; top:0; transition:top .2s cubic-bezier(.3,0,.2,1), transform .2s cubic-bezier(.3,0,.2,1); } #w_6430 > ul > li.has-children.open > a:after, #w_6430 > ul > li.has-children > a:hover:after{ top:3px; } #w_6430 > ul > li.has-children.open > a:after{ transform:scale(-1); } #w_6430 > ul > li > ul > li{ padding:5px 0; } </style> <nav id="w_6430"> <ul class=''> <li class="level-1 has-children countries"> <a > <span> United Kingdom </span></a><ul> <li> <a href="https://www.handicap-international.de/de/homepage"> Germany </a> </li> <li> <a href="https://www.handicapinternational.be/"> Belgium </a> </li> <li> <a href="https://www.hi-canada.org/en/index"> Canada </a> </li> <li> <a href="https://www.handicap-international.fr/fr/index"> France </a> </li> <li> <a href="https://www.handicap-international.lu/fr/index"> Luxembourg </a> </li> <li> <a href="https://www.handicap-international.ch/fr/index"> Switzerland </a> </li> <li> <a href="https://www.hi-us.org/"> USA </a> </li> <li> <a href="https://www.hi.org/"> International </a> </li> </ul> </li> </ul> </nav> <script> $('#w_6430 > ul > li > ul').prev('a').on('click', function(){ var $ul = $(this).next('ul'); if($ul.css('display') == 'none'){ $ul.fadeIn(150).closest('li').addClass('open'); var rect = $ul[0].getBoundingClientRect(); var right_difference = rect.right - $(window).width(); if(right_difference > 0){ $ul.css('left', 'calc(50% - '+right_difference+'px)'); }else if(rect.left < 0){ $ul.css('left', 'calc(50% - '+rect.left+'px)'); } $(document).on('click', function(e){ if($(e.target).closest('#w_6430').length < 1){ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); }else{ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); </script></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7282" data-sn-code="usine_donation_now" data-sn-name="Donation now" data-sn-nbview="4" id="widget_donate" > <div class="sn-element-content" id="sn_widget_7282"> <div class="usine_donate_now" id="w_6938"> <div class="donate_header"> <a href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN" > <span class="mobile_icon d-lg-none"> <img src="/sn_uploads/widgets/hand.png" alt=""> </span> <span class="size-md"><span class="sn_pencil" data-sn_uid="1440">Please</span></span> <strong><span class="sn_pencil" data-sn_uid="1229">Donate</span></strong> </a> </div></div><script type="text/javascript"> (function () { function get_donation_result(amount, limit){ amount = parseFloat(amount); limit = parseFloat(limit); var result; if(amount > limit) { result = Math.round(amount - (limit * 0.75 + (amount - limit)*0.66)); } else { result = amount * 0.25; } $("#donate_result p span#donation").text(result.toFixed(2).replace(".", ",")); $("#donate_result").removeClass("d-none"); } $(".donate_detail_toggle").each(function(){ $(this).click(function(){ $("#donation_detail").toggleClass("d-none"); $(".usine_donate_now .donate_header .fa-angle-down").toggleClass("d-none"); $(".usine_donate_now .donate_header .fa-angle-up").toggleClass("d-none"); }); }); var form = $(".usine_donate_now .donate_header .form-inline"); form.find(".radio_f input").each(function(){ $(this).click(function () { get_donation_result($(this).val(), 531); }); }); form.find(".other_amount input").keyup(function () { if(!isNaN($(this).val()) && $(this).val() > 0){ get_donation_result($(this).val(), 531); } else { get_donation_result(0, 531); } }); })(); </script></div> </div> </div> </div> </div> <div class="sn-element container-fluid hidden-print hidden-xs d-print-none d-none d-print-none d-none " data-sn-type="container" data-sn-id="495e53e1-321b-4894-821c-f8ca5b2c9aff" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="6dc5bb3f-77c8-4569-b279-eca28c16bda0" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="9b94d6af-565c-4c54-b933-380bcdd74acd" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6256" data-sn-code="usine_mega_drop_down_navigation" data-sn-share data-sn-name="Mega drop down navigation" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6256"> <style> #w_6201 ul{ list-style:none; padding:0; margin:0; } #w_6201 > ul{ display:table; width:66.6667%; } #w_6201 > ul > li{ display:table-cell; vertical-align:middle; padding:12px 0; } /*link level 1*/ #w_6201 > ul > li > a{ color:#FFF; font-size: 26px; display:table; width:100%; text-align:center; text-transform:uppercase; } #w_6201 > ul > li > a > span{ display:table-cell; vertical-align:middle; padding:0 20px; } #w_6201 > ul > li:first-child > a > span{ padding-left:0; } #w_6201 > ul > li:first-child > a{ border-left:none; } #w_6201 > ul > li:last-child > a > span{ padding-right:0; } /**/ /*mega dropdown*/ #w_6201 > ul > li > ul{ display:none; position:absolute; top:100%; left:0; width:100%; background:#34495e; z-index:99; padding-top:40px; } #w_6201 > ul > li.open > ul{ display:block; } #w_6201 > ul > li > ul:after{ content:''; display:table; clear:both; } #w_6201 > ul > li > ul > li{ float:left; width:25%; margin:0 0 40px; padding:0 20px; border-left:2px solid #2c3e53; } #w_6201 > ul > li > ul > li.close_dropdown{ border:none; padding:0px; margin:0; float:none; width:auto; position:absolute; bottom:0; right:0; } #w_6201 > ul > li > ul > li.close_dropdown > a{ padding:7px 12px; display:block; background:#2c3e53; color:#009cde; font-size:12px; position:relative; } #w_6201 > ul > li > ul > li:first-child{ border:none; } #w_6201 > ul > li > ul > li:nth-child(4n+1){ clear:both; border:none; } /**/ /*link level-2*/ #w_6201 > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:18px; display:block; padding-bottom:12px; text-decoration:none; } /*link level-3*/ #w_6201 > ul > li > ul > li > ul{ padding-left:10px; } #w_6201 > ul > li > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:16px; display:block; position:relative; } #w_6201 > ul > li > ul > li > ul > li > a:before{ content:''; position:absolute; left:-10px; top:8px; width:4px; height:4px; border-radius:50%; background:#009cde; } /**/ #w_6201 .btn_mobile_menu_container{ display:none; } @media(max-width:991px){ #w_6201 > ul{ width:100%; } } @media(max-width:767px){ #w_6201 .btn_mobile_menu_container{ display:block; text-align:right; } #w_6201 .btn_mobile_menu_container > a{ font-size:28px; color:#0077c8; transition:all .2s cubic-bezier(.3,0,.2,1); } #w_6201 .btn_mobile_menu_container > a.open{ color:#FFF; background:#0077c8; } #w_6201 > ul{ display:none; } #w_6201 > ul.mobile_open{ display:block; } #w_6201 > ul > li{ display:block; border-bottom:1px solid #ececef; position:relative; left:-100%; transition:left .3s cubic-bezier(.3,0,.2,1); } #w_6201 > ul > li > ul{ position:relative; padding:20px 0 10px; } #w_6201 > ul > li > a > span, #w_6201 > ul > li > a{ padding:0; border:none; } #w_6201 > ul > li > ul > li:first-child, #w_6201 > ul > li > ul > li{ float:none; width:auto; border:none; padding:20px 0; margin:0 20px; border-bottom:2px solid #2c3e53; } #w_6201 > ul > li > ul > li.close_dropdown{ display:none; } #w_6201 > ul > li > a{ color:#0077c8; } #w_6201 .mobile_logo{ max-width:280px; width:100%; height:auto; } } </style> <nav id="w_6201"> <div class="dtable hidden-sm hidden-md hidden-lg"> <div class="dcell"> </div> <div class="dcell dcell-minwidth"> <div class="btn_mobile_menu_container ml-sm"> <a href="javascript:void(0)" class="btn btn-link btn_mobile_menu"> <span aria-hidden="true" class="fa fa-bars"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1217">Navigation</span></span> </a> </div> </div> </div> <ul class='menu_w_6201'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">About us</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/about-us/index" class="link-level-2"><span class="link_text">About HI</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/our-history"><span class="link_text">History</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/awards"><span class="link_text">Awards</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/finances"><span class="link_text">Finances</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/action/index" class="link-level-2"><span class="link_text">Areas of action</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/action/rehabilitation"><span class="link_text">Rehabilitation</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/emergencies"><span class="link_text">Emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/explosive-weapons"><span class="link_text">Explosive weapons</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/health-and-prevention"><span class="link_text">Health and prevention</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/inclusion"><span class="link_text">Inclusion</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-rights"><span class="link_text">Disability rights</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-the-global-picture"><span class="link_text">Disability worldwide</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">People</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/about-us/our-uk-team"><span class="link_text">Our UK team</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/our-ambassadors"><span class="link_text">Ambassadors</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/our-fundraising-superstars"><span class="link_text">Our supporters</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/the-amazing-people-we-support"><span class="link_text">The people we support</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/work-with-us"><span class="link_text">Work with us</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Our impact</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/country/index" class="link-level-2"><span class="link_text">Where we work</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/country/index"><span class="link_text">Countries we work in</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/country/united-kingdom"><span class="link_text">UK activities</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/projects/index" class="link-level-2"><span class="link_text">Special projects</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/projects/rehabilitation-in-emergencies"><span class="link_text">Rehabilitation in emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/inclusive-futures"><span class="link_text">Inclusive Futures</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/peoples-postcode-lottery"><span class="link_text">People's Postcode Lottery</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/disability-data-in-humanitarian-action"><span class="link_text">Disability Data in Humanitarian Action</span></a> </li> <li class="level-3 active"> <a class="link-level-3" href="/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children"><span class="link_text">Growing together</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">News</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/news/index"><span class="link_text">Latest news</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/press-office"><span class="link_text">Press releases</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/reports/index"><span class="link_text">Reports</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/stories/ukraine-crisis-psychological-impact"><span class="link_text">Photo stories</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/hi-from-the-field"><span class="link_text">HI from the field</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sign-up-for-email-updates"><span class="link_text">Email newsletter</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">How you can help</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN" class="link-level-2"><span class="link_text">Donate</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN"><span class="link_text">Make a donation today</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/en/gaza-crisis"><span class="link_text">Gaza crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sudan-crisis"><span class="link_text">Sudan crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/ukraine-emergency"><span class="link_text">Ukraine crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/yemen-crisis"><span class="link_text">Yemen crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/supporter-promise"><span class="link_text">Our promise to you</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/campaign/index" class="link-level-2"><span class="link_text">Campaign</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/after-the-news"><span class="link_text">After the News</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/stop-bombing-civilians"><span class="link_text">Stop Bombing Civilians</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/fundraise/index" class="link-level-2"><span class="link_text">Fundraise</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/challenge-yourself"><span class="link_text">Your own challenge</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/make-every-step-count-with-a-fundraising-walk"><span class="link_text">Fundraising walks</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/quiz-for-humanity-inclusion"><span class="link_text">Host a quiz</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/take-action-in-your-school"><span class="link_text">Take action in your school</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">More ways to help</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/partnerships/partnerships-and-philanthropy"><span class="link_text">Partnerships & Philanthropy</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/give-in-your-will"><span class="link_text">Give in your will</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/donate-in-memory-of-a-loved-one"><span class="link_text">Donate in memory</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/volunteer-your-time"><span class="link_text">Volunteer</span></a> </li> </ul> </li> </ul> </li> </ul> </nav> <script> (function(){ var timeout_hover; $('#w_6201 > ul > li > ul').prev('a').attr('aria-haspopup', true).attr('aria-expanded', false) .parent('li').hover(function(){ if(window.innerWidth > 767){ clearTimeout(timeout_hover); $("#donation_detail").addClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-down").removeClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-up").addClass("hidden"); $(this).siblings().removeClass('open').children('a').attr('aria-expanded', false); $(this).addClass('open').children('a').attr('aria-expanded', true); } }, function(){ if(window.innerWidth > 767){ var $this = $(this); timeout_hover = setTimeout(function(){ $this.removeClass('open').children('a').attr('aria-expanded', false); },200); } }); $('#w_6201 > ul > li > ul').prev('a').on('click', function(){ var $li = $(this).parent('li'); if($(this).next('ul').css('display') == 'none'){ $li.siblings().removeClass('open').children('a').attr('aria-expanded', false); $li.addClass('open').children('a').attr('aria-expanded', true); }else{ $li.removeClass('open').children('a').attr('aria-expanded', false); } }); //link on second level are always group, focus on their first child link on click (or enter key press) $('#w_6201 > ul > li > ul > li > a').on('click', function(){ $(this).next('ul').children('li').first().children('a').focus(); }); $('#w_6201 > ul > li > ul').append('<li class="close_dropdown"><a href="javascript:void(0)">CLOSE NAVIGATION <span aria-hidden="true" class="fa fa-times"></span></a></li>') .find('.close_dropdown').on('click', function(){ $(this).parent().closest('li').removeClass('open').children('a').attr('aria-expanded', false); }); $('#w_6201 .btn_mobile_menu_container > a').attr('aria-haspopup', true).attr('aria-expanded', false).on('click', function(){ var $ul = $('#w_6201 > ul'); var $this = $(this); function open(){ $this.addClass('open').attr('aria-expanded', true); $ul.slideDown(200, function(){ $(this).removeAttr('style').addClass('mobile_open'); }); function anim_li_open($li){ $li.css('left', 0); if($li.next('li').length){ setTimeout(function(){ anim_li_open($li.next('li')); },80); } } anim_li_open($ul.children('li').first()); } function close(){ function anim_li_close($li){ $li.css('left', ''); if($li.prev('li').length){ setTimeout(function(){ anim_li_close($li.prev('li')); },60); }else{ $this.removeClass('open').attr('aria-expanded', false);; $ul.slideUp(200, function(){ $(this).removeAttr('style').removeClass('mobile_open'); }); } } anim_li_close($ul.children('li').last()); } if($ul.css('display') == 'none'){ open(); $(document).on('click.w_6201', function(event){ if(!$(event.target).closest('.menu_w_6201').length && !$(event.target).closest('.btn_mobile_menu').length){ close(); $(document).off('click.w_6201'); } }); }else{ close(); } }); })(); </script></div> </div> </div> </div> </div> <div id="main" class="sn-element container " data-sn-type="container" data-sn-id="b4409e17b6f94cd9b71642764d185c5c" tabindex="0" > <div class="sn-element row " data-sn-type="row" data-sn-id="5c82c4906f9e4d359add3094dfb64221" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="27149e30f79b4a0eba3d76d49e1d6112" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11915" data-sn-code="hi_breadcrumb_auto" data-sn-name="Breadcrumb auto" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11915"><div class="container"> <nav id="siteBreadcrumb"> <ol class="breadcrumb breadcrumb_top"> <li> <a href="/">Home</a> <span class="arrow"> > </span> <a href="/en/projects/" id="folder" style="text-transform:capitalize;">folderValue</a> <span id="separator" class="arrow"> > </span> <a href="growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children">Growing together: Inclusive safe spaces to play for vulnerable children</a> </li> </ol> </nav></div> <script>var folderValue = "/en/projects/";/*Display no folder if the folder is only the language one*/if (folderValue === "/fr/" || folderValue === "/de/" || folderValue === "/en/" || folderValue === "/nl/") { document.getElementById("folder").style.display = "none"; document.getElementById("separator").style.display = "none";} /*Trim the name to remove /lg/ and the end "/" */else{ folderValue = folderValue.substring(4, folderValue.length - 1); document.getElementById("folder").textContent = folderValue // Update the folderValue link text } </script><style> #siteBreadcrumb{ margin-left:-15px; margin-right:-15px; } </style></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6264" data-sn-code="sed_site_page_title" data-sn-name="the title of the site%27s page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6264"> <div class="page-header6209 bck-bleu-pale section-title center" > <h1 style="color:#004f71 !important;">Growing together: Inclusive safe spaces to play for vulnerable children</h1> </div> <style> .page-header6209.section-title h1, .page-header6209.section-title h2, .page-header6209.section-title h3, .page-header6209.section-title h4, .page-header6209.section-title h5, .page-header6209.section-title h6 { margin-top:2px; margin-bottom:2px; } </style></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6265" data-sn-code="usine_page_text_content" data-sn-name="Text content in the page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6265"> <div class="page_summary mb-md mt-md"> <p>With support from the Ikea Foundation, HI’s 'Growing Together' project is giving displaced children in Bangladesh, Pakistan and Thailand the right to be a child.</p> </div> <style> .text_content .fa {font-weight:normal!important;} </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget d-print-none " data-sn-type="widget" data-sn-id="6266" data-sn-code="sed_social_share_this_page" data-sn-name="Share this page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6266"> <span class='st_facebook_large' displayText='Facebook'></span><span class='st_twitter_large' displayText='Tweet'></span><span class='st_linkedin_large' displayText='LinkedIn'></span><span class='st_email_large' displayText='Email'></span> <script type='text/javascript'>var switchTo5x=false;</script> <script type='text/javascript'> require(['share'], function() { stLight.options({publisher: '9c37de8e-e299-41d0-ab02-ac90eea43a68', lang:'en', doNotHash: false, doNotCopy: false, hashAddressBar: false}); }); </script></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6267" data-sn-code="usine_cover_image" data-sn-name="Cover image" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6267"> <img style="width:100%" class="img-fluid mt-lg" src="/sn_uploads/page/GT_IKEA_MaeLaCamp32_Huyghe_0211.jpg?maxw=1110" alt="A child with an umbrella in Mae La refugee camp." title="Growing together: Inclusive safe spaces to play for vulnerable children"/> <p class="legend"><span class="capitalize">© Wendy Huyghe/HI</span></p> </div> </div> </div> </div> </div> <div class="sn-element container-fluid main main " data-sn-type="container" data-sn-id="acc1a2c196d541f0af53cecd8cca801e" > <div class="sn-element row " data-sn-type="row" data-sn-id="51e43db0576f4500a347a9a04def6d72" > <div class="sn-element control_full_width col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 control_full_width " data-sn-type="column" data-sn-id="2f5f1a8d2f674dc5bafcf2c44691c5ee" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6508" data-sn-code="sed_site_grid" data-sn-name="Use to instantiate a grid in a master page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6508"> <div class="sn-grid" data-body-id="74c9ea87fbba4316bcb8f7f26a8e067a" data-sn-id="2162" data-sn-parent="sed_site_page" data-sn-code="growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children" > <div class="sn-element container " data-sn-type="container" data-sn-id="82319b3a-3574-4206-9f54-b42689ae43e8" > <div class="sn-element row " data-sn-type="row" data-sn-id="94202a95-3b95-48aa-9829-5d82f2d80e91" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 " data-sn-type="column" data-sn-id="09d72f66-24fb-43b0-a90a-275042a17def" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7999" data-sn-code="usine_page_text_content" data-sn-name="Text content in the page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7999"> <div class="mb-lg mt-lg text_content"> <p><strong>Through the Let’s Play for Change campaign, the IKEA Foundation is supporting our Growing Together project that gives displaced children in Bangladesh, Pakistan and Thailand the right to be a child. </strong></p> <p>We create inclusive, educational playgrounds where vulnerable children, including children with disabilities, can feel safe to play and develop. Play is a fundamental right and essential for a child’s physical and mental health.</p> <p>Growing Together is a 4-year project and aims to empower 13,000 vulnerable boys and girls.</p> <p><a href="https://www.ikeafoundation.org/campaigns/lets-play/" target="_blank">Find out more about IKEA Foundation and the Let’s Play campaign</a>.</p> <h2>Videos from the project</h2> <hr /> </div> <style> .text_content .fa {font-weight:normal!important;} </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7997" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7997"><div id="ck7393 " class="wid-style box-element_gamila7393 "> <h3>Helping refugee children to play</h3> <p>Cheryl Shin-Hua Yeam explains why play for vulnerable children is supremely important: "Child friendly spaces give refugee children the opportunity to share traumatizing experiences."</p> </div><style type="text/css"> .box-element7393 { margin: 0px; padding:0px; } .box-element7393 img{ max-width:100%; } .newspaper7393 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7393' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7998" data-sn-code="sed_media_video" data-sn-name="Video" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7998"> <style type="text/css"> #wdg_video_7394 { width: 100%; height: auto; margin:auto; } #wdg_video_7394 .video-responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #wdg_video_7394 .video-responsive-container iframe, #wdg_video_7394 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_7394 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_7394 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_7394 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_7394 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_7394 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_7394 .play_icon:hover i{ opacity:1; } #wdg_video_7394 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_7394 .preview_bg:hover{ cursor:pointer; } #wdg_video_7394 .play_btn_container{ position:relative; } #wdg_video_7394 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_7394 .play_title{ bottom: 100%; } #wdg_video_7394 .play_text{ top: 100%; } #wdg_video_7394 .play_text , #wdg_video_7394 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_7394 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_7394 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_7394 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_7394 .play_title, #wdg_video_7394 .play_text{ opacity:0.9; } #wdg_video_7394 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_7394 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_7394 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_7394 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_7394 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_7394 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_7394"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/0?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7984" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7984"><div id="ck7381 " class="wid-style box-element_gamila7381 "> <h3>"Drawing helps me forget my sorrows"</h3> <p>Thanks to our drawing activities, children can relax in an environment where much of what they live day to day is unsafe. It gives children the chance to express themselves creatively where words are not available.</p> <p>Find out about the hopes and dreams of Sanda, Eh Tha and Misbah through animations of their drawings:</p> </div><style type="text/css"> .box-element7381 { margin: 0px; padding:0px; } .box-element7381 img{ max-width:100%; } .newspaper7381 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7381' );</script>--></div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="a6d45e8c-c943-40c6-bf91-fae2ab95943f" > </div> </div> </div> <div class="sn-element container " data-sn-type="container" data-sn-id="0325df9f32b44953b616c6735363b012" > <div class="sn-element row " data-sn-type="row" data-sn-id="30312133d4d542da9c5e3c25ba09f7e8" > <div class="sn-element col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="51c381bbdd294246bca7d7bcd4da9128" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7985" data-sn-code="sed_media_video" data-sn-name="Video" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7985"> <style type="text/css"> #wdg_video_7382 { width: 100%; height: auto; margin:auto; } #wdg_video_7382 .video-responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #wdg_video_7382 .video-responsive-container iframe, #wdg_video_7382 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_7382 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_7382 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_7382 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_7382 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_7382 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_7382 .play_icon:hover i{ opacity:1; } #wdg_video_7382 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_7382 .preview_bg:hover{ cursor:pointer; } #wdg_video_7382 .play_btn_container{ position:relative; } #wdg_video_7382 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_7382 .play_title{ bottom: 100%; } #wdg_video_7382 .play_text{ top: 100%; } #wdg_video_7382 .play_text , #wdg_video_7382 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_7382 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_7382 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_7382 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_7382 .play_title, #wdg_video_7382 .play_text{ opacity:0.9; } #wdg_video_7382 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_7382 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_7382 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_7382 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_7382 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_7382 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_7382"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/0?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7989" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7989"><div id="ck7386 " class="wid-style box-element_gamila7386 "> <h4>'My little duckling'</h4> </div><style type="text/css"> .box-element7386 { margin: 0px; padding:0px; } .box-element7386 img{ max-width:100%; } .newspaper7386 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7386' );</script>--></div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="8b5f5bb53e0a464f96953768584048ee" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7986" data-sn-code="sed_media_video" data-sn-name="Video" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7986"> <style type="text/css"> #wdg_video_7383 { width: 100%; height: auto; margin:auto; } #wdg_video_7383 .video-responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #wdg_video_7383 .video-responsive-container iframe, #wdg_video_7383 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_7383 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_7383 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_7383 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_7383 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_7383 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_7383 .play_icon:hover i{ opacity:1; } #wdg_video_7383 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_7383 .preview_bg:hover{ cursor:pointer; } #wdg_video_7383 .play_btn_container{ position:relative; } #wdg_video_7383 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_7383 .play_title{ bottom: 100%; } #wdg_video_7383 .play_text{ top: 100%; } #wdg_video_7383 .play_text , #wdg_video_7383 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_7383 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_7383 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_7383 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_7383 .play_title, #wdg_video_7383 .play_text{ opacity:0.9; } #wdg_video_7383 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_7383 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_7383 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_7383 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_7383 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_7383 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_7383"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/0?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7988" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7988"><div id="ck7385 " class="wid-style box-element_gamila7385 "> <h4>'If I were tall'</h4> </div><style type="text/css"> .box-element7385 { margin: 0px; padding:0px; } .box-element7385 img{ max-width:100%; } .newspaper7385 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7385' );</script>--></div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="340008b2c24f4d53b21298aec6cd5d76" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7987" data-sn-code="sed_media_video" data-sn-name="Video" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7987"> <style type="text/css"> #wdg_video_7384 { width: 100%; height: auto; margin:auto; } #wdg_video_7384 .video-responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #wdg_video_7384 .video-responsive-container iframe, #wdg_video_7384 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_7384 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_7384 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_7384 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_7384 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_7384 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_7384 .play_icon:hover i{ opacity:1; } #wdg_video_7384 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_7384 .preview_bg:hover{ cursor:pointer; } #wdg_video_7384 .play_btn_container{ position:relative; } #wdg_video_7384 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_7384 .play_title{ bottom: 100%; } #wdg_video_7384 .play_text{ top: 100%; } #wdg_video_7384 .play_text , #wdg_video_7384 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_7384 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_7384 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_7384 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_7384 .play_title, #wdg_video_7384 .play_text{ opacity:0.9; } #wdg_video_7384 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_7384 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_7384 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_7384 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_7384 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_7384 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_7384"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/0?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7990" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7990"><div id="ck7387 " class="wid-style box-element_gamila7387 "> <h4>'The house with a beating heart'</h4> </div><style type="text/css"> .box-element7387 { margin: 0px; padding:0px; } .box-element7387 img{ max-width:100%; } .newspaper7387 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7387' );</script>--></div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="5c7d27377fb148bdaa51c512cbadbfb4" > </div> </div> </div> <div class="sn-element container " data-sn-type="container" data-sn-id="ce138b15-de90-4e8a-acfe-0ae04465c8a4" > <div class="sn-element row " data-sn-type="row" data-sn-id="d57273e7-1630-4272-879e-ae03b6f2ba32" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 " data-sn-type="column" data-sn-id="340d2827-b635-4d80-820b-e0d0dffcb55e" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7992" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7992"><div id="ck7388 " class="wid-style box-element_gamila7388 "> <h3>First-ever inclusive playground in Bangladesh</h3> <p>We’ve constructed the first-ever inclusive playground in Teknaf, a very poor district of Bangladesh, where child-friendly spaces don't exist. Since opening day, the playground has become a place filled with children, with and without disabilities, playing and laughing together.</p> </div><style type="text/css"> .box-element7388 { margin: 0px; padding:0px; } .box-element7388 img{ max-width:100%; } .newspaper7388 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7388' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7993" data-sn-code="sed_media_video" data-sn-name="Video" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7993"> <style type="text/css"> #wdg_video_7389 { width: 100%; height: auto; margin:auto; } #wdg_video_7389 .video-responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #wdg_video_7389 .video-responsive-container iframe, #wdg_video_7389 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_7389 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_7389 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_7389 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_7389 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_7389 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_7389 .play_icon:hover i{ opacity:1; } #wdg_video_7389 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_7389 .preview_bg:hover{ cursor:pointer; } #wdg_video_7389 .play_btn_container{ position:relative; } #wdg_video_7389 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_7389 .play_title{ bottom: 100%; } #wdg_video_7389 .play_text{ top: 100%; } #wdg_video_7389 .play_text , #wdg_video_7389 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_7389 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_7389 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_7389 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_7389 .play_title, #wdg_video_7389 .play_text{ opacity:0.9; } #wdg_video_7389 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_7389 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_7389 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_7389 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_7389 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_7389 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_7389"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/0?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7994" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7994"><div id="ck7390 " class="wid-style box-element_gamila7390 "> <h3>IKEA co-workers visit the Growing Together project in Thailand</h3> <p>IKEA co-workers from Japan and Indonesia travelled to meet the beneficiaries of 'Growing Together' and were moved by the strength of the children and the impact of the project.</p> </div><style type="text/css"> .box-element7390 { margin: 0px; padding:0px; } .box-element7390 img{ max-width:100%; } .newspaper7390 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7390' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7995" data-sn-code="sed_media_video" data-sn-name="Video" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7995"> <style type="text/css"> #wdg_video_7391 { width: 100%; height: auto; margin:auto; } #wdg_video_7391 .video-responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #wdg_video_7391 .video-responsive-container iframe, #wdg_video_7391 .video-responsive-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wdg_video_7391 .wdg_transcript { margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font-style: italic; border-bottom: 2px solid #c3c3c3; background-color: #e7e7e7; color: #000000; } #wdg_video_7391 .btn_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; } #wdg_video_7391 .btn_close_transcript { font-size: 0.8em; text-align: right; text-decoration: underline; font-style: italic; margin-bottom: 10px; } #wdg_video_7391 .play_icon{ font-size:24px; background-color:rgba(0,0,0,0.15); text-align:center; position:absolute; height:100%; width:100%; top:0; left:0; cursor:pointer; } #wdg_video_7391 .play_icon i{ display:block; margin:auto; position:relative; top:50%; margin-top:-12px; color:#FFF; opacity:0.7; } #wdg_video_7391 .play_icon:hover i{ opacity:1; } #wdg_video_7391 .preview_bg{ position:absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: row; flex-direction: column; justify-content: center; } #wdg_video_7391 .preview_bg:hover{ cursor:pointer; } #wdg_video_7391 .play_btn_container{ position:relative; } #wdg_video_7391 .play_button{ position:relative; transform: translateY(-50%); top:50%; } #wdg_video_7391 .play_title{ bottom: 100%; } #wdg_video_7391 .play_text{ top: 100%; } #wdg_video_7391 .play_text , #wdg_video_7391 .play_title { position: absolute; width: 100%; height:50px; line-height:50px; font-size:26px; color:#FFF; margin:auto; text-align:center; border-radius:0%; /* background:rgba(0,0,0,0); left: 50%; transform:translateX(-50%); */ } /* .wdg_video .preview_bg:hover>div.play_btn_container div.play_text, .wdg_video .preview_bg:hover>div.play_btn_container .play_title{ background:rgba(0,0,0,0); } */ #wdg_video_7391 .play_button{ position:relative; /*width:50px;*/ /*height:50px;*/ /*line-height:50px;*/ /*font-size:26px;*/ font-size: 40px; color:#FFF; /*background:rgba(0,0,0,0.4);*/ margin:auto; text-align:center; /*border-radius:50%;*/ } #wdg_video_7391 .play_title{ margin: 0px 0px 20px 0px; } #wdg_video_7391 .play_text{ margin: 10px 0px 0px 0px; } #wdg_video_7391 .play_title, #wdg_video_7391 .play_text{ opacity:0.9; } #wdg_video_7391 .preview_bg:hover>div.play_btn_container div{ /*background:rgba(0,0,0,1);*/ } #wdg_video_7391 .preview_bg:hover>div.play_btn_container .play_title, #wdg_video_7391 .preview_bg:hover>div.play_btn_container div.play_text, #wdg_video_7391 .preview_bg:hover>div.play_btn_container div:before{ opacity:1; } #wdg_video_7391 .play_img { opacity:0.8; width: 40px; height: 40px; } #wdg_video_7391 .preview_bg:hover>div.play_btn_container div.play_img{ opacity:1; } </style><div class="wdg_video" id="wdg_video_7391"> <div class="video-responsive-container"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/0?rel=0" frameborder="0" title="" allowfullscreen></iframe> </div> </div> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7996" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7996"><div id="ck7392 " class="wid-style box-element_gamila7392 "> <p>You can read more about the experiences of the Ikea workers on the <a href="https://blog.ikeafoundation.org/tag/handicap-international-2/" target="_blank">IWitness blog.</a></p> <div class="exergue"> <h2>Find out more about the <a href="/en/news/growing-together-the-importance-of-play-in-refugee-camps">Growing Together project</a></h2> </div> </div><style type="text/css"> .box-element7392 { margin: 0px; padding:0px; } .box-element7392 img{ max-width:100%; } .newspaper7392 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7392' );</script>--></div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="a1caeee8-d247-4608-bd9b-688b3bd862e2" > </div> </div> </div> <div class="sn-element container " data-sn-type="container" data-sn-id="657b850f5f074738b8954cef9d5a9b2e" > <div class="sn-element row " data-sn-type="row" data-sn-id="7ed94e6d8f694afe801e7db178721c23" > <div class="sn-element col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="306d1897212942cab1e1f1504a7462a0" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8013" data-sn-code="sed_media_image" data-sn-name="Add an image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_8013"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_8013 img{ max-width: 100%; } #w_8013 .img-circle { border-radius: 50%; } #w_8013{ display: flex; justify-content:center; } </style><div id="w_8013"> <div> <a href="https://www.ikeafoundation.org/campaigns/lets-play/" target=_self> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/page/IKEA_Foundation_100h.png?maxh=100" alt="IKEA Foundation logo" title=""> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/page/IKEA_Foundation_100h.png?maxh=100" alt="IKEA Foundation logo" title=""> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/page/IKEA_Foundation_100h.png?maxh=100" alt="IKEA Foundation logo" title=""> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/page/IKEA_Foundation_100h.png?maxh=100" alt="IKEA Foundation logo" title=""> </a> </div> </div></div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="c08a565be76b4082baa4f236321e115a" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8012" data-sn-code="sed_media_image" data-sn-name="Add an image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_8012"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_8012 img{ max-width: 100%; } #w_8012 .img-circle { border-radius: 50%; } #w_8012{ display: flex; justify-content:center; } </style><div id="w_8012"> <div> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/page/logo_hi_small_en_horiz_blue-100h.png?maxh=100" alt="Humanity & Inclusion logo small" title=""> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/page/logo_hi_small_en_horiz_blue-100h.png?maxh=100" alt="Humanity & Inclusion logo small" title=""> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/page/logo_hi_small_en_horiz_blue-100h.png?maxh=100" alt="Humanity & Inclusion logo small" title=""> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/page/logo_hi_small_en_horiz_blue-100h.png?maxh=100" alt="Humanity & Inclusion logo small" title=""> </div> </div></div> </div> </div> <div class="sn-element col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="7b5b22b16ba84aa9ba670364b432f53f" > </div> <div class="sn-element col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="ce819666ed794ce090ef43d8f8a9f456" > </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="footer" class="sn-element container-fluid hidden-print d-print-none d-print-none " data-sn-type="container" data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="1c47dc50-f8e5-4157-8929-ffdfe4693d84" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="6fd881b9-f7e6-487c-9e05-85f73781a899" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6583" data-sn-code="usine_email_signup_form" data-sn-share data-sn-name="Email sign up form" data-sn-nbview="4" > <div class="sn-element-content" id="sn_widget_6583"> <style> .error{ color: #005cb9; font-size: 18px; display: block; padding: 7px 0; } .well { min-height: 20px; padding: 25px; margin-bottom: 20px; border: none; border-radius: 0px; box-shadow: none; } .form-inline .form-group{ margin-bottom:10% } #w_6473{ min-height:100px; } #w_6473 p{ margin:0; } #w_6473 > .dcell{ padding:10px 15px 10px 0; } #w_6473 > .dcell:last-child{ padding-right:0; } @media (max-width:767px){ #w_6473 > .dcell, #w_6473{ display:block; padding:10px; text-align:center; } } </style> <div class="dtable fullwidth" id="w_6473"> <div class="dcell"> <img src="/sn_uploads/mail_original_icon.png" alt=""/> </div> <div class="dcell"> <div class="sn_pencil" data-sn_uid="1321"><p><span style="font-size:24px;"><strong>Sign up to receive updates </strong></span><br /> <span style="font-size:18px;">on how your support is changing lives</span></p> </div> </div> <div class="dcell"> <form class="form-light" method="post" action=""> <div class="fullwidth"> <div> <label class="label-control sr-only" for="email6473"> <span class="sn_pencil" data-sn_uid="1216">Newsletter inscription</span> </label> </div> <div class="dtable fullwidth"> <div class="dcell"> <input type="email" name="email" id ="email6473" class="form-control input-lg" placeholder="Enter your email address"> </div> <div class="dcell dcell-minwidth form-group"> <button class="btn btn-primary2 ml-xs" type="submit"> <strong>OK</strong> </button> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div class="sn-element row d-none d-none " data-sn-type="row" data-sn-id="41fe7b47-f29e-49ec-950b-10b03d067cdf" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="e6a160bb-f317-4453-ac60-8e77b8b5b71b" > <div class="sn-element row row-limited footer_row2 footer_row2 " data-sn-type="row" data-sn-id="746d0f8d-a317-41e4-9a56-aa25c74ee5c3" > <div class="sn-element footer_row2_col1 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col1 " data-sn-type="column" data-sn-id="5269fba6-6591-4207-9470-7a69e2de47ea" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6584" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6584"> <div id="ck6474 " class="wid-style box-element_gamila6474 "> <p><strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;">ABOUT</span></span></strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;">&nbsp;US</span></span></p> </div> <style type="text/css"> .box-element6474 { margin: 0px; padding:0px; } .box-element6474 img{ max-width:100%; } .newspaper6474 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> <!-- <script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script> <script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck6474' ); </script> --></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6585" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6585"> <div id="ck6475 " class="wid-style box-element_gamila6475 "> <p>Humanity &amp; Inclusion UK<br /> Romero House<br /> 55 Westminster Bridge Road<br /> London<br /> SE1 7JB</p> <p>UK registered charity no. 1082565</p> </div> <style type="text/css"> .box-element6475 { margin: 0px; padding:0px; } .box-element6475 img{ max-width:100%; } .newspaper6475 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> <!-- <script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script> <script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck6475' ); </script> --></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6586" data-sn-code="sed_media_image" data-sn-share data-sn-name="Add an image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_6586"> <style type="text/css"> /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_6586 img{ max-width: 100%; } #w_6586 .img-circle { border-radius: 50%; } #w_6586{ display: flex; justify-content:; } </style> <div id="w_6586"> <div> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> </div> </div> </div> </div> </div> <div class="sn-element footer_row2_col2 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col2 " data-sn-type="column" data-sn-id="a3a1a2b7-229b-4918-b0c4-61e4e8d795cf" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6589" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6589"> <div id="ck6478 " class="wid-style box-element_gamila6478 "> <p><span style="color:#e35205;font-size:18px;font-size:22px;text-transform:uppercase;"><b>MORE</b> INFORMATION</span></p> </div> <style type="text/css"> .box-element6478 { margin: 0px; padding:0px; } .box-element6478 img{ max-width:100%; } .newspaper6478 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> <!-- <script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script> <script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck6478' ); </script> --></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8041" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8041"><div id="ck7426 " class="wid-style box-element_gamila7426 "> <p>• <strong><a href="/en/supporter-promise">Supporter promise</a></strong></p> <p>• <a href="/en/finances"><strong>Finances</strong></a></p> <p>• <a href="/en/work-with-us"><strong>Jobs</strong></a></p> <p>• <a href="/en/press-office"><strong>Press office</strong></a></p> <p>• <a href="/en/contact"><strong>Contact us</strong></a></p> <p>• <a href="https://hi.org/en/reporting-form" target="_blank"><strong>Report misconduct</strong></a></p> </div><style type="text/css"> .box-element7426 { margin: 0px; padding:0px; } .box-element7426 img{ max-width:100%; } .newspaper7426 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7426' );</script>--></div> </div> </div> <div class="sn-element footer_row2_col3 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col3 " data-sn-type="column" data-sn-id="fbbe5942-9b7e-4a2b-bf26-b13d5d35778e" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6593" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element-content" id="sn_widget_6593"> <div id="ck6482 " class="wid-style box-element_gamila6482 "> <p style="font-size:22px;text-transform:uppercase;"><b>SEARCH</b></p> </div> <style type="text/css"> .box-element6482 { margin: 0px; padding:0px; } .box-element6482 img{ max-width:100%; } .newspaper6482 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> <!-- <script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script> <script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck6482' ); </script> --></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7281" data-sn-code="usine_search_field" data-sn-share data-sn-name=" %09Search field" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7281"> <style> #w_6432 input{ font-size:16px; border:1px #727578 solid; border-radius:0; padding:8px; height:38px; line-height:20px; } #w_6432 input:focus{ outline: thin dotted red; box-shadow:none; } #w_6432 .btn{ border:none; font-size:28px; padding:0 0 0 10px; color: #727578; } </style> <div id="w_6432"> <form onsubmit="submit_search(); return false;"> <div class="dtable fullwidth"> <div class="dcell dcell-maxwidth"> <label class="sr-only" for="search_text"><span class="sn_pencil" data-sn_uid="1735">Search</span></label> <input placeholder="Search the site" class="form-control" id="search_text" type="text"/> </div> <div class="dcell"> <a href="#" onclick="submit_search()"class="btn btn-link"> <span class="fa fa-search"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1735">Search</span></span> </a> </div> </div> </form> </div> <script type="text/javascript"> function submit_search(){ window.location = '/en/search?kw=' + $('#search_text').val(); } </script></div> </div> </div> </div> </div> </div> </div> <div class="sn-element container-fluid hidden-print d-print-none d-none d-print-none d-none " data-sn-type="container" data-sn-id="8a07129e-f3fe-46d3-b146-0d9d91f21722" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited footer_row3 footer_row3 " data-sn-type="row" data-sn-id="66ec830a-7a0d-40a7-8526-e53ac6efdeab" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="d90222a1-51a8-46c0-bf43-3bdc4f5b5f02" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6587" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6587"><div id="ck6422 " class="wid-style box-element_gamila6422 "> <p style="text-align: center;"><span style="font-size:22px;"><strong>FOLLOW</strong> US</span></p> </div><style type="text/css"> .box-element6422 { margin: 0px; padding:0px; } .box-element6422 img{ max-width:100%; } .newspaper6422 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck6422' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6588" data-sn-code="sed_social_media" data-sn-share data-sn-name="Social Networks" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6588"> <div class="wdg_social_media6477_parent"> <div class="wdg_social_media6477" > <style> .wdg_social_media6477 ul{ padding:0; margin:0; list-style:none; display:table; font-size:18px; } .wdg_social_media6477 ul.large{ font-size:26px; } .wdg_social_media6477 ul.small{ font-size:13px; } .wdg_social_media6477 li{ display:table-cell; vertical-align:middle; padding-right:10px; } .wdg_social_media6477 li:last-child{ padding-right:0; } .wdg_social_media6477 a{ text-decoration:none; color:#ffffff; background:#0077c8; display:block; text-align:center; height:34px; line-height:34px; width:34px; } .wdg_social_media6477 .large a{ height:50px; line-height:50px; width:50px; } .wdg_social_media6477 .small a{ height:20px; line-height:20px; width:20px; } .wdg_social_media6477 .circle a{ border-radius:50%; } .wdg_social_media6477 .withoutframe a{ background:transparent!important; color:#ffffff; } .wdg_social_media6477 .diamond a{ transform:rotate(45deg); } .wdg_social_media6477 .diamond li{ padding:6px 16px 6px 6px; } .wdg_social_media6477 .diamond li:last-child{ padding:6px; } .wdg_social_media6477 .diamond.large li{ padding:10px 22px 10px 10px; } .wdg_social_media6477 .diamond.large li:last-child{ padding:10px; } .wdg_social_media6477 .diamond.small li{ padding:3px 8px 3px 3px; } .wdg_social_media6477 .diamond.small li:last-child{ padding:3px; } .wdg_social_media6477 .diamond img{ transform:rotate(-45deg); } .wdg_social_media6477 .diamond i{ width:100%; height:100%; transform:rotate(-45deg); top:0; } .wdg_social_media6477 .diamond .fa{ transform:rotate(-45deg); top:0; } .wdg_social_media6477 .diamond i:before{ position:relative; top:25%; } .wdg_social_media6477 a:hover{ background:#009cde; color:#ffffff; } .wdg_social_media6477 i{ display:block; position:relative; top:50%; transform:translateY(-50%); } .wdg_social_media6477 a.img{ width:auto; border-radius:0; background:none; } .wdg_social_media6477 a.img:hover{ background:none; opacity:0.7; } .wdg_social_media6477 a img{ height:34px; display:block; vertical-align: middle; } .wdg_social_media6477 .large a img{ height:50px; } .wdg_social_media6477 .small a img{ height:20px; } .wdg_social_media6477 { margin:0 auto; display:inline-block; } .wdg_social_media6477_parent:after { content: ""; display:table; clear:both; } .wdg_social_media6477_parent { text-align:center; } </style> <ul class="circle medium"> <li> <a href="https://www.facebook.com/HumanityInclusionUK" target="_blank" title="Facebook"> <span class="fab fa-facebook" aria-hidden="true"></span> </a> </li> <li> <a href="https://twitter.com/hi_uk" target="_blank" title="Twitter"> <span class="fa-brands fa-x-twitter" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.instagram.com/humanityinclusionuk" target="_blank" title="Instagram"> <span class="fab fa-instagram" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.youtube.com/HumanityInclusionUK" target="_blank" title="YouTube"> <span class="fab fa-youtube" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.linkedin.com/company/HumanityInclusionUK/" target="_blank" title="Linkedin"> <span class="fab fa-linkedin" aria-hidden="true"></span> </a> </li> <li> <a href="/en/sign-up-for-email-updates" target="_blank" title="Email newsletter"> <span class="fa fa-envelope" aria-hidden="true"></span> </a> </li> </ul> </div> </div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6244" data-sn-code="w_horizontal_menu_one_level" data-sn-share data-sn-name="Horizontal menu one level" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6244"> <style> #w6204 > .menu_list{ padding:0; margin:0; list-style:none; display:flex; } #w6204 .link-level-1{ display:flex; height:100%; } </style> <nav id="w6204" class="w_horizontal_menu_one_level"> <ul class='menu_list'> <li class="level-1 "> <a class="link-level-1" href="/en/terms-and-conditions"><span class="link_text">Terms & conditions</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/privacy-policy"><span class="link_text">Privacy</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/cookies-policy"><span class="link_text">Cookies</span></a> </li> <li class="level-1 "><a class="link-level-1" target="" href="javascript:void(0)"><span class="link_text">© Humanity & Inclusion UK</span></a></li> </ul> </nav></div> </div> </div> </div> </div> <div class="sn-element container " data-sn-type="container" data-sn-id="812b4c74-dec6-4504-934e-481e10c21b8a" > <div class="sn-element row " data-sn-type="row" data-sn-id="f222e416-d29b-4598-9f46-040ffcc0956e" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="e4a1a091-722b-4f73-ac45-d42061646a4c" > <div class="sn-element row row-limited footer_row2 footer_row2 " data-sn-type="row" data-sn-id="61cb3d0e-97ba-4e51-a9bd-974551112ba3" > <div class="sn-element footer_row2_col1 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col1 " data-sn-type="column" data-sn-id="da9f039e-d5c2-4535-9101-84a53647b957" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11435" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11435"><div id="ck10371 " class="wid-style box-element_gamila10371 "> <p><strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;">ABOUT</span></span></strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;">&nbsp;US</span></span></p> </div><style type="text/css"> .box-element10371 { margin: 0px; padding:0px; } .box-element10371 img{ max-width:100%; } .newspaper10371 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck10371' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11436" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11436"><div id="ck10372 " class="wid-style box-element_gamila10372 "> <p>Humanity &amp; Inclusion UK<br /> Romero House,<br /> 55 Westminster Bridge Road,<br /> London<br /> SE1 7JB</p> <p>UK registered charity no. 1082565</p> </div><style type="text/css"> .box-element10372 { margin: 0px; padding:0px; } .box-element10372 img{ max-width:100%; } .newspaper10372 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck10372' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11437" data-sn-code="sed_media_image" data-sn-name="Add an image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_11437"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_11437 img{ max-width: 100%; } #w_11437 .img-circle { border-radius: 50%; } #w_11437{ display: flex; justify-content:; } </style><div id="w_11437"> <div> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> </div> </div></div> </div> </div> <div class="sn-element footer_row2_col2 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col2 " data-sn-type="column" data-sn-id="212979d4-32bf-4beb-953b-37709e84913a" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11438" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11438"><div id="ck10374 " class="wid-style box-element_gamila10374 "> <p><span style="color:#e35205;font-size:18px;font-size:22px;text-transform:uppercase;"><b>MORE </b>INFORMATION</span></p> </div><style type="text/css"> .box-element10374 { margin: 0px; padding:0px; } .box-element10374 img{ max-width:100%; } .newspaper10374 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck10374' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11439" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11439"><div id="ck10375 " class="wid-style box-element_gamila10375 "> <p>• <a href="/en/supporter-promise">Supporter promise</a></p> <p>• <a href="/en/finances">Annual report</a></p> <p>• <a href="/en/work-with-us">Jobs</a></p> <p>• <a href="/en/press-office">Press office</a></p> <p>• <a href="/en/contact">Contact us</a></p> <p>• <a href="https://hi.org/en/reporting-form" target="_blank">Report misconduct</a></p> </div><style type="text/css"> .box-element10375 { margin: 0px; padding:0px; } .box-element10375 img{ max-width:100%; } .newspaper10375 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck10375' );</script>--></div> </div> </div> <div class="sn-element footer_row2_col3 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col3 " data-sn-type="column" data-sn-id="776530ef-d792-4c14-9526-8c7697cb616c" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11440" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11440"><div id="ck10376 " class="wid-style box-element_gamila10376 "> <p style="font-size:22px;text-transform:uppercase;"><b>SEARCH</b></p> </div><style type="text/css"> .box-element10376 { margin: 0px; padding:0px; } .box-element10376 img{ max-width:100%; } .newspaper10376 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck10376' );</script>--></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11441" data-sn-code="usine_search_field" data-sn-name=" %09Search field" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11441"> <style> #w_10377 input{ font-size:16px; border:1px #727578 solid; border-radius:0; padding:8px; height:38px; line-height:20px; } #w_10377 input:focus{ outline: thin dotted red; box-shadow:none; } #w_10377 .btn{ border:none; font-size:28px; padding:0 0 0 10px; color: #727578; } </style> <div id="w_10377"> <form onsubmit="submit_search(); return false;"> <div class="dtable fullwidth"> <div class="dcell dcell-maxwidth"> <label class="sr-only" for="search_text"><span class="sn_pencil" data-sn_uid="1237">Search</span></label> <input placeholder="Search the site" class="form-control" id="search_text" type="text"/> </div> <div class="dcell"> <a href="#" onclick="submit_search()"class="btn btn-link"> <span class="fa fa-search"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1237">Search</span></span> </a> </div> </div> </form> </div> <script type="text/javascript"> function submit_search(){ window.location = '/en/search?kw=' + $('#search_text').val(); } </script></div> </div> </div> </div> </div> </div> <div class="sn-element row " data-sn-type="row" data-sn-id="52c0fa7b-72a8-4a3e-855e-ae6e14f66e3e" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="232eb39c-ab88-4c32-9093-41cf6b6b5ece" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11442" data-sn-code="sed_code" data-sn-name="Code in a widget" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11442"></div> </div> </div> </div> </div> <div class="sn-element container-fluid hidden-print d-print-none d-print-none " data-sn-type="container" data-sn-id="2bc8b84d-cd16-4368-b606-842848d0bb7d" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited footer_row3 footer_row3 " data-sn-type="row" data-sn-id="9b97470d-a4c3-48ea-aef1-21d33cbe5cc4" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="f230c0aa-1f57-4d66-aa00-9ba1e8fbea4d" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11443" data-sn-code="sed_text_textck_v2" data-sn-name="Text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11443"><div id="v2ck10379" class="wid-style" > <p style="text-align: center;"><span style="font-size:22px;"><strong>FOLLOW</strong> US</span></p> </div><style type="text/css"> .box-element10379 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11444" data-sn-code="sed_social_media" data-sn-name="Social Networks" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11444"> <div class="wdg_social_media10380_parent"> <div class="wdg_social_media10380" > <style> .wdg_social_media10380 ul{ padding:0; margin:0; list-style:none; display:table; font-size:18px; } .wdg_social_media10380 ul.large{ font-size:26px; } .wdg_social_media10380 ul.small{ font-size:13px; } .wdg_social_media10380 li{ display:table-cell; vertical-align:middle; padding-right:10px; } .wdg_social_media10380 li:last-child{ padding-right:0; } .wdg_social_media10380 a{ text-decoration:none; color:#ffffff; background:#0077c8; display:block; text-align:center; height:34px; line-height:34px; width:34px; } .wdg_social_media10380 .large a{ height:50px; line-height:50px; width:50px; } .wdg_social_media10380 .small a{ height:20px; line-height:20px; width:20px; } .wdg_social_media10380 .circle a{ border-radius:50%; } .wdg_social_media10380 .withoutframe a{ background:transparent!important; color:#ffffff; } .wdg_social_media10380 .diamond a{ transform:rotate(45deg); } .wdg_social_media10380 .diamond li{ padding:6px 16px 6px 6px; } .wdg_social_media10380 .diamond li:last-child{ padding:6px; } .wdg_social_media10380 .diamond.large li{ padding:10px 22px 10px 10px; } .wdg_social_media10380 .diamond.large li:last-child{ padding:10px; } .wdg_social_media10380 .diamond.small li{ padding:3px 8px 3px 3px; } .wdg_social_media10380 .diamond.small li:last-child{ padding:3px; } .wdg_social_media10380 .diamond img{ transform:rotate(-45deg); } .wdg_social_media10380 .diamond i{ width:100%; height:100%; transform:rotate(-45deg); top:0; } .wdg_social_media10380 .diamond .fa{ transform:rotate(-45deg); top:0; } .wdg_social_media10380 .diamond i:before{ position:relative; top:25%; } .wdg_social_media10380 a:hover{ background:#009cde; color:#ffffff; } .wdg_social_media10380 i{ display:block; position:relative; top:50%; transform:translateY(-50%); } .wdg_social_media10380 a.img{ width:auto; border-radius:0; background:none; } .wdg_social_media10380 a.img:hover{ background:none; opacity:0.7; } .wdg_social_media10380 a img{ height:34px; display:block; vertical-align: middle; } .wdg_social_media10380 .large a img{ height:50px; } .wdg_social_media10380 .small a img{ height:20px; } .wdg_social_media10380 { margin:0 auto; display:inline-block; } .wdg_social_media10380_parent:after { content: ""; display:table; clear:both; } .wdg_social_media10380_parent { text-align:center; } </style> <ul class="circle medium"> <li> <a href="https://www.facebook.com/HumanityInclusionUK" target="_blank" title="Facebook"> <span class="fab fa-facebook" aria-hidden="true"></span> </a> </li> <li> <a href="https://twitter.com/hi_uk" target="_blank" title="Twitter"> <span class="fa-brands fa-x-twitter" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.instagram.com/humanityinclusionuk" target="_blank" title="Instagram"> <span class="fab fa-instagram" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.youtube.com/HumanityInclusionUK" target="_blank" title="YouTube"> <span class="fab fa-youtube" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.linkedin.com/company/HumanityInclusionUK/" target="_blank" title="Linkedin"> <span class="fab fa-linkedin" aria-hidden="true"></span> </a> </li> <li> <a href="/en/sign-up-for-email-updates" target="_blank" title="Email newsletter"> <span class="fa fa-envelope" aria-hidden="true"></span> </a> </li> </ul> </div> </div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11445" data-sn-code="w_horizontal_menu_one_level" data-sn-name="Horizontal menu one level" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11445"><style> #w11445 > .menu_list{ padding:0; margin:0; list-style:none; display:flex; } #w11445 .link-level-1{ display:flex; height:100%; } </style><nav id="w11445" class="w_horizontal_menu_one_level"> <ul class='menu_list'> <li class="level-1 "> <a class="link-level-1" href="/en/terms-and-conditions"><span class="link_text">Terms & conditions</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/privacy-policy"><span class="link_text">Privacy</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/cookies-policy"><span class="link_text">Cookies</span></a> </li> <li class="level-1 "><a class="link-level-1" target="" href="javascript:void(0)"><span class="link_text">© Humanity & Inclusion UK</span></a></li> </ul></nav></div> </div> </div> </div> </div> <div class="sn-element hidden-print d-print-none container-fluid d-print-none " data-sn-type="container" data-sn-id="c3880a31-ed2f-4186-a87d-422b4e8987b4" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited footer_row3 footer_row3 " data-sn-type="row" data-sn-id="c569846f-151e-4b5f-84b1-34cbb03159d4" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="76e236ee-b43c-467f-81a4-b963bcb03490" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11446" data-sn-code="sed_site_menu_slim" data-sn-share data-sn-name="Slim menu" data-sn-nbview="0" id="website_selector" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element-content" id="sn_widget_11446"> <style> #w_6430:after{ content:''; clear:both; display:table; } #w_6430 ul{ list-style:none; margin:0; padding:0; } #w_6430 > ul{ float:right; margin:0 0 -10px } #w_6430 > ul > li{ float:left; position:relative; padding:0 10px; margin-bottom:10px; } #w_6430 > ul > li:before{ content:''; background-color:#d4d5d8; height:60%; width:1px; position:absolute; left:0; top:20%; } #w_6430 > ul > li:first-child:before{ content:none; } #w_6430 > ul > li > a{ position:relative; z-index:10; } #w_6430 a{ color:#002e43; } #w_6430 > ul > li > ul{ display:none; position:absolute; top:100%; z-index:9; border:1px solid #d4d5d8; background:#FFF; left:50%; transform:translateX(-50%); width:270px; padding:0 5px; margin-top:6px; overflow:hidden; } #w_6430 > ul > li.countries > ul{ padding:0 5px 0 100px; } #w_6430 > ul > li.countries > ul:before{ display: block; font-family: "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:10px; left:16px; font-size:75px; content: "\f57d"; color:#d4d5d8; font-weight:900; } #w_6430 > ul > li.has-children:after{ content:''; display:block; background:#FFF; width:100%; position:absolute; top:100%; left:0; height:11px; z-index:9; transform:translateY(-4px); border-left:1px solid #d4d5d8; opacity:0; transition:opacity .2s linear; } #w_6430 > ul > li.has-children.open:after{ opacity:1; } #w_6430 > ul > li.countries > a:before{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f57d"; font-weight:900; } #w_6430 > ul > li.has-children > a:after{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-weight:100; position:relative; top:0; transition:top .2s cubic-bezier(.3,0,.2,1), transform .2s cubic-bezier(.3,0,.2,1); } #w_6430 > ul > li.has-children.open > a:after, #w_6430 > ul > li.has-children > a:hover:after{ top:3px; } #w_6430 > ul > li.has-children.open > a:after{ transform:scale(-1); } #w_6430 > ul > li > ul > li{ padding:5px 0; } </style> <nav id="w_6430"> <ul class=''> <li class="level-1 has-children countries"> <a > <span> United Kingdom </span></a><ul> <li> <a href="https://www.handicap-international.de/de/homepage"> Germany </a> </li> <li> <a href="https://www.handicapinternational.be/"> Belgium </a> </li> <li> <a href="https://www.hi-canada.org/en/index"> Canada </a> </li> <li> <a href="https://www.handicap-international.fr/fr/index"> France </a> </li> <li> <a href="https://www.handicap-international.lu/fr/index"> Luxembourg </a> </li> <li> <a href="https://www.handicap-international.ch/fr/index"> Switzerland </a> </li> <li> <a href="https://www.hi-us.org/"> USA </a> </li> <li> <a href="https://www.hi.org/"> International </a> </li> </ul> </li> </ul> </nav> <script> $('#w_6430 > ul > li > ul').prev('a').on('click', function(){ var $ul = $(this).next('ul'); if($ul.css('display') == 'none'){ $ul.fadeIn(150).closest('li').addClass('open'); var rect = $ul[0].getBoundingClientRect(); var right_difference = rect.right - $(window).width(); if(right_difference > 0){ $ul.css('left', 'calc(50% - '+right_difference+'px)'); }else if(rect.left < 0){ $ul.css('left', 'calc(50% - '+rect.left+'px)'); } $(document).on('click', function(e){ if($(e.target).closest('#w_6430').length < 1){ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); }else{ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); </script></div> </div> </div> </div> </div> <script> $(document).ready(function() { $("a[href$='pdf']").each(function(index) { pdfLabel = $(this).attr('href'); pdfOnClick = "ga('send', 'event', 'PDF', '" + pdfLabel + "');"; $(this).attr("onClick", pdfOnClick); }); }); </script> <script type="text/javascript" src="https://try.abtasty.com/c3674cab39653b9ee55fb1c72b8e5698.js"></script> <!-- Colored tab on mobile --> <!-- Chrome, Firefox OS and Opera --> <meta name="theme-color" content="#0077c8"> <!-- Windows Phone --> <meta name="msapplication-navbutton-color" content="#0077c8"> <!-- iOS Safari --> <meta name="apple-mobile-web-app-status-bar-style" content="#0077c8"> <!-- End colored tab on mobile --> <!-- TEST javascript --> <link href="/extenso/fontawesome/css/all.min.css" rel="stylesheet" /> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10