31:I[91701,["$4","$5","$6","$7","$21","$22","$23"],"default"] 38:I[19739,["$4","$5","$6","$7","$21","$22","$23"],"default"] 3a:T16a9,/** CSS for grid custom */ .grid-custom { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 32px; } .artwork-grid { gap: 0px !important; } @media (min-width: 768px) { .grid-custom { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .grid-custom { grid-template-columns: 1fr 1fr 1fr; } } .grid-item { padding: 16px; text-align: left; } .grid-img { display: block; margin: 0 auto 8px auto; border: 0px solid #ccc; max-width: 100%; height: auto; } .artwork-img { width: 240px; height: 320px; object-fit: contain; border: 0px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); background: #fff; } .grid-title { font-weight: bold; font-size: 1.125rem; margin-bottom: 8px; } .grid-link { color: #00607a; text-decoration: underline; word-break: break-word; margin-top: 4px; display: inline-block; transition: color 0.2s; } .grid-link:hover { color: #f78b1f; } .grid-phone { color: #444; margin: 0; } .news-listing { display: grid; gap: 40px; margin-bottom: 32px; } .news-row { display: grid; grid-template-columns: 320px 1fr; gap: 36px; align-items: start; border-bottom: 1px solid #ccc; padding-bottom: 32px; } .news-img { width: 320px; height: 210px; object-fit: cover; border-radius: 6px; border: 1px solid #ccc; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.06); display: block; } .news-content { display: flex; flex-direction: column; justify-content: flex-start; } .news-date { font-size: 18px; color: #999; margin-bottom: 18px; margin-top: 0; align-self: flex-start; } .news-title { font-size: 1.3rem; font-weight: bold; margin-bottom: 18px; line-height: 1.2; } .news-title a { color: #00607a; text-decoration: underline; transition: color 0.2s; word-break: break-word; } .news-title a:hover { color: #f78b1f; } .books-listing { display: flex; flex-direction: column; gap: 48px; margin-bottom: 32px; margin-top: 40px; } .book-row { display: grid; grid-template-columns: 300px 1fr; gap: 36px; align-items: center; margin-bottom: 0; } .book-img { width: 100%; max-width: 300px; height: auto; object-fit: contain; border-radius: 6px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 0px solid #eee; display: block; } .book-content { display: flex; flex-direction: column; justify-content: center; } .book-title { font-size: 1.15rem; font-weight: bold; margin-bottom: 8px; } .book-desc { font-size: 1.05rem; color: #222; margin-bottom: 18px; } .book-btn { display: inline-block; width: 300px; max-width: 100%; text-align: center; padding: 14px 0; border: 2px solid #f78b1f; border-radius: 32px; color: #222; background: #fff; font-size: 1.15rem; font-weight: 500; text-decoration: none; transition: background 0.2s, color 0.2s; margin-top: 8px; } .book-btn:hover { background: #f78b1f; color: #fff; } .books-listing hr { border: none; border-top: 2px solid #ccc; margin: 40px 0 32px 0; } @media (max-width: 900px) { .book-row { grid-template-columns: 1fr; gap: 18px; } .book-img { margin: 0 auto; } } .resource-section-title { font-size: 1.333rem; font-weight: bold; margin: 48px 0 24px 0; text-align: left; } .resource-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 32px; justify-items: center; margin-bottom: 48px; } .resource-grid>div { text-align: center; display: flex; flex-direction: column; align-items: center; } .resource-img { width: 260px; height: 340px; object-fit: contain; border-radius: 8px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-bottom: 24px; display: block; } .resource-link { display: block; text-align: center; font-weight: 700; color: #00607a; text-decoration: underline; margin-top: 8px; font-size: 1.25rem; transition: color 0.2s; word-break: break-word; line-height: 1.2; } .resource-link:hover { color: #f78b1f; } @media (max-width: 900px) { .resource-grid { grid-template-columns: 1fr; gap: 32px 16px; } } @media (max-width: 600px) { .resource-grid { grid-template-columns: 1fr; gap: 24px; } .resource-img { width: 140px; height: 170px; } } /* rte a:hover */ .rte a:hover { color: lab(37.051% -17.2416 -21.9357); } .rte p { margin-bottom: 1rem }e:[[["$","$L31",null,{}],"$L32"],[["$","div","67",{"className":"relative container","data-style":null,"children":["$L33",false]}],["$","div","34",{"className":"relative container","data-style":null,"children":["$L34",false]}],["$","div","68",{"className":"relative container","data-style":null,"children":["$L35",false]}],["$","div","69",{"className":"relative container","data-style":null,"children":["$L36",false]}],["$","div","70",{"className":"relative container","data-style":null,"children":["$L37",false]}],["$","div","1",{"className":"relative","children":[["$","$L38",null,{"id":"$undefined","style":"$undefined","className":"$undefined","language":"$undefined","block":{"id":1,"globals_id":"2019c2df-6fe5-4403-a92a-856c0a6dbb00","collection":"block_announcement","hide_block":null,"container":false,"anchor_key":null,"custom_class":null,"custom_style":null,"sort":6,"item":{"id":"ee584e4b-10b1-47dd-9d4f-411e0f115f7e","items":[{"message":"

⚠️ Alert: Be alert to scammers who may be impersonating MSF on social media platforms. Do not click on suspicious links to phishing websites and do not provide any personal, credit card or bank account details, make payments, or follow any instructions on the websites. Call the 24/7 ScamShield Helpline at 1799 if you are unsure if something is a scam.

"},{"message":"

Have a question about MSF? Find quick answers with our chatbot Ask MSF or search for MSF Frequently Asked Questions.

"}]}},"items":"$e:1:5:props:children:0:props:block:item:items"}],false]}],["$","div","199",{"className":"relative container","data-style":null,"children":["$L39",false]}],["$","div","166",{"className":"relative container","data-style":null,"children":[[["$","style",null,{"children":"$3a"}],false],false]}]],"$L3b"]

For Families with Young Kids