/*
Theme Name: UNODA
Theme URI: http://www.un.org/disarmament/
Author: Renan Max Hamoy (Lead Developer), Mohamad Reza (Project Manager), Alexa Steinbrück (Developer), Nadine Gilden (Designer)
Author URI: http://hamoy.net, http://www.alexasteinbruck.com
Description: United Nations Office for Disarmament Affairs
Version: 20201123
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: unoda
Domain Path: /languages
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

UNODA is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
@import url("https://fonts.googleapis.com/css?family=Roboto Condensed:300,400,400i,500,700,900");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{
	/* palette */
	--blue: 		#009edb;
	--blue-mild: 	#65779A;
	--blue-link: 	#094480;
	--gray-dark: 	#333333;
	--gray: 		#4D4D4D;
	--gray-light: 	#F2F2F2;
	--white: 		#FFFFFF;
	--text: 		#454545;
	--text-invert: 	#FFFFFF;
	/* font weights */
	--unoda-light: 		300;
	--unoda-regular: 	400;
	--unoda-medium: 	500;
	--unoda-bold: 		700;
	--unoda-black: 		900;

	/* font sizes */
	--unoda-base: 62.5%; /*base font size 10px*/
	--unoda-font-regular: 1.4rem;
	--unoda-font1: 1.3rem;
	--unoda-font2: 1.6rem;
	--unoda-font3: 1.8rem;
	--unoda-font4: 2.4rem;
	--unoda-font5: 2.7rem;
	--unoda-font6: 3.0rem;
	--space-unit: 1em;
	--space-md: calc(1.25 * var(--space-unit));
	--space-lg: calc(2 * var(--space-unit));

	--font-family-base: "Roboto", "Helvetica Neue", Arial, sans-serif;
	--font-family-header: "Roboto Condensed", sans-serif;
	--font-family-awesome: FontAwesome;
	--font-family-zh-Header: "Noto Sans Sc";
	--font-family-ar-header: "Almari";

	--container-width:     1140px;
	--nav-container-width: 1240px;
}

html {
	font-size: var(--unoda-base);
	font-weight: var(--unoda-regular);
}

body, p, ul, ol{
	font-family: var(--font-family-base);
	font-size: var(--unoda-font-regular);
	font-weight: var(--unoda-regular);
	color: var(--text);
	line-height: 2.6rem;
	overflow-x: hidden ; !important;
}

.body-copy ul li:before {
	font-family: var(--font-family-awesome);
	content: "\f111";
	color: #00adef;
	margin-left: -13px;
	font-size: 0.7rem;
	float: left;
	-webkit-font-smoothing: antialiased; }

a {
	color: var(--blue-link);
}

/* RTL Alignment */
.rtl { text-align: right; }

p{
	overflow: hidden;
}

@media print {

	a[href]:after {
		content: none;
	}
	.top-widget-area, #un_top{
		display:none;
	}
}



h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family-header);
	font-weight: var(--unoda-bold);
	color: var(--gray);
}

h1, .h1, .unoda-font-6 {
	font-size: var(--unoda-font6);
	margin-bottom: 1.5rem;
}
h2, .h2, .unoda-font-5 {
	font-size: var(--unoda-font5);
	margin-bottom: 1.4rem;
}
h3, .h3, .unoda-font-4 {
	font-size: var(--unoda-font4);
	margin-bottom: 1.3rem;
}
h4, .h4, .unoda-font-3 {
	font-size: var(--unoda-font3);
	line-height: 26px;
}
h5, .h5, .unoda-font-2 {
	font-size: var(--unoda-font2);
}
h6, .h6, .unoda-font-1 {
	font-size: var(--unoda-font1);
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none!important;
	color: var(--gray)!important;
}

.container, .site-content {
	margin-left: auto;
	margin-right: auto;
}


/*----------------------font weights------------------------------*/
.unoda-light   {font-weight: var(--unoda-light);}
.unoda-regular {font-weight: var(--unoda-regular);}
.unoda-medium  {font-weight: var(--unoda-medium);}
.unoda-bold    {font-weight: var(--unoda-bold);}
.unoda-black   {font-weight: var(--unoda-black);}
/*----------------------------------------------------------------*/
/*-----------------------button styles----------------------------*/
.btn-outline-primary{
	background: transparent;
	border-color: var(--blue-link);
	color: var(--blue-link);
	font-weight: var(--unoda-light);
}
.btn-outline-primary:hover{
	background: var(--blue-link);
	border-color: var(--blue-link);
	font-weight: var(--unoda-light);
}
/*----------------------------------------------------------------*/
/*-------------------section highlights---------------------------*/
.tinted {
	background-color: var(--gray-light);
}
.tinted-dark {
	background-color: var(--gray);
}
.tinted-1 {
	background-color: white;
}
.tinted-2 {
	background-color: #fbfbfb;
}
/*----------------------------------------------------------------*/

.frontpage-section {
	height: fit-content;
}

.section-title{
	color: var(--gray);
	font-weight: var(--unoda-bold);
	font-family: var(--font-family-header);
}

.section-more {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 50px 0;
}

.section-more a,
.section-more a:active{
	background: var(--blue)!important;
	border-color: var(--blue)!important;
	color: white;
	border-radius: 0;
}

#spotlight_container, #news_container, #update_container, #announcements_container, #events_container, .disclaimer-footer {
	height: fit-content;
	padding: 15px 0;
}

#masthead-container{
	width: 100%;
	background-color: var(--gray-light);
}

.unoda-emblem {
	image-rendering: crisp-edges;
}

#hamburger {
	margin: auto 0;
	display: none;
	width: 25px!important;
	padding-left: 0!important;
	padding-right: 0!important;

}

/*-----------------------Search form ----------------------------*/
#searchbox .input-group button{
	background-color: var(--blue);
	padding: 0 15px;
}

button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0px;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
input[type="text"] {
	padding: 5px;
	font-family: inherit;
	/*border: 1px solid var(--white);*/
	/*border-radius: 1px;*/
	/*background-color: var(--white);*/
}

input[type="text"]:focus{
	outline: none;
}
input[type="submit"] {
	padding: 6px 10px;
	margin-bottom: 0px;
	line-height: 1.25;
	color: var(--white);
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid var(--white);
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: none;
	background-color: var(--blue);
}

/*change the top padding to ensure searchbox does not move*/
.top-widget-area {
	float: right;
	padding: 50px 0 0 25%;
	width: 100%;
}
.widget_search label {
	display: none;
}
#search-2 {
	float: right;
}
#search-2 input[type="text"] {
	width: 220px;
}
[class^="gs"] {
	box-sizing: content-box;
}

/*----------------------------------------------------------------*/

/*-----------------------Sidebar styles --------------------------*/

.rtside {
	margin-bottom: 15px;
}

.widget .menu {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 0;
	padding-left: 0;
	height: 100%;
}

.widget .menu li{
	border-bottom: 1px solid var(--gray-light);
	text-align: left;
	max-width: 100%;
	padding: 5px 8px;
	position: relative;
	border-top: none;
	font-size: var(--unoda-font-regular);
}

.widget .current-menu-item,
.widget .menu li:hover {
	background-color: var(--gray-light);
}

.widget .current-menu-item:before,
.widget .menu li:hover:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	display: block;
	background-color: var(--blue);
}

.widget .menu a {
	color: var(--text)!important;
	text-decoration: none;
	display: block;
	font-weight: var(--unoda-bold);
	font-size: var(--unoda-font-regular);
	font-family: var(--font-family-header);
}

/*----------------------------------------------------------------*/

.spotlight-title a {
	text-decoration: none!important;
}

.section-more>a {
	font-weight: var(--unoda-bold)!important;
	padding: 5px 15px;
	font-family: var(--font-family-header);
	border-radius: 25px!important;
}

/*Site Footer-----------------------------------------*/
.site-footer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: var(--gray);
	padding: 20px 0;
	/*border-top: 4px solid var(--blue);*/
}

.site-footer-row{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.menu-footer{ flex: 1 0; }
#footer-connect{ flex: 2 0; }

.widget-title{
	color: white;
}

.site-footer ul {
	list-style-type: none;
	padding: 5px;
}
.site-footer a {
	color: var(--gray-light);
}
.site-footer a:visited {
	color: var(--gray-light);
	text-decoration: none;
}
.site-footer a:hover {
	color: white;
	text-decoration: none;
}
/*.disclaimer-footer p {*/
/*	margin: 10px 0px 20px;*/
/*	font-size: 1.4rem;*/
/*	color: #999;*/
/*}*/

/*-------end of footer-----*/


.right2left {
	text-align: right;
}

.pod-banner {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 50px 0;
}

.pod-header {
	text-align: center;
}

/*------------------------------------------------------*/
/*------------------bottom menu-------------------------*/

.footer ul.nav {
	list-style: none;
	padding-left: 2px;
	padding-bottom: 26px;
}

.footer ul.nav li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
}



.footer ul.nav li {
	padding: 0;
	margin: 0 0 .65rem 0;
}

.footer ul.nav li a {
	padding: 0;
	margin: 0;
	color: black;
}

.footer ul.nav li a:hover {
	text-decoration: underline;
}

.footer #block-menu-menu-main-bodies ul.nav li.expanded {
	margin-top: .65rem;
}

.footer #block-menu-menu-main-bodies ul.nav li.expanded.first {
	margin-top: 0;
}

.footer #block-menu-menu-main-bodies ul.nav li.expanded a:hover {
	background-color: transparent;
}

.footer #block-menu-menu-main-bodies ul.nav li.expanded a span.caret {
	display: none;
}

.footer #block-menu-menu-main-bodies ul.nav li.expanded ul.dropdown-menu {
	display: block;
	float: none;
	z-index: auto;
	position: relative;
	background: transparent;
	padding: 0;
	margin: 0;
	min-width: inherit;
	border: none !important;
	-moz-border-radius: 0px / 0px;
	-webkit-border-radius: 0px 0px;
	border-radius: 0px / 0px;
	-webkit-box-shadow: inset 0 0 0 0 transparent;
	box-shadow: inset 0 0 0 0 transparent;
}

.footer #block-menu-menu-main-bodies ul.nav li.expanded ul.dropdown-menu li {
	margin-left: 13px;
}


.footer #block-menu-menu-main-bodies ul.nav li.expanded ul.dropdown-menu li a:before {
	content: "—";
	float: left;
	margin-right: 5px;
}


.footer #block-menu-menu-footer-links h4 {
	display: none;
}

.footer #block-menu-menu-footer-links ul.nav li {
	float: left;
	padding-right: .65rem;
	margin-right: .59rem;
	border-right: #bbbbbb solid 1px;
	line-height: 1;
}
.footer #block-menu-menu-footer-links ul.nav li.last {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

.footer .list-inline .footer-brand {
	height: 21px;
	margin-top: -6px;
	margin-bottom: 10px;
	background: url(https://unoda-web.s3.amazonaws.com/img/un-logo-footer.png) left top no-repeat;
}


.footer .list-inline .footer-brand a {
	font-weight: 500;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #4d4d4d;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding-left: 30px;
}
.footer {
	padding-right: 0px;
	padding-left: 0px;
}


/*-------------------------------------------------------*/


.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

.entry-header {
	margin: 10px 0 var(--space-lg) 0;
}

.entry-title {
	border-bottom: var(--blue) solid 3px;
	color: var(--gray);
	margin-bottom: 15px;
	margin-top: 3.6rem;
}


/* Hero*/
.carousel-indicators {
	right: 0!important;
	left: 0!important;
	margin-right: 0!important;
	margin-left: 0!important;
	padding-left: 0!important;
}

.carousel-fade .carousel-item {
	opacity: 0;
	z-index: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transition: -webkit-transform 750ms ease-in-out, opacity 750ms ease-in-out;
	transition: transform 750ms ease-in-out, opacity 750ms ease-in-out;
	-moz-transition: -moz-transform 750ms ease-in-out, opacity 750ms ease-in-out;
	-o-transition: -o-transform 750ms ease-in-out, opacity 750ms ease-in-out;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
	opacity: 1;
	z-index: 2;
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition: -webkit-transform 750ms ease-in-out, opacity 750ms ease-in-out;
	transition: transform 750ms ease-in-out, opacity 750ms ease-in-out;
	-moz-transition: -moz-transform 750ms ease-in-out, opacity 750ms ease-in-out;
	-o-transition: -o-transform 750ms ease-in-out, opacity 750ms ease-in-out;
}

.carousel-fade .carousel-item.active.carousel-item-left,
.carousel-fade .carousel-item.active.carousel-item-right {
	opacity: 0;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transition: -webkit-transform 750ms ease-in-out, opacity 750ms ease-in-out;
	transition: transform 750ms ease-in-out, opacity 750ms ease-in-out;
	-moz-transition: -moz-transform 750ms ease-in-out, opacity 750ms ease-in-out;
	-o-transition: -o-transform 750ms ease-in-out, opacity 750ms ease-in-out;
}

.carousel-caption{
	background: rgba(0,0,0,0.45);
	padding: 15px 15px 15px 15px;
	transform: translate(0, -50%);
	max-width: 400px;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}
.caption-content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.caption-content>a {
	color: rgb(0,0,0)!important;
	background-color: rgb(238, 172, 6)!important;
	border: none;
	font-family: var(--font-family-header);
	font-weight: var(--unoda-regular)!important;
}

.rtl .caption-content h3,
.rtl .caption-content p{
	text-align: right;
	color: var(--text-invert);
}

.caption-content h3,
.caption-content p{
	text-align: left;
	color: var(--text-invert);
}
.caption-content a{
	max-width: 60px;
	background: transparent;
	border-radius: 25px;
	border-color: #ffffff;
	color: #ffffff;
	font-weight: var(--unoda-light);
}
.carousel-control-next, .carousel-control-prev {
	z-index: 100;
	width: 50px;
	height: 50px;
	margin: auto 15px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 25px;
	border: 2px solid rgba(255, 255, 255, 0.4);
}

.carousel-item {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.carousel-item img {
	border: 0;
	width: 100%; !important;
	height: auto;
	vert-align: top;
}

.carousel-inner {
	height: 0;
	padding-top: 38.46%;
}

.hero-overlay {
	display: none;
}
/* Hero*/

/* Spotlight */
.spotlight-title {
	padding: 20px!important;
}
.spotlight-date {
	font-weight: 300;
}
.spotlight-box {
	background-color: var(--white);
}
/* Spotlight */
/* Updates */
#update_container {
	border-bottom: 1px solid rgba(0, 0, 0, 0.36);
}
.update-thumbnail-lg {
	height: -webkit-fill-available;
	width: 100%;
	justify-content: center;
	align-items: center;
	overflow: hidden
}
.update-thumbnail-lg img {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	height: inherit;
}
.update-card-title {
	color: var(--gray);
	font-weight: var(--unoda-bold);
}
.news-item {
	max-height: 750px;
}

.small-excerpt p{
	font-size: 13px;
	line-height: 20px;
}

.media-body {
	max-height: 150px;
	overflow: hidden;
}
/*  Updates */
/*  Our Work*/
.our-card {
	height: -webkit-fill-available;
	z-index: 1;
}
.our-work-wrapper{
	background: transparent;
}
.our-card:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 98%;
	height: 100%;
	-webkit-filter: grayscale(25%) brightness(0.55);
	background-size: cover;
	-webkit-transition: -webkit-filter 1s linear;
	transition: -webkit-filter 1s linear;
	z-index: -1;
}
.our-card:hover:before{
	-webkit-filter: grayscale(100%) brightness(0.35);
	filter: grayscale(100%) brightness(0.35);
}
.our-card a {
	text-decoration: none;
	color: var(--text-invert);
}
.our-card--name h3 {
	text-align: center;
	color: var(--text-invert);
}
/*  Our work*/
/*  Featured Content*/
#featured_container {
	border-bottom: 1px solid rgba(0, 0, 0, 0.36);
}
.section-text{
	color: var(--gray);
	text-align: center;
}
.featured-box {
	background-color: var(--white);
}
.featured-inner h3 {
	color: var(--gray);
}
.featured-inner-content a {
	text-decoration: none!important;
}
/*  Featured Content*/
/*  Event*/
.event_controls {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 0 20px 0;
}
.event_controls>button{
	margin: 0 10px;
	color: var(--gray-dark);
}
#timeline_down,
#timeline_up,
#timeline_home{
	border-radius: 15px;
}
#today-card {
	margin: 20px 0;
}
#today-card:after {
	content: none;
}
/*  Event*/

/*  Call to Action*/
.wp-block-getwid-section__wrapper {
	height: unset;
}
.wp-block-button__link {
	padding: 5px 15px;
	font-weight: var(--unoda-bold);
	font-family: var(--font-family-header);
	font-size: 20px;
}
/*  Call to Action*/

/*  Content-Events*/
li {
	list-style: none;
}
#container {
	padding-left: 0;
}

.eventWrapper-static, .eventWrapper {
	display: flex;
	flex-direction: row;
	margin: 10px 0;
	border-bottom: none!important;
}

.eventDate {
	width: 5.5rem;
	/*height: 5rem;*/
	margin-right: 10px;
	font-weight: 700;
	font-size: 1.6rem;
	color: var(--gray);
	border: 1px solid lightgrey;
	padding: 10px;
}

.eventTitle {
	text-decoration: none;
	color: var(--gray);
	margin-left: 10px;
}

.eventDate {
	display: flex;
	flex-direction: column;
	border: 1px solid lightgrey;
}
.eventDate > div {
	margin: 10px auto;
}
.eventTitle>a {
	color: var(--gray)
}
.eventTitle>a:hover {
	text-decoration: none!important;
}

.card-header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 24px 0;
	height: 54px;
}
.card-header>button {
	width: 100%;
	text-align: left;
}

.card-header>button:focus {
	outline: 0;
}

.month-name {
	font-weight: 500;
}
/*  Content-Events*/

/* HR Statements */
.input-group>input {
	height: 32px;
}

.hr-item {
	margin: 0 24px;
	padding: 18px 0;
	border-bottom: none;
	color: black;
}
.update-item-date {
	display: flex;
	flex-direction: column;
	border: 1px solid lightgray;
	margin: 0 20px;
	padding: 10px;
	color: var(--gray)
}
.update-item-link > a{
	color: var(--gray)
}
.card-header, .card-header-month {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 24px 0;
	height: 54px;
}
.card-header-month, .item{
	margin: 0 34px;
}
.item {
	display: flex;
	flex-direction: row;
}
.collapse {
	margin-bottom: 5px;
}
.eventWrapper {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	/*margin-bottom: unset;*/
	border-bottom: none;
}
.eventDate {
	display: flex;
	flex-direction: column;
	border: 1px solid lightgrey;
}
.eventDate > div {
	margin: 10px auto;
}
.eventTitle {
	margin: 0;
}
.eventLocation {
	color: var(--gray);
	font-weight: normal;
	font-style: italic;
}
.update-date, .update-month{
	margin: auto 0;
	color: var(--gray)
}
.q-label {
	margin: 0 0 0 24px;
	color: var(--gray);
}
/* HR Statements */

/* Press Releases */
.input-group>input {
	height: 32px;
}

.hr-item {
	margin: 0 24px;
	padding: 18px 0;
	border-bottom: none;
	color: black;
}
.update-item-date {
	display: flex;
	flex-direction: column;
	border: 1px solid lightgray;
	margin: 0 20px;
	padding: 10px;
	color: var(--gray)
}
.update-item-link > a{
	color: var(--gray)
}
.card-header, .card-header-month {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 24px 0;
	height: 54px;
}
.card-header-month, .item{
	margin: 0 34px;
}
.item {
	display: flex;
	flex-direction: row;
}
.collapse {
	margin-bottom: 5px;
}
.eventWrapper {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	/*margin-bottom: unset;*/
	border-bottom: none;
}
.eventDate {
	display: flex;
	flex-direction: column;
	border: 1px solid lightgrey;
}
.eventDate > div {
	margin: 10px auto;
}
.eventTitle {
	margin: 0;
}
.eventLocation {
	color: var(--gray);
	font-weight: normal;
	font-style: italic;
}
.update-date, .update-month{
	margin: auto 0;
	color: var(--gray)
}
.q-label {
	margin: 0 0 0 24px;
	color: var(--gray);
}
/* Press Releases*/

/* SG Statements*/
.input-group>input {
	height: 32px;
}

.hr-item {
	margin: 0 24px;
	padding: 18px 0;
	border-bottom: none;
	color: black;
}
.update-item-date {
	display: flex;
	flex-direction: column;
	border: 1px solid lightgray;
	margin: 0 20px;
	padding: 10px;
	color: var(--gray)
}
.update-item-link > a{
	color: var(--gray)
}
.card-header, .card-header-month {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 24px 0;
	height: 54px;
}
.card-header-month, .item{
	margin: 0 34px;
}
.item {
	display: flex;
	flex-direction: row;
}
.collapse {
	margin-bottom: 5px;
}
.eventWrapper {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	/*margin-bottom: unset;*/
	border-bottom: none;
}
.eventDate {
	display: flex;
	flex-direction: column;
	border: 1px solid lightgrey;
}
.eventDate > div {
	margin: 10px auto;
}
.eventTitle {
	margin: 0;
}
.eventLocation {
	color: var(--gray);
	font-weight: normal;
	font-style: italic;
}
.update-date, .update-month{
	margin: auto 0;
	color: var(--gray)
}
.q-label {
	margin: 0 0 0 24px;
	color: var(--gray);
}
/* SG Statements*/

/* Nav*/
.container{
	max-width: var(--container-width)!important;
}
#navigation-container{
	width: 100%;
	background-color: var(--gray);
}

.navigation-container2, #navigation-container2{
	width: 100%;
	background-color: var(--gray-dark);
}
#navigation2{
	display: table;
	padding: 0;
}

#menu-main-menu a,
#menu-main-menu-arabic a,
#menu-main-menu-chinese a,
#menu-main-menu-russian a,
#menu-main-menu-french a,
#menu-main-menu-spanish a{
	text-decoration: none!important;
}

/* Nav*/

/* Masthead*/


#digest-btn {
	height: 36px!important;
	margin-top: 35px;
	line-height: 28px;
	color: white;
	background-color: var(--blue);
	border: none;
	font-weight:500;
	font-size: 14px
}

#digest-btn:hover {
	background-color: var(--gray);
}

#hamburger:focus {
	outline: none;
}
#emblem-container{
	min-width: 160px;
}
/* Masthead*/

/* Additional CSS*/
#lang_sel_list {
	background: transparent;
}

.site-footer {
	background-color: var(--gray-dark)!important;
	border-bottom: 4px solid var(--blue);
}

a {
	color: var(--blue);
}

.widget .menu li {
	padding: 10px 12px;
	font-size: 16px;
}

.caption-content h3 {
	font-size: 18px;
}

.our-card--name h3 {
	font-size: 20px;
}

.featured-inner h3 {
	font-size: 20px;
}

.wp-block-getwid-banner {
	margin-top: 20px;
}

.row.is-flex {
	display: flex;
	flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.relatedBox {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.featured_image {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.spotlight-box-inner {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#un_top {
	background: #f2f2f2;
	margin: 0;
	padding: 0;
	border: none !important;
	border-bottom: #00adef solid 5px !important;
	height: 41px;
	min-height: inherit;
}

#lang_sel_list {
	background-color: transparent;
}


/*----------------------------*/

	  /* Table styles */
  table {
	  border: 3px solid #000000;
	  width: 100%;
	  text-align: left;
	  border-collapse: collapse;
	  margin-bottom: 1em;
  }
table td, table th {
	border: 1px solid #000000;
	padding: 5px 4px;
}
table tbody td {
	font-size: 13px;
}
table thead, table tr:first-child {
	background-color: #CFCFCF;
	background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
	background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
	background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
	border-bottom: 3px solid #000000;
}
table thead th, table tr:first-child td {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
table tfoot {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	border-top: 3px solid #000000;
}
table tfoot td {
	font-size: 14px;
}
/* Anchor styles */


/* Block styles */
.un-block {
	margin: 2em 0.5em;
	background: #f2f2f2;
	margin-bottom: 20px;
	padding: 1em 2em;
}
.un-story-lead-block {
	min-height: 36px;
	padding: 29.4px;
	margin-bottom: 19.6px;
	margin-top: 19.6px;
	background-color: #f5f5f5;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
}
.un-story-lead-block p {
	font-weight: 600;
	font-size: 16px;
	font-size: 1.6rem;
	color: #4d4d4d;
	line-height: 1.4;
	margin: 0;
}
blockquote, .blockquote {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.5em;
	padding: 0.5em 1em;
	border-left: 16px solid #eeeeee;
	font-weight: 600;
	color: #555555;
}
blockquote p, .blockquote p {
	font-size: 1em;
	line-height: 1.5;
}
blockquote.unblue, .blockquote.unblue {
	border-left: 16px solid #009edb;
}
blockquote.unblue-small, .blockquote.unblue-small {
	border-left: 8px solid #009edb;
	font-size: 1em;
}
blockquote.with-quotes, .blockquote.with-quotes {
	border-left: none;
	font-weight: 600;
	color: #555555;
	text-indent: 1.2em;
	padding: 15px 60px;
	width: 50%;
	float: right;
	margin: 0 0 22px;
}
blockquote.with-quotes p, .blockquote.with-quotes p {
	font-size: 1em;
	line-height: 1.5;
}
blockquote.with-quotes p::before, .blockquote.with-quotes p::before {
	text-indent: -1.7em;
	content: "\f10d";
	font-family: FontAwesome;
	font-size: 1em;
	color: #00aeef;
	position: absolute;
	z-index: 1;
}
blockquote.with-quotes p::after, .blockquote.with-quotes p::after {
	content: "\f10e";
	font-family: FontAwesome;
	font-size: 1em;
	color: #00aeef;
	position: absolute;
	z-index: 1;
}
/* List styles */
ul.download-list {
	list-style-type: none;
	padding: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
}
ul.download-list li {
	color: #31708f;
	background-color: #d9edf7;
	padding: 0.4em 0 0.4em 2.4em;
	border-bottom: 1px dotted #bce8f1;
}
ul.download-list li:last-child {
	border-bottom: none;
}
ul.download-list li::before {
	content: "\f15b";
	font-family: FontAwesome;
	font-size: 1em;
	color: #31708f;
	position: absolute;
	z-index: 1;
	margin-left: -18px;
}
ul.download-list-pdf {
	list-style-type: none;
	padding: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
}
ul.download-list-pdf li {
	color: #31708f;
	background-color: #d9edf7;
	padding: 0.4em 0 0.4em 2.4em;
	border-bottom: 1px dotted #bce8f1;
}
ul.download-list-pdf li:last-child {
	border-bottom: none;
}
ul.download-list-pdf li::before {
	content: "\f1c1";
	font-family: FontAwesome;
	font-size: 1em;
	color: #31708f;
	position: absolute;
	z-index: 1;
	margin-left: -18px;
}
/* Image styles */
figcaption, .wp-caption-dd {
	padding: 3px 0;
	font-weight: 400;
	font-size: 1rem;
	letter-spacing: 0.05em;
	color: #666666;
	border-bottom: #f2f2f2 solid 1px;
}
img.height-150 {
	object-fit: cover;
	width: 100%;
	height: 150px;
}
img.height-250 {
	object-fit: cover;
	width: 100%;
	height: 250px;
}
img.height-350 {
	object-fit: cover;
	width: 100%;
	height: 350px;
}
/* Additional CSS*/

/* Header*/
.languagebar{
	width: 100%;
	height: 41px;
	background-color: var( --gray-light);
	border-bottom: var( --blue ) solid 5px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 20px;
}

.languagebar #content-left{
	padding-top: 5px;
	font-weight: var(--unoda-regular);
	font-size: 1.3rem;
}

.languagebar a{
	color: black;
	text-decoration: none;
}
/* header*/
/* footer*/

.site-footer .un-logo {
	width: 75%;
	filter: invert(1);
	-webkit-filter: invert(1);
}

.site-footer .footer-icon {
	width: 34px;
	padding-left: 5px;
	padding-right: 5px;
	filter: invert(1);
	-webkit-filter: invert(1);
}

.site-footer .unoda-caption,
.site-footer .footer-header {
	color: var(--gray-light);
}

.menu-first-footer-container .menu-item a,
.menu-first-footer-arabic-container .menu-item a,
.menu-first-footer-chinese-container .menu-item a,
.menu-first-footer-russian-container .menu-item a,
.menu-first-footer-french-container .menu-item a,
.menu-first-footer-spanish-container .menu-item a{
	color: var(--text);
	font-weight: var(--unoda-regular);
	text-decoration: none!important;
}
.menu-first-footer-container .menu-item:hover,
.menu-first-footer-arabic-container .menu-item:hover,
.menu-first-footer-chinese-container .menu-item:hover,
.menu-first-footer-russian-container .menu-item:hover,
.menu-first-footer-french-container .menu-item:hover,
.menu-first-footer-spanish-container .menu-item:hover{
	background-color: transparent;
}

.menu-second-footer-container ul,
.menu-second-footer-arabic-container ul,
.menu-second-footer-chinese-container ul,
.menu-second-footer-russian-container ul,
.menu-second-footer-french-container ul,
.menu-second-footer-spanish-container ul,
.menu-third-footer-container ul,
.menu-third-footer-arabic-container ul,
.menu-third-footer-chinese-container ul,
.menu-third-footer-russian-container ul,
.menu-third-footer-french-container ul,
.menu-third-footer-spanish-container ul{
	display: table;
}

.menu-second-footer-container ul li,
.menu-second-footer-arabic-container ul li,
.menu-second-footer-chinese-container ul li,
.menu-second-footer-russian-container ul li,
.menu-second-footer-french-container ul li,
.menu-second-footer-spanish-container ul li,
.menu-third-footer-container ul li,
.menu-third-footer-arabic-container ul li,
.menu-third-footer-chinese-container ul li,
.menu-third-footer-russian-container ul li,
.menu-third-footer-french-container ul li,
.menu-third-footer-spanish-container ul li{
	background-color: transparent!important;
	padding: 0!important;
}

.menu-second-footer-container ul li a,
.menu-second-footer-arabic-container ul li a,
.menu-second-footer-chinese-container ul li a,
.menu-second-footer-russian-container ul li a,
.menu-second-footer-french-container ul li a,
.menu-second-footer-spanish-container ul li a,
.menu-third-footer-container ul li a,
.menu-third-footer-arabic-container ul li a,
.menu-third-footer-chinese-container ul li a,
.menu-third-footer-russian-container ul li a,
.menu-third-footer-french-container ul li a,
.menu-third-footer-spanish-container ul li a{
	color: var(--text-invert)!important;
	text-decoration: revert;
}
/* footer*/

.menu-sg-statements-archive-container,
.menu-hr-statements-archive-container,
.menu-press-releases-archives-container,
.menu-update-years-menu-container,
.menu-event-years-menu-container {
	height:380px
}


/* Mautic forms */

.mauticform_wrapper {
	max-width: 600px;
	/*margin: 10px auto;*/
	color: #6f6f6f;
	font-weight: 400;
	font-family: var(--font-family-base);
	font-size: 18px;
}
.mauticform-innerform {

}
.mauticform-post-success {

}
.mauticform-name {
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 3px;
}
.mauticform-description {
	margin-top: 2px;
	margin-bottom: 10px;
}
.mauticform-error {
	margin-bottom: 10px;
	color: red;
}
.mauticform-message {
	margin-bottom: 10px;
	color: green;
}
.mauticform-row {
	display: block;
	margin-bottom: 20px;
}
.mauticform-label {
	font-size: 1.1em;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
.mauticform-row.mauticform-required .mauticform-label:after {
	color: #e32;
	content: " *";
	display: inline;
}
.mauticform-helpmessage {
	display: block;
	font-size: 0.9em;
	margin-bottom: 3px;
}
.mauticform-errormsg {
	display: block;
	color: red;
	margin-top: 2px;
}
.mauticform-selectbox, .mauticform-input, .mauticform-textarea {
	width: 100%;
	padding: 0.5em 0.5em;
	border: 1px solid #CCC;
	background: #fff;
	box-shadow: 0px 0px 0px #fff inset; border-radius: 4px; box-sizing: border-box;
}
.mauticform-checkboxgrp-row {

}
.mauticform-checkboxgrp-label {
	font-weight: normal;
}
.mauticform-checkboxgrp-checkbox {}
.mauticform-radiogrp-row {}
.mauticform-radiogrp-label {
	font-weight: normal;
}
.mauticform-radiogrp-radio {}
.mauticform-button-wrapper .mauticform-button.btn-default {
	color: var(--white);
	background-color: var(--blue);
	border-color: var(--blue);
}
.mauticform-button-wrapper .mauticform-button {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 13px;
	line-height: 1.3856;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mauticform-button-wrapper .mauticform-button.btn-default[disabled] {
	background-color: #ffffff;
	border-color: #dddddd;
}

/* Mautic forms /*

/*-----------------------Responsive layout------------------------*/

/*xtra-large layout*/
@media (min-width: 1200px){
	.site-content{ margin-top: 15px; margin-bottom: 15px;}
	.nav-container{
		margin: auto;
	}

	#lang-select { display: block; }
	#lang-burger { display: none; }


	.dropdown-content {
		display: none;
	}

	#footer-container{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

/*	Hero */
	.carousel-caption-1 {
		top: 150px;
		bottom: unset;
		left: 5%!important;
		right: unset!important;
	}

	.carousel-caption-2 {
		top: unset;
		bottom: 10px;
		left: 5%!important;
		right: unset!important;
	}

	.carousel-caption-3 {
		top: 150px;
		bottom: unset;
		left: unset!important;
		right: 5%!important;
	}

	.carousel-caption-4 {
		top: unset;
		bottom: 10px;
		left: unset!important;
		right: 5%!important;
	}
/*	hero */
/*	Spotlight*/
	#spotlight-container{
		display: flex;
		flex-direction: column;
	}

	#spotlight-content {
		margin: 0;
	}

	.spotlight-image {
		height: 0;
		overflow: hidden;
		padding-top: 75%;
		position: relative;
	}

	.spotlight-image img{
		min-height: 100%;
		min-width: 100%;
		width: auto;
		height: auto;
		top: 0;
		left: 0;
		position: absolute;
	}

	.spotlight-title {
		height: fit-content;
		flex-grow: 1;
		-webkit-flex-grow: 1;
		background-color: transparent;
	}

	.spotlight-date {
		color: var(--gray);
		font-size: 1.3rem;
		border-bottom: var(--blue) solid 3px;
	}

	.spotlight-box-inner-other {
		background: #edf5fc;
		height: 145px;
	}
/*  Spotlight */
/*	Updates */
	.news-item {
		max-height: 740px;
	}
	.update-section-container .section-more {
		margin-top: 250px;
	}
/*	Updates */
/*	Our work*/
	#ourwork-container {
		padding-bottom: 140px;
	}

	.our-work-wrapper {
		height: 400px;
	}
/*	Our work */
/*	Featured */
	#featured_container {
		width: 100%;
		padding: 0 15px 140px 15px;
		display: flex;
		flex-direction: column;
		align-content: center;
	}

	#featured-content {
		display: grid;
		grid-template-columns: 48% 48%;
		grid-column-gap: 4%;
		grid-row-gap: 30px;
	}

	.featured-box {
		height: 430px;
	}
	.featured-inner {
		height: inherit;
		display: flex;
		flex-direction: column;
	}

	.featured-image {
		height: 0;
		overflow: hidden;
		padding-top: 56.25%;
		position: relative;
	}

	.featured-image img {
		min-height: 100%;
		min-width: 100%;
		width: auto;
		height: auto;
		top: 0;
		position: absolute;
	}

	.featured-inner-content{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-grow: 1;
		padding: 20px;
	}
/*	Featured */
/*	Event*/
	#events-content {
		overflow-y: scroll;
		padding: var(--space-lg) 0;
		height: 580px;
		/*border-top: 1px dashed rgba(101, 119, 154, 0.66);*/
		/*border-bottom: 1px dashed rgba(101, 119, 154, 0.66);*/
	}

	.timeline-container {
		position: relative;
		padding: var(--space-md) 0;
	}

	#events-content::-webkit-scrollbar { display: none !important }

	.timeline-container {
		position: relative;
		padding: var(--space-md);
	}

	.timeline-container::before {
		content: "";
		position: absolute;
		top: -5%;
		height: 110%;
		width: 1px;
		background: rgb(159,159,159);
	}

	.event-item {
		display: flex;
	}
	.event-item:nth-child(odd)::after{
		content: "";
		position: relative;
		top: 10px;
		height: 0px;
		width: 0px;
		background: transparent;
		border-top: 10px solid transparent;
		border-left: 10px solid #ffffff;
		border-bottom: 10px solid transparent;
	}
	.rtl .event-item:nth-child(odd)::after {
		border-right: 10px solid #ffffff;
		border-left: unset;
	}

	#today-icon {
		margin: 0 auto;
		width: 30%;
		border-radius: 0;
		background-color: var(--gray-light);
		box-shadow: none;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	#today-icon>.event-card-top>.event-card-location {
		color: darkred!important;
	}

	.timeline-container::before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.event-item:nth-child(even) {
		flex-direction: row-reverse;
	}

	.event-item:nth-child(even)::after{
		content: "";
		position: relative;
		top: 10px;
		height: 0px;
		width: 0px;
		background: transparent;
		border-top: 10px solid transparent;
		border-right: 10px solid #ffffff;
		border-bottom: 10px solid transparent;
	}

	.rtl .event-item:nth-child(even)::after{
		border-left: 10px solid #ffffff;
		border-right: unset;
	}

	.event-icon {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		width: 25px;
		height: 25px;
		border-radius: 25px;
		box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.62);
	}

	.event-icon-inner {
		width: 19px;
		height: 19px;
		border-radius: 25px;
		background-color: white;
	}

	#today-card>.event-icon:after{
		display: none!important;
	}

	@media (min-width: 64rem) {
		.event-icon {
			order: 1;
			margin: 5px 20px;
			z-index: 2;
			background-color: #004570;
		}
	}

	.event-card {
		flex-grow: 1;
	}

	@media (min-width: 64rem) {
		.event-card {
			width: 46%;
			flex-grow: 0;
			padding: 5px 20px;
			background-color: #ffffff;
			border-radius: 5px;
			box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
		}
	}
	.event-card-top{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.event-card-top h4{
		padding: 10px 5px;
		/*font-weight: 500;*/
		/*color: black;*/
	}
	.event-card-location{
		color: var(--gray) !important;
		font-weight: var(--unoda-light)!important;
		font-style: italic;
	}

	.event-item-details>p {
		font-size: 1.4rem;
		font-weight: var(--unoda-light);
	}

	.event-item-details>p a {
		text-decoration: none!important;
	}

	/*	Event*/
	/*	Nav */
	.menu-main-menu-container,
	.menu-main-menu-arabic-container,
	.menu-main-menu-chinese-container,
	.menu-main-menu-russian-container,
	.menu-main-menu-french-container,
	.menu-main-menu-spanish-container{
		width: 100%;
	}
	.dropdown-content {
		display: none;
	}
	.menu {
		display: flex;
		flex-direction: row;
		justify-content: stretch;
		margin-bottom: 0;
		padding-left: 0;
		height: 50px;
	}
	.menu>li>a{
		color:white;
	}
	.menu>li:hover>a{
		color: var(--gray-dark);
	}

	#menu-main-menu-arabic>.menu-item,
	#menu-main-menu-chinese>.menu-item,
	#menu-main-menu-russian>.menu-item,
	#menu-main-menu-french>.menu-item,
	#menu-main-menu-spanish>.menu-item,
	#menu-main-menu>.menu-item {
		font-size: 1.2rem;
		font-weight: var(--unoda-regular);
		line-height: 40px;
		flex-grow: 1;
		list-style: none;
		padding: 5px 0;
		text-align: center;
		color: white;
		border-left: 1px dotted #898989;
		font-family: var(--font-family-header);
	}
	#menu-main-menu>.menu-item:last-child,
	#menu-main-menu-arabic>.menu-item:last-child,
	#menu-main-menu-chinese>.menu-item:last-child,
	#menu-main-menu-russian>.menu-item:last-child,
	#menu-main-menu-french>.menu-item:last-child,
	#menu-main-menu-spanish>.menu-item:last-child {
		border-right: 1px dotted #898989;
	}

	.menuitem-dropdown-content, .sub-menu {
		display: none;
		visibility: hidden;
		position: absolute;
		/*top: 0;*/
		margin-top: 5px;
	}
	.menuitem-dropdown-content a {
		color: var(--gray-light);
		padding-top: 12px;
		padding-bottom: 12px;
		padding-right: 12px;
		text-decoration: none;
		display: block;
		position: relative;
		font-size: var(--unoda-font1);
		font-weight: var(--unoda-regular);
	}

	.menuitem-dropdown-content a:hover {
		background-color: rgba(242,242,242,0.3);
		color: var(--gray-light);
	}

	.menu-item-has-children>a{
		text-decoration: none;
		padding: 5px 5px;
		pointer-events: none;
	}

	.show{
		display: block;
	}
	.sub-menu{
		padding-left: 0;
		left: 0;
		width: 100vw;
		margin: 5px 0 0 0;
		background-color: rgb(252, 252, 252);
		box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.32);
	}
	.sub-menu>.menu-item{
		text-align: left;
		max-width: 100vw;
		height: 55px;
	}
	.sub-menu>.menu-item>a{
		text-decoration: none;
		line-height: 44px;
		display: block;
		font-weight: var(--unoda-regular);
		font-family: var(--font-family-header);
		text-transform: uppercase;
	}
	.sub-menu>li:hover {
		background-color: rgb(64, 180, 236)!important;
		cursor: pointer;
	}
	.sub-menu>li>a{
		color: var(--gray-dark);
	}

	.right2left .menu{
		padding-right: 0;
	}

	.right2left .sub-menu {
		padding-right: 15px;
		margin-top: 5px;
	}

	.right2left .sub-menu>.menu-item>a{
		text-align: right;
	}

	.nav-items,
	.nav2-workitems{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		height: 50px;
		/*padding-left: 15px;*/
		/*padding-right: 15px;*/
	}
	#nav2-container{
		display: table;
	}

	.navigation-container2, #navigation-container2 {
		height: 56px;
		background-color: var(--gray-dark);
	}

	.menu-item{
		list-style: none;
		padding: 8px;
		color: white;
		font-size: 13px;
		/*font-weight: 400;*/
	}

	.menu-item:hover{
		background-color: white;
		cursor: pointer;
	}

	.nav-button{
		background-color: inherit;
		color: white;
		border: none;
		text-shadow: 0 0 1px white;
		font-weight: 300;
		font-size: 1.5rem;
		height: 64px;
		text-decoration: none!important;
	}

	.show{
		visibility: visible;
		/*display: unset;*/
		opacity: 1;
		-webkit-transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out;
		-webkit-transition-delay: 250ms;
		-moz-transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out;
		-moz-transition-delay: 250ms;
		transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out;
		transition-delay: 250ms;
		z-index: 100;
	}

	.hide{
		visibility: hidden;
		display: none;
		opacity: 0;
		-webkit-transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out;
		-webkit-transition-delay: 250ms;
		-moz-transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out;
		-moz-transition-delay: 250ms;
		transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out;
		transition-delay: 250ms;
	}
	/*	Nav */
/*	Masthead*/
	#masthead{
		height: 100px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	#emblem-container{
		max-height: 100px;
	}

	#searchbox{
		max-width: 100%;
		height: 100%;
	}
	#searchbox .input-group{
		margin-top: 35px;
	}

	#searchbox .textbox{
		/*width: 84%;*/
		border: 1px solid var(--gray);
		border-radius: 3px;
		height: 36px;
	}

	.topemblemline {
		padding: 15px 0;
	}

	.topemblemline img {
		height: 65px;
	}
/*	Masthead*/
/*	Header */
	#lang-select {
		padding-top: 8px;
	}
	#lang_sel_list ul{
		display: flex;
		flex-direction: row;
		margin-top: 5px;
	}

	#lang_sel_list ul li {
		width: fit-content;
		margin: 0 5px;
	}

	#lang_sel_list ul li a {
		font-size: 13px;
		line-height: 24px;
		background-color: transparent;
	}
/*	Header */
/*	footer */
	.menu-first-footer-container ul,
	.menu-first-footer-arabic-container ul,
	.menu-first-footer-chinese-container ul,
	.menu-first-footer-russian-container ul,
	.menu-first-footer-french-container ul,
	.menu-first-footer-spanish-container ul{
		display: flex;
		flex-direction: row;
		justify-content: stretch;
		margin-bottom: 0;
		padding-left: 0;
		height: 50px;
	}
/*	footer */

}

/*large layout*/
@media (max-width: 1200px){

	.sticky-item{
		position: sticky;
		top: 0;
	}


	#footer-container{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.footer {
		height: auto;
	}

/*	Hero*/
	.hero-overlay {
		display: unset;
	}

	.carousel-inner {
		height: 0;
		padding-top: 60%;
	}

	.carousel-item {
		width: 100%;
	}
	.carousel-item img {
		width: 96%;
		position: relative;
		top: 10%;
		left: 2%;
		right: 2%;
		border-radius: 5px;
	}

	.carousel-caption {
		overflow: hidden;
		text-overflow: ellipsis;
		position: relative;
		display: block;
		top: 0;
		margin-top: 12%;
		bottom: 0!important;
		left: 0;
		width: 100%;
		background: transparent;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		max-width: 100%;
	}

	.carousel-caption .caption-content { padding-left: 20px; }
	.rtl .carousel-caption {
		right: 10px;
		left: unset;
	}

	.carousel-caption .caption-content h3 {
		font-size: 1.9rem;
		font-weight: 700;
	}
	.carousel-caption .caption-content p {
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.carousel-caption .caption-content a {font-size: 1.2rem;}

	.hero-overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		background-color: rgba(0, 0, 0, 0.3);
		-webkit-backdrop-filter: blur(25px);
		backdrop-filter: blur(25px);
	}
/*  Hero*/
/*	Spotlight */
	#spotlight-container{
		display: flex;
		flex-direction: column;
	}

	#spotlight-content {
		margin: 0;
	}

	.spotlight-image {
		height: 0;
		overflow: hidden;
		padding-top: 70%;
		position: relative;
	}

	.spotlight-image img{
		min-height: 100%;
		min-width: 100%;
		width: auto;
		height: auto;
		top: 0;
		left: 0;
		position: absolute;
	}

	.spotlight-title {
		height: fit-content;
		flex-grow: 1;
		-webkit-flex-grow: 1;
		background-color: transparent;

	}
	.spotlight-title a {
		text-decoration: none;
	}

	.spotlight-date {
		font-style: italic;
		color: gray;
		font-size: 1.3rem;
		border-bottom: var(--blue) solid 3px;
	}

	.spotlight-box-inner-other {
		background: #edf5fc;
		height: 145px;
	}
/*	Spotlight */
/*	Updates */
	.news-item {
		max-height: 740px;
	}
	.update-section-container .section-more {
		margin-top: 250px;
	}
/*	Updates */
/*	Our work*/
	#ourwork-container {
		padding-bottom: 100px;
	}

	.our-work-wrapper {
		height: 200px;
	}
/*	Our work*/
/*	Featured*/
	#featured_container {
		padding-bottom: 120px;
	}

	#featured-content {
		display: grid;
		grid-template-columns: 48% 48%;
		grid-column-gap: 4%;
		grid-row-gap: 30px;
	}

	.featured-box {
		/*height: 360px;*/
	}
	.featured-inner {
		height: inherit;
		display: flex;
		flex-direction: column;
	}

	.featured-image {
		height: 0;
		overflow: hidden;
		padding-top: 56.25%;
		position: relative;
	}

	.featured-image img {
		min-height: 100%;
		min-width: 100%;
		width: auto;
		height: auto;
		top: 0;
		position: absolute;
	}

	.featured-inner-content{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-grow: 1;
		padding: 20px;
	}


	.featured-inner p {
		text-align: left;
		/*margin: 15px 20px;*/
		text-shadow: 0 0 1px #b9b9b9;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
/*	Featured*/
/*	Event*/
	#events-content {
		overflow-y: scroll;
		padding: var(--space-lg) 0;
		height: 580px;
		/*border-top: 1px dashed rgba(101, 119, 154, 0.66);*/
		/*border-bottom: 1px dashed rgba(101, 119, 154, 0.66);*/
	}

	.timeline-container {
		position: relative;
		padding: var(--space-md) 0;
	}

	#events-content::-webkit-scrollbar { display: none !important }

	.timeline-container {
		position: relative;
		padding: var(--space-md);
	}

	.timeline-container::before {
		content: "";
		position: absolute;
		top: -5%;
		height: 110%;
		width: 1px;
		background: rgb(159,159,159);
	}

	.event-item {
		display: flex;
	}
	.event-item:nth-child(odd)::after{
		content: "";
		position: relative;
		top: 10px;
		height: 0px;
		width: 0px;
		background: transparent;
		border-top: 10px solid transparent;
		border-left: 10px solid #ffffff;
		border-bottom: 10px solid transparent;
	}
	.rtl .event-item:nth-child(odd)::after {
		border-right: 10px solid #ffffff;
		border-left: unset;
	}

	#today-icon {
		margin: 0 auto;
		width: 100%;
		border-radius: 0;
		background-color: var(--gray-light);
		box-shadow: none;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
	#today-icon>.event-card-top>.event-card-location {
		color: darkred!important;
	}

	.timeline-container::before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.event-item:nth-child(even) {
		flex-direction: row-reverse;
	}
	.event-item:nth-child(even)::after{
		content: "";
		position: relative;
		top: 10px;
		height: 0px;
		width: 0px;
		background: transparent;
		border-top: 10px solid transparent;
		border-right: 10px solid #ffffff;
		border-bottom: 10px solid transparent;
	}


	.event-icon {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		width: 25px;
		height: 25px;
		border-radius: 25px;
		box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.62);
	}

	.event-icon-inner {
		width: 19px;
		height: 19px;
		border-radius: 25px;
		background-color: white;
	}

	#today-card>.event-icon:after{
		display: none!important;
	}


	.event-icon {
		order: 1;
		margin: 5px 12px;
		z-index: 2;
		background-color: #004570;
	}


	.event-card {
		flex-grow: 1;
	}

	.event-card {
		width: 46%;
		flex-grow: 0;
		padding: 5px 20px;
		background-color: #ffffff;
		border-radius: 5px;
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	}

	.event-card-top{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.event-card-top h4{
		padding: 10px 5px;
		/*font-weight: 500;*/
		/*color: black;*/
	}
	.event-card-location{
		color: var(--gray) !important;
		font-weight: var(--unoda-light)!important;
		font-style: italic;
	}

	.event-item-details>p {
		font-size: 1.4rem;
		font-weight: var(--unoda-light);
	}

	.event-item-details>p a {
		text-decoration: none!important;
	}
/*	Event*/
/*	Nav */
	#hamburger {
		display: block;
	}

	.left2right {
		text-align: left;
	}

	#menu-main-menu a,
	#menu-main-menu-chinese a,
	#menu-main-menu-russian a,
	#menu-main-menu-french a,
	#menu-main-menu-spanish a{
		padding: 0 5px;
	}

	#menu-main-menu-arabic a {
		padding: 0 45px!important;
	}

	.show,
	.show-burger,
	.show-burger #menu-main-menu>li:after,
	.show-burger #menu-main-menu-arabic>li:after,
	.show-burger #menu-main-menu-chinese>li:after,
	.show-burger #menu-main-menu-russian>li:after,
	.show-burger #menu-main-menu-spanish>li:after,
	.show-burger #menu-main-menu-french>li:after,
	.sub-menu.show li:after{
		max-height: 1500px; /* Note: set a large max-height to allow for transitions*/
		transition: max-height 500ms linear;
		-webkit-transition: max-height 500ms linear;
		-moz-transition: max-height 500ms linear;
	}

	.hide,
	.hide-burger,
	.hide-burger #menu-main-menu>li:after,
	.hide-burger #menu-main-menu-arabic>li:after,
	.hide-burger #menu-main-menu-chinese>li:after,
	.hide-burger #menu-main-menu-russian>li:after,
	.hide-burger #menu-main-menu-french>li:after,
	.hide-burger #menu-main-menu-spanish>li:after,
	.sub-menu.hide li:after{
		pointer-events: none;
		max-height: 0;
		transition: max-height 500ms linear;
		-webkit-transition: max-height 500ms linear;
		-moz-transition: max-height 500ms linear;
	}

	.hide-burger #lang_sel_list {
		display: none;
	}

	#menu-main-menu>li:after,
	#menu-main-menu-arabic>li:after,
	#menu-main-menu-chinese>li:after,
	#menu-main-menu-russian>li:after,
	#menu-main-menu-french>li:after,
	#menu-main-menu-spanish>li:after,
	.sub-menu li:after{
		content: "";
		width: 100vw;
		height: 1px;
		left: -15px;
		position: absolute;
		background-color: rgba(179, 179, 179, 0.22);
	}

	.right2left .menu-item,
	.menu-item {
		list-style: none;
		color: white;
		font-size: 14px;
	}

	.right2left .menu{
		padding-right: 0;
	}

	.right2left .menu-item>a{
		padding-right: 15px;
	}

	.right2left .sub-menu {
		padding-right: 0;
	}

	.right2left .sub-menu>.menu-item>a{
		padding-right: 15px;
	}

	[id^='menu-main-menu'] {
		list-style: none;
		margin-bottom: 0;
		width: 100vw;
	}

	[id^='menu-main-menu']>.menu-item,
	#menu-main-menu>.menu-item,
	#menu-main-menu-arabic>.menu-item,
	#menu-main-menu-chinese>.menu-item,
	#menu-main-menu-russian>.menu-item,
	#menu-main-menu-french>.menu-item,
	#menu-main-menu-spanish>.menu-item{
		font-family: var(--font-family-header);
		font-size: var(--unoda-font1);
		font-weight: var(--unoda-regular);
		color: white;
		text-decoration: none;
		line-height: 44px;
		margin-left: -38px;
		padding-left: 15px;
	}

	[id^='menu-main-menu']>.menu-item>a{
		line-height: 44px;
		display: block;
		color: white;
	}

	[id^='menu-main-menu']>.menu-item>.sub-menu {
		list-style: none;
		padding-left: 0;
		margin-left: -32px;
		background-color: var(--gray-light);
	}

	[id^='menu-main-menu']>.menu-item>.sub-menu>.menu-item {
		font-family: var(--font-family-header);
		font-size: var(--unoda-font1);
		font-weight: var(--unoda-regular);
		text-decoration: none;
		line-height: 44px;
		padding-left: 16px;
	}

	[id^='menu-main-menu']>.menu-item>.sub-menu>.menu-item>a{
		color: black;
		line-height: 44px;
		display: block;
	}
	[id^='menu-main-menu']>.menu-item>.sub-menu>.menu-item:active {
		background-color: rgb(64, 180, 236) !important;
	}
/*	Nav */
/*	Masthead*/
	#emblem-container{
		max-height: 100px;
	}

	.topemblemline {
		padding: 15px 0;
	}

	.topemblemline img {
		height: 65px;
	}

	#masthead{
		height: 100px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-left: 0;
		margin-right: 0;
		max-width: unset;
	}

	#searchbox{
		max-width: 100%;
		height: 100%;
	}
	#searchbox .input-group{
		margin-top: 36px;
	}

	#searchbox .textbox{
		width: 75%;
		height: 28px;
	}

	.burger_closed>#hamburger-icon-open,
	.burger_open>#hamburger-icon-close{
		display: block;
		/*margin-left: 15px;*/
	}

	.rtl .burger_closed>#hamburger-icon-open,
	.rtl .burger_open>#hamburger-icon-close{
		margin-left: 0;
		/*margin-right: 15px;*/
	}

	.burger_closed>#hamburger-icon-close,
	.burger_open>#hamburger-icon-open{
		display: none!important;
	}
/*	Masthead*/
/*	Header */
	#lang-select { display: block; }
	#lang-burger { display: none; }

	#lang-select {
		padding-top: 8px;
	}
	#lang_sel_list ul{
		display: flex;
		flex-direction: row;
		margin-top: 5px;
	}

	#lang_sel_list ul li {
		width: fit-content;
		margin: 0 5px;
	}

	#lang_sel_list ul li a {
		font-size: 13px;
		line-height: 24px;
		background-color: transparent;
	}
/*	Header */
/*	footer*/
	.menu-first-footer-container ul,
	.menu-first-footer-arabic-container ul,
	.menu-first-footer-chinese-container ul,
	.menu-first-footer-russian-container ul,
	.menu-first-footer-french-container ul,
	.menu-first-footer-spanish-container ul {
		display: flex;
		flex-direction: row;
		justify-content: stretch;
		margin-bottom: 0;
		padding-left: 0;
		height: 50px;
	}

	.menu-first-footer-container ul li,
	.menu-first-footer-arabic-container ul li,
	.menu-first-footer-chinese-container ul li,
	.menu-first-footer-russian-container ul li,
	.menu-first-footer-french-container ul li,
	.menu-first-footer-spanish-container ul li{
		margin: 0 5px;
	}

	#footer-container #content-right {
		margin: 25px 0;
	}
/*	footer*/
}

/*medium layout*/
@media (max-width: 992px){

	#today-icon {
		width: 30%;
		border-radius: 0;
		box-shadow: none;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}

	.sticky-item{
		position: sticky;
		top: 0;
	}

	.media-body>h4>a{
		color: rgb(61, 61, 61);
		font-weight: 500;
		text-decoration: underline;
		text-decoration-color: rgb(0, 164, 255);
		text-decoration-thickness: 2px;
	}

	.media-body>p{
		font-size: 1.3rem;
		font-weight: var(--unoda-light);
	}



	.site-footer-row {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	#footer-container{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.footer {
		height: auto;
	}

	.site-footer .un-logo {
		width: 55%;
	}

/*	Hero*/
	.carousel-inner {
		padding-top: 65%;
	}

	.carousel-caption {
		margin-top: 16%;
	}

	.carousel-caption .caption-content { padding-left: 30px;}
/*  Hero*/
/*	Updates */
	.news-item {
		max-height: unset;
	}

	.update-section-container .section-more {
		margin-top: 50px;
	}

	.update-card-title {
		font-size: var(--unoda-font3);
	}
/*	Updates */
/*	Featured */
	#featured-content {
		display: grid;
		grid-template-columns: 48% 48%;
		grid-column-gap: 4%;
		grid-row-gap: 30px;
	}

	/*.featured-box {*/
	/*	height: 340px;*/
	/*}*/
	.featured-inner {
		height: inherit;
		display: flex;
		flex-direction: column;
	}

	.featured-image {
		height: 0;
		overflow: hidden;
		padding-top: 56.25%;
		position: relative;
	}

	.featured-image img {
		min-height: 100%;
		min-width: 100%;
		width: auto;
		height: auto;
		top: 0;
		position: absolute;
	}

	.featured-inner-content{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-grow: 1;
		padding: 20px;
	}

	.featured-inner p {
		text-align: left;
		/*margin: 15px 20px 0px;*/
		text-shadow: 0 0 1px #b9b9b9;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
/*	Featured*/
/*	Event*/
	#today-card {
		margin: 40px 0;
		height: 50px;
	}

	#today-icon {
		margin: 0 50px;
	}
	.rtl #today-icon {
		width: 100%;
	}

	.event-item {
		margin-top: 10px;
		margin-bottom:10px;
	}

	.timeline-container::before {
		width: 1px;
	}

	.event-item:nth-child(odd){
		margin-left: 25px;
	}
	.rtl .event-item:nth-child(odd){
		padding-right: 10px;
	}

	.event-item:nth-child(odd)::after{
		position: absolute;
		left: 26px;
		margin-top: 30px;
		border-right: 10px solid #ffffff;
		border-left: 10px solid rgba(255, 255, 255, 0);
	}
	.rtl .event-item:nth-child(odd)::after {
		left: 35px;
	}

	.timeline-container::before {
		left: 20px;
	}
	.event-item:nth-child(even) {
		flex-direction: row-reverse;
		margin-left: 15px;
	}
	.rtl .event-item:nth-child(even){
		margin-left: 25px;
	}
	.rtl .event-item:nth-child(even)::after {
		left: -100%;
	}
	.event-item:nth-child(even)::after{
		content: "";
		position: relative;
		top: 10px;
		height: 0px;
		width: 0px;
		background: transparent;
		border-top: 10px solid transparent;
		border-right: 10px solid #ffffff;
		border-bottom: 10px solid transparent;
	}

	.event-icon {
		position: absolute;
		margin-top: 10px;
		left: -5px;
	}

	.event-card {
		width: 100%;
	}
/*	Event*/
}

/*small layout*/
@media (max-width: 768px){

	/********         Menus           *******/

	.left2right {
		text-align: left;
	}

	.right2left .menu{
		padding-right: 0;
	}

	.right2left .menu-item>a{
		padding-right: 15px;
	}

	.right2left .sub-menu {
		padding-right: 0;
	}

	.right2left .sub-menu>.menu-item>a{
		padding-right: 15px;
	}

	.sticky-item{
		position: sticky;
		top: 0;
	}

	.media-body>h4>a{
		color: rgb(61, 61, 61);
		font-weight: 500;
		text-decoration: underline;
		text-decoration-color: rgb(0, 164, 255);
		text-decoration-thickness: 2px;
	}

	.media-body>p{
		font-size: 1.3rem;
		font-weight: var(--unoda-light);
	}

	.link-list>ul>li>a {
		font-weight: var(--unoda-regular)
	}

	#dropdown-lang>div>ul>li>a>span{
		font-weight: var(--unoda-bold);
	}

	.site-footer-row {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.footer {
		height: auto;
	}

/*	Hero*/
	.carousel-caption .caption-content { padding-left: 20px;}
/*  Hero*/
/*	Updates */
	.update-card-title {
		font-size: var(--unoda-font2);
	}
	.media-body {
		max-height: 150px;
		overflow: hidden;
	}
/*	Updates */
/*	Header */
	#lang-select { display: none;!important; }
	#lang-burger { display: block; }

	#lang-select, #lang-burger { display: none; }
	#lang-burger { display: flex; flex-direction: row; }
	.languagebar #content-left,
	.languagebar #content-right {
		padding-top: 7px;
		font-size: 1rem;
	}

	.languagebar #content-right{
		font-weight: var(--unoda-regular);
	}
	#lang_sel_list {
		background: rgb(234, 234, 234);
		width: 100%;
		margin-right: 0px;
		padding-left: 16px;
		height: -webkit-fit-content;
	}
	#lang_sel_list ul{
		/*overflow : hidden;*/
		font-weight: var(--unoda-regular);
		padding: 0 !important;
		margin: 0 !important;
		list-style-type: none !important;
		display: flex;
		flex-direction: column;
	}
	#dropdown-lang {
		top: 40px;
		position: absolute;
		width: 30%;
		right: 0;
	}
	.rtl #dropdown-lang {
		left: 0;
		right: unset;
	}

	#icl_lang_sel_widget-1 {
		margin: 50px 0 20px 0;
	}

	#lang_sel_list a, #lang_sel_list a:visited {
		font-size: 1.3rem;
		font-weight: 600;
		color: #4a4a4a;
		background: transparent;
	}
	#lang_sel_list ul a, #lang_sel_list_list ul a:visited {
		background: transparent;
		color: #4a4a4a;
	}
	#lang_sel_list ul {
		padding: 0 !important;
		margin: 0 !important;
		list-style-type: none !important;
		width: 100%;
	}
	#lang_sel_list li {
		/*padding-right: 10px !important;*/
		padding: 10px 10px!important;
		width: 100% !important;
	}
	#lang_sel_list li:last-child {
		border: none;
	}

	.wpml-ls-current-language {
		background-color: var(--blue);
	}

	.wpml-ls-current-language a span {
		color: var(--text-invert)!important;
	}
/*	Header */
/*	footer */

	.site-footer .un-logo {
		width: 55%;
	}

	#footer-container #content-left,
	#footer-container #content-right {
		margin: 25px auto 0 auto;
	}

	.menu-first-footer-container ul,
	.menu-first-footer-arabic-container ul,
	.menu-first-footer-chinese-container ul,
	.menu-first-footer-russian-container ul,
	.menu-first-footer-french-container ul,
	.menu-first-footer-spanish-container ul{
		/*display: table;*/
	}

	#footer-container {
		display: flex;
		flex-direction: column;
	}
/*	footer */
}

/*x-small layout*/
@media (max-width: 576px){


	/********         Menus           *******/

	.left2right {
		text-align: left;
	}

	.right2left .menu{
		padding-right: 0;
	}

	.right2left .menu-item>a{
		padding-right: 15px;
	}

	.right2left .sub-menu {
		padding-right: 0;
	}

	.right2left .sub-menu>.menu-item>a{
		padding-right: 15px;
	}

	.link-list>ul>li>a {
		font-weight: var(--unoda-regular)
	}

	#dropdown-lang>div>ul>li>a>span{
		font-weight: var(--unoda-bold);
	}

	.media-heading {
		font-weight: var(--unoda-regular);
	}

	.site-footer-row {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.footer {
		height: auto;
	}

	#footer-container {
		display: flex;
		flex-direction: column; !important;
	}

/*	Hero */
	.carousel-inner {
		padding-top: 80%;
	}

	.carousel-caption {
		margin-top: 25%;
	}

	.carousel-caption .caption-content h3 {
		font-size: 1.9rem;
		font-weight: 700;
	}
	.carousel-caption .caption-content p {
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.carousel-caption .caption-content a {font-size: 1.2rem;}

	.carousel-control-prev,
	.carousel-control-next {
		display: none;
	}
/*	Hero */
/*	Featured*/
	#featured-content {
		display: flex;
		flex-direction: column;
	}

	.featured-box {
		margin: 10px auto;
		width: 100%;
	}

	.featured-inner {
		height: inherit;
		display: flex;
		flex-direction: column;
	}

	.featured-image {
		height: 0;
		overflow: hidden;
		padding-top: 56.25%;
		position: relative;
	}

	.featured-image img {
		min-height: 100%;
		min-width: 100%;
		width: auto;
		height: auto;
		top: 0;
		position: absolute;
	}

	.featured-inner-content{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-grow: 1;
		padding: 20px;
	}


	.featured-inner p {
		text-align: left;
		/*margin: 15px 20px;*/
		text-shadow: 0 0 1px #b9b9b9;
		font-size: 1.4rem;
		line-height: 2.0rem;
	}
/*	Featured*/
/*	Event*/
	@media (min-width: 64rem) {
		.event-icon {
			position: absolute;
			margin-top: 10px;
			left: -5px;
		}
	}
/*	Event*/
/*	Masthead*/
	#searchbox .textbox{
		width: 65%;
		height: 28px;
	}

	#emblem-container{
		max-height: 100px;
		max-width: 244px;
	}

	.topemblemline {
		padding: 25px 0;
	}

	.topemblemline img {
		height: 45px;
	}
/*	Masthead*/

	.site-footer .un-logo {
		width: 55%;
	}

}


.footer{
	width: 100%;
	background-color: var( --gray-light );
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.footer-icons{
	margin: 0 10px 0 0;
}

#footer-container #content-left{
	margin: 28px 0 0 0;
	font-weight: var(--unoda-regular);
}

#footer-container #content-right{
	margin: 20px 0 0 0;

}
#footer-container #content-right ul{ font-weight: var(--unoda-regular); }

#footer-container #content-left a{
	color: var(--gray-dark);
}

.rotatingtweets,  .norotatingtweets {
	border-top: none;
	border-bottom: none;
	margin-bottom: 3%;
	width: auto;
}
.rotatingtweets p{
	color: var(--gray-light);
	font-weight: var(--unoda-light);
	width: auto;
}
.rotatingtweets a{
	color: #ffffff;
	font-weight: var(--unoda-bold);
}
.rotatingtweets a:visited{
	color: var(--gray-light);
}


.dropdown-toggle{
	white-space: pre-wrap;
}

/* =Google Custom Search

-------------------------------------------------------------- */
#search-container>div {
	width: 100%;
}

#search-container table,
#search-container tbody,
#search-container tr,
#search-container td{
	border: none!important;
	background: white;
}

#search-container .gsc-input-box {

}

#search-container .gsc-input-box table {
	margin-bottom: 0;
}


#search-container button[class^='gsc-search-button'] {
	background-color: var(--blue);
	color: var(--white);
	border: none;
}

.gsc-input {
	padding-left: 1px;
}
.gsc-result-info {
	text-align: left;
	color: #097ada !important;
	font-size: 12px;
	padding-left: 8px;
	margin: 10px 0 10px 0;
}
.gs-result .gs-title, .gs-result .gs-title * {
	color: #097ada !important;
	text-decoration: none !important;
}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
	text-decoration: none;
}
.gs-result .gs-snippet {
	margin-left: 8px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	cursor: pointer;
	text-decoration: none !important;
	margin-right: 5px;
	display: inline;
	border: 1px solid #097ada !important;
	padding: 2px 5px 2px 5px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page a {
	cursor: pointer;
	color: #097ada !important;
	text-decoration: none !important;
	margin-right: 5px;
	display: inline;
	border: 1px solid #097ada !important;
	padding: 2px 5px 2px 5px;
}
.gsc-cursor-current-page {
	color: #fff !important;
	background-color: #097ada !important;
	text-shadow: 0 0px 0px #000 !important;
	padding: 2px 5px 2px 5px !important;
}
.cse input.gsc-search-button, input.gsc-search-button {
	padding: 6px 10px;
	margin-bottom: 0;
	font-size: 13px !important;
	font-weight: normal !important;
	line-height: 1.25;
	color: #ffffff;
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	cursor: pointer;
	background-color: #236aa7 !important;
	background-image: none;
	border: 0px solid #cccccc !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#cse-search-box {
	/*margin-left:9%;*/
}


/* end of new menu CSS */

/* Responsive images */
img {
	border: 0;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full, img.size-large, img.header-image, img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.wp-smiley, .rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
	font-size: 1.2rem
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
.wp-caption-text {
	margin-top: 5px;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.right_text h3 {
	border-bottom: none;
	font-size: 2.0rem;
	margin-top: 5px
}
.left_image {
	width: 30%;
	float: left;
}
.right_text {
	width: 70%;
	float: left;
}
/*.unoda-expcoll-single {*/
/*	color: #337ab7;*/
/*	cursor: pointer;*/
/*	font-size: 1.0em;*/
/*}*/
/*.unoda-expcoll-single:hover {*/
/*	text-decoration: underline;*/
/*}*/
/*#unoda-expand-all {*/
/*	color: #337ab7;*/
/*	cursor: pointer;*/
/*	font-size: 1.0em;*/
/*}*/
/*#unoda-expand-all:hover {*/
/*	text-decoration: underline;*/
/*}*/
/*#unoda-collapse-all {*/
/*	color: #337ab7;*/
/*	cursor: pointer;*/
/*	font-size: 1.0em;*/
/*}*/
#unoda-collapse-all:hover {
	text-decoration: underline;
}

table.spaced td {
	padding: 5px;
}
table.spaced-right td {
	padding-left: 5px;
}
.gray td {
	background-color: #F6F6F6;
}

/* Additional CSS */

.row.is-flex {
	display: flex;
	flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.relatedBox {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.featured_image {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.spotlight-box-inner {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#un_top {
	background: #f2f2f2;
	margin: 0;
	padding: 0;
	border: none !important;
	border-bottom: #00adef solid 5px !important;
	height: 41px;
	min-height: inherit;
}

#lang_sel_list {
	background-color: transparent;
}

.site-footer {
	background-color: var(--gray-dark)!important;
	border-bottom: 4px solid var(--blue);
}

a {
	color: var(--blue);
}

.widget .menu li {
	padding: 10px 12px;
	font-size: 16px;
}

.caption-content h3 {
	font-size: 18px;
}

.our-card--name h3 {
	font-size: 20px;
}

.featured-inner h3 {
	font-size: 20px;
}

.wp-block-getwid-banner {
	margin-top: 20px;
}

blockquote .blockquote {
	border-left: none!important;
}

blockquote p, .blockquote p {
	font-size: 1.5rem!important;
}

blockquote cite, .blockquote cite {
	float: right;
	font-size: 1.5rem;
}


figcaption {
	line-height: 15px;
}

ul>li {
	list-style: unset!important;
}

.menu>li {
	list-style: none!important;
}

ol>li {
	list-style: decimal!important;
}

ol ol>li {
	list-style: lower-alpha!important;
}

.update-thumbnail-lg {
	height: 505px!important;
}

.update-section-container .section-more {
	margin-top: 50px!important;
}

.sidebar-submenu>a {
	padding-left: 3px!important;
	text-transform: unset!important;
}

@media (min-width: 1200px) {
	.sub-menu>.sidebar-submenu:hover {
		background-color: var(--gray-light)!important;
	}
	.sidebar-parentmenu>.show {
		position: relative;
		max-height: 1500px;
		transition: max-height 500ms linear;
		-webkit-transition: max-height 500ms linear;
		-moz-transition: max-height 500ms linear;
	}
	.sidebar-parentmenu>.hide {
		position: relative;
		pointer-events: none;
		max-height: 0;
		transition: max-height 500ms linear;
		-webkit-transition: max-height 500ms linear;
		-moz-transition: max-height 500ms linear;
	}
	.sidebar-parentmenu>.sub-menu {
		visibility: inherit;
		display: revert;
		opacity: initial;
		box-shadow: none;
		background-color: white;
		margin: 12px -12px -12px -12px;
	}
	.sidebar-parentmenu>a:after {
		position: absolute;
		right: 0;
		content: " \25BC";
	}
}

@media (max-width: 1200px) {
	.sub-menu>.sidebar-submenu:hover {
		background-color: var(--gray-light)!important;
	}
	.sidebar-parentmenu>.sub-menu {
		visibility: inherit;
		display: revert;
		opacity: initial;
		box-shadow: none;
		background-color: white;
		margin: 12px -12px -12px -12px;
		padding-left: 0;
	}
	.sidebar-parentmenu .sidebar-submenu:after {
		height: 0!important;
	}
	.sidebar-parentmenu>a:after {
		position: absolute;
		right: 0;
		content: " \25BC";
	}
}

#events-content {
	height: 720px!important;
}

article.post {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 768px) {
	article.post {
		width: 750px;
	}
}
@media (min-width: 992px) {
	article.post {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	article.post {
		width: 1170px;
	}
}