/*
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: 1.0.0
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/
*/

:root{
	/* palette */
	--blue: #00ADEF;
	--blue-mild: #65779A;
	--blue-link: #418FDE;
	--gray-dark: #333333;
	--gray: #4D4D4D;
	--gray-light: #F2F2F2;
	/* font weights */
	--unoda-light: 100;
	--unoda-regular: 400;
	--unoda-medium: 500;
	--unoda-bold: 700;
	--unoda-black: 900;
	--unoda-base: 62.5%; /*base font size*/
	/* font sizes */
	--unoda-font1: 1.3rem;
	--unoda-font2: 1.625rem;
	--unoda-font3: 1.82rem;
	--unoda-font4: 2.4rem;
	--unoda-font5: 2.7rem;
	--unoda-font6: 3.3rem;
	--space-unit: 1em;
	--space-md: calc(1.25 * var(--space-unit));
	--space-lg: calc(2 * var(--space-unit));
}

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

body, p, ul, ol{
	font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.3rem; /* equal to 13px */
	font-weight: var(--unoda-regular);
	line-height: 2rem;
	overflow-x: hidden ; !important;
}

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-weight: var(--unoda-regular);
}

.h1, .unoda-font-6 {
	font-size: var(--unoda-font6);
}
.h2, .unoda-font-5 {
	font-size: var(--unoda-font5);
}
.h3, .unoda-font-4 {
	font-size: var(--unoda-font4);
}
.h4, .unoda-font-3 {
	font-size: var(--unoda-font3);
}
.h5, .unoda-font-2 {
	font-size: var(--unoda-font2);
}
.h6, .unoda-font-1 {
	font-size: var(--unoda-font1);
}

h3{
	border-bottom: 1px solid #C6D7E8;
}

/*----------------------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-2 {
	background-color: #fafafa;
}
/*----------------------------------------------------------------*/
.full-container{
	overflow: hidden;
}

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

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

#hamburger {
	margin: auto 20px;
}

#searchbox .input-group button{
	background-color: var(--blue);
}

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

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

.carousel-fade .carousel-item {
	opacity: 0;
	z-index: 1;
	-webkit-transform: scale(1.2);
	-webkit-transition: -webkit-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);
	-webkit-transition: -webkit-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);
	-webkit-transition: -webkit-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;
}
.caption-content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.caption-content h2,
.caption-content p{
	text-align: left;
	text-shadow: 0 0 2px black;
}
.caption-content a{
	max-width: 60px;
	background: transparent;
	border-color: #ffffff;
	color: #ffffff;
	font-weight: var(--unoda-light);
}


.workitem-btn{
    /*background-color: rgba(242,242,242,0.1);*/
	/*color: var(--gray-light);*/
	/*padding: 16px;*/
	/*border: none;*/
	/*font-weight: var(--unoda-light);*/
	/*font-size: var(--unoda-font2);*/
	/*text-align: center;*/
}

.workitem-btn:hover, .workitem-btn:focus {
	background-color: rgba(242,242,242,0.3);
	/*color: var(--gray-dark);*/
}

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

.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;
}
.link-list{
	margin: 0 20px 0 0;
}

.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: var(--gray-light);
	text-decoration: none;
}
.disclaimer-footer p {
	margin: 10px 0px 20px;
	font-size: 1.4rem;
	color: #999;
}

.nav-button:focus,
.nav2-workitem-btn:focus {
	outline: 0;
}

/*.left2right {*/
/*	text-align: left;*/
/*}*/

.right2left {
	text-align: right;
}

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

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

/*xtra-large layout*/
@media (min-width: 1200px){
	:root{
		--container-width:     1140px;
		--nav-container-width: 1240px;
	}
	.col-xl, .container, .site-content{
		max-width: var(--container-width);
		margin: auto;
	}
	.site-content{ margin-top: 15px; margin-bottom: 15px;}
	.nav-container{
		width: var(--nav-container-width);
		margin: auto;
	}
	#nav2-container, #navigation2 { width: var(--container-width); }

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

	#masthead-navbar{
		display: flex;
		flex-direction: column;
	}

	#masthead{
		height: 100px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

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

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

	#hamburger {
		display: none;
	}

	#navigation-container {
		display: block;
	}

	.nav-button{
		background-color: var(--gray);
		color: white;
		padding: 12px 12px;
		border: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
		height: 64px;
		max-width: 165px;
	}

	#nav-link2 {
		max-width: 175px !important;
	}

	#nav-link6 {
		max-width: 140px !important;
	}

	.nav2-workitem-btn{
		background-color: var(--gray-dark);
		color: white;
		padding: 16px 10px;
		border: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	.nav-item:hover .nav-button,
	.nav-opened{
		background-color: var(--gray-light);
		color: black;
	}
	.nav-item:hover .dropdown-content{
		visibility: visible;
	}
	.dropdown-content a:hover{
		background-color: var(--blue);
	}

	.nav2-workitem-btn:hover{
		background-color: rgba(242,242,242,1);
		color: black;
		outline: none;
	}
	.workitem-btn:focus {
		color: black;
		outline: none;
	}

	.nav2-menuitem-dropdown-content {
		margin-top: 52px;
		position: absolute;
		background-color: var(--gray-light);
		color: var(--gray);
		min-width: 160px;
		width: 100%;
		left: 0;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	.nav2-menuitem-dropdown-content .show{
		visibility: visible;
	}
	.nav2-menuitem-dropdown-content a {
		color: black;
		padding-top: 16px;
		padding-right: 16px;
		padding-bottom: 16px;
		text-decoration: none;
		display: block;
		position: relative;
		font-size: 1.42rem;
		font-weight: var(--unoda-regular);
	}
	.nav2-menuitem-dropdown-content a:hover {
		background-color: var(--blue);
	}

	.dropdown-item, .dropdown-item:hover{
		color: black;
	}


	.main-navigation{
		/*height: auto;*/
		background-color: var( --gray-dark );
	}
	.secondary-navigation{
		/*height: auto;*/
		background-color: var( --gray-dark );
	}

	.dropdown-content{
		opacity: 0;
		visibility: hidden;
		position: absolute;
		background-color: var(--gray-light);
		color: black;
		min-width: 160px;
		width: 100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.dropdown-content a{
		color: var(--unoda-black);
		padding-top: 16px;
		padding-right: 16px;
		padding-bottom: 16px;
		text-decoration: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}
	.dropdown-content .show{
		visibility: visible;
	}

	.dropdown-content {
		margin-top: 64px;
		left: 0;
	}

	#nav-menu-1{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.pod-banner {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.pod-header {
		margin: 50px 0 30px;
		text-align: center;
	}

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

	#spotlight-container{
		display: flex;
		flex-direction: column;
	}

	#spotlight-content {
		margin: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.spotlight-box {
		display: flex;
		flex-direction: column;
		width: 31%;
		height:auto;
	}

	.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;
		position: absolute;
	}

	.spotlight-title {
		padding: 30px 20px 20px;
		height: 150px;
		background-color: white;
		box-shadow: 0 3px 6px rgba(0,0,0,0.05);

	}
	.spotlight-title a {
		text-decoration: none;
	}
	.spotlight-title > a > h4{
		color: var(--blue-link);
		font-size: 2.0rem;
		font-weight: 300;
		text-shadow: 0 0 1px #b7b7b7;
	}

	.spotlight-box-inner-other {
		background: #edf5fc;
		height: 145px;
	}

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

	#featured-container {
		overflow: hidden;
		width: 100%;
		padding: 0 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 {
		/*max-height: 500px;*/
	}
	.featured-inner {
		padding: 25px 25px 0;
		height: inherit;
		display: flex;
		flex-direction: column;
		box-shadow: 0 1px 6px rgba(0,0,0,0.16);
	}

	.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;
	}
	.featured-inner p {
		text-align: center;
		margin: 10px 0;
		text-shadow: 0 0 1px #b9b9b9;
	}

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

    #ourwork-container{
        margin-bottom: 40px;
    }
	.ourwork-section {
		background-image: url("https://cdn.unoda.org/web/burn_guns2.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;"
	}
	.ourwork-section>.overlay {
		background-color: rgba(0,0,0,0.65);
		position: relative;
		top: 0; left: 0; right: 0; bottom: 0;
		min-height: 280px;
		z-index: 2;"
	}
    .cards-container,
    .our-card{
        display: flex;
        flex-direction: column;
    }
    .cards-row {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
		margin-bottom: 10px;
    }
    .our-card a {
        height:275px;
        text-decoration: none;
    }
    .our-card {
        /*!*background-color: rgba(79, 79, 79, 0.59);*/
		background-color: rgba(252, 252, 252, 0.1);
	}
    .our-card--name {
        text-align: center;
        height: 90px;
        padding: 15px 24px;
    }
    .our-card--name {
        color: white;
        font-size: var(--unoda-font3);
        font-weight: var(--unoda-light);
        text-shadow: 0 0 2px black;
    }
    .our-card--text {
		color: white;
        text-align: center;
        padding: 0 15px;
        font-weight: var(--unoda-light);
        text-shadow: 0 0 2px black;
    }
    .our-card--text > p {
        color: white;
        font-weight: var(--unoda-light);
    }

	#ourwork-container,
	.workitem{
		display: flex;
		flex-direction: column;
	}
	.workitem-content h3{
		margin: 20px 0;
		color: var(--gray-dark);
		font-weight: var(--unoda-regular);
	}
	.workitem-content p{
		margin: 20px 0;
		color: var(--gray-dark)
	}
	.workitem{
		padding: 10px 5px;
		width: 24%;
	}

	.right2left>.wi-left-1{padding-right: 32px; padding-left: 0}
	.right2left>.wi-left-2{padding-right: 262px; padding-left: 0}
	.right2left>.wi-left-3{padding-right: 462px; padding-left: 0}
	.right2left>.wi-left-4{padding-right: 695px; padding-left: 0}
	.right2left>.wi-left-5{padding-right: 912px; padding-left: 0}

	.right2left>.nav-left-1{padding-right: calc((100vw - var(--nav-container-width))/2 + 15px); padding-left: 0}
	.right2left>.nav-left-2{padding-right: calc((100vw - var(--nav-container-width))/2 + 308px); padding-left: 0}
	.right2left>.nav-left-3{padding-right: calc((100vw - var(--nav-container-width))/2 + 585px); padding-left: 0}
	.right2left>.nav-left-4{padding-right: calc((100vw - var(--nav-container-width))/2 + 832px); padding-left: 0}
	.right2left>.nav-left-5{padding-right: calc((100vw - var(--nav-container-width))/2 + 1115px); padding-left: 0}

	.right2left>.nav2-left-1{padding-right: calc((100vw - var(--container-width))/2 + 8px); padding-left: 0}
	.right2left>.nav2-left-2{padding-right: calc((100vw - var(--container-width))/2 + 255px); padding-left: 0}
	.right2left>.nav2-left-3{padding-right: calc((100vw - var(--container-width))/2 + 485px); padding-left: 0}
	.right2left>.nav2-left-4{padding-right: calc((100vw - var(--container-width))/2 + 737px); padding-left: 0}
	.right2left>.nav2-left-5{padding-right: calc((100vw - var(--container-width))/2 + 980px); padding-left: 0}



	.nav-items,
	.ourwork-workitems,
	.nav2-workitems{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	#nav2-container{
		display: table;
	}

	.menuitem-dropdown-content {
		display: none;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 410px;
		width: 1100px;
		z-index: 1;
		margin: 0 5px;
		background-color: rgba(252, 252, 252, 0.1);
	}
	.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: 1.45rem;
		font-weight: var(--unoda-light);
	}

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

	#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) 0;
	}

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

	.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;
	}

	#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;
	}

	@media (min-width: 64rem) {
		.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: 40px;
		height: 40px;
		border-radius: 20%;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	}


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

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

	@media (min-width: 64rem) {
		.event-card {
			width: 46%;
			flex-grow: 0;
			padding: 0 10px;
			background-color: #ffffff;
			box-shadow: 0 3px 6px rgba(0,0,0,0.16);
		}
	}
	.event-card-top{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.event-card-top h4{
		padding: 10px 5px;
		font-weight: var(--unoda-light)
	}
	.event-card-location{ color: var(--blue-mild);}
	.media-heading{
		font-size: var(--unoda-font2);
		font-weight: var(--unoda-light);
	}

	.news-item {
		margin: 10px 0;
		padding: 10px 0;
		text-decoration: none;
		border-top: 1px dashed rgba(101, 119, 154, 0.66);
		border-bottom: 1px dashed rgba(101, 119, 154, 0.66);
	}
	.news-item a {
		margin: 20px 50px 0 0;
		text-decoration: none;
		color: var(--blue-link);
		text-shadow: 0 0 1px #a4a4a4;
	}

	.show{
		visibility: visible;
		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;
		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;
	}

	.show-ourwork{
		visibility: visible;
		display: block;
		opacity: 1;
	}

	.hide-ourwork{
		visibility: hidden;
		display: none;
		opacity: 0;
	}

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

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

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

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

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

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

	.footer {
		height: 41px;
	}

}

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

	.col-xl, .container, .site-content{
		max-width: 90%;
		margin: auto;
	}

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

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

	#masthead{
		height: 100px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

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

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

	#hamburger {
		display: block;
	}

	.left2right {
		text-align: left;
	}

	.show,
	.show-burger{
		visibility: visible;
		max-height: 1500px; /* Note: set a large max-height to allow for transitions*/
		transition: max-height 350ms ease-in-out;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out;
	}

	.hide,
	.hide-burger{
		visibility: hidden;
		max-height: 0px;
		transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
		-webkit-transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
	}

	.nav-button{
		background-color: var(--gray);
		color: white;
		padding: 12px 12px;
		border: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	.nav2-workitem-btn{
		background-color: var(--gray-dark);
		color: white;
		padding: 12px 12px;
		border: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	.show-ourwork{
		max-height: 1500px;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out;
		transition: max-height 350ms ease-in-out;
		z-index: 100;
	}

	.hide-ourwork{
		visibility: hidden;
		max-height: 0;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition:  max-height 350ms ease-in-out;
		transition:  max-height 350ms ease-in-out;
	}


	.dropdown-content,
	.nav2-menuitem-dropdown-content{
		/*position: relative;*/
		background-color: var(--gray-light);
		color: black;
		min-width: 160px;
		width: 100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	.dropdown-content a,
	.nav2-menuitem-dropdown-content a{
		color: var(--unoda-black);
		padding: 16px;
		text-decoration: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	#navigation-container2{
		/*position: relative;*/
		width: 100vw;
	}

	.nav-button,
	.nav2-workitem-btn,
	.dropdown-item {
		width: 100vw;
	}

	.menuitem-dropdown-content {
		background-color: var(--gray-light);
		min-width: 160px;
        text-align: center;
	}


	.right2left.menuitem-dropdown-content {
		background-color: var(--gray-light);
		min-width: 160px;
		margin-left: 0;
		margin-right: 60px;
		margin-bottom: 20px;
	}

	.menuitem-dropdown-content {
		background-color: var(--gray-light);
		min-width: 160px;
		text-align: center;
		position: relative;
	}

	.menuitem-dropdown-content a {
		color: var(--gray-dark);
		padding: 12px;
		text-decoration: none;
		display: block;
		position: relative;
		font-size: 1.45rem;
		font-weight: var(--unoda-light);
	}

	.workitem-btn {
		text-align: center;
		width: 100%;
	}

	.cards-container{
		display: flex;
		flex-direction: column;
	}
	.our-card a{
		display: flex;
		flex-direction: row;
		color: white;
		text-shadow: 0 0 2px black;
		text-decoration: none;
	}
	.cards-row {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		text-decoration: none;
	}
	.our-card {
		background-color: rgba(234, 234, 234, 0.24);
		margin: 5px 0;
	}
	.our-card--name {
		text-align: center;
		padding: 15px 24px;
		color: white;
		font-size: var(--unoda-font3);
		font-weight: var(--unoda-light);
		text-shadow: 0 0 2px black;
	}
	.our-card--text {
		text-align: center;
		font-weight: var(--unoda-light);
		margin: 15px;
		text-decoration: none;
		color: white;
		text-shadow: 0 0 2px black;
	}
	/*-------------------------------------------------------------- */

	#spotlight-container{
		display: flex;
		flex-direction: column;
	}

	#spotlight-content {
		margin: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.spotlight-box {
		display: flex;
		flex-direction: column;
		width: 31%;
		height:auto;
	}

	.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;
		position: absolute;
	}

	.spotlight-title {
		padding: 30px 20px 20px;
		height: 150px;
		background-color: white;
		box-shadow: 0 3px 6px rgba(0,0,0,0.05);

	}
	.spotlight-title a {
		text-decoration: none;
	}
	.spotlight-title > a > h4{
		color: var(--blue-link);
		font-size: 1.8rem;
		font-weight: 300;
		text-shadow: 0 0 1px #b7b7b7;
	}

	.spotlight-box-inner-other {
		background: #edf5fc;
		height: 145px;
	}

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

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

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

	.featured-box {
		/*max-height: 500px;*/
	}
	.featured-inner {
		padding: 25px 25px 0;
		height: inherit;
		display: flex;
		flex-direction: column;
		box-shadow: 0 1px 6px rgba(0,0,0,0.16);
	}

	.featured-image {
		height: 0;
		overflow: hidden;
		padding-top: 70%;
		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;
	}
	.featured-inner p {
		text-align: center;
		margin: 10px 0;
		text-shadow: 0 0 1px #b9b9b9;
	}

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


	.event-item {
		padding: 5px;
		background-color: white;
		box-shadow: 0 0 4px lightgrey;
		margin: 10px 0;
	}

	#ourwork-container{
		margin-bottom: 40px;
	}
    .workitem-btn {
        text-align: center;
        width: 100%;
    }

	.carousel-item {
		height: 380px;
		width: 100%;
	}
	.carousel-item img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

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

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

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

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

	/*event timeline*/

	.year_col {
		border-right: 2px solid grey;
		text-align: right;
		font-size: 2.5em;
	}
	.year_div, .info_div {
		padding: 0 16px;
	}
    .info_div {
        background-color: white;
        box-shadow: 0 0 4px 1px lightgrey;
    }
	.year_div>h3, .day_div>h3 {
		border-bottom: none;
	}
	.event-location{
		font-style: italic;
		color: var(--gray-dark);
	}

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

	.timeline-container {
		height: 100%;
		max-height: 450px;
		overflow-y: scroll ;
	}

	#events-content {
		overflow-y: scroll;
		padding: var(--space-lg) 0;
		border-top: 1px dashed rgba(101, 119, 154, 0.66);
		border-bottom: 1px dashed rgba(101, 119, 154, 0.66);
	}

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

	#timeline p {
		margin: 0;
	}
	.day_div{ padding: 0; }
	.month_name{
		background: transparent;
        margin: 5px 0;
	}
	.month-div::before {
		content: "";
		position: absolute;
		left: -7px;
		width: 12px;
		height: 12px;
		background: #6d6d6d;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		margin-top: 4px;
	}
	.month_item::before {
		content: "";
		position: absolute;
		left: -5px;
		width: 8px;
		height: 8px;
		background: #C5C5C5;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		margin-top: 5px;
	}

	.month_name, .year_col {
		/*font-weight: bolder;*/
	}
	.month_name {
		/*color: #00575a;*/
		color: var(--blue-mild);
	}
	.meeting_link>a:before{
		content: "";
		position: absolute;
		left: 70px;
		width: 5px;
		height: 2px;
		background: #C5C5C5;
		margin-top: 8px;
	}
	.meeting_link a {
		text-decoration: none;
		color: var(--blue-mild);
	}
	.meeting_link p {
		margin: 0;
	}
	.event-location {
		margin-bottom: 25px !important;
	}

	/* events timeline*/


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

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

	.featured-inner p {
		text-align: center;
		margin: 10px 0;
		font-size: var(--unoda-font2);
		font-weight: var(--unoda-regular);
	}

	.pod-header {
		margin: 20px 0 20px;
		text-align: center;
	}

	.section-title{
		color: var(--gray);
		font-weight: var(--unoda-regular);
		text-align: center;
	}

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

	.footer {
		height: 41px;
	}

}

/*medium layout*/
@media (max-width: 992px) and (min-width: 768px){
	.col-xl, .container, .site-content{
		max-width: 90%;
		margin: auto;
	}

	#lang-select { display: block; }
	#lang-burger { display: none; }
	.languagebar #content-left {
		padding-top: 7px;
		font-size: 1rem;
	}

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

	#masthead{
		height: 100px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

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

	#searchbox .textbox{
		width: 85%;
		height: 26px;
	}

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

	#hamburger {
		display: block;
	}

	.left2right {
		text-align: left;
	}

	.nav-button{
		background-color: var(--gray);
		color: white;
		padding: 12px 12px;
		border: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	.nav2-workitem-btn{
		background-color: var(--gray-dark);
		color: white;
		padding: 16px 12px;
		border: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	.show,
	.show-burger{
		visibility: visible;
		max-height: 1500px; /* Note: set a large max-height to allow for transitions*/
		transition: max-height 350ms ease-in-out;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out;
	}

	.hide,
	.hide-burger{
		visibility: hidden;
		max-height: 0px;
		transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
		-webkit-transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
	}


	.show-ourwork{
		max-height: 1500px;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out;
		transition: max-height 350ms ease-in-out;
		z-index: 100;
	}

	.hide-ourwork{
		visibility: hidden;
		max-height: 0;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition:  max-height 350ms ease-in-out;
		transition:  max-height 350ms ease-in-out;
	}


	.dropdown-content,
	.nav2-menuitem-dropdown-content{
		/*position: relative;*/
		background-color: var(--gray-light);
		color: black;
		min-width: 160px;
		width: 100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.dropdown-content a,
	.nav2-menuitem-dropdown-content a{
		color: var(--unoda-black);
		padding: 16px;
		text-decoration: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	#navigation-container2{
		/*position: relative;*/
		width: 100vw;
	}

	.nav-button,
	.nav2-workitem-btn,
	.dropdown-item {
		width: 100vw;
	}

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

	#spotlight-container{
		display: flex;
		flex-direction: column;
	}

	#spotlight-content {
		margin: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.spotlight-box {
		display: flex;
		flex-direction: column;
		width: 31%;
		height:auto;
	}

	.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;
		position: absolute;
	}

	.spotlight-title {
		padding: 30px 20px 20px;
		height: 150px;
		background-color: white;
		box-shadow: 0 3px 6px rgba(0,0,0,0.05);

	}
	.spotlight-title a {
		text-decoration: none;
	}
	.spotlight-title > a > h4{
		color: var(--blue-link);
		font-size: 1.5rem;
		font-weight: 300;
		text-shadow: 0 0 1px #b7b7b7;
	}

	.spotlight-box-inner-other {
		background: #edf5fc;
		height: 145px;
	}

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

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

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

	.featured-box {
		/*max-height: 500px;*/
	}
	.featured-inner {
		padding: 25px 25px 0;
		height: inherit;
		display: flex;
		flex-direction: column;
		box-shadow: 0 1px 6px rgba(0,0,0,0.16);
	}

	.featured-image {
		height: 0;
		overflow: hidden;
		padding-top: 70%;
		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;
	}
	.featured-inner p {
		text-align: center;
		margin: 10px 0;
	}

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


	.event-item {
		padding: 5px;
		background-color: white;
		box-shadow: 0 0 4px lightgrey;
		margin: 10px 0;
	}

    #ourwork-container{
        margin-bottom: 40px;
    }

	.menuitem-dropdown-content {
		background-color: var(--gray-light);
		min-width: 160px;
		text-align: center;
		position: relative;
	}

	.menuitem-dropdown-content a {
		color: var(--gray-dark);
		padding: 12px;
		text-decoration: none;
		display: block;
		position: relative;
		font-size: 1.45rem;
		font-weight: var(--unoda-light);
	}

	.workitem-btn {
		text-align: center;
		width: 100%;
	}

	.cards-container{
		display: flex;
		flex-direction: column;
	}
	.our-card a{
		display: flex;
		flex-direction: row;
		color: white;
		text-shadow: 0 0 2px black;
		text-decoration: none;
	}
	.cards-row {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		text-decoration: none;
	}
	.our-card {
		background-color: rgba(234, 234, 234, 0.24);
		margin: 5px 0;
	}
	.our-card--name {
		text-align: center;
		padding: 15px 24px;
		color: white;
		font-size: var(--unoda-font3);
		font-weight: var(--unoda-light);
		text-shadow: 0 0 2px black;
	}
	.our-card--text {
		text-align: center;
		font-weight: var(--unoda-light);
		margin: 15px;
		text-decoration: none;
		color: white;
		text-shadow: 0 0 2px black;
	}
	.carousel-item {
		height: 380px;
		width: 100%;
	}
	.carousel-item img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	/*event timeline*/

	.year_col {
		border-right: 2px solid grey;
		text-align: right;
		font-size: 2.5em;
	}
	.year_div, .info_div {
		padding: 0 16px;
	}
    .info_div {
        background-color: white;
        box-shadow: 0 0 4px 1px lightgrey;
    }
	.year_div>h3, .day_div>h3 {
		border-bottom: none;
	}
	.event-location{
		font-style: italic;
		color: var(--gray-dark);
	}

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

	.timeline-container {
		height: 100%;
		max-height: 450px;
		overflow-y: scroll ;
	}

	#events-content {
		overflow-y: scroll;
		padding: var(--space-lg) 0;
		border-top: 1px dashed rgba(101, 119, 154, 0.66);
		border-bottom: 1px dashed rgba(101, 119, 154, 0.66);
	}

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

	#timeline p {
		margin: 0;
	}
	.day_div{ padding: 0; }
	.month_name{
		background: transparent;
        margin: 5px 0;
	}
	.month-div::before {
		content: "";
		position: absolute;
		left: -7px;
		width: 12px;
		height: 12px;
		background: #6d6d6d;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		margin-top: 4px;
	}
	.month_item::before {
		content: "";
		position: absolute;
		left: -5px;
		width: 8px;
		height: 8px;
		background: #C5C5C5;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		margin-top: 5px;
	}

	.month_name, .year_col {
		/*font-weight: bolder;*/
	}
	.month_name {
		/*color: #00575a;*/
		color: var(--blue-mild);
	}
	.meeting_link>a:before{
		content: "";
		position: absolute;
		left: 60px;
		width: 5px;
		height: 2px;
		background: #C5C5C5;
		margin-top: 8px;
	}
	.meeting_link a {
		text-decoration: none;
		color: black;
	}
	.meeting_link p {
		margin: 0;
	}
	.event-location {
		margin-bottom: 25px !important;
	}

	/* events timeline*/

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

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

	.featured-inner p {
		text-align: center;
		margin: 10px 0;
		font-size: var(--unoda-font2);
		font-weight: var(--unoda-regular);
	}

	.pod-header {
		margin: 20px 0 20px;
		text-align: center;
	}

	.section-title{
		color: var(--gray);
		font-weight: var(--unoda-regular);
		text-align: center;
	}

	.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: 41px;
	}

}

/*tablet layout*/
@media (max-width: 768px) and (min-width: 576px){
	.col-sm, .container{
		max-width: 90%;
		margin: auto;
	}

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

	#masthead{
		height: 100px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

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


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

	#searchbox .textbox{
		width: 85%;
		height: 26px;
	}

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

	.left2right {
		text-align: left;
	}

	.nav-button{
		background-color: var(--gray);
		color: white;
		padding: 12px 12px;
		border: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	.nav2-workitem-btn{
		background-color: var(--gray-dark);
		color: white;
		padding: 16px 12px;
		border: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}


	#hamburger {
		display: block;
	}


	.show,
	.show-burger{
		visibility: visible;
		max-height: 1500px; /* Note: set a large max-height to allow for transitions*/
		transition: max-height 350ms ease-in-out;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out;
	}

	.hide,
	.hide-burger{
		visibility: hidden;
		max-height: 0px;
		transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
		-webkit-transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
	}

	.show-ourwork{
		max-height: 1500px;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out;
		transition: max-height 350ms ease-in-out;
		z-index: 100;
	}

	.hide-ourwork{
		visibility: hidden;
		max-height: 0;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition:  max-height 350ms ease-in-out;
		transition:  max-height 350ms ease-in-out;
	}


	#dropdown-lang {
		top: 41px;
		position: absolute;
		width: auto;
		right: 0;
	}

	.right2left.dropdown-content{
		margin-left: 0;
		margin-right: 75px;
	}

	.dropdown-content,
	.nav2-menuitem-dropdown-content{
		/*position: relative;*/
		background-color: var(--gray-light);
		color: black;
		min-width: 160px;
		width: 100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.dropdown-content a,
	.nav2-menuitem-dropdown-content a{
		color: var(--unoda-black);
		padding: 16px;
		text-decoration: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	#navigation-container2{
		/*position: relative;*/
		width: 100vw;
	}

	.nav-button,
	.nav2-workitem-btn,
	.dropdown-item {
		width: 100vw;
	}

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

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

	.spotlight-title {
		padding: 15px 20px 30px 20px;
	}
	.spotlight-title a {
		text-decoration: none;
	}
	.spotlight-title > a > h4{
		color: var(--gray-dark);
		font-size: 1.2rem;
		font-weight: var(--unoda-medium);
		text-shadow: black;
	}

	.spotlight-box-inner-other {
		background: #edf5fc;
		height: 145px;
	}


    #ourwork-container{
        margin-bottom: 40px;
    }


	.menuitem-dropdown-content {
		background-color: var(--gray-light);
		min-width: 160px;
		text-align: center;
		position: relative;
	}

	.menuitem-dropdown-content a {
		color: var(--gray-dark);
		padding: 12px;
		text-decoration: none;
		display: block;
		position: relative;
		font-size: 1.45rem;
		font-weight: var(--unoda-light);
	}

	.workitem-btn {
		text-align: center;
		width: 100%;
	}

	.cards-container{
		display: flex;
		flex-direction: column;
	}
	.our-card a{
		display: flex;
		flex-direction: row;
		color: white;
		text-shadow: 0 0 2px black;
		text-decoration: none;
	}
	.cards-row {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		text-decoration: none;
	}
	.our-card {
		background-color: rgba(234, 234, 234, 0.24);
		margin: 5px 0;
	}
	.our-card--name {
		text-align: center;
		padding: 15px 24px;
		color: white;
		font-size: var(--unoda-font3);
		font-weight: var(--unoda-light);
		text-shadow: 0 0 2px black;
	}
	.our-card--text {
		text-align: center;
		font-weight: var(--unoda-light);
		margin: 15px;
		text-decoration: none;
		color: white;
		text-shadow: 0 0 2px black;
	}

	.carousel-item {
		height: 380px;
		width: 100%;
	}
	.carousel-item img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	/*event timeline*/

	.year_col {
		border-right: 2px solid grey;
		text-align: right;
		font-size: 2.5em;
	}
	.year_div, .info_div {
		padding: 0 16px;
	}
    .info_div {
        background-color: white;
        box-shadow: 0 0 4px 1px lightgrey;
    }
	.year_div>h3, .day_div>h3 {
		border-bottom: none;
	}
	.event-location{
		font-style: italic;
		color: var(--gray-dark);
	}

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

	.timeline-container {
		height: 100%;
		max-height: 450px;
		overflow-y: scroll ;
	}

	#events-content {
		overflow-y: scroll;
		padding: var(--space-lg) 0;
		border-top: 1px dashed rgba(101, 119, 154, 0.66);
		border-bottom: 1px dashed rgba(101, 119, 154, 0.66);
	}

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

	.timeline-container::-webkit-scrollbar { display: none !important }

	#timeline p {
		margin: 0;
	}
	.day_div{ padding: 0; margin-right: 10px;}
	.month_name{
		background: transparent;
        margin: 5px 0;
	}
	.month-div::before {
		content: "";
		position: absolute;
		left: -7px;
		width: 12px;
		height: 12px;
		background: #6d6d6d;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		margin-top: 4px;
	}
	.month_item::before {
		content: "";
		position: absolute;
		left: -5px;
		width: 8px;
		height: 8px;
		background: #C5C5C5;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		margin-top: 5px;
	}

	.month_name, .year_col {
		/*font-weight: bolder;*/
	}
	.month_name {
		/*color: #00575a;*/
		color: var(--blue-mild);
	}
	.meeting_link>a:before{
		content: "";
		position: absolute;
		left: 60px;
		width: 5px;
		height: 2px;
		background: #C5C5C5;
		margin-top: 8px;
	}
	.meeting_link a {
		text-decoration: none;
		color: black;
	}
	.meeting_link p {
		margin: 0;
	}
	.event-location {
		margin-bottom: 25px !important;
	}

	/* events timeline*/

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

	.featured-box {
		max-height: 500px;
	}
	.featured-inner {
		padding: 25px 25px 0;
		height: inherit;
		display: flex;
		flex-direction: column;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	}

	.featured-image {
		height: 0;
		overflow: hidden;
		padding-top: 70%;
		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;
	}
	.featured-inner p {
		text-align: center;
		margin: 10px 0;
	}


	.event-item {
		padding: 5px;
		background-color: white;
		box-shadow: 0 0 4px lightgrey;
		margin: 10px 0;
	}

	.event-item-details p {
		font-weight: var(--unoda-regular)
	}

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

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

	.pod-header {
		margin: 20px 0 20px;
		text-align: center;
	}

	.section-more a{
		color: var(--gray-light);
		background-color: var(--gray-dark);
		border-color: var(--gray-dark);
	}

	.section-title{
		color: var(--gray);
		font-weight: var(--unoda-regular);
		text-align: center;
	}

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

	.footer {
		height: 41px;
	}

}

/*small layout*/
@media (max-width: 576px){
	.col-xl, .container, .site-content{
		/*max-width: 90%;*/
		margin: auto;
	}

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

	#emblem-container{
		max-width: 244px;
		margin: auto;
	}

	.unoda-emblem {
		padding-top: 10px;
		max-width: 150px;
	}

	#masthead{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	#search-container {
		justify-content: space-between;
		margin: 10px 0;
	}

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

	#searchbox .textbox{
		width: 85%;
		height: 26px;
	}

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

	.left2right {
		text-align: left;
	}

	.nav-button{
		background-color: var(--gray);
		color: white;
		padding: 12px 12px;
		border: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	.nav2-workitem-btn{
		background-color: var(--gray-dark);
		color: white;
		padding: 16px 12px;
		border: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	#hamburger {
		display: block;
		margin: 10px 0;
		padding-right: 0;
	}

	.show,
	.show-burger{
		visibility: visible;
		max-height: 1500px; /* Note: set a large max-height to allow for transitions*/
		transition: max-height 350ms ease-in-out;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out;
	}

	.hide,
	.hide-burger{
		visibility: hidden;
		max-height: 0px;
		transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
		-webkit-transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out, visibility 350ms ease-in-out, opacity 350ms ease-in-out;
	}

	.show-ourwork{
		max-height: 1500px;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out;
		transition: max-height 350ms ease-in-out;
		z-index: 100;
	}

	.hide-ourwork{
		visibility: hidden;
		max-height: 0;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition:  max-height 350ms ease-in-out;
		transition:  max-height 350ms ease-in-out;
	}

	#dropdown-lang {
		top: 41px;
		position: absolute;
		width: auto;
		right: 0;
	}
	.dropdown-content,
	.nav2-menuitem-dropdown-content{
		/*position: relative;*/
		background-color: var(--gray-light);
		color: black;
		min-width: 160px;
		width: 100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.dropdown-content a,
	.nav2-menuitem-dropdown-content a{
		color: var(--unoda-black);
		padding-top: 16px;
		padding-bottom: 16px;
		text-decoration: none;
		font-weight: var(--unoda-regular);
		font-size: 1.42rem;
	}

	#navigation-container2{
		/*position: relative;*/
		width: 100vw;
	}

	.nav-button,
	.nav2-workitem-btn,
	.dropdown-item {
		width: 100vw;
	}

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

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

	.spotlight-title {
		padding: 15px 20px 30px 20px;
	}
	.spotlight-title a {
		text-decoration: none;
	}
	.spotlight-title > a > h4{
		color: var(--gray-dark);
		font-size: 1.2rem;
		font-weight: var(--unoda-medium);
		text-shadow: black;
	}


    #ourwork-container{
        margin-bottom: 40px;
    }

	.ourwork-section {
		background-image: url("img/burn_guns2.jpg");
		/*background-attachment: fixed;*/
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.ourwork-section>.overlay {
		background-color: rgba(0,0,0,0.65);
		position: relative;
		top: 0; left: 0; right: 0; bottom: 0;
		min-height: 280px;
		z-index: 2;"
	}

    .menuitem-dropdown-content {
        background-color: var(--gray-light);
        min-width: 160px;
        text-align: center;
		position: relative;
    }

    .menuitem-dropdown-content a {
        color: var(--gray-dark);
        padding: 12px;
        text-decoration: none;
        display: block;
        position: relative;
        font-size: 1.45rem;
        font-weight: var(--unoda-light);
    }

    .workitem-btn {
        text-align: center;
        width: 100%;
    }

    .cards-container{
		display: flex;
		flex-direction: column;
	}
    .our-card a{
        display: flex;
        flex-direction: row;
		color: white;
		text-shadow: 0 0 2px black;
		text-decoration: none;
    }
    .cards-row {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
		text-decoration: none;
    }
    .our-card {
        background-color: rgba(234, 234, 234, 0.24);
		margin: 5px 0;
    }
    .our-card--name {
        text-align: center;
        padding: 15px 24px;
        color: white;
        font-size: var(--unoda-font3);
        font-weight: var(--unoda-light);
        text-shadow: 0 0 2px black;
    }
    .our-card--text {
        text-align: center;
        font-weight: var(--unoda-light);
		margin: 15px;
		text-decoration: none;
        color: white;
        text-shadow: 0 0 2px black;
    }

	.carousel-item {
		height: 340px;
		width: 100%;
	}
	.carousel-item img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	/*event timeline*/

	.year_col {
		border-right: 2px solid grey;
		text-align: right;
		font-size: 2.5em;
	}
	.year_div, .info_div {
		padding: 0 16px;
	}
    .info_div {
        background-color: white;
        box-shadow: 0 0 4px 1px lightgrey;
    }
	.year_div>h3, .day_div>h3 {
		border-bottom: none;
	}
	.event-location{
		font-style: italic;
		color: var(--gray-dark);
	}
	.timeline-container {
		height: 100%;
		max-height: 450px;
		overflow-y: scroll ;
	}

	#events-content {
		overflow-y: scroll;
		padding: var(--space-lg) 0;
		border-top: 1px dashed rgba(101, 119, 154, 0.66);
		border-bottom: 1px dashed rgba(101, 119, 154, 0.66);
	}

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

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

	.timeline-container::-webkit-scrollbar { display: none !important }

	#timeline p {
		margin: 0;
	}
	.day_div{ padding: 0; margin-right: 10px;}
	.month_name{
		background: transparent;
        margin: 5px 0;
	}
	.month-div::before {
		content: "";
		position: absolute;
		left: -7px;
		width: 12px;
		height: 12px;
		background: #6d6d6d;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		margin-top: 4px;
	}
	.month_item::before {
		content: "";
		position: absolute;
		left: -5px;
		width: 8px;
		height: 8px;
		background: #C5C5C5;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		margin-top: 5px;
	}

	.month_name, .year_col {
		/*font-weight: bolder;*/
	}
	.month_name {
		/*color: #00575a;*/
		color: var(--blue-mild);
	}
	.meeting_link>a:before{
		content: "";
		position: absolute;
		left: 56px;
		width: 5px;
		height: 2px;
		background: #C5C5C5;
		margin-top: 8px;
	}
	.meeting_link a {
		text-decoration: none;
		color: black;
	}
	.meeting_link p {
		margin: 0;
	}
	.event-location {
		margin-bottom: 25px !important;
	}

	/* events timeline*/

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

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

	.featured-inner p {
		text-align: center;
		margin: 10px 0;
		font-size: var(--unoda-font1);
		font-weight: var(--unoda-regular);
	}


	.event-item {
		padding: 5px;
		background-color: white;
		box-shadow: 0 0 4px lightgrey;
		margin: 10px 0;
	}

	.event-item-details p {
		font-weight: var(--unoda-regular)
	}

	#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;
	}

	.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);
	}

	.pod-header {
		margin: 20px 0 20px;
		text-align: center;
	}

	.section-title{
		color: var(--gray);
		font-weight: var(--unoda-regular);
		text-align: center;
	}

	.section-more a{
		color: var(--gray-light);
		background-color: var(--gray-dark);
		border-color: var(--gray-dark);
	}

	.carousel-caption {
		overflow: hidden;
		text-overflow: ellipsis;
		position: absolute;
		transform: translate(0, 0);
		background: rgba(0, 0, 0, 0.60);
		max-width: 100%;
	}
	.carousel-caption .caption-content h2 {font-size: 1.6rem;}
	.carousel-caption .caption-content p {font-size: 1.2rem;}
	.carousel-caption .caption-content a {font-size: 1.2rem;}

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

	.footer {
		height: auto;
	}

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

}


.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 35px;
}
.languagebar a{
	color: black;
}

.languagebar #content-left{
	/*margin-left: 35px;*/
	padding-top: 10px;
	font-weight: var(--unoda-regular);
	font-size: var(--unoda-font1);
}

.languagebar #content-right{
	font-weight: var(--unoda-regular);
	/*margin-right: 35px;*/
}
#lang_sel_list ul{
	overflow : hidden;
	font-weight: var(--unoda-regular);
}

.section-title{
	color: var(--gray);
	font-weight: var(--unoda-light);
	font-family: "Athelas";
}

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

}

.footer{
	width: 100%;
	/*height: 41px;*/
	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: 10px 0 0;
	font-weight: var(--unoda-regular);
}

#footer-container #content-right{
	margin: 10px 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;
}


/*=============================================================================================*/
#page {
	max-width: 1200px;
	padding-right: 0px;
    padding-left: 0px;
    overflow:hidden;
}

.reg-width {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

@media screen and (max-width: 500px) {
/*#page {
	padding-left: 0;
	padding-right: 0;
}*/
#news_container, #update_container, #announcements_container, #events_container, .disclaimer-footer {
	padding-right: 15px;
	padding-left: 15px;
}
#events_container {
    padding: 15px;
	}
/* #featured_container h6, #spotlight-header, .events-header {
	padding-left: 15px;
} */

.dropdown-menu>li>a {
white-space: normal;
}
}

/*note: this will be removed*/
/*.site-header {*/
/*	background: #fff url('https://front.un-arm.org/img/headerbk.png') 19% 0% no-repeat;*/
/*}*/
.hometxt {
	font-size: 1.5rem;
	line-height: 1.5;
	margin: 0 0 1.5rem;
}
.unodaemmblem {
	margin: 5px 0 10px 0;
}
#un_top {
border-bottom: #BDC4CA solid 5px;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*font-family: 'Open Sans', sans-serif;  !* testing a new font*!*/
    height: 40px;
    color: #333;
	background: #eaeaea;
	padding: 0 0 0 0;
	margin: 0;
}
#un_top a.unslogan {
	color: #000000;
	padding-top: 5px;
	display: block;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
#un_top {
	height: 45px;
}
#un_top a.unslogan {
	color: #4a4a4a;
	padding-top: 9px;
	display: block;
}
#site-navigation {

	position: absolute;
 	z-index: 1000;
 	top: 45px;
    /*padding-right: 15px;*/
}
}

.un_banner {
	width: 100%;
	float: left;
	margin: 0px 0 0 0;
}
.un_icon {
	float: left;
}
.rwd-break {
	display: block;
}
#iyw {
	/*margin-left: 40px;*/
}

.un_icon img {
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}
#un_top .un_icon span {
    font-size: 1.235rem;
    line-height: 2.6rem;
    width: 250px;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

@media screen and (min-width: 445px) {
.rwd-break {
	display: none;
}
#iyw {
	margin-left: 0px;
}

}
@media screen and (max-width: 445px) {
#un_top a.unslogan {
	color: #4a4a4a;
	padding-top: 0px;
	display: block;
}
.un_icon img {
	margin: 9px 5px 0 5px;
	float: left;
}
#un_top {
	height: 50px;
}
#site-navigation {
 	top: 50px;
}
#un_top .un_icon span {
    font-size: 1.1rem;

}
}
/*@media screen and (max-width: 330px) {*/
/*#un_top .un_icon span {*/
/*  display:none;*/
/**/
/*}*/
/*#lang_sel_list {*/
/**/
/*padding-left: 0px!important;*/
/*}*/
/*}*/



/* =Top Widget

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

#lang ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
#lang ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding-left: 1px;
	padding-right: 1px;
}
#lang ul li#arabic {
	direction: rtl;
	font-size: 1.2em;
}
#lang ul li a:hover {
	color: #FFFBFF;
}
/* CSS needed for the search form on top of page */
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 lightgray;
	border-radius: 1px;
	background-color: rgb(255, 255, 255);
}

input[type="text"]:focus{
	outline: none;
}
input[type="submit"] {
	padding: 6px 10px;
	margin-bottom: 0px;
	line-height: 1.25;
	color: rgb(255, 255, 255);
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	cursor: pointer;
	border: 0px solid rgb(204, 204, 204);
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: none;
	background-color: rgb(35, 106, 167);
}
/*.button {*/
/*	padding: 6px 10px;*/
/*	margin-bottom: 0px;*/
/*	line-height: 1.4;*/
/*	color: rgb(255, 255, 255);*/
/*	text-align: center;*/
/*	text-shadow: none;*/
/*	vertical-align: middle;*/
/*	cursor: pointer;*/
/*	border: 0px solid rgb(204, 204, 204);*/
/*	border-radius: 0px;*/
/*	-webkit-box-shadow: none;*/
/*	box-shadow: none;*/
/*	background-image: none;*/
/*	background-color: rgb(35, 106, 167);*/
/*}*/
/*.button:hover {*/
/*	color: rgb(220, 236, 249);*/
/*}*/
/*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;
}
/*#searchbox .textbox {*/
/*	width: 235px;*/
/*	height: 31px;*/
/*	vertical-align: middle;*/
/*}*/

/*@media screen and (max-width: 370px) {*/
/*#searchbox .textbox {
	width: 100%;
	margin-bottom: 5px
}*/

/*#lang_sel_list ul a, #lang_sel_list_list ul a:visited {*/
/*	font-size: 0.9rem;*/
/*}*/
/*}*/

/*@media screen and (max-width: 670px) {
#lang_sel_list ul a, #lang_sel_list_list ul a:visited {
	font-size: 1.0rem;
}
}*/

/* =WPML

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

#icl_lang_sel_widget-1 {
	margin: 30px 0 20px 0;
}
.icl_lang_sel_current {
	/*font-weight:bold;*/
}
#lang_sel_list {
	height: 30px;
	/*font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-family: 'Open Sans', sans-serif;  !* testing a new font*!*/
    /*float: right;*/
     /*margin-right: 35px;*/
}
#lang_sel_list a, #lang_sel_list a:visited {
	font-size: 1.4rem;
	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;
}
#lang_sel_list li {
	padding-right: 10px !important;
	margin-top: 10px!important;
}
#lang_sel_list li:last-child {
	border: none;
}

@media screen and (min-width: 470px) and (max-width: 886px) {
#lang_sel_list a, #lang_sel_list a:visited {
	font-size: 1.3rem;
}
/*.button {*/
/*	padding: 4px 9px;*/
/*	font-size: 1.4rem;*/
/*}*/
/*#searchbox .textbox {*/
/*	width: 200px;*/
/*	height: 26px;*/
/*}*/
#cse-search-box {
  margin-left: 0%!important;
}
}
@media screen and (min-width: 320px) and (max-width: 470px) {
#lang_sel_list a, #lang_sel_list a:visited {
	font-size: 1.1rem;
}
#lang_sel_list {
	height: 30px;
}
/*.button {*/
/*	padding: 3px 7px;*/
/*	font-size: 1.3rem;*/
/*}*/
#searchbox .textbox {
	width: 200px;
	height: 26px;
}
#cse-search-box {
  margin-left: 0%!important;
}
}

/* =Google Custom Search 

-------------------------------------------------------------- */
.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%;*/
}
/* =Sidebar */

#rightnav {
	float: right;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#rightnav a:link, a:active {
	text-decoration: none;
}
#rightnav a:hover {
	text-decoration: underline;
}
#rightnav a:visited {
	text-decoration: none;
}
#rightnav div ul li {
	list-style: none;
	padding: 10px 0px 0px 0px;
}
#rightnav div ul li ul li {
	list-style: none;
	padding: 5px 0px 0px 0px;
}
#rightnav .title {
	border: 0px none rgb(0, 0, 0);
	display: block;
	font-size: 1em;
	font-weight: 700;
	height: auto;
	margin: 1px;
	padding: 1px;
	text-align: center;
	width: 97%;
	background-image: url(https://www.un.org/disarmament/images/cil/right-nav-bg.jpg);
	background-repeat: no-repeat;
}
#rightnav .mark {
	border-collapse: collapse;
	font-size: 1.3rem;
	line-height: 12px;
}
#rightnav .mark a:link {
	border-collapse: separate;
	font-size: 1.3rem;
	line-height: 15px;
}
#rightnav .boxblue {
	border-left-style: inset;
	border-right-style: inset;
	display: block;
	font-size: 1.3rem;
	font-style: italic;
	font-weight: 700;
	padding-left: 5px;
	text-align: center;
	background-color: rgb(117, 176, 232);
}
#rightnav a:link, #rightnav a:active, #rightnav a:visited {
	text-decoration: none;
	background: none;
	/*color: #236AA7;*/
	color: var(--blue-link)
}
#sidebar-second {
	border: none;
	float: right;
}
#sidebar-second {
	float: right;
	width: 180px;
}
#rightnav div ul li {
	padding-right: 5px;
	font-size: 1.3rem;
}
#rightnav div ul {
	font-size: inherit;
}

#leftnav {
	float: right;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.25;
	height: auto;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#leftnav a:link, a:active {
	text-decoration: none;
}
#leftnav a:hover {
	text-decoration: underline;
}
#leftnav a:visited {
	text-decoration: none;
}
#leftnav div ul li {
	list-style: none;
	padding: 10px 0px 0px 0px;
}
#leftnav div ul li ul li {
	list-style: none;
	padding: 5px 0px 0px 0px;
}
#leftnav .title {
	border: 0px none rgb(0, 0, 0);
	display: block;
	font-size: 1em;
	font-weight: 700;
	height: auto;
	margin: 1px;
	padding: 1px;
	text-align: center;
	width: 97%;
	background-image: url(https://www.un.org/disarmament/images/cil/right-nav-bg.jpg);
	background-repeat: no-repeat;
}
#leftnav .mark {
	border-collapse: collapse;
	font-size: 1.3rem;
	line-height: 12px;
}
#leftnav .mark a:link {
	border-collapse: separate;
	font-size: 1.3rem;
	line-height: 15px;
}
#leftnav .boxblue {
	border-left-style: inset;
	border-right-style: inset;
	display: block;
	font-size: 1.3rem;
	font-style: italic;
	font-weight: 700;
	padding-left: 5px;
	text-align: center;
	background-color: rgb(117, 176, 232);
}
#leftnav a:link, #leftnav a:active, #leftnav a:visited {
	text-decoration: none;
	background: none;
	color: #236AA7;
}
#sidebar-second {
	border: none;
	float: right;
}
#sidebar-second {
	float: right;
	width: 180px;
}
#leftnav div ul li {
	padding-right: 5px;
	font-size: 1.3rem;
}
#leftnav div ul {
	font-size: inherit;
}

#publinks {
	padding-left: 25px;
}
.displayNone {
	display: none;
}
/* New Menu using bootstrap CSS */
a.menu:after, .dropdown-toggle:after {
	content: none;
}

/*****************HAMBURGER - overwriting bootstrap styling******************/



#site-navigation {
	/*height: auto;*/
	overflow-y: visible;
}
#nav-hamburger {
	/*position: absolute;
  top: 40px;
  right: 0;
  z-index: 300;*/
	margin: 0;
}
#nav-hamburger .icon-bar {
	background-color: #236aa7;
	width: 30px;
	height: 5px;
	border-radius: 20%;
}
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
#topnav {
	background-color: #236aa7;
}
#topnav, #bottomnav {
	padding-bottom: 30px;
}
.nav {
    /*display: inline-block;*/
    /*float: none;*/
	/*display: flex;*/
	/*flex-direction: row;*/
	/*justify-content: space-between;*/
}

.widemenu {
    position: absolute;
    left: 0;
    width: 100%;
    background: #0A246A;
}
.widemenu-content {
    margin: 30px auto;
    max-width: 1060px;
    overflow: hidden;
}
#topnav .navbar-nav {
	font-size: 1.4rem;
	background-color: #236aa7;
	border: solid 0px #E3E3E3;
}
#topnav .navbar-nav>li {
	width: 100%;
}
#bottomnav .nav-tabs>li {
	width: 100%;
}
#topnav .nav .dropdown-toggle .caret {
display:none}

#topnav .dropdown-menu li > a:hover, #topnav .dropdown-menu li > a:focus, #topnav .dropdown-submenu:hover > a {
	color: #ffffff;
	background-color: #105DBC;
	background-image: -moz-linear-gradient(top, #08C, #236aa7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#236aa7));
	background-image: -webkit-linear-gradient(top, #08C, #236aa7);
	background-image: -o-linear-gradient(top, #08C, #236aa7);
	background-image: linear-gradient(to bottom, #08C, #236aa7);
 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#236aa7', GradientType=0);
}
#topnav .dropdown-menu a {
	color: #105DBC;
}



@media screen and (min-width: 768px) {

#bottomnav, #topnav {
	padding-bottom: 0px;
}
#bottomnav .nav-tabs>li {
	width: auto;
}
#topnav .navbar-nav>li {
	text-align: center;
}
#topnav .navbar-nav #item-about {
	/* french */
	width: 10%;
}
#topnav .navbar-nav #item-institutions {
	/* russian 17 */
	width: 17%;
}
#topnav .navbar-nav #item-databases {
	width: 15%;
}
#topnav .navbar-nav #item-publications {
	width: 14%;
}
#topnav .navbar-nav #item-statements {
	/* english 12 */
	width: 12%;
}
#topnav .navbar-nav #item-offices {
	/* chinese 14 */
	width: 14%;
}
#topnav .navbar-nav #item-links {
	width: 9%;
}
#topnav .navbar-nav #item-sitemap {
	width: 9%;
}
}
#topnav .navbar-nav > li > a {
	color: #ffffff;
	border-radius: 0;
}
#topnav .nav > li > a:hover {
	background-color: #ffffff;
	color: #105DBC;
}
#topnav .navbar-nav .open .dropdown-toggle, #topnav .nav-pills .open .dropdown-toggle, #topnav .nav > li.dropdown.open.active > a:hover {
	color: #105DBC;
	background-color: #ffffff;
	border-color: #999;
}
#topnav .navbar-nav .open .dropdown-toggle, #topnav .nav-pills .open .dropdown-toggle, #topnav .nav > li.dropdown.open.active > a {
	color: #105DBC;
	background-color: #ffffff;
	border-color: #999;
}
#topnav .dropdown-menu {
	background-color: #dcecf9;
}
#topnav .nav > li > a:focus {
	background-color: #236aa7;
	border-color: #105DBC;
	color: #ffffff;
	border: 0px;
}

#bottomnav .nav-tabs {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*font-family: 'Open Sans', sans-serif;  !* testing a new font*!*/
    font-size: 14px;
	background-color: #dcecf9;
	border: solid 0px #E3E3E3;
	display: table;
	margin: 0 auto;
}
#bottomnav {
	background-color: #dcecf9;
}
#bottomnav .nav .dropdown-toggle .caret {
display:none;
}
#bottomnav .dropdown-menu li > a:hover, #bottomnav .dropdown-menu li > a:focus, #bottomnav .dropdown-submenu:hover > a {
	color: #ffffff;
	background-color: #105DBC;
	background-image: -moz-linear-gradient(top, #08C, #236aa7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#236aa7));
	background-image: -webkit-linear-gradient(top, #08C, #236aa7);
	background-image: -o-linear-gradient(top, #08C, #236aa7);
	background-image: linear-gradient(to bottom, #08C, #236aa7);
 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#236aa7', GradientType=0);
}
#bottomnav .dropdown-menu li > a {
	font-size: 14px;
}
#bottomnav .dropdown-menu a {
	color: #105DBC;
}
#bottomnav .nav-tabs > li > a {
	color: #236aa7;
	border-radius: 0;
	padding-right: 20px;
	padding-left: 20px;
}
/*#bottomnav .nav-tabs > li > a.last {
	padding-left: 39px;
	padding-left: 25px\9;
}*/

#bottomnav .nav > li > a:hover {
	background-color: #ffffff;
	color: #105DBC;
}
#bottomnav .nav-tabs .open .dropdown-toggle, #bottomnav .nav-pills .open .dropdown-toggle, #bottomnav .nav > li.dropdown.open.active > a:hover {
	color: #105DBC;
	background-color: #ffffff;
	border-color: #999;
}
#bottomnav .nav-tabs .open .dropdown-toggle, #bottomnav .nav-pills .open .dropdown-toggle, #bottomnav .nav > li.dropdown.open.active > a {
	color: #105DBC;
	background-color: #ffffff;
	border-color: #999;
}
#bottomnav .dropdown-menu {
	background-color: #dcecf9;
}
#bottomnav .nav > li > a:focus {
	background-color: #dcecf9;
	border-color: #dcecf9;
	color: #105DBC;
	border: 0px;
}


/* end of new menu CSS */

/* Responsive images */
img {
	border: 0;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.entry-content {
	margin-right: 15px;
    margin-left: 15px;
}
.entry-header {
	margin: 10px 15px;
	/*margin-right: 15px;*/
    /*margin-left: 15px;*/
}
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;
}
.relatedBox, .relatedbox {
	background: none repeat scroll 0% 0% #F3F3F3;
	border: 1px solid #C6D7E8;
	float: left;
	margin-bottom: 15px;
	padding: 15px;
	/*max-width: 545px;*/
}

/*note: this can stay until it can be replaced*/
@media (max-width: 475px){
.relatedBox, .relatedbox {
	width: 100%;
}
}
.leftBox, .leftbox {
	margin-left: 0px;
	margin-right: 20px;
	float: left;
	width: calc(20vw - 20px)
}
.rightBox, .rightbox {
	margin-left: 20px;
	margin-right: 0px;
	float: right;
	width: calc(20vw - 20px)
}
.fullBox, .fullbox {
	width: 100%;
}
.relatedBox h3, .relatedbox h3 {
	font-weight: bold;
	font-size: 1.6rem;
	margin-top: 0px;
}
.relatedBox ul, .relatedbox ul {
	list-style-type: none;
	padding-left: 20px;
}
.scrollBox ul, .scrollbox ul {
	height: 155px;
	overflow: auto;
	background: white;
	border: 1px solid #C6D7E8;
	list-style: none;
	margin-left: 5px;
	padding-top: 10px;
}
.scrollBox ul li, .scrollbox ul li {
	margin-bottom: 5px;
	font-size: 1.5rem;
}
/* =Footer
-------------------------------------------------------------- */

/*.site-footer {*/
/*	background: #236aa7;*/
/*	margin-top: 30px; !* not working *!*/
/*	color: #cccccc;*/
/*	border-top: 10px solid #DCECF9;*/
/*	border-bottom: 10px solid #DCECF9;*/
/*	padding-bottom: 20px;*/
/*}*/
/*.site-footer ul {*/
/*	list-style-type: none;*/
/*	padding: 5px;*/
/*}*/
/*.site-footer a {*/
/*	color: #ffffff;*/
/*}*/
/*.site-footer a:visited {*/
/*	color: #ffffff;*/
/*	text-decoration: none;*/
/*}*/
/*.site-footer a:hover {*/
/*	color: #cccccc;*/
/*	text-decoration: none;*/
/*}*/
.menu-footer {
	font-size: 1.4rem;
	line-height: 1.8;
}
.disclaimer-footer p {
	margin: 10px 0px 20px;
	font-size: 1.4rem;
	color: #999;
}
/* =Home

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

.homecontent {
	margin: 40px 20px 0 0;
}
#post-862 h1 {
	display: none;
}
.subtitle h3 {
	font-size: 1.5rem;
	font-size: 21px;
	font-weight: 700;
}
#post-862 .innercontent {
	margin: 40px 20px 0 0;
}
#myslider {
	margin-top: 5px;
}


/* may not need this */
.more_links {
	float: right;
	text-align: right;
	width: 50%;
	margin-right: 50px;
	margin-top: 9px;
}
.sm_icon {
	margin-left: 8px;
}
/* =Pods General

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

.pods-pagination-advanced {
	overflow: auto;
 	width: 100%;
	padding-top: 20px;
	clear: both;
	display: block;
}
 /*-------------------------------------------------------------- */
#spotlight_container {
 overflow: auto;
 width: 100%;
}
.spotlight_box {
	background: #edf5fc;
	float: left;
	position: relative;
	width: 23%;
	min-height: 285px;
	margin: 0 5px 10px 5px;
}
.spotlight_image {
	/*padding: 13px 13px 5px 13px;*/
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}

.spotlight_image>a>img{
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

.spotlight_title {
	padding: 20px 30px 10px 30px;
	font-size: 1.1em;
	/*font-weight: 600;*/
}
.spotlight_title a {
	text-decoration: none;
    color: var(--blue-link)
}
.spotlight_page_image {
	float: left;
	position: relative;
	padding: 0 20px 20px 0;
	width: 22%;
	clear: both;
}
.spotlight_page_text {
	float: left;
	position: relative;
	padding: 0 0 20px 0;
	width: 78%;
}
.spotlight_page_date {
	font-size: 90%;
	margin-bottom: 8px;
}
.spotlight_page_link {
	clear: both;
}
.pagination_cont {
	overflow: hidden;
	width: 100%
}
/* =News

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

#news_container {
	overflow: auto;
	width: 100%;
}
#news_container h3 {
	margin-top: 30px;
}
.news_item {
	margin: 10px 0;
	text-decoration: none;
}
.news_item a {
	margin: 20px 50px 0 0;
	text-decoration: none;
}
.news_link {
	overflow: auto;
	width: 100%;
}
/* =Featured

/*-------------------------------------------------------------- *!*/

/*#featured_container {*/
/*	overflow: hidden;*/
/*	width: 100%;!*margin-top: 30px;*!*/
/*	padding: 0 15px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-content: center;*/
/*}*/
/*#featured_container h3 {*/
/*	margin-top: 30px;*/
/*}*/

/*.featured_row {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*}*/

/*.featured_box {*/
/*    height: 350px;*/

/*}*/
/*.featured_box_inner {*/
/*    padding: 0 30px;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    border: 1px solid #c5c5c5;*/
/*    box-shadow: 0 3px 6px rgba(0,0,0,0.16);*/
/*}*/

/*.featured_box_inner img {*/
/*    margin-top: 15px;*/
/*}*/

/*.featured_box_inner a {*/
/*    margin-bottom: 15px;*/
/*}*/

/*.featured_title a {*/
/*	margin: 10px;*/
/*	text-decoration: none;*/
/*}*/
/*!* =Events*/

/*-------------------------------------------------------------- *!*/

h3.widget-title {
	border: none;
	margin-bottom: 15px;
}
.calendar_item {
    display: flex;
    flex-direction: row;
}
.calendar_item_dates {
    width: 150px;
    padding-right: 10px;
}

.calendar_item_dates h3{
    border-bottom: none;
}

.calendar_item_details{
    display: flex;
    flex-direction: column;
}
.calendar_item_details_info {
    padding: 10px 5px;
}
.calendar_item_details_location{
    padding: 10px 5px;
	font-weight: 600;
}

.calendar_begindate {
	overflow: auto;
	width: 100%;
	font-weight: 700;
    padding: 10px;
}
.calendar_link {
	overflow: auto;
	width: 100%;
	margin: 10px 0 0 0;
}
.calendar_location {
	overflow: auto;
	width: 100%;
	font-size: 12px;
	margin: 10px 0 0 0;
}
.calendar_page {
	margin: 0 0 20px 0;
}
.calendar_page_date {
	font-weight: 700;
}
.calendar_page_location {
}
.calendar_page_link {
	margin: 0px 0 40px 0;
}
.events-header {
	margin: 0px 0px 1rem 0px;
	display: inline;
}
.events-more {
	float: right;
	margin-right: 10px;
}
/* =Update Pod
-------------------------------------------------------------- */

#update_pad {
	margin-right: 30px;
}
.update_sidebar {
	margin: 10px 10px 16px 0;
	text-decoration: none;
	line-height: 1.35;
}
.update_sidebar a {
	font-size: 13px;
	text-decoration: none;
}
.rightPicture p {
	text-align: center;
	font-size: 13px;
	font-style: italic;
	padding: 0 20px 0 20px;
	margin-bottom: 0;
}
.rightPicture img {
	margin-bottom: 10px;
}
h6 {
	font-size: 18px;
	font-weight: 700;
}
/*#content .rotatingtweets, #content .norotatingtweets {*/
/*	border-top: none;*/
/*	border-bottom: none;*/
/*	margin-bottom: 3%;*/
/*}*/

/*Bootstrap takes care of this*/
/*@media screen and (max-width: 960px) {
	#topnav {display:none}
	#bottomnav {display:none}
}*/

@media screen and (min-width: 767px) and (max-width: 982px) {
/*Bootstrap takes care of this*/
  /*#topnav {display:none}
	#bottomnav {display:none}*/
#topnav .navbar-nav > li > a {
	font-size: 1.3rem;
}
#topnav .navbar-nav > li > a.menumiddle {
	height: 77px;
	padding-top: 10px;
}
#bottomnav .dropdown-menu li > a {
	font-size: 1.15rem;
}
#bottomnav .nav-tabs > li > a {
	/*padding-right: 15px;
	padding-left: 15px;*/
	font-size: 1.25rem;
	padding: 10px 10px;
}
#bottomnav .nav-tabs>li {
	width: 16%;
	text-align: center;
}
}

@media screen and (min-width: 983px) and (max-width: 1008px) {
/*#topnav {display:none}
	#bottomnav {display:none}*/

#topnav .navbar-nav > li > a {
	font-size: 1.3rem;
}
#topnav .navbar-nav > li > a.menumiddle {
	height: 77px;
	padding-top: 19px;
}
#bottomnav .dropdown-menu li > a {
	font-size: 1.15rem;
}
#bottomnav .nav-tabs > li > a {
	/*padding-right: 15px;
	padding-left: 15px;*/
	font-size: 1.25rem;
	padding: 10px 10px;
}
#bottomnav .nav-tabs>li {
	width: 16%;
	text-align: center;

}
}

@media screen and (min-width: 1009px) and (max-width: 1066px) {
#topnav .navbar-nav > li > a {
	font-size: 1.4rem;
}
#topnav .navbar-nav > li > a.menumiddle {
	height: 82px;
	padding-top: 19px;
}
#bottomnav .dropdown-menu li > a {
	font-size: 1.15rem;
}
#bottomnav .nav-tabs > li > a {
	/*padding-right: 15px;
	padding-left: 15px;*/
	font-size: 1.25rem;
	padding: 10px 10px;
}
#bottomnav .nav-tabs > li > a.last {
	padding-left: 19px;
}
}

@media screen and (min-width: 1067px) and (max-width: 1177px) {
#topnav .navbar-nav > li > a.menumiddle {
}
#bottomnav .dropdown-menu li > a {
	/*font-size: 1.25rem;*/
	font-size: 1.4rem;
}
#bottomnav .nav-tabs > li > a {
	/*padding-right: 18px;
		padding-left: 18px;*/
	font-size: 1.25rem;
}
#bottomnav .nav-tabs > li > a.last {
}
}

@media screen and (min-width: 1178px) and (max-width: 1299px) {
#topnav .navbar-nav > li > a {
	font-size: 1.4rem;
}
#bottomnav .dropdown-menu li > a {
	font-size: 1.4rem;
}
#bottomnav .nav-tabs > li > a {
	/*padding-right: 25px;
	padding-left: 25px;*/
	font-size: 1.4rem;
}
#bottomnav .nav-tabs > li > a.last {
}
}
/* =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;
}
/*.carousel-control.left {*/
	/*background: transparent;*/
/*}*/
/*.carousel-control.right {*/
	/*background: transparent;*/
/*}*/
table.spaced td {
	padding: 5px;
}
table.spaced-right td {
	padding-left: 5px;
}
.gray td {
	background-color: #F6F6F6;
}
/**********FRONTPAGE ************/
#spotlight_container, #news_container,  #update_container, #announcements_container, #featured_container {
	padding: 0 15px 20px 15px;
}

/**********#HomePageBanner { padding-bottom: 20px; }************/

.frontpage-text-other {
	font-size: 0.9em;
	line-height: 1;
	padding-top: 5px;
	padding-bottom: 10px;
}

/**********responsive styling for the "Spotlight" section on the FRONTPAGE ************/

/*#spotlight_container {*/
/*	margin: 0;*/
/*	display: flex;*/
/*	flex-direction: row;*/
/*	justify-content: space-between;*/
/*}*/
/*.spotlight-box-outer {*/
/*	margin-bottom: 10px;*/
/*    width: 32%;*/
/*	!*padding: 0 5px;*!*/
/*}*/
/*.spotlight--box-inner {*/
/*	background: rgba(0, 0, 0, 0.65);*/
/*	!*box-shadow: 0 3px 6px rgba(0,0,0,0.16);*!*/
/*	!*border: 1px solid #c3c3c3;*!*/
/*}*/

/*.spotlight--box-inner:hover {*/
/*	box-shadow: 0 4px 6px rgba(0,0,0,0.39);*/
/*}*/

/*.spotlight-box-inner-other {*/
/*	background: #edf5fc;*/
/*	height: 145px;*/
/*}*/

/* Small devices (tablets, 768px and up) */
/*@media (max-width: 767px) {*/
/*.spotlight--box-inner {*/
/*	height: auto;*/
/*	overflow: hidden;*/
/*}*/
/*.topemblemline {border-bottom: solid #236aa7 5px;}*/
/*.unodaemmblem {*/
/**/
/*}*/

/*}*/

@media (min-width: 992px) {
.spotlight--box-inner {
	height: 340px;
	overflow: hidden;
}

.spotlight--box-inner-other {
	height: 145px;
	overflow: hidden;
}

}
.spotlight_image {
	text-align: center;
}
.spotlight_image img {
	display: inline-block;
}

/*.spotlight-more {*/
/*	display: flex;*/
/*	flex-direction: row;*/
/*	justify-content: center;*/
/*    margin-bottom: 20px;*/
/*}*/

.more-button {
	margin: 20px 0 10px;
}

.more-button:hover {
	background: #337ab7;
	color: #ffffff;
}

/**********responsive styling for the "Featured Content" section on the FRONTPAGE ************/

.featured_image {
	text-align: center;
	height: 265px;
}

@media (min-width: 768px) and (max-width: 979px) {
.featured_image {
	height: 230px;
}
}

@media (max-width: 768px) {
.featured_image {
	height: auto;
}
#topnav .dropdown-menu-container {
	width:100%;
}
#bottomnav .dropdown-menu {
	width:100%;
}

.top-widget-area {background: none repeat scroll 0% 0% white;}

#topnav .nav .dropdown-toggle .caret {
	display:inline-block;
	border-bottom-color: #105DBC;
}
#bottomnav .nav .dropdown-toggle .caret {
	display:inline-block;
	border-bottom-color: #105DBC;
}
#lang_sel_list {
  background: rgb(234, 234, 234);
  width: 100%;
  margin-right: 0px;
  padding-left: 16px;
}
.no15padding {
	padding-left:0px;
	padding-right:0px;
}
}

@media (min-width: 768px) {

    /*ul.nav li.dropdown:hover ul.dropdown-menu {*/
        /*display: block;*/
    /*}*/
	/**/
    /*ul.nav>li.dropdown:hover>div.widemenu>ul.dropdown-menu {*/
        /*display: block;*/
    /*}*/

}
.featured_image img {
	height: 134px;
	width: auto;
	/*margin-right: 20px;*/
	display: inline-block;
}
.featured_image span {
	display: block;
	margin-top: 15px;
	font-size: 0.9em;
}

#featured_container .row div {
	margin-bottom: 10px;
}

.frontpage-section {
    overflow: hidden;
    /*margin: 0 30px;*/
    /*transform-style: flat;*/
}

.frontpage-section-content {
    width: 100%;
}


/*************Table Styling for firstcommittee 68 ****************/


#reportTable {
	margin: 10px;
}
#reportTable tbody tr td {
	padding-bottom: 20px;
	vertical-align: top;
}

#reportTable th {
	padding-bottom: 20px;
	vertical-align: top;
}
.resolutionTable {
	margin: 10px;
}
.resolutionTable tbody tr td {
	padding-bottom: 20px;
	vertical-align: top;
}
.CountryStatement ul {
	height: 150px;
	overflow: auto;
	padding-left: 30px;/*background:white;/
		border: solid 1px #C6D7E8;*/
}
.CountryStatement ul li {
	list-style-type: none;
}
.fb-like {
	height: 70px;
	height: 25px;
	background: url('img/facebook-like.png') no-repeat center;
}

@media screen and (max-width: 853px) {
.top-widget-area {

  padding: 10px 20px 10px 0px;
}

}

/*@media (max-width: 470px){*/
/*#lang_sel_click {*/
/*display:none;*/
/*}*/
/*}*/
.moreinfosidebar {
	background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #353767;
    margin-bottom: 8px;
    text-align: center;
    height: 64px;
    margin-left: 50px;
}
.calendar_item {
  border-bottom: 1px solid rgb(237, 245, 252);
  padding-bottom: 10px;

}
.events-more {
  float: right;
  margin-right: 5px;
}

.more_links {
  margin-right: 5px;
  margin-top: 20px;
}

.eventDate {
  float: left;
  width: 320px;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
.eventLocation{
    float: left;
    font-weight: bold;
    font-size: 1.5rem;
}
.eventTitle{
    clear: both;
    margin-left: 40px;
    margin-right: 15px;
}
.eventWrapper{
  margin-bottom: 10px;
  border-bottom: 1px solid #dcecf9;
}

/************* Table Styling for SSoD ****************/

table#ssod-documents tr td {
    padding-bottom: 10px;
}

/************* Table Styling for CTBT ****************/

table.statesTable tr td {
    padding: 3px;
}

/*************Image Border mainly for publications ****************/
.imgborder {
/*    border: 1px solid #ccc;*/
/*    padding: 2px;*/
}

/*******Testing Footer */


.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 6.5px 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: 6.5px;
}

.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: 6.5px;
    margin-right: 5.85px;
    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 {
    /*margin-top: 25px;*/
	padding-right: 0px;
    padding-left: 0px;
	/*margin-right: auto;*/
	/*margin-left: auto;*/
}

.footer .site-name{
	    /*font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    /*font-family: 'Open Sans', sans-serif;  !* testing a new font*!*/
}