CINXE.COM

<!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"/>  <meta name="description" content="Hate speech is rising around the world. It incites violence and social cohesion and tolerance. The impact of hate speech cuts across numerous existing United Nations areas of focus, from human rights protection and prevention of atrocity crimes to sustaining peace and achieving gender equality and supporting children and youth. Because fighting hate, discrimination, racism and inequality is at the core of United Nations principles and work, the Organization is working to confront hate speech at every turn. This principle is enshrined in the United Nations Charter, in the international human rights framework and in the global efforts to achieve the Sustainable Development Goals. "/> <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/hate-speech" /> <link rel="shortlink" href="/en/node/160692" /> <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'); </script> <title>Say #NoToHate - The impacts of hate speech and actions you can take | United Nations</title> <meta name="DC.Title" content="Say #NoToHate - The impacts of hate speech and actions you can take | United Nations"> <meta name="DC.Description" content="Hate speech is rising around the world. It incites violence and social cohesion and tolerance. The impact of hate speech cuts across numerous existing United Nations areas of focus, from human rights protection and prevention of atrocity crimes to sustaining peace and achieving gender equality and supporting children and youth. Because fighting hate, discrimination, racism and inequality is at the core of United Nations principles and work, the Organization is working to confront hate speech at every turn. This principle is enshrined in the United Nations Charter, in the international human rights framework and in the global efforts to achieve the Sustainable Development Goals. "> <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="Say #NoToHate - The impacts of hate speech and actions you can take | United Nations"> <meta property="og:description" content="Hate speech is rising around the world. It incites violence and social cohesion and tolerance. The impact of hate speech cuts across numerous existing United Nations areas of focus, from human rights protection and prevention of atrocity crimes to sustaining peace and achieving gender equality and supporting children and youth. Because fighting hate, discrimination, racism and inequality is at the core of United Nations principles and work, the Organization is working to confront hate speech at every turn. This principle is enshrined in the United Nations Charter, in the international human rights framework and in the global efforts to achieve the Sustainable Development Goals. "> <meta property="og:image" content="https://www.un.org/sites/un2.un.org/files/notohate_-_facebook_social_share.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:url" content="https://www.un.org/en/hate-speech"> <meta property="og:type" content="article"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Say #NoToHate - The impacts of hate speech and actions you can take | United Nations"> <meta name="twitter:url" content="https://www.un.org/en/hate-speech"> <meta name="twitter:description" content="Hate speech is rising around the world. It incites violence and social cohesion and tolerance. The impact of hate speech cuts across numerous existing United Nations areas of focus, from human rights protection and prevention of atrocity crimes to sustaining peace and achieving gender equality and supporting children and youth. Because fighting hate, discrimination, racism and inequality is at the core of United Nations principles and work, the Organization is working to confront hate speech at every turn. This principle is enshrined in the United Nations Charter, in the international human rights framework and in the global efforts to achieve the Sustainable Development Goals. "> <meta name="twitter:image" content="https://www.un.org/sites/un2.un.org/files/notohate_-_facebook_social_share.png"> <meta name="twitter:image:width" content="1200px"> <meta name="twitter:image:height" content="630px">  <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>  <style type="text/css"> @import url("https://www.un.org/modules/system/system.base.css?stlkx4"); </style> <style type="text/css"> @import url("https://www.un.org/sites/un2.un.org/modules/calendar/css/calendar_multiday.css?stlkx4"); @import url("https://www.un.org/sites/un2.un.org/modules/date/date_repeat_field/date_repeat_field.css?stlkx4"); @import url("https://www.un.org/modules/field/theme/field.css?stlkx4"); @import url("https://www.un.org/modules/node/node.css?stlkx4"); @import url("https://www.un.org/sites/un2.un.org/modules/views/css/views.css?stlkx4"); @import url("https://www.un.org/sites/un2.un.org/modules/media/modules/media_wysiwyg/css/media_wysiwyg.base.css?stlkx4"); </style> <style type="text/css"> @import url("https://www.un.org/sites/un2.un.org/modules/ctools/css/ctools.css?stlkx4"); @import url("https://www.un.org/modules/locale/locale.css?stlkx4"); </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&display=swap&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?stlkx4"); @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/fontawesome/css/v4-shims.css?stlkx4"); @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/css/style.css?stlkx4"); </style> <style type="text/css"> @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/css/bootstrap-accessibility.css?stlkx4"); @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/css/style-chronicle.css?stlkx4"); @import url("https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/css/style-wss.css?stlkx4"); </style>   <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?stlkx4"></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?stlkx4"></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?stlkx4"></script> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/js/bootstrap-accessibility.min.js?stlkx4"></script> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/js/dropdown.js?stlkx4"></script> <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/themes/bootstrap_un2/js/custom.js?stlkx4"></script> <script type="text/javascript">jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"en\/","setHasJsCookie":0,"ajaxPageState":{"theme":"bootstrap_un2","theme_token":"87eC-zuhxvuL4EuzXz_-obkC0gGXxAeHGldcTzLbP2A","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":"160692"},"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-160692 node-type-property og-context og-context-node og-context-node-160692 i18n-en property-type-8447 property-type-11" >  <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>  <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-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, body.front ul.language-switcher-locale-url li.pl { 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, body.not-logged-in.page-node-227051 .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, ul#main-menu li.menu-47489.top-level a, ul#main-menu li.menu-47484.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-90" class="block block-block clearfix"> <style type="text/css">/************ make pg font 16px and make available the option of text to float right *******/ .hero-title{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hero-title p{ font-size: 1.75em; color: white; } @media only screen and (min-width: 479px){ .hero-title p{ font-size: 1.8em !important; } } @media only screen and (min-width: 992px){ .hero-title p{ font-size: 2.4em !important; } } @media only screen and (min-width: 1200px){ .hero-title p{ font-size: 2.8em !important; } } /****** added for the text that superimposes the hero on the index ONLY *****/ #hero-text { 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%; font-size: 8rem; font-weight: 700; letter-spacing: 3px; } #hero-text-superimpose { margin-top:-9%; margin-left:60%; } @media (max-width: 979px) { #hero-text {font-size: 22px;font-weight: 800; letter-spacing: 1px;} #hero-text-superimpose {margin-left:58%;} } /* ipad */ /* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #hero-text {font-size: 6rem;font-weight: 700; letter-spacing: 2px;} #hero-text-superimpose {margin-left:58%; margin-top:-11%;} } } */ /* ipad pro */ /* @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { #hero-text {font-size: 6rem;font-weight: 700; letter-spacing: 2px;} #hero-text-superimpose {margin-left:55%; margin-top:-12%;} } } */ /* phone * / @media (max-width: 850px){ .topPageBanner { height: 150px; background-position: right center; } } /* phone * / @media (max-width: 400px){ .topPageBanner { height: 150px; background-position: right center; } */ /********* 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) ***********/ #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-hate-speech-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-hate-speech-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 ********************/ .speech-bubble{ background: url("https://www.un.org/sites/un2.un.org/files/speech-bubble-yellow.svg") no-repeat; background-position: 85% 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) { .speech-bubble, .well-ddpa-logo {background-attachment: scroll;} } /* mobile (landscape) */ @media (max-width: 767px) { .speech-bubble , .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: rgb(7 7 7 / 90%) !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 a { color: #f5c904; } .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) */ .hate-speech-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; } .hate-speech-spotlight-photo > h1, .hate-speech-spotlight-photo > h2, .hate-speech-spotlight-photo > h3, .hate-speech-spotlight-video > h1, .hate-speech-spotlight-video > h2, .hate-speech-spotlight-video > h3 { font-size: 3rem; color: #337ab7; text-transform: uppercase; margin-bottom: 3rem !important; } .hate-speech-spotlight-photo > h4, .hate-speech-spotlight-video > h4 { margin-bottom: 2rem !important; } .hate-speech-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; } .hate-speech-spotlight-video iframe, .hate-speech-spotlight-video .hate-speech-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; } .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; } .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; } .white-text{ color: white; } </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>  <div class="wrapper">   <nav id="brand-bar" class="navbar navbar-default navbar-fixed-top" role="navigation">  <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/hate-speech" class="language-link" xml:lang="ar" title="AR- Say #NoToHate - آثار خطاب الكراهية والإجراءات التي يمكنك اتخاذها" role="menuitem">العربية</a></li> <li class="zh-hans"><a href="/zh/hate-speech" 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/hate-speech" class="language-link active" xml:lang="en" title="Say #NoToHate - The impacts of hate speech and actions you can take" role="menuitem">English</a></li> <li class="fr"><a href="/fr/hate-speech" class="language-link" xml:lang="fr" title="Dire #NonÀLaHaine : les impacts des discours de haine et comment les contrer" 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="pl"><span class="language-link locale-untranslated" xml:lang="pl" role="menuitem">Polski</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/hate-speech" class="language-link" xml:lang="ru" title="Скажем «‎нет» языку ненависти- Язык ненависти провоцирует насилие и нетерпимость" role="menuitem">Русский</a></li> <li class="es"><a href="/es/hate-speech" class="language-link" xml:lang="es" title="Di no al odio: el impacto del discurso del odio y cómo combatirlo" 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> </nav>   <header id="navbar" role="banner" class=""> <div class="container">  <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/hate-speech">Hate Speech</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>  <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>  <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-37557 top-level"> <a href="/en/hate-speech" role="button" title="" class="active">Home </a></li> <li class="menu-37939 top-level"> <a href="/en/hate-speech/understanding-hate-speech/what-is-hate-speech" role="button" class="" aria-expanded="false" title="">Understanding hate speech <span class="sf-sub-indicator"> »</span> </a> <ul class="subnav " id="subnav-37939"> <li class="menu-37939"> <a href="/en/hate-speech/understanding-hate-speech/what-is-hate-speech" title="" class="">What is hate speech?</a> </li> <li class="menu-37939"> <a href="/en/hate-speech/understanding-hate-speech/hate-speech-versus-freedom-of-speech" title="" class="">Hate speech vs freedom of speech</a> </li> <li class="menu-37939"> <a href="/en/hate-speech/understanding-hate-speech/hate-speech-and-real-harm" title="" class="">Hate speech and real harm</a> </li> <li class="menu-37939"> <a href="/en/hate-speech/understanding-hate-speech/faqs" title="" class="">FAQs</a> </li></ul></li> <li class="menu-37876 top-level"> <a href="/en/hate-speech/impact-and-prevention/why-tackle-hate-speech" role="button" class="" aria-expanded="false" title="">Impact and prevention <span class="sf-sub-indicator"> »</span> </a> <ul class="subnav " id="subnav-37876"> <li class="menu-37876"> <a href="/en/hate-speech/impact-and-prevention/why-tackle-hate-speech" title="" class="">Why tackle hate speech?</a> </li> <li class="menu-37876"> <a href="/en/hate-speech/impact-and-prevention/a-pandemic-of-hate" title="" class="">A pandemic of hate</a> </li> <li class="menu-37876"> <a href="/en/hate-speech/impact-and-prevention/challenges-of-tracking-hate" title="" class="">The many challenges of tracking hate</a> </li> <li class="menu-37876"> <a href="/en/hate-speech/impact-and-prevention/targets-of-hate" title="" class="">Targets of hate</a> </li> <li class="menu-37876"> <a href="/en/hate-speech/impact-and-prevention/preventive-role-of-education" title="" class="">The preventive role of education</a> </li></ul></li> <li class="menu-37903 top-level"> <a href="/en/hate-speech/un-strategy-and-plan-of-action-on-hate-speech" role="button" title="" class="">UN Strategy and Plan of Action </a></li> <li class="menu-37897 top-level"> <a href="/en/hate-speech/united-nations-and-hate-speech/role-of-the-un" role="button" class="" aria-expanded="false" title="">UN actions <span class="sf-sub-indicator"> »</span> </a> <ul class="subnav " id="subnav-37897"> <li class="menu-37897"> <a href="/en/hate-speech/united-nations-and-hate-speech/role-of-the-un" title="" class="">The role of the United Nations</a> </li> <li class="menu-37897"> <a href="/en/hate-speech/united-nations-and-hate-speech/international-human-rights-law" title="" class="">International human rights law</a> </li> <li class="menu-37897"> <a href="/en/hate-speech/united-nations-and-hate-speech/further-un-initiatives-to-combat-hate-speech" title="" class="">Further UN initiatives</a> </li></ul></li> <li class="menu-37909 top-level"> <a href="/en/hate-speech/take-action/engage" role="button" class="" aria-expanded="false" title="">Take action <span class="sf-sub-indicator"> »</span> </a> <ul class="subnav " id="subnav-37909"> <li class="menu-37909"> <a href="/en/hate-speech/take-action/engage" title="" class="">Engage</a> </li> <li class="menu-37909"> <a href="/en/hate-speech/take-action/teach-learn" title="" class="">Teach and learn</a> </li> <li class="menu-37909"> <a href="/en/hate-speech/take-action/test-yourself" title="" class="">Test yourself</a> </li></ul></li> <li class="menu-40427 top-level"> <a href="https://www.un.org/en/observances/countering-hate-speech" role="button" title="" class="">International Day </a></li> <li class="menu-39878 top-level"> <a href="/en/hate-speech/events" role="button" title="" class="">Events </a></li> <li class="menu-37924 top-level"> <a href="/en/hate-speech/resources/key-international-human-rights-instruments" role="button" class="" aria-expanded="false" title="">Resources <span class="sf-sub-indicator"> »</span> </a> <ul class="subnav " id="subnav-37924"> <li class="menu-37924"> <a href="/en/hate-speech/resources/key-international-human-rights-instruments" title="" class="">Key human rights instruments</a> </li> <li class="menu-37924"> <a href="/en/hate-speech/resources/other" title="" class="">Thematic publications</a> </li> <li class="menu-37924"> <a href="https://www.un.org/sites/un2.un.org/files/notohate_fact_sheets_en.pdf" title="" class="">Fact sheets [PDF]</a> </li> <li class="menu-37924"> <a href="/en/hate-speech/resources/un-related" title="" class="">UN offices, bodies, agencies, programmes</a> </li> <li class="menu-37924"> <a href="https://news.un.org/en/search/hate%20speech" title="" class="">News</a> </li> <li class="menu-37924"> <a href="https://news.un.org/en/audio-product/uniting-against-hate" title="" class="">Podcast</a> </li></ul></li></ul> </div> </div></nav>  </header> <header role="banner" id="page-header"> </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-09906953ef079e8b30e60b33afd8be2a"> </div> </div> <a id="main-content"></a>  <section class="region region-content"> <section id="block-system-main" class="block block-system clearfix">  <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 { min-height: 400px; } .bgimg-3 { background-image: url("https://www.un.org/sites/un2.un.org/files/hate-speech-bkgrd-illustration.jpg"); /*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: 3rem !important; 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{ font-size: 2.5rem !important; line-height: 2 !important; } .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) ***********/ /********* hate-speech-strategy-area (begin) ***********/ .hate-speech-strategy-area img{ box-shadow: 5px 10px 15px #a6a6a6; } .hate-speech-strategy-area h1 { color: black; font-size: 4rem !important; text-align: center; font-weight: bold; } .hate-speech-strategy-area p { font-size: 2rem !important; line-height: 1.5 !important; } .secondary-tagline-of-page { font-size: 2rem !important; line-height: 2 !important; } </style>  <section class="bg-hero"> <figure><img alt="" class="img-responsive" src="https://www.un.org/sites/un2.un.org/files/notohate.png"></figure> <div id="hero-text-superimpose"><span id="hero-text">#NoToHate</span></div> </section> <section> <div class="row bottommargin-sm secondary-tagline"> <div class="col-md-6 col-md-offset-1 col-sm-12 topmargin-lg bottommargin-lg"> <h2 class="heading-underline topmargin-lg bottommargin">Hate speech is rising around the world</h2> <p class="secondary-tagline-of-page">Hate speech incites violence and intolerance. The devastating effect of hatred is sadly nothing new. However, its scale and impact are now amplified by new communications technologies. Hate speech – including online – has become one of the most common ways of spreading divisive rhetoric on a global scale, threatening peace around the world.</p> <p class="secondary-tagline-of-page">The United Nations has a <a href="https://www.un.org/en/about-us/history-of-the-un" target="_blank">long history</a> of mobilizing the world against hatred of all kinds to defend <a href="https://www.un.org/en/global-issues/human-rights" target="_blank">human rights</a> and advance the <a href="https://www.un.org/ruleoflaw/" target="_blank">rule of law</a>. The impact of hate speech cuts across numerous UN areas of focus, from protecting human rights and preventing atrocities to sustaining peace, achieving gender equality and supporting children and youth.</p> <p class="secondary-tagline-of-page">Because fighting hatred, discrimination, racism and inequality are among its core principles, the United Nations is working to confront hate speech at every turn. This mission is enshrined in the <a href="https://www.un.org/en/about-us/un-charter">UN Charter</a>, in international human rights frameworks and in global efforts to achieve the <a href="https://www.un.org/sustainabledevelopment/" target="_blank">Sustainable Development Goals</a>.</p> </div> <div class="col-md-4 col-sm-12 topmargin-lg bottommargin-lg grey-well"> <img class="bottommargin-sm" src="https://www.un.org/sites/un2.un.org/files/notohate_1.png"> <h3 class="heading-underline">INVESTING IN THE POWER OF YOUTH<br> for Countering and Addressing Hate Speech</h3> <p><strong>Date: </strong>Tuesday, 18 June 2024</p> <p><strong>Time: </strong>11:00 - 1:00pm EDT (New York time)</p> <p><strong>Place: </strong>ECOSOC Chamber • United Nations, New York</p> <p>The Permanent Mission of the Kingdom of Morocco to the United Nations and the United Nations Office of the Special Adviser on the Prevention of Genocide marks the 3rd High-Level event for Countering Hate Speech highlighting the importance of investing in the power and voice of youth to counter hate speech</p> <div class="view-more-link pull-right"><small><a href="https://www.un.org/sites/un2.un.org/files/18_june_save_date.pdf">Flyer invite with full details</a></small></div> </div> </div> </section> <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>Hate speech is <span class="word-highlighted" style="border-radius: 5px;">an alarm bell</span> - the louder it rings, the greater the threat of genocide. It precedes and promotes violence.”</h3> <div><strong>ANTÓNIO GUTERRES</strong><cite class="hidden-xs">, United Nations Secretary-General</cite></div> </blockquote> <img alt="Secretary-General Portrait" class="quote-image" src="https://www.un.org/sites/un2.un.org/files/2021/12/portrait-antonio-gutterres.png"></div> </div> </div> <section class="topmargin-lg bottommargin-lg hate-speech-strategy-area"> <div class="row top-bottom-dashed-line" style="border-bottom:0;"> <h1>UN Strategy and Plan of Action on Hate Speech</h1> <div class="col-lg-4 col-lg-offset-1 col-md-12 topmargin-lg bottommargin-lg"><a href="https://www.un.org/en/genocideprevention/documents/advising-and-mobilizing/Action_plan_on_hate_speech_EN.pdf" target="_blank"><img alt="icon for SDGs" class="img-responsive" src="https://www.un.org/sites/un2.un.org/files/united_nations_strategy_and_plan_of_action_on_hate_speech_2019.jpg"></a></div> <div class="col-lg-4 col-lg-offset-1 col-md-12 topmargin-lg bottommargin-lg"> <p>In response to the alarming trends of growing xenophobia, racism and intolerance, violent misogyny, antisemitism and anti-Muslim hatred around the world, UN Secretary-General António Guterres <a href="https://news.un.org/en/story/2019/06/1040731">launched</a> the <span class="pdf-link"><a href="https://www.un.org/en/genocideprevention/documents/advising-and-mobilizing/Action_plan_on_hate_speech_EN.pdf" target="_blank">United Nations Strategy and Plan of Action on Hate Speech</a></span> on 18 June 2019. This first UN-wide initiative designed to tackle hate speech provides a road map on how the Organization can support and complement States' efforts. The strategy emphasizes the need to counter hate holistically, while respecting freedom of opinion and expression, and to collaborate with relevant stakeholders, including civil society organizations, media outlets, tech companies and social media platforms. In 2021, the General Assembly adopted a <a href="https://www.undocs.org/en/A/RES/75/309">resolution</a> proclaiming 18 June as the <a href="https://www.un.org/en/observances/countering-hate-speech">International Day for Countering Hate Speech.</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-6 col-sm-12" style="padding-left: 6%; padding-right: 3%;"> <h1>How to deal with hate speech</h1> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12"><a href="https://www.un.org/sites/un2.un.org/files/notohate_fact_sheets_en.pdf"><img classs="img-responsive" src="https://www.un.org/sites/un2.un.org/files/rise_above_hate.jpg"></a></div> <div class="col-lg-6 col-md-6 col-sm-12"> <p>It can sometimes be hard to assess when a comment is meant as hate speech – especially when expressed in the virtual world. It can also feel overwhelming to try to deal with obviously hateful content. However, there are many ways you can take a stand, even if you are not personally the victim of hate speech. And you can make a difference.</p> <p>You can start by downloading our <span class="pdf-link"><a href="https://www.un.org/sites/un2.un.org/files/notohate_fact_sheets_en.pdf">fact sheets</a></span>. Use them to educate yourself and others.</p> </div> </div> </div> <div class="col-md-6 col-sm-12" style="padding-left: 3%; padding-right: 6%;"> <h1>Can hate speech ignite genocide?</h1> <div class="embed-responsive embed-responsive-16by9"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/YxGBuBA5qfc" title="Can Hate Speech Ignite Genocide? When Words Lead to the Unthinkable"></iframe></div> </div> </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">  <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>  </div> </div> </div>     <div class="section-fluid footer-fluid"> <footer class="footer container dark"> <div class="row"> <div class="col-md-12"> <div class="pull-left flip footer-brand en"> <a href="https://www.un.org/en/" title="Home"> <span class="site-name">United Nations</span></a> </div> <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"> <ul class="nav list-inline"> </ul> </div> </div> </div> <div class="row footer-links"> <div class="divider"></div> <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> </footer> </div>  </div>  <script type="text/javascript" src="https://www.un.org/sites/un2.un.org/themes/bootstrap/js/bootstrap.js?stlkx4"></script> </body> </html>