@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,600italic,700,700italic,300,800);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
body {
  background: url('../images/pattern-mini.png') repeat fixed 0 0 #bec6d4;
  font-family: "Open Sans",sans-serif;
  color: #333333;
  font-size: 14px;
  line-height: 20px;
}
a {
  color: #418fde;
  outline: 0;
  border: 0;
  text-decoration: none;
  -webkit-transition: all 250ms ease 0s;
  -moz-transition: all 250ms ease 0s;
  -o-transition: all 250ms ease 0s;
  transition: all 250ms ease 0s;
}
a:hover {
  text-decoration: underline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.ms-button {
  display: inline-block;
  padding: 0.5em 1.5em;
  border: 0;
  border-radius: 5px;
  background-color: #418FDE;
  color: #FFF;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.ms-button:hover {
  background-color: #5DA0E4;
  text-decoration: none;
}
button + button,
html input[type="button"] + input[type="button"],
input[type="reset"] + input[type="reset"],
input[type="submit"] + input[type="submit"],
.ms-button + .ms-button {
  margin-left: 5px;
}
#edit-actions.form-actions {
  padding-top: 5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 120%;
}
h1 {
  color: #333333;
  font-size: 2.2em;
  margin: 0;
  padding: 0;
}
h2 {
  border-bottom: 1px solid #d5d5d5;
  color: #858585;
  font-size: 1.45em;
  margin: 0.7em 0;
  padding-bottom: 0.25em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.4em;
}
h5 {
  font-size: 1.3em;
}
h6 {
  font-size: 1.15em;
}
a[href$=".pdf"] {
  background: url('../images/pdf-icon.png') no-repeat left 0;
  padding-left: 25px;
}
a[href$=".epub"] {
  background: url('../images/epub-icon.png') no-repeat left 0;
  padding-left: 25px;
}
.file-icon {
  display: none;
}

.section {
  clear: both;
  float: left;
  width: 100%;
}
.wrap {
  margin: 0 auto;
  max-width: 990px;
}
.not-front #page .wrap {
  background-color: #ffffff;
  padding: 10px;
}
.not-front #page .wrap #content {
  float: right;
  padding-bottom: 11px;
  padding-left: 15px;
  width: 75%;
}
.not-front.no-sidebar-first #page .wrap #content {
  padding-left: 0;
  width: 100%;
}
#sidebar-first {
  border-right-style: none;
  border-right-width: 1px;
  float: left;
  padding-right: 15px;
  width: 25%;
}
#page #sidebar-first h2 {
  background: transparent;
  background-color: #cce6ff;
  font-size: 0.8rem;
  font-weight: 800;
  padding: 7px 9px;
}
#page #sidebar-first h2 a {
  background-color: #cce6ff;
  border: 0;
  color: #555555;
  font-size: 1em;
  font-weight: 800;
  padding: 0;
  text-transform: uppercase;
}
#page #sidebar-first h2 a:hover {
  color: #666666;
}
#sidebar-first ul {
  margin: 0;
  padding: 0;
}
#sidebar-first li {
  list-style: none;
  list-style-image: none;
}
#sidebar-first a {
  border-bottom: 1px dotted #a39f82;
  color: #555;
  display: block;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 9px;
  text-decoration: none;
  text-transform: capitalize;
}
#sidebar-first a:hover {
  color: #418fde;
}
#sidebar-first a.active {
  color: #418fde;
  font-size: 14px;
  font-weight: 700;
}
#sidebar-first li ul {
  border-bottom: 1px dotted #a39f82;
  padding-left: 10px;
}
#sidebar-first li ul a {
  border-bottom: 0;
  color: #858585;
  font-size: 0.95em;
}
#sidebar-first li ul a:before {
  content:"› ";
}
#preheader {
  background-color: #ffffff;
  border-bottom: 1px solid #F0F3F5;
}
#preheader ul {
  float: left;
  margin: 3px 0;
  padding: 0;
  width: 100%;
}
#preheader li {
  float: left;
  list-style: none;
  list-style-image: none;
  line-height: 20px;
  width: 50%;
}
#preheader li a {
  display: inline-block;
  font-size: 0.9em;
  font-weight: 600;
  margin: 0 15px;
  padding-left: 27px;
}
#preheader li.un a {
  background: url('../images/logo-un.jpg') no-repeat left center #ffffff;
}
#preheader li.anniversary a {
  background: url('../images/logo-70anni.jpg') no-repeat left center #ffffff;
}
#preheader li.anniversary {
  text-align: right;
}

#header {
  background: url('../images/pattern.png') repeat 0 0 #ffffff;
  padding: 15px 0;
}
#header #logo {
  display: block;
  margin-left: 0px;
  max-width: 220px;
  position: absolute;
}
#header h1 {
  padding-left: 0px;
  margin-top: 95px;
  line-height: inherit;
}
#header h1 a {
  color: #418fde;
  font-family: "Open Sans Condensed",sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 27px;
  text-decoration: none;
}
#header h1 span {
  display: block;
  font-weight: 400;
}
#header .l-region--header {
  float: right;
}
#block-locale-language  ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
#block-locale-language li {
  display: inline-block;
  list-style-image: none;
  list-style: none;
}
#block-locale-language a {
  color: #333;
  display: block;
  float: right;
  font-family: "Open Sans",sans-serif;
  font-size: 15px;
  line-height: 30px;
  padding: 0 5px;
  text-decoration: none;
}
#block-locale-language .active a {
  font-weight: 700;
}
#navigation {
  background-color: #418fde;
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
#navigation .menu {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
#navigation .menu li {
  border-right: 1px solid #ffffff;
  float: left;
  list-style-image: none;
  list-style: none;
  padding: 0;
}
#navigation .menu li a {
  border: 0;
  display: block;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 1px 1px 0 #387dc3;
  -webkit-transition: all 250ms ease 0s;
  -moz-transition: all 250ms ease 0s;
  -o-transition: all 250ms ease 0s;
  transition: all 250ms ease 0s;
}
#navigation .menu li a.sf-depth-1 {
  background-color: #418fde;
  color: white;
  padding: 12px 18px;
}
#navigation .menu li a:hover,
#navigation .menu li a.active {
  background-color: #5da0e4;
}
#navigation .menu .sf-sub-indicator {
  display: none;
}
#navigation .menu li li {
  background-color: #5da0e4;
  border-right: 0;
  color: #418fde;
}
#navigation .menu li ul {
  background: transparent;
  border-radius: 0;
  margin-top: 3px;
  box-shadow: 0;
}
#navigation .menu li li a {
  color: #ffffff;
  font-weight: 400;
}
#navigation .menu li li a:hover {
  background-color: #5097df;
  color: #ffffff;
}
#navigation .menu li.last {
  border: 0;
  float: right;
}
#navigation .menu li.last.sf-depth-1 a {
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
}
#navigation .menu li.last.sf-depth-1 a:hover {
  background-color: #418FDE;
  text-decoration: underline;
}

.breadcrumb {
  border-bottom: 1px dotted #a39f82;
  margin: 0 0 15px;
  padding: 0 0 7px;
}
.breadcrumb li {
  background: url("../images/arrow.png") no-repeat right -2px;
  list-style: none;
  list-style-image: none;
  display: inline-block;
  padding-right: 23px;
  color: #858585;
  text-decoration: none;
  text-transform: uppercase;
}
.breadcrumb li a {
  color: #858585;
  text-decoration: none;
  text-transform: uppercase;
}
#breadcrumb .breadcrumb li a:hover {
  color: #418fde;
}
.breadcrumb li:last-child {
  background: transparent;
  padding-right: 0;
}
#footer {
  margin-top: 24px;
  background: #394f65; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzM5NGY2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDM5NGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #394f65 1%, #24394e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#394f65), color-stop(100%,#24394e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #394f65 1%,#24394e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #394f65 1%,#24394e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #394f65 1%,#24394e 100%); /* IE10+ */
  background: linear-gradient(to right,  #394f65 1%,#24394e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#394f65', endColorstr='#24394e',GradientType=1 ); /* IE6-8 */
}
#footer .pattern {
  background: url("../images/pattern-footer.png") repeat 0 0;
  background-attachment: fixed, scroll;
  overflow: hidden;
  padding-bottom: 33px;
  padding-top: 17px;
}
#footer .block--menu {
  float: left;
  min-height: 1px;
  padding: 0 16px;
  position: relative;
  width: 25%;
}
#footer h2 {
  border-bottom: 1px solid rgba(213, 210, 196, 0.47);
  color: white;
  float: none;
  font-family: "Open Sans",sans-serif;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 7px;
  padding: 7px 8px;
  text-transform: uppercase;
}
#footer .menu {
  margin: 0;
  padding: 0;
}
#footer .menu li {
  list-style: none;
  list-style-image: none;
}
#footer .menu li a {
  color: rgba(255, 255, 255, 0.47);
  float: left;
  margin-bottom: 0;
  padding: 2px 8px;
  text-decoration: none;
  transition: all 200ms ease 0s;
  width: 100%;
}
#footer .menu li a:hover {
  background-color: rgba(65, 143, 222, 0.2);
  color: white;
}

#sec-footer {
  background-color: #182b3d;
  padding: 5px 0;
}
#sec-footer .menu {
  margin: 0;
  padding: 0;
  text-align: center;
}
#sec-footer .menu li {
  border-right: 1px solid #d5d2c4;
  display: inline-block;
  font-size: 11px;
  padding-left: 33px;
  padding-right: 33px;
  text-align: center;
}
#sec-footer .menu li.last {
  border-right-style: none;
}
#sec-footer .menu li a {
  color: rgba(255, 255, 255, 0.59);
  text-decoration: none;
}

/* general */
.tabledrag-handle .handle {
  height: 28px;
  width: 25px;
}
input,
textarea {
  border: 1px solid #cccccc;
  padding: 5px;
}
.news-date-container,
.deadline-container,
.event-date-start,
.event-date-end {
  color: #a39f82;
  font-family: "Open Sans",sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.pager {
  text-align: center;
}
.pager li {
  display: inline-block;
  padding: 0;
  line-height: 32px;
}
.pager a {
  background-color: #f2efe6;
  color: #333333;
  display: block;
  padding: 0 1em;
  text-decoration: none;
}
.pager a:hover {
  background-color: #ffffff;
}
.pager .pager__item--current {
  padding: 0 1em;
}
.tabs {
  margin: 15px 0;
}
.tabs .active a {
  background-color: #cce6ff;
}
table caption {
  color: #555555;
  font-weight: 700;
  margin-bottom: 7px;
  text-align: left;
  text-transform: uppercase;
}
table thead th {
  background-color: #f2efe6;
  color: #555;
}
table tbody {
  color: #666666;
}
table th,
table td {
  background-color: #FFF;
  padding: 1em 1em;
  vertical-align: top;
  line-height: 1.3em;
  border-right: 1px dotted #DDD;
}
table th:first-child,
table td:first-child {
  border-left: 1px dotted #DDD;
}
table tr {
  border-bottom: 1px solid #ebe8e1;
}
/* specific tables */
table th.views-field-field-min-sess-res-num2,
table td.views-field-field-min-sess-res-num2 {
  min-width: 12em;
  text-align: center;
}
table th.views-field-field-min-sess-res-date,
table td.views-field-field-min-sess-res-date {
  min-width: 11em;
  text-align: center;
}

.more-link {
  background-color: #f2efe6;
  color: #333333;
  display: inline-block;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 32px;
  padding: 0 1em;
  text-transform: uppercase;
}
.more-link:hover {
  background-color: #ffffff;
  text-decoration: none;
}

.flexslider {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
}
.flexslider img {
  height: auto;
}
.flexslider li {
  position: relative;
}
.flexslider .flex-control-paging {
  position: absolute;
  left: 25px;
  bottom: 5px;
  width: auto;
  z-index: 100;
}
.flexslider .flex-control-paging li {
  margin: 0 3px;
}
.flexslider .flex-control-paging li a {
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: none;
  height: 1em;
  text-align: left;
  text-indent: -9999px;
  width: 1em;
}
.flexslider .flex-control-paging li a.flex-active {
  background-color: #ffffff;
}
.flex-direction-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}
.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
  background: url("../images/icons.png") no-repeat left 0;
  display: block !important;
  height: 35px;
  opacity: 1 !important;
  width: 30px;
}
.flex-direction-nav a:before {
  content: '';
  display: none !important;
}
.flexslider .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-prev {
  right: auto;
  left: 10px;
  text-indent: 9999px;
}
.flexslider .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next {
  background: url("../images/icons.png") no-repeat right 0;
  left: auto;
  right: 10px;
  text-indent: 9999px;
}
/* title themes - subtheme */
.node-type-macro-theme #page-title:after,
.node-type-sub-theme #page-title:after {
  content: "";
  width: 100%;
  height: 10px;
  display: block;
  background-color: #418fde;
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 100px auto;
}
.node-type-macro-theme .natural-resources #page-title:after,
.node-type-sub-theme #page-title.natural-resources:after {
  background-image: url("../images/pattern/icon-areas-rect-verd.jpg");
}
.node-type-macro-theme .technology-for-development #page-title:after,
.node-type-sub-theme #page-title.technology-for-development:after {
  background-image: url("../images/pattern/icon-areas-rect-azz.jpg");
}
.node-type-macro-theme .gender-and-women-issues #page-title:after,
.node-type-sub-theme #page-title.gender-and-women-issues:after {
  background-image: url("../images/pattern/icon-areas-rect-red.jpg");
}
.node-type-macro-theme .social-development #page-title:after,
.node-type-sub-theme #page-title.social-development:after {
  background-image: url("../images/pattern/icon-areas-rect-gia.jpg");
}
.node-type-macro-theme .statistics #page-title:after,
.node-type-sub-theme #page-title.statistics:after {
  background-image: url("../images/pattern/icon-areas-rect-ara.jpg");
}
.node-type-macro-theme .economic-development-and-integration #page-title:after,
.node-type-macro-theme .economic-development--integration #page-title:after,
.node-type-sub-theme #page-title.economic-development-and-integration:after,
.node-type-sub-theme #page-title.economic-development--integration:after {
  background-image: url("../images/pattern/icon-areas-rect-veracq.jpg");
}
.node-type-macro-theme .governance-and-conflict-issues #page-title:after,
.node-type-sub-theme #page-title.governance-and-conflict-issues:after,
.node-type-macro-theme .governance--conflict-issues #page-title:after,
.node-type-sub-theme #page-title.governance--conflict-issues:after{
  background-image: url("../images/pattern/icon-areas-rect-vio.jpg");
}
.node-type-sub-theme .title-image-container {
  position: relative;
}
.node-type-sub-theme #page-title {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  font-weight: 400;
  left: 0;
  position: absolute;
  width: 50%;
}
.node-type-sub-theme #page-title span {
  display: block;
  padding: 10px 14px;
}
.node-type-sub-theme .field--name-field-sub-theme-image img {
  display: block;
}
/* global pages */
.node--page .field--name-field-page-featured-image {
  border-bottom: 5px solid #418FDE;
}
.node--page .field--name-field-page-featured-image img {
  display: block;
  margin-bottom: 1px;
  height: auto;
  width: 100%;
}
.node--page .field--name-field-page-side-featured-image {
 border-left: 1em solid #ffffff;
 float: right;
 margin-bottom: 1em;
}
.node--page .field--name-field-page-side-featured-image img {
  border-bottom: 5px solid #418fde;
  display: block;
  height: auto;
  padding-bottom: 1px;
  width: 100%;
}
.node--page .field--name-field-page-callout {
  background-color: #ecf5ff;
  color: #555555;
  font-style: italic;
  margin: 15px 0;
  padding: 15px;
}
.node-type-sub-theme #sidebar-first .block__content {
  width: 100%;
  display: inline-block;
}
.node-type-sub-theme #sidebar-first .views-field.views-field-field-image,
.node-type-sub-theme #sidebar-first a {
  background-color: white;
}
.event-date-container div,
.news-date-container div,
.deadline-container div {
  float: left;
}
.event-date-container div div,
.event-date-container .event-separator,
.news-date-container div,
.deadline-container div {
  margin-right: 3px;
}

.addthis_toolbox {
  margin-top: 10px;
}
.page-taxonomy-term .field--name-field-publication-cover-image img {
  -webkit-box-shadow: 0 0 9px -1px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 0 0 9px -1px rgba(0, 0, 0, 0.38);
  box-shadow: 0 0 9px -1px rgba(0, 0, 0, 0.38);
}
#page #sidebar-first #block-escwa-themes-sub-themes-og-menu h2 a:hover,
#page #sidebar-first #block-escwa-sub-sites-sub-sites-menu h2 a:hover {
  text-decoration: none;
  color: #418fde;
}
