/*
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: 		#009edb;
	--blue-mild: 	#65779A;
	--blue-link: 	#094480;
	--gray-dark: 	#333333;
	--gray: 		#4D4D4D;
	--gray-light: 	#F2F2F2;
	--white: 		#FFFFFF;
	--text: 		#454545;
	--text-invert: 	#FFFFFF;
	/* font weights */
	--unoda-light: 		300;
	--unoda-regular: 	400;
	--unoda-medium: 	500;
	--unoda-bold: 		700;
	--unoda-black: 		900;

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

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

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

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

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

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

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

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

p{
	overflow: hidden;
}

@media print {

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



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

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

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

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


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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

.rtside {
	margin-bottom: 15px;
}

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

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

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

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

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

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

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

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

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

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

.widget-title{
	color: white;
}
/*.link-list{*/
/*	margin: 0 20px 0 0;*/
/*	width: 20rem;*/
/*}*/

/*.link-list>ul>li{*/
/*	margin: 4px 0;*/
/*	font-size: 1.32rem;*/
/*	font-weight: 300;*/
/*}*/

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

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


.right2left {
	text-align: right;
}

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

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

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

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

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



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

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

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

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

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

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

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

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

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


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


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

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

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


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


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


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

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

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

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

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

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


	.dropdown-content {
		display: none;
	}

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

}

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

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


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

	.footer {
		height: auto;
	}

}

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

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

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

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

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



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

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

	.footer {
		height: auto;
	}

}

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

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

	.left2right {
		text-align: left;
	}

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

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

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

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

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

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

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

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

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

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

	.footer {
		height: auto;
	}

}

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


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

	.left2right {
		text-align: left;
	}

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

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

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

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

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

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

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

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

	.footer {
		height: auto;
	}

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

}


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

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

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

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

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

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

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


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

/* =Google Custom Search

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


/* end of new menu CSS */

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

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

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

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