CINXE.COM

Fight racism | United Nations

<!DOCTYPE html> <html dir="ltr" lang="en"><head profile="http://www.w3.org/1999/xhtml/vocab"> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content="Racism, xenophobia and intolerance are problems prevalent in all societies. Every one plays a role in either contributing to, or breaking down, racial prejudice and intolerant attitudes. Together, let&#039;s fight racism! Let&#039;s stand up for human rights and against discrimination!"/> <meta name="author" content="United Nations"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Generator" content="Drupal 7 (http://drupal.org)" /> <link rel="canonical" href="/en/fight-racism" /> <link rel="shortlink" href="/en/node/140364" /> <link rel="shortcut icon" href="https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/favicon.ico" type="image/vnd.microsoft.icon" /> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XY6C05LZTT'); gtag('config', 'G-XY6C05LZTT'); </script> <title>Fight racism | United Nations</title> <meta name="DC.Title" content="Fight racism | United Nations"> <meta name="DC.Description" content="Racism, xenophobia and intolerance are problems prevalent in all societies. Every one plays a role in either contributing to, or breaking down, racial prejudice and intolerant attitudes. Together, let&#039;s fight racism! Let&#039;s stand up for human rights and against discrimination!"> <meta name="DC.Creator" content="United Nations"> <meta name="DC.Publisher" content="United Nations"> <meta property="og:site_name" content="United Nations"> <meta property="og:title" content="Fight racism | United Nations"> <meta property="og:description" content="Racism, xenophobia and intolerance are problems prevalent in all societies. Every one plays a role in either contributing to, or breaking down, racial prejudice and intolerant attitudes. Together, let&#039;s fight racism! Let&#039;s stand up for human rights and against discrimination!"> <meta property="og:image" content="https://www.un.org/sites/un2.un.org/files/2021/09/fight-racism-index-cover-photo-tall-swoosh-fine.png"> <meta property="og:image:width" content="1350"> <meta property="og:image:height" content="594"> <meta property="og:url" content="https://www.un.org/en/fight-racism"> <meta property="og:type" content="article"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Fight racism | United Nations"> <meta name="twitter:url" content="https://www.un.org/en/fight-racism"> <meta name="twitter:description" content="Racism, xenophobia and intolerance are problems prevalent in all societies. Every one plays a role in either contributing to, or breaking down, racial prejudice and intolerant attitudes. Together, let&#039;s fight racism! Let&#039;s stand up for human rights and against discrimination!"> <meta name="twitter:image" content="https://www.un.org/sites/un2.un.org/files/2021/09/fight-racism-index-cover-photo-tall-swoosh-fine.png"> <meta name="twitter:image:width" content="1350px"> <meta name="twitter:image:height" content="594px"> <!-- 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-PD5P6B6');</script> <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-LQCS');</script> <!-- End Google Tag Manager --> <style type="text/css"> @import url("https://www.un.org/modules/system/system.base.css?slg8yl"); </style> <style type="text/css"> @import url("https://www.un.org/sites/un2.un.org/modules/calendar/css/calendar_multiday.css?slg8yl"); @import url("https://www.un.org/sites/un2.un.org/modules/date/date_repeat_field/date_repeat_field.css?slg8yl"); @import url("https://www.un.org/modules/field/theme/field.css?slg8yl"); @import url("https://www.un.org/modules/node/node.css?slg8yl"); @import url("https://www.un.org/sites/un2.un.org/modules/views/css/views.css?slg8yl"); @import url("https://www.un.org/sites/un2.un.org/modules/media/modules/media_wysiwyg/css/media_wysiwyg.base.css?slg8yl"); </style> <style type="text/css"> @import url("https://www.un.org/sites/un2.un.org/modules/ctools/css/ctools.css?slg8yl"); @import url("https://www.un.org/modules/locale/locale.css?slg8yl"); </style> <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@unicorn-fail/drupal-bootstrap-styles@0.0.2/dist/3.3.1/7.x-3.x/drupal-bootstrap.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto+Slab:400,700|Roboto:300,400,400i,500,700&amp;display=swap&amp;subset=cyrillic" media="all" /> <style type="text/css"> @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/fontawesome/css/all.css?slg8yl"); @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/fontawesome/css/v4-shims.css?slg8yl"); @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/css/style.css?slg8yl"); </style> <style type="text/css"> @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/css/bootstrap-accessibility.css?slg8yl"); @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/css/style-chronicle.css?slg8yl"); @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/css/style-wss.css?slg8yl"); </style> <!-- HTML5 element support for IE6-8 --> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/modules/jquery_update/replace/jquery/2.2/jquery.min.js?v=2.2.4"></script> <script type="text/javascript">jQuery.migrateMute=true;jQuery.migrateTrace=false;</script> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/modules/jquery_update/replace/jquery-migrate/1/jquery-migrate.min.js?v=1"></script> <script type="text/javascript" src="https://www.un.org/misc/jquery-extend-3.4.0.js?v=2.2.4"></script> <script type="text/javascript" src="https://www.un.org/misc/jquery-html-prefilter-3.5.0-backport.js?v=2.2.4"></script> <script type="text/javascript" src="https://www.un.org/misc/jquery.once.js?v=1.2"></script> <script type="text/javascript" src="https://www.un.org/misc/drupal.js?slg8yl"></script> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/modules/jquery_update/js/jquery_browser.js?v=0.0.1"></script> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/modules/entityreference/js/entityreference.js?slg8yl"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.js"></script> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/js/bootstrap-add-clear/bootstrap-add-clear.min.js?slg8yl"></script> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/js/bootstrap-accessibility.min.js?slg8yl"></script> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/js/dropdown.js?slg8yl"></script> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/js/custom.js?slg8yl"></script> <script type="text/javascript">jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"en\/","setHasJsCookie":0,"ajaxPageState":{"theme":"bootstrap_un2","theme_token":"Y7dCxb1LCx76p7g697q6DgYAdAGSeKzaqK5_ptSdqm8","js":{"sites\/un2.un.org\/themes\/bootstrap\/js\/bootstrap.js":1,"sites\/un2.un.org\/modules\/jquery_update\/replace\/jquery\/2.2\/jquery.min.js":1,"0":1,"sites\/un2.un.org\/modules\/jquery_update\/replace\/jquery-migrate\/1\/jquery-migrate.min.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery-html-prefilter-3.5.0-backport.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/un2.un.org\/modules\/jquery_update\/js\/jquery_browser.js":1,"sites\/un2.un.org\/modules\/entityreference\/js\/entityreference.js":1,"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@3.4.1\/dist\/js\/bootstrap.js":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/js\/bootstrap-add-clear\/bootstrap-add-clear.min.js":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/js\/bootstrap-accessibility.min.js":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/js\/dropdown.js":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/js\/custom.js":1},"css":{"modules\/system\/system.base.css":1,"sites\/un2.un.org\/modules\/calendar\/css\/calendar_multiday.css":1,"sites\/un2.un.org\/modules\/date\/date_repeat_field\/date_repeat_field.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"sites\/un2.un.org\/modules\/views\/css\/views.css":1,"sites\/un2.un.org\/modules\/media\/modules\/media_wysiwyg\/css\/media_wysiwyg.base.css":1,"sites\/un2.un.org\/modules\/ctools\/css\/ctools.css":1,"modules\/locale\/locale.css":1,"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@3.4.1\/dist\/css\/bootstrap.css":1,"https:\/\/cdn.jsdelivr.net\/npm\/@unicorn-fail\/drupal-bootstrap-styles@0.0.2\/dist\/3.3.1\/7.x-3.x\/drupal-bootstrap.css":1,"https:\/\/fonts.googleapis.com\/css?family=Roboto+Condensed:400,700|Roboto+Slab:400,700|Roboto:300,400,400i,500,700\u0026display=swap\u0026subset=cyrillic":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/fontawesome\/css\/all.css":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/fontawesome\/css\/v4-shims.css":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/css\/style.css":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/css\/bootstrap-accessibility.css":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/css\/style-chronicle.css":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/css\/style-africa-events.css":1,"sites\/un2.un.org\/themes\/bootstrap_un2\/css\/style-wss.css":1}},"ogContext":{"groupType":"node","gid":"140364"},"bootstrap":{"anchorsFix":"0","anchorsSmoothScrolling":"0","formHasError":1,"popoverEnabled":1,"popoverOptions":{"animation":1,"html":0,"placement":"right","selector":"","trigger":"click","triggerAutoclose":1,"title":"","content":"","delay":0,"container":"body"},"tooltipEnabled":1,"tooltipOptions":{"animation":1,"html":0,"placement":"auto left","selector":"","trigger":"hover focus","delay":0,"container":"body"}}});</script> </head> <body class="html not-front not-logged-in one-sidebar sidebar-first page-node page-node- page-node-140364 node-type-property og-context og-context-node og-context-node-140364 i18n-en property-type-8447 property-type-11" > <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PD5P6B6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-LQCS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> </div> <section class="region region-css"> <section id="block-block-75" class="block block-block clearfix"> <style type="text/css">/************ make pg font 16px and make available the option of text to float right *******/ #views-bootstrap-grid-1 { margin-bottom: 5% !important; margin-top: 3%; } body { font-size: 16px; } .drop-and-foat-right { clear: right; display: block; float: right; } .text-tagline { font-size: 2rem !important; font-weight: 500 !important; } /************ fix masthead for the second logo - DDPA logo *********/ body.not-front header#navbar .navbar-header .navbar-brand.navbar-brand-img img { /*margin-top: 10px;*/ width: auto; } body.og-context-node-140364 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-146304 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-146322 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-146325 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-146334 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-146343 header#navbar .navbar-header .navbar-brand.navbar-brand-img img { margin-top: 3px; height: 65px !important; } /***************** fix masthead -- adjusting for screen size */ /* mobile */ @media (max-width: 670px) { body.not-front header#navbar .navbar-header .navbar-brand.navbar-brand-img img {margin-top: 3px;} body.og-context-node-140364 header#navbar .navbar-header .navbar-brand.navbar-brand-img img {height: 40px;} } /************ link behavior */ .region-content a { border-bottom: dotted 0.1rem #333333; } a, p a, ul li a, ol li a, ul li p a, ol li p a { border-bottom: dotted 0.1rem #333333; } a:hover, p a:hover, ul li a:hover, ol li a:hover, ul li p a:hover, ol li p a:hover, h3 a:hover, h2 a:hover { text-decoration: none; border-bottom: none; } #navbar a, #navbar a:hover, #brand-bar a, #brand-bar a:hover { text-decoration: none; border-bottom: none; } /************ index css (begin) **************/ /* ********* placing the photo copyright and caption over the hero image (begin) *******/ .hero-caption-fight-racism-home { background-color: #0b152b55; background-color: rgb(11,21,43); background-color: rgb(11,21,43, 0.55); background-color: hsl(221, 59%, 11%); background-color: hsla(221, 59%, 11%, 0.55); color:white; padding:0.5%; } .hero-caption-superimpose { margin-top:-2%; } @media (max-width: 979px) { .hero-caption-fight-racism-home {background-color:white; color: #666666;} .hero-caption-superimpose {margin-top:0;} } /* ********* placing the photo copyright and caption over the hero image (end) *******/ /* ******** zoom out text on hover - link interactivity specific to home page ******* */ .zoom-out { transition: transform .4s; display:inline-block; } .zoom-out:hover { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 3-8 */ transform: scale(1.05); } /*********** index css (end) ****************/ /********************** swoosh and other backgrounds and wells ********************/ .well-swoosh-yellow { background: url("https://www.un.org/sites/un2.un.org/files/swoosh-yellow.svg") no-repeat; background-position: 85% 100%; background-size: 65% 60%; background-attachment: fixed; } .well-swoosh-yellow-far { background: url("https://www.un.org/sites/un2.un.org/files/swoosh-yellow.svg") no-repeat; background-position: 120% 100%; background-size: 65% 60%; background-attachment: fixed; } /***************** swoosh and other backgrounds and wells - adjusting for screen size (begin) */ /* typical mobile devices */ @media (max-width: 479px) { .well-swoosh-yellow, .well-ddpa-logo {background-attachment: scroll;} } /* mobile (landscape) */ @media (max-width: 767px) { .well-swoosh-yellow , .well-ddpa-logo {background-attachment: scroll;} } /*************** swoosh and other backgrounds and wells - adjusting for screen size (end) */ .well-transparent { background-color: rgb(192, 192, 192); background-color: rgba(192, 192, 192, 0.5); background-color: hsl(0, 0%, 92.5%); background-color: hsla(0, 0%, 92.5%, 0.85); } .well-transparent-white { background-color: rgb(255, 255, 255); /* Fallback color */ background-color: rgba(255, 255, 255, 0.85); background-color: hsl(0, 0%, 100%); background-color: hsla(0, 0%, 100%, 0.85); } .well-twitter { margin: 5rem auto 2rem auto; } .well-black { background-color: black !important; border-radius: 25px; padding: 6rem; color: white; font-size: x-large; font-weight: 700; } .well-black h1, .well-black h2, .well-black h3, .well-black p, .well-black li { color: white; } .well-black h1, .well-black h2, .well-black h3 { margin-bottom: 6rem; margin-top: 5rem; } .well-black li { font-size: 2rem !important; line-height: 1.5; font-weight: 400; } .well-black ul { margin-left: 2rem !important; } /***************** well-black adjusting for screen size (begin) */ /* mobile */ @media (max-width: 670px) { .well-black {padding: 2rem;} .well-black h1, .well-black h2, .well-black h3 {margin-bottom: 2rem; margin-top: 2rem;} .well-black li {font-weight: 400;} } /*************** well-black adjusting for screen size (end) */ .fight-racism-spotlight-photo { margin: 3rem auto 3rem 6rem; padding: 3rem 3rem; border-top: 2px dashed #aaa; border-bottom: 2px dashed #aaa; width: 95%; background-color: #f5f5f5; } .fight-racism-spotlight-photo > h1, .fight-racism-spotlight-photo > h2, .fight-racism-spotlight-photo > h3, .fight-racism-spotlight-video > h1, .fight-racism-spotlight-video > h2, .fight-racism-spotlight-video > h3 { font-size: 3rem; color: #337ab7; text-transform: uppercase; margin-bottom: 3rem !important; } .fight-racism-spotlight-photo > h4, .fight-racism-spotlight-video > h4 { margin-bottom: 2rem !important; } .fight-racism-spotlight-photo img { max-width: 70%; float: right; } .fight-racism-spotlight-video { margin: 5.5rem auto; padding: 3rem 3rem; border-top: 2px dashed #aaa; border-bottom: 2px dashed #aaa; max-width: 80%; background-color: #f5f5f5; } .fight-racism-spotlight-video iframe, .fight-racism-spotlight-video .fight-racism-spotlight-social { margin-top: 3rem !important; padding-bottom: 3rem !important; padding-left: 5%; } .heading-center-no-underline::after { border-top: none !important; } /********************** tabs ********************/ .tabs-bordered-area { border-left: 1px #ccc solid !important; border-right: 1px #c9c9c9 solid !important; border-bottom: 1px #c9c9c9 solid !important; margin-top: -10px !important; margin-bottom: 3rem !important; } /********************** The Modal (begin) ********************/ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ -webkit-animation-name: fadeIn; /* Fade in the background */ -webkit-animation-duration: 0.4s; animation-name: fadeIn; animation-duration: 0.4s } /*.modal-dialog {overflow-y: initial !important} */ /* Modal Content */ .modal-content { position: fixed; bottom: 0; background-color: #fefefe; width: 100%; -webkit-animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-name: slideIn; animation-duration: 0.4s } .modal-header, .modal-footer { background-color: #1e82c5; color: white; font-size: 1.75rem; font-weight: 800; } /* The Close Button */ .close-modal { float: right; } .close-modal:hover, .close-modal:focus { color: #000; text-decoration: none; cursor: pointer; } /* Add Animation */ @-webkit-keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} } @keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} } @-webkit-keyframes fadeIn { from {opacity: 0} to {opacity: 1} } @keyframes fadeIn { from {opacity: 0} to {opacity: 1} } /* modal adjusting for screen size */ /* typical mobile devices */ @media only screen and (min-width: 320px) and (max-width: 479px) { .modal-body {padding: 2rem 2rem; height: 75%; overflow-y: auto;} } /* mobile (landscape) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .modal-body {padding: 2rem 2rem; height: 75%; overflow-y: auto;} } /* For tablet */ @media only screen and (min-width: 768px) and (max-width: 979px) { .modal-body {padding: 3rem 10rem; height: 55%; overflow-y: auto;} } /* For small desktop */ @media only screen and (min-width: 980px) and (max-width: 1023px) { .modal-body {padding: 3rem 15rem; height: 55%; overflow-y: auto;} } /* For typical desktop */ @media only screen and (min-width: 1024px) and (max-width: 1199px) { .modal-body {padding: 5rem 20rem; height: 55%; overflow-y: auto;} } /* For large desktop */ @media only screen and (min-width: 1200px) { .modal-body {padding: 5rem 33rem; height: 55%; overflow-y: auto;} } /********************** The Modal (end) ********************/ /********* css for the areas that have a hero image with text layer on top and caption under: ie vulnerable groups pages ********/ .image-metadata { padding-top: 8px; margin-bottom: 18px; padding-bottom: 8px; border-bottom: #eeeeee solid 1px; float: none; margin-left: 0; margin-right: 0; } /* -- place text over image -- */ section.bg-hero { position: relative; } section.bg-hero .stories-card-page { position: absolute; top: 4rem; left: 4rem; } .flex-item-card { width: 380px; margin: auto; padding: 3em; } .card-sm > h3, .card-sm > h1, .card-sm > h2 { color: white !important; font-size: 6rem !important; border-bottom: 2px solid; padding-bottom: 1.5rem; } .card-sm > p { color: white; font-size: 3rem !important; font-weight: 500; letter-spacing: normal; padding-top: 2rem; padding-bottom: 3px; } /* adjust for screen size */ /* For mobile and tablet */ @media (max-width: 979px) { section.bg-hero .stories-card-page { position: relative; left: 0; top: 3rem; margin-bottom: 3rem; padding: 0; } .flex-item-card { width: auto; height: auto; margin: auto; } .stories-card-page h1, .stories-card-page h2, .stories-card-page .tag, .stories-card-page p { color: inherit !important; } .card-sm h3, .card-sm h1, .card-sm h2 { font-size: 40px; border-bottom: none; padding-bottom: 10px; } .card-sm h3:after, .card-sm h1:after, .card-sm h2:after { content: ''; display: block; margin: 1.5rem 0 0 0; border-top: #00a1d9 solid 3px; } } /* For small desktop */ @media only screen and (min-width: 980px) and (max-width: 1023px) { } /* For typical desktop */ @media only screen and (min-width: 1024px) and (max-width: 1199px) { } /* For large desktop */ @media only screen and (min-width: 1200px) { } /******* horizontal pill-style nav in blue *********/ .nav-tabs--horizontal-pill { border-bottom: none; } .nav-tabs--horizontal-pill > li { margin: 0 1rem 1rem 0 !important; } [dir="rtl"] { margin-left: 1rem !important; margin-right: 0!important; } .nav-tabs--horizontal-pill > li > a { padding: 8px 20px; border: 1px solid #1e82c5 !important; border-radius: 4px; color: #1e82c5; transition: all 0.4s ease; font-size: 18px; font-weight: 500; } .nav-tabs--horizontal-pill > li > a:hover, .nav-tabs--horizontal-pill > li > a:focus { border-color: inherit; } .nav-tabs--horizontal-pill > li.active > a, .nav-tabs--horizontal-pill > li.active > a:hover, .nav-tabs--horizontal-pill > li.active > a:focus { color: white; background-color: #1e82c5; /****** for blue nav-pill matching Fight Racism blue-color *****/ } .custom-horizontal-pill .heading-border:after { content: ''; display: block; margin-left: 1px; margin-top: 1.75rem; border-top: #1e82c5 solid 3px; width: 33%; } .custom-horizontal-pill p, .custom-horizontal-pill ul, .custom-horizontal-pill ol, .custom-horizontal-pill > li { width: 600px; max-width: 100%; } /*************** dropdown/collapsable panels ****************/ .panel-white .panel { border-bottom: 1px solid transparent; -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / 18%); box-shadow: 0 2px 2px rgb(0 0 0 / 18%); } .panel-default>.panel-heading { background-image:none !important; padding: 3rem; background-color: white; } .panel-heading a:after { font-family:'Glyphicons Halflings'; content:"\e114"; float: right; color: #333333; font-size: 2.5rem; margin-top: -6rem; margin-right: -7rem; } .panel-heading a.collapsed:after { content:"\e080"; } .panel-group .panel+.panel { margin-top: 30px; } .panel-title { font-size: 2.5rem; } .panel-body { padding: 30px; } .panel-icon { padding: 25px; margin: -10px; } </style> </section> <section id="block-block-6" class="block block-block clearfix"> <style> body.i18n-ht header#navbar .navbar-header .navbar-btn { background: url(https://www.un.org/sites/un2.un.org/files/logo_ht.svg) no-repeat; width: 32.4rem; } body.i18n-ht .footer .footer-brand a { background: url(https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/images/logo-fr-reverse.svg) no-repeat; } body.front ul.language-switcher-locale-url li.tr, body.front ul.language-switcher-locale-url li.uk, body.front ul.language-switcher-locale-url li.ht { display: none; } p.alert-info em { margin-right: 0.15em; } .views-field-body a { border-bottom: dotted 0.1rem #333333; } .views-field-body h3 a { border-bottom: none; } a#more_button { border-bottom: solid 0.1rem #009edb; } /* blockquote-promo */ .blockquote-promo blockquote { border: none; } .blockquote-promo blockquote h3:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-left: -67px; margin-top: -40px; font-size: 5rem; padding-right: 20px; } body.i18n-ar .blockquote-promo blockquote h3:before { float: right; content: "\f10e"; margin-right: -60px; padding-left: 20px; } .blockquote-promo .quote-bg { background-color: #009edb !important; position: relative; height: 30rem; } .blockquote-promo .quote-image { width: 650px; position: absolute; right: 6%; bottom: 0; display: block; max-width: 35%; } .blockquote-promo .quote-text h3 { color:white !important; font-size: calc(27px + 6 * ((100vw - 320px) / 680)) !important; letter-spacing: -0.77px; line-height: 1.5; } .blockquote-promo .quote-text--sm h3 { font-size: calc(20px + 6 * ((100vw - 320px) / 680)) !important; color: white !important; letter-spacing: -0.77px; line-height: 1.4; } .blockquote-promo .quote-text footer { color: black; font-size: 100%; } .blockquote-promo .word-highlighted { background-color:black !important; border-radius: 25px; padding: 0 9px; } .embed-responsive-21by9 { padding-bottom:42.85%; } .call-to-action { padding: 2.714286rem 1.428571429rem; margin: 3rem 6rem; font-size: 17.5px !important; border-top: 2px dashed #009edb; border-bottom: 2px dashed #009edb; width: 65%; } .view-upcoming-events .event-info { padding-top: 4rem; } .view-upcoming-events .event-info-item { padding-bottom: 20px; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 700; } .view-upcoming-events .event-container { border-bottom: solid 2px #f2f2f2; padding-bottom: 3rem; } .view-upcoming-events .event-content { padding: 3rem 8rem; } .view-upcoming-events .event-image { padding-left: 30px; padding-right: 30px; } .view-upcoming-events .fa-map-marker { margin: 0 5px !important; } body.i18n-zh-hans .front-wrapper .unorg-home-hero .flex-row p { font-size: 1.6rem; line-height: 1.5; } body.not-front.i18n-zh-hans .main-container ul li { font-size: 15.6px; line-height: 21.6px; } body.not-front.i18n-zh-hans p { text-indent: 0; } body.node-type-event.i18n-zh-hans .node-event .field-name-field-event-date, body.node-type-event.i18n-zh-hans .node-event .span.date-display-range, body.node-type-event.i18n-zh-hans .node-event .field-name-field-location .field-item { line-height: 1.42857143; } .social-media li.tumblr a::before { font-size: 2.4rem; font-family: "FontAwesome" !important; content: "\f174"; color: #c4c4c4; display: inline-block; } .social-media li.tiktok a::before { font-size: inherit; content: ""; } .social-media li.tiktok a { font-size: inherit; background: url(/sites/un2.un.org/files/tiktok_1.svg) no-repeat; height: 34px; width: 34px; line-height: 34px; } .block.heading-border::after { content: ''; display: block; margin-left: 1px; margin-top: 1.75rem; margin-bottom: 1.75rem; border-top: #009edb solid 3px; width: 33%; } .allpadding-sm { padding: 30px; } a.view-more-link::after { font-family: FontAwesome; margin-left: 3px; color: #00a1d9; content: "\f101"; font-size: 16px; line-height: 1; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; } body.i18n-ar a.view-more-link::after { margin-right: 3px; content: "\f100"; } .property_home_page_section_first { margin-bottom: 4rem; } body.property-type-7 .property_home_page_section_first, body.property-type-10 .property_home_page_section_first { margin-bottom: 0; } body.node-type-book #block-system-main img { width: inherit; } body.page-node-40059 #un_org_home_fact_cards { display: none; } #bs-navbar-main-menu { clear: both; } .main-container.container { margin-top: 2rem; } body.node-type-article .owl-carousel .owl-item .image-metadata { margin-left: inherit; } .node-type-page h1, .node-type-page .h1, .node-type-slideshow h1.page-header { font-size: 3.2rem; color: black; letter-spacing: -0.77px; line-height: 1; } body.not-front.i18n-ar.node-type-property .un-facts-heading h4.un-facts { letter-spacing: 0.0px; line-height: 1.6; text-align: right; text-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5); padding: 0.2rem 1.7rem 0.4rem 0; border-right: solid 0.5rem rgba(255, 255, 255, 0.3); border-left: 0; } body.front.i18n-ar .section.facts .card .views-field-body { padding-top: 2.6rem; background: none; } body.front.i18n-ar .section.facts .card ~ .card ~ .card ~ .card .views-field-body, body.front.i18n-ar .section.facts .card ~ .card ~ .card .views-field-body, body.front.i18n-ar .section.facts .card ~ .card .views-field-body { background-image: none; } .view-id-property_cards_by_nodequeue_page.view-display-id-page_1 .views-field-og-group-ref { display: none; } body.not-logged-in .alert.error, body.page-node-54315 .alert.error, body.node-type-page .alert.error { display:none; } body.not-logged-in.page-node-170435 .alert.error { display:inherit; } ul#main-menu li.menu-17747.top-level a, ul#main-menu li.menu-17758.top-level a, ul#main-menu li.menu-17754.top-level a, ul#main-menu li.menu-17784.top-level a, ul#main-menu li.menu-17760.top-level a, ul#main-menu li.menu-17756.top-level a, ul#main-menu li.menu-17973.top-level a, ul#main-menu li.menu-17976.top-level a, ul#main-menu li.menu-17979.top-level a, ul#main-menu li.menu-17997.top-level a, ul#main-menu li.menu-18000.top-level a, ul#main-menu li.menu-18003.top-level a, ul#main-menu li.menu-18696.top-level a, ul#main-menu li.menu-17856.top-level > a , ul#main-menu li.menu-23525.top-level a, ul#main-menu li.menu-24886.top-level a, ul#main-menu li.menu-24356.top-level a, ul#main-menu li.menu-28784.top-level a, ul#main-menu li.menu-31944.top-level a { background-color: #c20000; } ul#main-menu li.menu-23304.top-level a, ul#main-menu li.menu-45709.top-level a, ul#main-menu li.menu-22773.top-level a, ul#main-menu li.menu-22763.top-level a, ul#main-menu li.menu-22781.top-level a, ul#main-menu li.menu-22747.top-level a, ul#main-menu li.menu-23525.top-level a,ul#main-menu li.menu-25685.top-level a, ul#main-menu li.menu-25892.top-level a, ul#main-menu li.menu-25970.top-level a, ul#main-menu li.menu-25994.top-level a, ul#main-menu li.menu-39043.top-level a, ul#main-menu li.menu-46805.top-level a { background-color: #c20000; } ul#main-menu li.menu-17747.top-level a.active, ul#main-menu li.menu-17747.top-level a.hover, ul#main-menu li.menu-17747.top-level a.active-menu, ul#main-menu li.menu-17758.top-level a.active, ul#main-menu li.menu-17758.top-level a.hover, ul#main-menu li.menu-17758.top-level a.active-menu, ul#main-menu li.menu-17754.top-level a.active, ul#main-menu li.menu-17754.top-level a.hover, ul#main-menu li.menu-17754.top-level a.active-menu, ul#main-menu li.menu-17784.top-level a.active, ul#main-menu li.menu-17784.top-level a.hover, ul#main-menu li.menu-17784.top-level a.active-menu, ul#main-menu li.menu-17760.top-level a.active, ul#main-menu li.menu-17760.top-level a.hover, ul#main-menu li.menu-17760.top-level a.active-menu, ul#main-menu li.menu-17756.top-level a.active, ul#main-menu li.menu-17756.top-level a.hover, ul#main-menu li.menu-17756.top-level a.active-menu, ul#main-menu li.menu-25685.top-level a.active, ul#main-menu li.menu-25685.top-level a.hover, ul#main-menu li.menu-25685.top-level a.active-menu, ul#main-menu li.menu-25892.top-level a.active, ul#main-menu li.menu-25892.top-level a.hover, ul#main-menu li.menu-25892.top-level a.active-menu, ul#main-menu li.menu-25970.top-level a.active, ul#main-menu li.menu-25970.top-level a.hover, ul#main-menu li.menu-25970.top-level a.active-menu, ul#main-menu li.menu-25994.top-level a.active, ul#main-menu li.menu-25994.top-level a.hover, ul#main-menu li.menu-25994.top-level a.active-menu, ul#main-menu li.menu-23525.top-level a.active, ul#main-menu li.menu-23525.top-level a.hover, ul#main-menu li.menu-39043.top-level a.hover, ul#main-menu li.menu-39043.top-level a.active, ul#main-menu li.menu-39043.top-level a.active-menu, ul#main-menu li.menu-46805.top-level a.active, ul#main-menu li.menu-46805.top-level a.active-menu { background-color: #f2f2f2; } ul#main-menu li.menu-23304.top-level a.active, ul#main-menu li.menu-23304.top-level a.hover, ul#main-menu li.menu-23304.top-level a.active-menu, ul#main-menu li.menu-45709.top-level a.active, ul#main-menu li.menu-45709.top-level a.hover, ul#main-menu li.menu-45709.top-level a.active-menu, ul#main-menu li.menu-22773.top-level a.active, ul#main-menu li.menu-22773.top-level a.hover, ul#main-menu li.menu-22763.top-level a.active, ul#main-menu li.menu-22763.top-level a.hover, ul#main-menu li.menu-22781.top-level a.active, ul#main-menu li.menu-22781.top-level a.hover, ul#main-menu li.menu-22747.top-level a.active, ul#main-menu li.menu-22747.top-level a.hover, ul#main-menu li.menu-46805.top-level a.hover, { background-color: #f2f2f2; } .view-id-articles_by_property_view.view-display-id-page_1 .view-header { margin-bottom: 2rem; } .view-articles-by-property-view.view-id-articles_by_property_view.view-display-id-page_2 { margin-top: 5rem; margin-bottom: 5rem; } body.not-front .field-content.post-date { font-weight: 500; font-size: 1.2rem; line-height: 1.1666; color: #4d4c4c; letter-spacing: 0.77px; text-transform: uppercase; display: block; margin-top: 0; margin-bottom: 0.8rem; } body.node-type-article.og-context-node-61823 .node-article p, body.node-type-article.og-context-node-61823 .node-article li, body.node-type-article.og-context-node-62054 .node-article p, body.node-type-article.og-context-node-62054 .node-article li, body.node-type-article.og-context-node-62048 .node-article p, body.node-type-article.og-context-node-62048 .node-article li, body.node-type-article.og-context-node-62003 .node-article p, body.node-type-article.og-context-node-62003 .node-article li, body.node-type-article.og-context-node-62051 .node-article p, body.node-type-article.og-context-node-62051 .node-article li, body.node-type-article.og-context-node-62045 .node-article p, body.node-type-article.og-context-node-62045 .node-article li, body.property-type-9040 p, body.property-type-9040 li, body.property-type-8447 p, body.property-type-8447 li, body.property-type-8450 p, body.property-type-8450 li { font-size: 16px; line-height: 1.5; } body.og-context-node-62054 header#navbar .navbar-header .navbar-brand.navbar-brand-img, body.og-context-node-61823 header#navbar .navbar-header .navbar-brand.navbar-brand-img, body.og-context-node-62051 header#navbar .navbar-header .navbar-brand.navbar-brand-img, body.og-context-node-62003 header#navbar .navbar-header .navbar-brand.navbar-brand-img, body.og-context-node-62048 header#navbar .navbar-header .navbar-brand.navbar-brand-img { margin-right: 0; } body.og-context-node-102953 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-102950 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-102947 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-102932 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-102944 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-102941 header#navbar .navbar-header .navbar-brand.navbar-brand-img img { height: 71px; width: 77px; } body.og-context-node-62054 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-61823 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-62051 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-62003 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-62048 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-62045 header#navbar .navbar-header .navbar-brand.navbar-brand-img img { height: 75px; width: 85px; } body.og-context-node-97691 header#navbar .navbar-header .navbar-brand.navbar-brand-img, body.og-context-node-97693 header#navbar .navbar-header .navbar-brand.navbar-brand-img, body.og-context-node-97692 header#navbar .navbar-header .navbar-brand.navbar-brand-img, body.og-context-node-97694 header#navbar .navbar-header .navbar-brand.navbar-brand-img, body.og-context-node-97696 header#navbar .navbar-header .navbar-brand.navbar-brand-img, body.og-context-node-97697 header#navbar .navbar-header .navbar-brand.navbar-brand-img { margin: 0; } body.og-context-node-97691 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-97693 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-97692 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-97694 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-97696 header#navbar .navbar-header .navbar-brand.navbar-brand-img img, body.og-context-node-97697 header#navbar .navbar-header .navbar-brand.navbar-brand-img img { margin-top: -2px; width: 78px; height: 78px; } body.og-context-node-170924 header#navbar .navbar-header .navbar-brand.navbar-brand-img { margin: 0; } body.og-context-node-170924 header#navbar .navbar-header .navbar-brand.navbar-brand-img img { width: 84px !important; } .view-id-articles_by_property_view.view-display-id-page_1 #views-bootstrap-grid-1 .row > .col-xs-12.col-sm-6.col-md-4.col-lg-4, .view-id-articles_by_property_view.view-display-id-page_5 #views-bootstrap-grid-1 .row > .col-xs-12.col-sm-6.col-md-4.col-lg-4, .view-id-articles_by_property_view.view-display-id-page_9 #views-bootstrap-grid-1 .row > .col-xs-12.col-sm-6.col-md-4.col-lg-4, .view-id-articles_by_property_view.view-display-id-page_10 #views-bootstrap-grid-1 .row > .col-xs-12.col-sm-6.col-md-4.col-lg-4 { margin-bottom: 4rem; } .node-article .read-more-button { margin-bottom: 4rem; } .section.more-stories-by::after { border-top: none; } .view-articles-by-issue-with-podcast .views-field-php { margin-bottom: 4rem; } .og-context-node-54396.node-type-article ul.breadcrumb { display:none; } .og-context-node-54396 .footer-fluid, .page-isotope-articles .footer-fluid { margin-top: 4rem; } .view-property-slideshows-by-taxonomy .item { margin-bottom: 4rem; } .node-sidebar .node-sidebar-item { margin-top: 4rem; } .node-sidebar .node-sidebar-item:first-child { margin-top: 0; } body.node-type-page h1 { font-size:4rem; } .library_field { margin-top: 1rem; font-weight: 700; } .historical-note { font-size: 12px; } .small-view .views-field-title { width: 94%; } body.node-type-article .article-body ul { width: 90%; margin-left: auto; margin-right: auto; margin-top: 1em; list-style: inherit; } node-type-article .node-article .image-gallery-main-image .image-metadata, .node-article .article-body .image-metadata, .node-type-article .node-article > .image-metadata { margin-left: auto; margin-right: auto; } body.node-type-article .article-body ul li { list-style-image: inherit; list-style-type: inherit; margin-left: inherit; } body.property-type-11 .view-articles-by-property-view ul li { margin-top: 1rem; } body.node-type-file-object article ul { list-style: inherit; } body.node-type-file-object article ul li { list-style-image: inherit; list-style-type: inherit; margin-left: 2em; } /* body.property-type-14.node-type-property .property_home_page_section_articles_second {*/ body.page-node-81254 .property_home_page_section_articles.gray-bg .property_home_page_section_articles_second { display:none; } body.page-node-81254 .property_home_page_section_articles.gray-bg .property_home_page_section_articles_second { display:none; } /* body.page-node-81254 .property_home_page_section_articles.gray-bg .container { font-size: 0; } */ body.page-node-81254 .property_home_page_section_articles.gray-bg .container .property_home_page_section_articles_first { font-size: inherit; } body.front.i18n-fr .aan_image, body.front.i18n-es .aan_image, body.front.i18n-ru .aan_image, body.front.i18n-ar .aan_image, body.front.i18n-zh-hans .aan_image { display:none; } .page-node-81254.og-context-node-81254 .view-id-unorg_home_top_multiitem_nodequeue .unorg-home-hero { margin-bottom: 5rem; } /* dhl */ .og-context-node-74753 ul#main-menu ul.subnav li a, .og-context-node-74762 ul#main-menu ul.subnav li a { font-size:12px; } .og-context-node-74768 ul#main-menu ul.subnav li a, .og-context-node-74765 ul#main-menu ul.subnav li, .og-context-node-59110 ul#main-menu ul.subnav li, .og-context-node-59107 ul#main-menu ul.subnav li { font-size: 10px; } .og-context-node-74753 .node.node-page .content > .row > .col-sm-3, .og-context-node-74753.node-type-article section#block-system-main > .row > .col-sm-3, .og-context-node-74774 .node.node-page .content > .row > .col-sm-3, .og-context-node-74774.node-type-article section#block-system-main > .row > .col-sm-3, .og-context-node-74762 .node.node-page .content > .row > .col-sm-3, .og-context-node-74762.node-type-article section#block-system-main > .row > .col-sm-3, .og-context-node-74768 .node.node-page .content > .row > .col-sm-3, .og-context-node-74768.node-type-article section#block-system-main > .row > .col-sm-3, .og-context-node-74765 .node.node-page .content > .row > .col-sm-3, .og-context-node-74765.node-type-article section#block-system-main > .row > .col-sm-3 { border-left: solid 2px #ededed; } .og-context-node-74777 .node.node-page .content > .row > .col-sm-3, .og-context-node-74777.node-type-article section#block-system-main > .row > .col-sm-3 { border-right: solid 2px #ededed; } .og-context-node-74777 p { line-height: 1.75; } .og-context-node-74777 .node.node-page .content > .row > .col-sm-3 ul li { line-height: 1.75; } .og-context-node-74777 h1.page-header { font-size: 4rem; } .og-context-node-74753 .node.node-page .content > .row > .col-sm-9 a, .og-context-node-74777 .node.node-page .content > .row > .col-sm-9 a, .og-context-node-74774 .node.node-page .content > .row > .col-sm-9 a, .og-context-node-74762 .node.node-page .content > .row > .col-sm-9 a, .og-context-node-74768 .node.node-page .content > .row > .col-sm-9 a, .og-context-node-74765 .node.node-page .content > .row > .col-sm-9 a { border-bottom: dotted 0.1rem #333333; } .og-context-node-74753 .node.node-page .content > .row > .col-sm-9 h2, .og-context-node-74753 .node.node-page .content > .row > .col-sm-9 h3, .og-context-node-74777 .node.node-page .content > .row > .col-sm-9 h2, .og-context-node-74777 .node.node-page .content > .row > .col-sm-9 h3, .og-context-node-74774 .node.node-page .content > .row > .col-sm-9 h2, .og-context-node-74774 .node.node-page .content > .row > .col-sm-9 h3, .og-context-node-74762 .node.node-page .content > .row > .col-sm-9 h2, .og-context-node-74762 .node.node-page .content > .row > .col-sm-9 h3, .og-context-node-74768 .node.node-page .content > .row > .col-sm-9 h2, .og-context-node-74768 .node.node-page .content > .row > .col-sm-9 h3, .og-context-node-74765 .node.node-page .content > .row > .col-sm-9 h2, .og-context-node-74765 .node.node-page .content > .row > .col-sm-9 h3 { margin-top: 4rem; } .og-context-node-74768 ul#main-menu ul.subnav li, .og-context-node-74765 ul#main-menu ul.subnav li, .og-context-node-74762 ul#main-menu ul.subnav li, .og-context-node-74753 ul#main-menu ul.subnav li, .og-context-node-74774 ul#main-menu ul.subnav li, .og-context-node-74777 ul#main-menu ul.subnav li, ul#main-menu ul.subnav li { white-space: nowrap; overflow-x: auto; overflow-y: hidden; padding: 3px; } .og-context-node-74768 ul#main-menu ul.subnav li a, .og-context-node-74765 ul#main-menu ul.subnav li a, .og-context-node-74762 ul#main-menu ul.subnav li a, .og-context-node-74753 ul#main-menu ul.subnav li a { font-size: 12px; } .node-sidebar-item-body ul { list-style: inherit; } .node-sidebar-item-body ul li { list-style-image: inherit; list-style-type: inherit; margin-left: 15px; } body.i18n-zh-hans.og-context-node-74774, body.i18n-zh-hans.og-context-node-74774 p { font-size: 1.61rem; line-height: 1.61; } body.i18n-zh-hans.og-context-node-74774 h3 { font-size: 2.8rem; line-height: 1.34; } body.i18n-zh-hans.og-context-node-74774 .home-footer h4 { font-size: 2.3rem; line-height: 1.265; } .not-front .home-footer .footer-fluid .footer.container.dark ul li::before { content: ""; } /* /dhl */ body.article-type-7 .node-sidebar .field-name-body.field-type-text-with-summary.field-label-above .field-label { display: none; } /* .page-calendar-by-property .feed-icon img { width: inherit; } */ .feed-icon img { width: inherit; } li.top-level ul.subnav-active-menu { z-index:10; } body.node-type-file-object article .field-name-field-image.field-type-image img { width: inherit; } .node-type-property .un-facts-heading h4.un-facts { font-size: 2.2rem; color: white; letter-spacing: 0.5px; line-height: 1.1818; text-align: left; text-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5); padding: 0.2rem 0 0.4rem 1.7rem; border-left: solid 0.5rem rgba(255, 255, 255, 0.3); } .node-type-property .un-facts-heading h4.un-facts a { color: white; } .property-type-14 .unorg-home-5x4.third-story { margin-top: 3rem; } .property-type-14 .property_home_page_section_articles.gray-bg { background-color: inherit; } .property-type-14 .property_home_page_section_articles.gray-bg .container { background-color: #f2f2f2 !important; padding-bottom: 4rem; } .og-context-node-98731.node-type-page #block-system-main img{ width: inherit; } /* .view-articles-by-property-view .row h3 { margin-bottom: 4rem; } */ body.page-articles-by-property-local-category .view-articles-by-property-view .row .col-xs-12.col-sm-6.col-md-4.col-lg-4 { margin-bottom: 4rem; } .page-node-106961 #toggle-play, .page-node-106961 #toggle-pause { bottom: 180px; } .view-dhl.view-display-id-page .views-widget-filter-data_1 { display: none; } .view-un-org-home-news-row.view-id-un_org_home_news_row.view-display-id-block_2 p, .view-unorg-home-top-multiitem-nodequeue.view-display-id-block_1 p, .view-unorg-home-top-multiitem-nodequeue.view-display-id-block_5 p { font-size: 14px; } .un-org-home-news-row-block-2 { margin-top: 4rem; } body.not-front.i18n-ar div.category { letter-spacing: inherit; text-transform: inherit; } body.node-type-book .book-toc { display: none; } .calendar-calendar .month-view .full td.single-day div.monthview { background: inherit; } .i18n-ar .calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents, .i18n-ar .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents { right: 0; left: 5px; } .navbar-full.navbar { background-color: #4d4d4d; padding: 0; height: 34px; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%); margin-bottom: 0; z-index: 99; } body.node-type-page .field-name-body ol, body.not-front .views-field-body ol { list-style-type: decimal; } ol.blue-list li::marker { color: #009edb; font-weight: bold; font-size: 20px; } body.node-type-page .field-name-body ol li, body.not-front .views-field-body ol li { margin-left: 2rem; } .view-event-flat-calendar-by-property.view-display-id-page h3 { clear: both; padding:0.5em 0; } .view-event-flat-calendar-by-property.view-display-id-page .views-field.views-field-field-event-date-1 { float: left; margin-right: 50px; } .view-event-flat-calendar-by-property.view-display-id-page .views-field.views-field-title { clear: both; display: inline; } .view-event-flat-calendar-by-property.view-display-id-page .views-row { clear: both; margin-bottom: 1rem; } .view-event-flat-calendar-by-property.view-display-id-page .views-row a { border-bottom: dotted 0.1rem #333333; } .full_observances_list { text-align: right; } .i18n-ar .full_observances_list { text-align: left; } .full_observances_list a::after { font-family: FontAwesome; margin-left: 3px; color: #00a1d9; content: "\f101"; line-height: 1; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; } .i18n-ar .full_observances_list a::after { margin-right: 3px; content: "\f100"; } .page-node-132204 .property_home_page_section.gray-bg { background-color: #ffffff !important; } .page-node-132204 .property_home_page_section.gray-bg .container { background-color: #f2f2f2 !important; padding-top: 4rem; padding-bottom: 4rem; } body.page-node-132204.property-type-14.node-type-property .property_home_page_section.gray-bg { padding-top: inherit; padding-bottom: inherit; } .i18n-ar .front-wrapper header#navbar .navbar-header .navbar-brand { font-size: 2.1rem; margin-top: 0.5rem; line-height: 1.6; } .node-type-book.og-context-node-40059 ul { list-style: inherit; } .node-type-book.og-context-node-40059 ul li { list-style-image: inherit; list-style-type: inherit; margin-left: 2em; } ul#main-menu li.menu-33990.top-level a, ul#main-menu li.menu-45720.top-level a, ul#main-menu li.menu-45912.top-level a, ul#main-menu li.menu-46218.top-level a, ul#main-menu li.menu-46227.top-level a, ul#main-menu li.menu-46154.top-level a, ul#main-menu li.menu-46228.top-level a { background-color: #009edb; } ul#main-menu li.menu-33990.top-level a.active, ul#main-menu li.menu-33990.top-level a:hover, ul#main-menu li.menu-33990.top-level a.active-menu, ul#main-menu li.menu-45720.top-level a.active, ul#main-menu li.menu-45720.top-level a:hover, ul#main-menu li.menu-45720.top-level a.active-menu, ul#main-menu li.menu-45912.top-level a.active, ul#main-menu li.menu-45912.top-level a:hover, ul#main-menu li.menu-45912.top-level a.active-menu, ul#main-menu li.menu-46218.top-level a.active, ul#main-menu li.menu-46218.top-level a:hover, ul#main-menu li.menu-46218.top-level a.active-menu, ul#main-menu li.menu-46227.top-level a.active, ul#main-menu li.menu-46227.top-level a:hover, ul#main-menu li.menu-46227.top-level a.active-menu, ul#main-menu li.menu-46154.top-level a.active, ul#main-menu li.menu-46154.top-level a:hover, ul#main-menu li.menu-46154.top-level a.active-menu, ul#main-menu li.menu-46228.top-level a.active, ul#main-menu li.menu-46228.top-level a:hover, ul#main-menu li.menu-46228.top-level a.active-menu { background: #f2f2f2; color: black; } body.node-type-article #toggle-play, body.node-type-article #toggle-pause { bottom: 150px; } @media only screen and (max-width: 1000px) { .view-event-flat-calendar-by-property.view-display-id-page .views-field.views-field-title { clear: both; width: 500px !important; float: right; display: block; } .view-event-flat-calendar-by-property.view-display-id-page .views-field.views-field-field-event-date-1 { float: left; margin-right: 0px; } } @media only screen and (max-width: 720px) { .view-event-flat-calendar-by-property.view-display-id-page .views-field.views-field-title { width: 360px !important; } } @media only screen and (max-width: 400px) { .view-event-flat-calendar-by-property.view-display-id-page .views-field.views-field-title { width: 200px !important; } } @media (max-width: 768px) { body.front #live_now_button { display: block; float: left !important; } body.front.i18n-ar #live_now_button { float: right !important; } header#navbar .navbar-header .navbar-btn::after { border-right: 0; } body.not-front header#navbar .navbar-header .navbar-brand.navbar-brand-img img { height: 40px; width: 89px; } body.not-front .navbar-header .navbar-brand-img-subtitle-1, body.not-front .navbar-header .navbar-brand-img-subtitle-2 { margin-top: 60px; padding: 0; } body.i18n-ar li.top-level ul.subnav-active, body.i18n-ar li.top-level ul.subnav-active-menu { padding: 0; position: inherit; } body.i18n-ar ul#main-menu ul.subnav li { padding-bottom: 10px; padding-top: 10px; padding-right: 2em; background-color: #ffffff; float: none; border-bottom: #f2f2f2 solid 1px; } body.i18n-ar ul#main-menu ul.subnav li a { background-color: #ffffff; padding: 0; } body.page-desa-products .table-responsive table.table { font-size: 8px; } body.page-desa-products .table-responsive > .table > tbody > tr > td { white-space: inherit; } } @media (min-width: 992px) { body.node-type-article .article-body ul { width: 55%; } body.node-type-article .node-article .image-gallery-main-image .image-metadata, .node-article .article-body .image-metadata, .node-type-article .node-article > .image-metadata { width: 55%; } } /*Ocean 2022 logo*/ /* body.property-type-8453 header#navbar .navbar-header .navbar-brand.navbar-brand-img img { width: 261px !important; height: 79px !important; margin-top: 0; } @media (max-width: 768px) { body.property-type-8453 header#navbar .navbar-header .navbar-brand.navbar-brand-img img { width: 164px !important; height: 50px !important; margin-top: 0; } body.og-context-node-170924 header#navbar .navbar-header .navbar-brand.navbar-brand-img img { width: 66px !important; margin-top: -14px; } } */ </style> </section> <section id="block-block-60" class="block block-block clearfix"> <style type="text/css">/* -- begin added by Tulin -- */ /* ****** effects for headers ***** */ h1.header-entry-page { font-size: 4.5rem !important; } h3.header-lg { font-size: 4rem; } h3.header-md { font-size: 3rem; } .heading-underlined-blue::after { content: ''; display: block; margin: 1.5rem 0 2rem 0; border-top: #00a1d9 solid 3px; width: 33%; } .heading-underlined-blue { margin-top: 5rem; } .heading-center-underline { text-align: center !important; } .heading-center-underline::after { content: ''; display: block; margin-left: 25% !important; margin-right: 50% !important; text-align: center; margin-top: 1.0501050105rem; border-top: #009edb solid 3px; width: 50% !important; } /* ******* layout visual aid **** */ blockquote p::before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px; } .grey-well { padding: 5rem; margin: auto 0 1.5rem 0; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); } .blue-well { background-color: #009edb; padding: 5rem; margin: auto 0 1.5rem 0; /*padding: 35px 35px; margin-bottom: 35px; text-align: center;*/ } .blue-well p, .blue-well ol, .blue-well ul, .blue-well li, .blue-well a, .blue-well a:hover, .blue-well a:active { color: #ffffff !important; font-size: 1.75rem !important; /*line-height: normal !important;*/ letter-spacing: normal; font-weight: 500; list-style: inherit; } .blue-well-nav-bar { padding: 2rem; } .blue-well h3, .blue-well h4 { color: #ffffff !important; font-size: 2.25rem !important; letter-spacing: normal; } .blue-well-large-text { font-size: 2rem !important; font-weight: 700; } .blue-well ol, .blue-well ul { padding-left: 2rem; } .blue-well a, .blue-well a:hover, .blue-well a:active { border-bottom: dotted 0.1rem #ffffff; } .blue-well a:hover { border-bottom: none; } .blue-well-header { color: #ffffff !important; line-height: normal !important; } .vertical-line-left { border-left: solid #eeeeee 5px; font-size: 1.2em; padding: 1em 1em; margin-bottom: 1.2em !important; } .vertical-line-right { border-right: 1px solid rgba(51,51,51,.2); font-size: 1.2em; padding: 1em 1em; margin-bottom: 1.2em !important; } .horizontal-line-top-drk { border-top: solid #aaa 1px; padding: 1rem 0 1rem 0; margin: 4rem 0 auto 0; max-width: 70%; } .horizontal-line-top { border-top: solid #eeeeee 5px; padding: 1rem 0 1rem 0; margin: 4rem 0 auto 0; max-width: 70%; } .horizontal-line-top-blue-arrow { border-top: solid #eeeeee 5px; background: url(https://www.un.org/sites/un2.un.org/files/arrow.png) no-repeat; margin-top: 20px; min-height: 30px; padding-left: 40px; max-width: 60%; } .top-bottom-dashed-line { margin: 3rem auto; padding: 3rem 3rem; border-top: 2px dashed #aaa; border-bottom: 2px dashed #aaa; width: 95%; } /* ***** padding and text copy-specific styles ***** */ .top-padding { margin-top: 2rem; } .photo-credit { font-size: 14px !important; margin-bottom: 2rem; } .caps { text-transform: uppercase; } .text-tagline { font-size: 2rem !important; font-weight: 700; } .text-blue { color: #337ab7; } .text-lead-lg { font-size: 18px !important; } /* **** icons for links ***** */ a.icon-blue-book::after { font-family: 'FontAwesome'; content:'\f2b9'; color:#009edb; padding: 0 1px 0 5px; } a.social-icon-android::after { font-family: 'FontAwesome'; content:'\f17b'; color:#009edb; padding: 0 1px 0 5px; } a.social-icon-apple::after { font-family: 'FontAwesome'; content:'\f179'; color:#009edb; padding: 0 1px 0 5px; } /* ***** lists ul/ol ***** */ ul.underline-links li a, ol.underline-links li a { border-bottom: dotted 0.1rem #333333 } ul.underline-links li a:hover, ol.underline-links li a:hover { border-bottom: none; } ol.ol-decimal { list-style-type: decimal; } ol.ol-lower-latin { list-style-type: lower-alpha; } ol.ol-decimal, ol.ol-lower-latin { margin: 1rem 1.5rem; padding: 0.5rem 1rem 1.75rem 1rem; } ol.ol-decimal li, ol.ol-lower-latin li { margin: 1.5rem 0; padding-left: 2rem; } ul.block-list li { font-weight: 700; border-bottom: #eeeeee dotted 2px; } ul.spaced-list li { padding: 1.5rem 0; } ul.block-list li a:before { font-family: FontAwesome; display: inline-block; padding-right: 6px; vertical-align: middle; content: "\f105"; font-size: 32.24px; font-weight: 600; color: #009edb; margin-right: 0.3em; } ul.block-list li h4 a:before { display: none; } /* ul.block-list li.leaf:before { font-family: FontAwesome; display: inline-block; padding-right: 6px; vertical-align: middle; content: "\f105"; font-size: 32.24px; font-weight: 600; color: #009edb; margin-right: 0.3em; }*/ ul.block-list li a { font-size: 2rem; font-weight: 600; } /* ************* side bar nav menu **************** */ .node-sidebar-item-body .menu > li > a { padding: 10px 0px; /* font-weight: bold; */ } .node-sidebar-item-body ul { list-style: none; } .node-sidebar-item-body ul li { margin: 10px 0px; } .node-sidebar-item-body ul li a:hover { text-decoration: underline; } .node-sidebar-item-body p a:hover { border-bottom: none; } .menu-sub { padding-left: 2em; list-style: circle !important; } /* ********* some padding for side bar items ********** */ .node-sidebar-item-body { margin-top: 1em; } /************ some interactivity */ .eventitem { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .eventitem:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); opacity: 0.7; } /* ******* phone ********** */ @media (max-width: 400px) { .grey-well { padding: 1rem; margin: auto 0 1.5rem 0; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); } } /* -- end added by Tulin -- */ /* -- begin added by Gedi --*/ .back-button { margin-top: 1em; } .card-body a { border-bottom: dotted 0.1rem #333333; } .back-to-toplink { text-align: right; padding-top: 5px; font-size: 1.2em; } .back-to-toplink a { border-bottom: dotted 0.1rem #333333; } .flag-container { float: right !important; } .country { box-shadow: 5px 5px 3px #f2f2f2; padding: 10px; margin-bottom: 10px; } #memberStatesIndex { border: solid 1px #000; background: #eee; padding: 10px; text-align: center; margin-bottom: 1em; } #memberStatesIndex a { padding: 9px; font-size: 1.25em; font-weight: 700; } .member-state-grouping-letter { text-align: center; font-size: 2em !important; font-weight: bold; margin: 1em 0 0.5em 0; } .member-state-grouping-letter a { border: none; } .onimage_title { display: none; } .main-container.container { margin-top: 2rem; margin-bottom: 3em; } .image-metadata { border:none; margin-bottom: 0px; padding-bottom: 0px; } .carousel-caption.top-text { bottom: 30px; padding: 10px; background: rgba(77,77,77,0.9); border-radius: 10px; left: 5%; right: 5%; } .carousel-caption.top-text p { text-align: left; color:#ffffff; } .carousel-caption.top-text button { background-color: #009edb; } .section1 { margin-top: 15px!important; margin-bottom: 25px !important; } h2.international-selection { text-align: center; } .observances { background: #009EDB; padding: 15px 0; } .observance-item { background: #4d4d4d; } .observance-item-title { padding:5px 10px !important; font-size: 2.5rem !important; } .observance-item-title a { color:#ffffff !important; } .observance-item-title a:hover { text-decoration: underline !important; } .international-items { padding: 20px; box-shadow: 5px 5px 3px #f2f2f2; position: relative; } .international-items.resolution { bottom: 20px; right: 20px; text-align: right; } /* **** adjusting for screen size ***** */ @media only screen and (min-width: 1200px) { .carousel-caption.top-text { /*top: 100px;*/ bottom: 100px; padding: 20px; border-radius: 10px; width: 360px; left: 5%; right: 60%; } .carousel-caption.top-text p { color:#ffffff; width: 310px; margin: auto 0; } } @media only screen and (min-width: 992px) { .un-anniversaries { text-align: right; } .un-multilingualism { text-align: left; } .unorg-home-hero.col-md-3 { width: 25% !important; } } @media only screen and (min-width: 992px) { .international-items { height: 205px; } .international-items.resolution { position: absolute; } } /* ******************** end added by Gedi ***************** */ </style> </section> </section> <!-- un-header --> <div class="wrapper"><!-- non-semantic .wrapper for all pages and languages to apply CSS --> <!-- UN.ORG language bar --> <!-- <div id="brand-bar" class="navbar navbar-default navbar-fixed-top" role="navigation"> --> <nav id="brand-bar" class="navbar navbar-default navbar-fixed-top" role="navigation"> <!-- UN global brand bar --> <div class="container-fluid brandbar-header language-switcher"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#language-switcher" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">Welcome to the United Nations</a> </div> <div class="navbar-collapse collapse" id="language-switcher"> <nav role="navigation"> <ul class="language-switcher-locale-url nav navbar-nav navbar-right" role="menu"> <ul class="language-switcher-locale-url"><li class="ar first"><a href="/ar/fight-racism" class="language-link" xml:lang="ar" title="مكافحة العنصرية" role="menuitem">العربية</a></li> <li class="zh-hans"><a href="/zh/fight-racism" class="language-link" xml:lang="zh-hans" title="打击种族主义" role="menuitem">中文</a></li> <li class="nl"><span class="language-link locale-untranslated" xml:lang="nl" role="menuitem">Nederlands</span></li> <li class="en active"><a href="/en/fight-racism" class="language-link active" xml:lang="en" title="Fight racism" role="menuitem">English</a></li> <li class="fr"><a href="/fr/fight-racism" class="language-link" xml:lang="fr" title="NON au racisme" role="menuitem">Français</a></li> <li class="ht"><span class="language-link locale-untranslated" xml:lang="ht" role="menuitem">Kreyòl</span></li> <li class="hi"><span class="language-link locale-untranslated" xml:lang="hi" role="menuitem">हिन्दी</span></li> <li class="pt"><span class="language-link locale-untranslated" xml:lang="pt" role="menuitem">Português</span></li> <li class="ru"><a href="/ru/fight-racism" class="language-link" xml:lang="ru" title="Борьба с расизмом" role="menuitem">Русский</a></li> <li class="es"><a href="/es/fight-racism" class="language-link" xml:lang="es" title="Fight racism - ES" role="menuitem">Español</a></li> <li class="sw"><span class="language-link locale-untranslated" xml:lang="sw" role="menuitem">Kiswahili</span></li> <li class="tr"><span class="language-link locale-untranslated" xml:lang="tr" role="menuitem">Türkçe</span></li> <li class="uk last"><span class="language-link locale-untranslated" xml:lang="uk" role="menuitem">Українська</span></li> </ul> </ul> </nav> </div> </div><!-- /.container --> </nav><!-- /UN global brand bar and language switcher --> <!-- UN.ORG language bar end --> <!-- end un-header --> <header id="navbar" role="banner" class=""> <div class="container"> <!-- <nav class="navbar navbar-default"> --> <div class="navbar-header"> <a class="logo navbar-btn pull-left flip emblem_menu_and_masthead" href="/en" title="United Nations"> <img src="https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/logo.png" alt="UN logo" /> </a> <div class="navbar-brand-img-subtitle-1 col-md-5"><a href="/en/fight-racism">Fight Racism</a></div> <div class="search-form col-md-3 hidden-sm hidden-xs pull-right flip"> <section class="region region-search"> <section id="block-search-form" class="block block-search clearfix"> <form class="form-search content-search" action="/site-search/" method="get" id="search-block-form" accept-charset="UTF-8"><div><div> <h2 class="element-invisible">Search the United Nations</h2> <div class="input-group"> <input title="Enter the terms you wish to search for." placeholder="Search" class="form-control form-text" type="text" name="query" value="" size="15" maxlength="128"> <span class="input-group-btn"><button type="submit" class="btn btn-primary"><span class="element-invisible">Submit Search</span><i class="fa fa-search" aria-hidden="true"></i></button></span> </div> </form> <div class="advanced-search"><a href="/en/site-index">A-Z Site Index</a></div> </section> </section> </div> <!-- .btn-navbar is used as the toggle for collapsed navbar content --> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-main-menu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> <!-- close div container --> <nav class="navbar navbar-expand-lg navbar-full"> <div class="container d-flex"> <div class="collapse navbar-collapse" id="bs-navbar-main-menu"> <ul id="main-menu" class="nav navbar-nav"> <li class="menu-34602 top-level"> <a href="/en/fight-racism" role="button" title="" class="active">Home </a></li> <li class="menu-34593 top-level"> <a href="/en/fight-racism/background/the-road-to-fight-racism" role="button" class="" aria-expanded="false" title="">Background <span class="sf-sub-indicator"> »</span> </a> <ul class="subnav " id="subnav-34593"> <li class="menu-34593"> <a href="/en/fight-racism/background/the-road-to-fight-racism" title="" class="">Background: the road to #FIGHTracism</a> </li> <li class="menu-34593"> <a href="/en/fight-racism/background/durban-declaration-and-programme-of-action" title="" class="">Durban Declaration and Programme of Action</a> </li></ul></li> <li class="menu-34614 top-level"> <a href="/en/fight-racism/vulnerable-groups" role="button" class="" aria-expanded="false" title="">Vulnerable Groups <span class="sf-sub-indicator"> »</span> </a> <ul class="subnav " id="subnav-34614"> <li class="menu-34614"> <a href="/en/fight-racism/vulnerable-groups" title="" class="">Who are they?</a> </li> <li class="menu-34614"> <a href="/en/fight-racism/vulnerable-groups/people-of-african-descent" title="" class="">African Descent</a> </li> <li class="menu-34614"> <a href="/en/fight-racism/vulnerable-groups/indigenous-peoples" title="" class="">Indigenous</a> </li> <li class="menu-34614"> <a href="/en/fight-racism/vulnerable-groups/roma-sinti-travellers" title="" class="">Roma, Sinti, Travellers</a> </li> <li class="menu-34614"> <a href="/en/fight-racism/vulnerable-groups/minorities" title="" class="">Minorities</a> </li> <li class="menu-34614"> <a href="/en/fight-racism/vulnerable-groups/migrants" title="" class="">Migrants</a> </li> <li class="menu-34614"> <a href="/en/fight-racism/vulnerable-groups/refugees-asylum-seekers-internally-displaced" title="" class="">Refugees</a> </li> <li class="menu-34614"> <a href="/en/fight-racism/vulnerable-groups/people-living-in-poverty" title="" class="">Living in Poverty</a> </li> <li class="menu-34614"> <a href="/en/fight-racism/vulnerable-groups/women" title="" class="">Women</a> </li> <li class="menu-34614"> <a href="/en/fight-racism/vulnerable-groups/lgbtqi-plus" title="" class="">LGBTQI+</a> </li></ul></li> <li class="menu-34605 top-level"> <a href="/en/fight-racism/get-involved/engage" role="button" class="" aria-expanded="false" title="">Get Involved <span class="sf-sub-indicator"> »</span> </a> <ul class="subnav " id="subnav-34605"> <li class="menu-34605"> <a href="/en/fight-racism/get-involved/engage" title="" class="">Engage</a> </li> <li class="menu-34605"> <a href="/en/fight-racism/get-involved/share" title="" class="">Share</a> </li> <li class="menu-34605"> <a href="/en/fight-racism/get-involved/teach" title="" class="">Teach</a> </li></ul></li> <li class="menu-34626 top-level"> <a href="/en/fight-racism/test-yourself/what-do-you-see" role="button" class="" aria-expanded="false" title="">Test Yourself <span class="sf-sub-indicator"> »</span> </a> <ul class="subnav " id="subnav-34626"> <li class="menu-34626"> <a href="/en/fight-racism/test-yourself/what-do-you-see" title="" class="">What do you see?</a> </li> <li class="menu-34626"> <a href="/en/fight-racism/test-yourself/what-do-you-know" title="" class="">What do you know?</a> </li></ul></li> <li class="menu-34638 top-level"> <a href="/en/fight-racism/resources" role="button" title="" class="">Resources </a></li> <li class="menu-36765 top-level"> <a href="https://news.un.org/pages/durban-20-sketches/" role="button" title="" class="">Durban+20 Sketches </a></li></ul> </div> </div></nav> <!-- close div container --> </header> <header role="banner" id="page-header"> </header> <!-- /#page-header --> <div class="main-container"> <div class="row"> <div class="col-sm-12"> <section> <div class="banner_alert"> <div class="view view-banner-by-property view-id-banner_by_property view-display-id-block view-dom-id-65577c8a0b35acdc35827b7d107c37d6"> </div> </div> <a id="main-content"></a> <!-- ul class="action-links"></ul --> <section class="region region-content"> <section id="block-system-main" class="block block-system clearfix"> <!-- property body (no nodequeue) 11 --> <div class="property_home_page_section_first"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><style type="text/css">.bg-hero { margin-top:-24px; } .bgimg-1, .bgimg-2, .bgimg-3 { position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat; } .bgimg-1 { opacity: 1; background-size: cover; } .bgimg-3 { opacity: 1; /* 0.75 */ background-size: cover; } .bgimg-1 { background-image: url("https://www.un.org/sites/un2.un.org/files/2021/08/fight-racism-bkgrd-y-y.jpg"); min-height: 400px; } .bgimg-3 { background-image: url("https://www.un.org/sites/un2.un.org/files/2021/08/fight-racism-bkgrd-illustration-seamless.png"); /*url("https://www.un.org/sites/un2.un.org/files/styles/3x2-front-thumbnail/public/action-coalition-leaders.jpg?itok=XWGQ3T_p");*/ min-height: 400px; } /* Turn off parallax scrolling for tablets and phones */ @media only screen and (max-device-width: 1024px) { .bgimg-1, .bgimg-2, .bgimg-3 {background-attachment: scroll;} } /* ********** body text ********* */ .title-of-page { color: black; font-size: 10rem !important; border-bottom: 0; padding-left: 15%; line-height: 0.9; letter-spacing: -0.77px; font-weight: 500; } .title-of-page-tweet-btn { padding-left: 15%; padding-right: 15%; width: 164px; height: 28px; } .leading-tagline-of-page-1 { font-size: 2.5rem !important; /* 3rem */ line-height: 1.5 !important; padding:0.5rem 15%; } .leading-tagline-of-page-2 { font-size: 4rem !important; line-height: 1.75 !important; font-weight: 400; padding: 0.5rem 15% 1rem 15%; } .secondary-tagline blockquote { padding:7% 5% 7% 15%; border-left:0; } .secondary-tagline-of-page-1 { font-size: 2.5rem !important; line-height: 2 !important; padding:7% 5% 7% 10%; } .secondary-tagline-of-page-2 { font-size: 3rem !important; line-height: 1.25 !important; padding-top:10%; } @media only screen and (max-width: 479px) { .title-of-page {font-size: 4rem !important; line-height:1.5;} .leading-tagline-of-page-2 {font-size: 3rem !important; line-height: 1.5;} } blockquote.no-quote p::before { content: none; } /********* SG-quote-area (begin) ***********/ .blockquote-promo .quote-bg { background-color: #009edb !important; position: relative; height: 40rem; } .blockquote-promo blockquote { border: none; } blockquote-promo .quote-text h3 { color: white !important; font-size: calc(27px + 6 * ((100vw - 320px) / 680)) !important; letter-spacing: -0.77px; line-height: 1.5; } .blockquote-promo blockquote h3::before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-left: -67px; margin-top: -40px; font-size: 5rem; padding-right: 20px; } blockquote-promo .word-highlighted { background-color: black !important; border-radius: 0; padding: 0 9px; } .blockquote-promo .quote-image { width: 650px; position: absolute; right: 6%; bottom: 0; display: block; max-width: 35%; } .button-1-of-3 { color: black; font-size: 6rem !important; border-bottom: 0; padding: 3rem; line-height: 1.2; letter-spacing: -0.77px; font-weight: 500; } .button-1-of-3 a { color: black; text-decoration: none; border-bottom: 0; } /* for tablets and phones */ @media (max-width: 767px) { .blockquote-promo .quote-image {max-width: 50%;} } /********* SG-quote-area (end) ***********/ /********* SDG-area (begin) ***********/ .sdg-area { } .sdg-area h1 { color: black; font-size: 6rem !important; border-bottom: 0; font-weight: 500; margin-top:0; padding:0 15%; } .sdg-area p { font-size: 2.5rem !important; /*line-height: 1.5 !important;*/ padding:2% 0 0 25%; /* 0 15% older was 0 15% 0 5%;*/ } .sdg-icon { /*padding: 0 2.5rem 0.75rem 0;*/ float: left; } /* for tablets and phones */ @media only screen and (max-width: 1200px) { .sdg-icon {max-width: 60%;float: none;padding: 0 15%;} /* padding: 0 0 0 15%; */ } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { .sdg-icon {float: none;padding:0;} /* max-width: 50%; padding: 0 0 0 15%; */ .sdg-area h1 {padding:0;} .sdg-area p {padding:auto;} /*padding:0;*/ } @media only screen and (max-width: 479px) { .sdg-icon {float:none;padding:0;} .sdg-area h1 {font-size: 4rem !important; line-height:1.5; padding:0;} .sdg-area p {padding:0;} } /********* SDG-area (end) ***********/ /********** adjust on tablets and phones for drop float right - DDPA quotwe area ********/ @media (max-width: 979px) { .drop-and-foat-right {float: left;} </style> <!-- begin top featured hero image --> <section class="bg-hero"> <figure><img alt="Young people of various races pose for a photo" class="img-responsive" src="https://www.un.org/sites/un2.un.org/files/2021/09/fight-racism-cover-photo-md-g-g.jpg"></figure> <div class="hero-caption-superimpose"><span class="photo-credit hero-caption-fight-racism-home">©UN Photo/Paulo Filgueiras <strong>Diversity contributes to a better world. Let's all have zero tolerance for racism and discrimination!</strong></span></div> </section> <div class="well-swoosh-yellow-far"> <div class="row topmargin-lg top-bottom-dashed-line"> <div class="col-lg-3 col-lg-offset-1 topmargin-lg bottommargin-lg"> <h1 class="title-of-page">FIGHT Racism</h1> <div class="title-of-page-tweet-btn topmargin-sm bottommargin-lg"><a class="twitter-hashtag-button" data-lang="en" data-show-count="false" data-size="large" href="https://twitter.com/intent/tweet?button_hashtag=FightRacism&amp;ref_src=twsrc%5Etfw">Tweet #FightRacism</a><script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div> <!--<iframe allowfullscreen="true" allowtransparency="true" class="twitter-hashtag-button twitter-hashtag-button-rendered twitter-tweet-button" data-hashtag="FightRacism" frameborder="0" id="twitter-widget-0" scrolling="no" src="https://platform.twitter.com/widgets/tweet_button.f88235f49a156f8b4cab34c7bc1a0acc.en.html#button_hashtag=FightRacism&amp;dnt=false&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=https%3A%2F%2Fwww.un.org%2Fen%2Fone-world&amp;size=l&amp;time=1628731588002&amp;type=hashtag" style="position: static; visibility: visible; width: 164px; height: 28px;" title="Twitter Tweet Button"></iframe><script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>--></div> <div class="col-lg-7 topmargin-lg bottommargin-lg"> <p class="leading-tagline-of-page-1">75 years after the adoption of the <a href="https://www.un.org/en/about-us/universal-declaration-of-human-rights">Universal Declaration of Human Rights</a>, the urgency of combatting racism and racial discrimination remains.</p> <p class="leading-tagline-of-page-1">Every day, each and every one of us can stand up against racial prejudice and disrespectful attitudes. Let’s build a world beyond racism and discrimination, where we all exercise our human rights.</p> <p class="leading-tagline-of-page-2">Be a human rights champion! <a href="https://www.un.org/en/fight-racism/get-involved/engage">Join us in fighting racism!</a></p> </div> </div> </div> <div class="bgimg-2"> <div class="blockquote-promo"> <div class="quote-bg"> <blockquote class="quote-text col-md-6 col-md-offset-1 topmargin-lg"> <h3>Wherever we see racism, <span class="word-highlighted" style="border-radius: 5px;">we must condemn it</span> without reservation, without hesitation, without qualification.”</h3> <div><a href="https://www.un.org/sg/en/content/secretary-generals-remarks-the-general-assembly-observance-of-the-international-day-for-the-elimination-of-racial-discrimination-delivered"><strong>ANTÓNIO GUTERRES</strong><cite class="hidden-xs">, United Nations Secretary-General</cite></a></div> </blockquote> <img alt="Secretary-General Portrait" class="quote-image" src="https://www.un.org/sites/un2.un.org/files/2021/08/portrait-antonio-gutterres-secretary-general-sm.png"></div> </div> </div> <section> <div class="row" style="background-color: #f0c531; border-top: 2px solid #282E34;"> <div class="col-md-4 col-sm-12" style="background-color: #f0c531;"> <h1 class="button-1-of-3 zoom-out"><a href="https://www.un.org/en/fight-racism/background/the-road-to-fight-racism">Why fight racism?</a></h1> </div> <div class="col-md-4 col-sm-12" style="background-color: #009edb;"> <h1 class="button-1-of-3 zoom-out"><a href="https://www.un.org/en/fight-racism/get-involved/engage" style="color: white;">How can we do it?</a></h1> </div> <div class="col-md-4 col-sm-12" style="background-color: #f0c531;"><!-- ea9d01 --> <h1 class="button-1-of-3 zoom-out"><a href="https://www.un.org/en/fight-racism/vulnerable-groups">Who is vulnerable?</a></h1> </div> </div> </section> <section> <div class="row topmargin-lg bottommargin-lg secondary-tagline"> <div class="col-md-5 col-md-offset-1 col-sm-12"> <p class="secondary-tagline-of-page-1">In 1965, the international community <a href="https://www.ohchr.org/en/professionalinterest/pages/cerd.aspx">adopted a convention</a> by which they committed to eliminate all forms of racial discrimination. The Convention is now nearing universal ratification. Yet still, all around the world too many suffer from the injustice and stigma that racism brings.</p> </div> <div class="col-md-5 col-sm-12"> <blockquote class="no-quote"> <p class="secondary-tagline-of-page-2">No country can claim to be free of racism, racism is a global concern, and tackling it requires a universal effort.</p> <p class="drop-and-foat-right clearfix">— <a href="https://www.un.org/en/fight-racism/background/durban-declaration-and-programme-of-action"><cite class="hidden-xs">Durban Declaration and Programme of Action (DDPA)</cite></a></p> </blockquote> </div> </div> </section> <section class="topmargin-lg bottommargin-lg sdg-area"> <div class="row top-bottom-dashed-line" style="border-bottom:0;"> <div class="col-lg-2 col-lg-offset-1 col-md-12 topmargin-lg bottommargin-lg"><a href="https://www.un.org/sustainabledevelopment/"><img alt="icon for SDGs" class="img-responsive sdg-icon" src="https://www.un.org/sites/un2.un.org/files/2019/12/sdg_wheel_print_transparent.png"></a></div> <div class="col-lg-3 col-md-12 topmargin-lg bottommargin-lg"> <h1>Sustainable Development Goals</h1> </div> <div class="col-lg-6 col-md-12 topmargin-lg bottommargin-lg"> <p>The <a href="https://www.un.org/sustainabledevelopment/">SDGs</a> were adopted by all UN Member States. <a class="pdf-link" href="https://www.ohchr.org/Documents/Issues/MDGs/Post2015/SDG_HR_Table.pdf">See how anti-discrimination helps support the 2030 Agenda for Sustainable Development</a>.</p> </div> </div> </section> <section> <div class="bgimg-3 topmargin-lg"> <div class="row" style="padding:2rem; width: 85%; margin:auto;"> <div class="row topmargin-lg bottommargin-lg well-black"> <div class="col-md-4 col-sm-12" style="padding-left: 6%;"> <h2>What do you know?</h2> <h3 class="heading-center-no-underline topmargin bottommargin-sm">Racial discrimination can happen on the basis of...</h3> <ul class="underline-links"><!-- unless this style is specified here, it will not apply in several browsers - having it at the top css doesn't work... it has to be inline :-( --> <li style="list-style-type: disc;">Race</li> <li style="list-style-type: disc;">Colour</li> <li style="list-style-type: disc;">Descent</li> <li style="list-style-type: disc;">National origin</li> <li style="list-style-type: disc;">Ethnic origin</li> <li style="list-style-type: disc;">All of the above</li> </ul> <p>&nbsp;</p> <p><a class="btn btn-default eventitem" href="https://www.un.org/en/fight-racism/test-yourself/what-do-you-know" style="font-size: 1.25rem;color:black;">Test your knowledge</a></p> </div> <div class="col-md-5 col-md-offset-1 col-sm-12" style="padding: 4% 3% 0 auto;"><img alt="photo to test your visual intrinsic bias" class="img-responsive" src="https://www.un.org/sites/un2.un.org/files/2021/08/what-do-you-see-5.png" style="padding-top:4rem;"></div> <div class="col-md-2 col-sm-12"> <h2>What do you see?</h2> <ul class="underline-links"><!-- unless this style is specified here, it will not apply in several browsers - having it at the top css doesn't work... it has to be inline :-( --> <li style="list-style-type: disc;">Doctor</li> <li style="list-style-type: disc;">Taxi driver</li> <li style="list-style-type: disc;">Human rights activist</li> <li style="list-style-type: disc;">An uncle</li> </ul> <p>&nbsp;</p> <p><a class="btn btn-default eventitem" href="https://www.un.org/en/fight-racism/test-yourself/what-do-you-see" style="font-size: 1.25rem;color:black;">Check your bias</a></p> </div> </div> </div> </div> </section> <section> <div class="row section grey-well top-bottom-dashed-line well-swoosh-yellow-far topmargin-lg"> <div class="col-md-6 col-md-offset-3"> <div class="topmargin"> <h2 class="heading-center-no-underline topmargin-lg bottommargin-lg">Spotlight</h2> </div> </div> <!-- begin Spotlight container --> <div class="container front-wrapper"> <!-- begin top row --> <div class="row"> <div class="col-md-4 bottommargin-lg"> <div class="gray-bg"> <div class="unorg-home-square gray-bg"><img alt="speech bubble with no to hate speech written inside" src="https://www.un.org/sites/un2.un.org/files/notohate_0.png"></div> <div class="body-card allpadding-sm"> <h3 class="notopmargin">#NoToHate campaign – fighting hate speech</h3> <p>Join the global movement to combat the rising tide of xenophobia, racism, and intolerance with the #NoToHate campaign, an initiative that aims to counter hate speech and safeguard human rights. In 2021, Member States declared 18 June as the International Day for Countering Hate Speech. Read the <a href="https://www.un.org/en/genocideprevention/documents/advising-and-mobilizing/Action_plan_on_hate_speech_EN.pdf">UN Strategy and Plan of Action on Hate Speech</a>.</p> <p><a class="view-more-link" href="https://un.org/hate-speech">Learn more at un.org/hate-speech</a></p> <!--The <a href="https://www.un.org/en/academic-impact/virtual-event-fighting-hate-speech-global-perspectives?mc_cid=1dc4c70286&mc_eid=c941479e58">virtual event "Fighting Hate Speech: Global Perspectives"</a> will be held on Thursday, 16 June, 2022, from 9am to 10:30am EDT (New York time).</p> <p>The event is held to recognize the significant role of higher education and academics in the global efforts to promote human dignity and inclusion in times when dissemination of hatred is alarming and rising.</p> <p><a class="view-more-link" href="https://www.un.org/en/academic-impact/virtual-event-fighting-hate-speech-global-perspectives?mc_cid=1dc4c70286&mc_eid=c941479e58">Details and registration</a></p--></div> </div> </div> <div class="col-md-4 bottommargin-lg"> <div class="gray-bg"> <div class="embed-responsive embed-responsive-16by9"><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" frameborder="0" src="https://www.youtube.com/embed/QkPygxr8xHk" title="The history of slavery belongs to us all"></iframe></div> <div class="body-card allpadding-sm"> <h3 class="notopmargin">A Revealing Look at our Past</h3> <p>The Slavery Remembrance Exhibition from Amsterdam’s renowned Rijksmuseum is on display at United Nations Headquarters. Opened in February 2023, “Slavery: Ten True Stories of Dutch Colonial Slavery” is a joint initiative from the UN's Outreach Programme on the Transatlantic Slave Trade and Slavery and the Permanent Mission of the Kingdom of the Netherlands to the United Nations, in partnership with the Rijksmuseum, Amsterdam’s national museum of art and history.</p> <p><a class="view-more-link" href="https://www.youtube.com/watch?v=QkPygxr8xHk">Credits and details</a></p> </div> </div> </div> <div class="col-md-4 bottommargin-lg"> <div class="gray-bg"> <div class="unorg-home-square gray-bg"><img alt="Monique stands in an open space with 2 rows of flags behind her" src="https://www.un.org/sites/un2.un.org/files/monique-rodrigues-do-prado.jpg"></div> <div class="body-card allpadding-sm"> <h3 class="notopmargin">Choosing love and finding power in Blackness</h3> <p>For the past five years, Monique Rodrigues do Prado (a Brazilian lawyer of African descent) has been studying love as a tool for Black emancipation and to imagine a world free from racism and the other legacies of enslavement, the trade in enslaved Africans and colonialism. Her philosophy is inspired by Black feminist authors such as Bell Hooks who, in her seminal book, "All About Love".</p> <p><a class="view-more-link" href="https://www.ohchr.org/en/get-involved/stories/choosing-love-and-finding-power-blackness">Read her story</a></p> </div> </div> </div> </div> <!-- end top row --> <!-- begin middle row --> <div class="row"> <div class="col-md-6 bottommargin-md"> <div class="unorg-home-3x2 lead-story gray-bg"> <div class="unorg-home-square gray-bg"><a href="https://news.un.org/pages/durban-20-sketches/"><img alt="Ralph Bunche, Amanda Phingbodhipakkiya and Joenia Wapichana" src="https://www.un.org/sites/un2.un.org/files/2021/09/durban-sketches.jpeg" title="Ralph Bunche, Amanda Phingbodhipakkiya and Joenia Wapichana"> </a></div> <div class="body-card allpadding-sm"> <h3 class="notopmargin">Durban +20 Sketches</h3> <p>UN News shines a light on heroes working to reimagine equality and build a world beyond racism.</p> <p><a class="view-more-link" href="https://news.un.org/pages/durban-20-sketches/">Get inspired by their work</a></p> </div> </div> </div> <!-- open vertical_square_row --> <div class="col-md-6 vertical_square_row"> <div class="row"> <div class="col-md-6 bottommargin-md"> <div class="unorg-home-square gray-bg"><a href="https://www.un.org/en/exhibits/exhibit/one-day-i-will"><img alt="A boy holds a rag doll animal a girl holds a paper building" src="https://www.un.org/sites/un2.un.org/files/2021/08/fight-racism-index-stories-one-day-i-will.jpg" title="Photography by Vincent Tremeau presented by UNOCHA"> </a> <div class="body-card allpadding-sm"> <h3 class="notopmargin">Exhibit: One Day I Will</h3> <p>"These children are like children everywhere – they dream of becoming a teacher, a doctor, a lawyer, an engineer. The difference is that most of them are forcibly displaced and struggling simply to stay safe and survive."<br> UN Deputy Secretary-General, Amina J. Mohamed</p> <p><a class="view-more-link" href="https://www.un.org/en/exhibits/exhibit/one-day-i-will">View exhibit</a></p> </div> </div> </div> <div class="col-md-6 bottommargin-md"> <div class="unorg-home-square gray-bg"><a href="https://unstamps.org/shop/united-against-racism-and-discrimination/"><img alt="UN Stamps" src="https://www.un.org/sites/un2.un.org/files/2021/08/fight-racism-index-stories-un-stamps.jpg" title="United Against Racism and Discrimination"> </a> <div class="body-card allpadding-sm"> <h3 class="notopmargin">United Against Racism and Discrimination</h3> <p>The United Nations Postal Administration issued <a href="https://unstamps.org/shop/united-against-racism-and-discrimination/">three mini-sheets of ten stamps</a> each, on the theme “United Against Racism and Discrimination”. The <a href="https://www.un.org/en/observances/end-racism-day">International Day for the Elimination of Racial Discrimination</a> is commemorated on the 21<sup>st</sup> of March annually.</p> <p><a class="view-more-link" href="https://unstamps.org/shop/united-against-racism-and-discrimination/">View stamps</a></p> </div> </div> </div> </div> </div> <!-- close vertical_square_row --> </div> <!-- close middle row --> <!-- begin bottom row --> <div class="row"> <!--div class="col-md-5 col-md-offset-1 col-sm-12 bottommargin-md"> <div class="unorg-home-3x2 lead-story gray-bg"--> <div class="col-md-6 col-md-offset-3 col-sm-12 bottommargin-md"> <div class="gray-bg"> <div class="embed-responsive embed-responsive-16by9"><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" frameborder="0" src="//www.kaltura.com//p/2503451/embedPlaykitJs/uiconf_id/47917953?iframeembed=true&amp;entry_id=1_6x54fv0u" title="Rhythm is at the center of humanity"></iframe></div> <div class="body-card allpadding-sm"> <h3 class="notopmargin">Rhythm is at the center of humanity. One who knows rhythm knows the world.</h3> <p>KING CLAVE is a "Playing For Change and Planet Drum" global musical performance supported by UNFPA to mark the commemoration of the 20th anniversary of the adoption of the Durban Declaration and Programme of Action. Through the rhythms of this song, hearts are connected and differences disappear, illuminating how deeply humanity is interconnected and revealing the truth of the adage: we are one.</p> </div> </div> </div> <!--div class="col-md-5 col-sm-12 bottommargin-md"> <div class="gray-bg"> <div class="unorg-home-square gray-bg"><img alt="speech bubble with no to hate speech written inside" src="https://www.un.org/sites/un2.un.org/files/notohate_0.png"></div> <div class="body-card allpadding-sm"> <h3 class="notopmargin">#NoToHate campaign – fighting hate speech</h3> <p>Join the global movement to combat the rising tide of xenophobia, racism, and intolerance with the #NoToHate campaign, an initiative that aims to counter hate speech and safeguard human rights. In 2021, Member States declared 18 June as the International Day for Countering Hate Speech. Read the <a href="https://www.un.org/en/genocideprevention/documents/advising-and-mobilizing/Action_plan_on_hate_speech_EN.pdf">UN Strategy and Plan of Action on Hate Speech</a>.</p> <p><a class="view-more-link" href="https://un.org/hate-speech">Learn more at un.org/hate-speech</a></p> < !--The <a href="https://www.un.org/en/academic-impact/virtual-event-fighting-hate-speech-global-perspectives?mc_cid=1dc4c70286&mc_eid=c941479e58">virtual event "Fighting Hate Speech: Global Perspectives"</a> will be held on Thursday, 16 June, 2022, from 9am to 10:30am EDT (New York time).</p> <p>The event is held to recognize the significant role of higher education and academics in the global efforts to promote human dignity and inclusion in times when dissemination of hatred is alarming and rising.</p> <p><a class="view-more-link" href="https://www.un.org/en/academic-impact/virtual-event-fighting-hate-speech-global-perspectives?mc_cid=1dc4c70286&mc_eid=c941479e58">Details and registration</a></p-- ></div> </div> </div--> </div> <!-- end bottom row --> </div> <!-- end Spotlight container --> <!--282E34--> </div> </section> <section> <div class="section bottommargin-lg well-swoosh-yellow-far"> <div class="row"> <div class="col-md-6 col-md-offset-3 col-sm-12 bottommargin"> <h2 class="heading-center-underline topmargin bottommargin">Join us<br> #FightRacism</h2> <p class="text-tagline center">Is there more than meets the eye?</p> <p class="text-tagline center">Check your assumptions.<br> Confront your biases and stereotypes.<br> Open your mind and heart to the humanity in all humans.</p> <p class="center topmargin-sm bottommargin-lg"><a class="twitter-hashtag-button" data-lang="en" data-show-count="false" data-size="large" href="https://twitter.com/intent/tweet?button_hashtag=FightRacism&amp;ref_src=twsrc%5Etfw">Tweet #FightRacism</a><script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><!--<iframe allowfullscreen="true" allowtransparency="true" class="twitter-hashtag-button twitter-hashtag-button-rendered twitter-tweet-button" data-hashtag="FightRacism" frameborder="0" id="twitter-widget-0" scrolling="no" src="https://platform.twitter.com/widgets/tweet_button.f88235f49a156f8b4cab34c7bc1a0acc.en.html#button_hashtag=FightRacism&amp;dnt=false&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=https%3A%2F%2Fwww.un.org%2Fen%2Ffight-racism%2Ftest-yourself%2Fwhat-do-you-see&amp;size=l&amp;time=1628754658426&amp;type=hashtag" style="position: static; visibility: visible; width: 164px; height: 28px;" title="Twitter Tweet Button"></iframe><script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>--></p> </div> </div> </div> </section> </div></div></div></div> </section> </section> </section> </div> </div> <div class="row"> <div id="sharing_widget" class="col-sm-12 bottommargin"> <!-- AddToAny BEGIN --> <div class="a2a_kit a2a_kit_size_32 a2a_default_style"> <a class="a2a_dd" href="https://www.addtoany.com/share"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_x"></a> <a class="a2a_button_email"></a> <a class="a2a_button_whatsapp"></a> </div> <script async src="https://static.addtoany.com/menu/page.js"></script> <!-- AddToAny END --> </div> </div> </div> <!-- begin og footer --> <!-- end og footer --> <!-- begin un-footer --> <!-- UN.ORG footer --> <div class="section-fluid footer-fluid"> <footer class="footer container dark"> <div class="row"><!-- row --> <div class="col-md-12"> <div class="pull-left flip footer-brand en"><!-- footer brand --> <a href="https://www.un.org/en/" title="Home"> <span class="site-name">United Nations</span></a> </div><!-- /footer brand --> <div class="pull-right flip donate"> <a href="/en/about-us/how-to-donate-to-the-un-system" class="btn btn-default btn-reverse dark" role="button" id="donate_button">Donate</a> </div> <div class="pull-right flip social-media" role="navigation"><!-- social media links --> <ul class="nav list-inline"> </ul> </div><!-- /social media links --> </div> </div><!-- /row --> <div class="row footer-links"><!-- row --> <div class="divider"></div><!-- top border --> <div class="col-md-12"> <div class="pull-right flip"> <div id="block-menu-menu-footer-links" class="block block-menu" role="navigation"> <ul class="nav list-inline"> <li class="list-inline-item "><a href="https://www.un.org/en/site-index">A-Z Site Index</a></li><li class="list-inline-item "><a href="https://www.un.org/en/contact-us-0">Contact</a></li><li class="list-inline-item "><a href="https://www.un.org/en/about-us/copyright">Copyright</a></li><li class="list-inline-item "><a href="https://www.un.org/en/about-us/frequently-asked-questions">FAQ</a></li><li class="list-inline-item "><a href="https://www.un.org/en/about-us/fraud-alert">Fraud Alert</a></li><li class="list-inline-item "><a href="https://www.un.org/en/about-us/privacy-notice">Privacy Notice</a></li><li class="list-inline-item last"><a href="https://www.un.org/en/about-us/terms-of-use">Terms of Use</a></li> </ul> </div> </div> </div> </div><!-- /row --> </footer> </div> <!-- UN.ORG footer end --> </div><!-- /non-semantic .wrapper for all pages and languages to apply CSS --> <!-- end un-footer --> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/themes/bootstrap/js/bootstrap.js?slg8yl"></script> </body> </html>

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