/* generic theme for CMS portals */

/* GENERAL */
body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Lato', sans-serif;
}

body {
font-size: 15px;
}

a.external {
background: url("../images/external.png") 100% 40% no-repeat;
padding-right: 16px;
}

a {
color: #0066C0;
}


/*  HEADER */
.logo-title {
margin-top: -30px;
}

.logo {
margin-top: 0;
margin-bottom: 0;
padding: 0;
display: inline-block;
float: left;
}

.down-area {
margin-top: -22px;
}

.up-area {
min-height: 69px;
}

.search-area-and-logos {
height: 69px;
float: right;
}

.region-header {
width: 80%;
display: inline-block;
}

@media (max-width: 1200px) {
  .region-header {
  width: 76%;
  }
}

#search-block-form {
float: right;
}

.small-logos {
width: 80px;
display: inline-block;
float: right;
padding-right: 10px;
padding-top: 5px;
}

.portal-title {
font-size: 25px;
padding: 0;
margin-top: 1px;
margin-bottom: 5px;
font-weight: 700;
width: 100%;
color: #555;
}

.portal-subtitle {
padding: 0px 5px 15px 0px;
color: #555;
}

.top-user-menu {
text-align: right;
float: left;
}

.language-menu,
.user-menu {
list-style-type: none;
display: inline-block;
vertical-align: top;
}

.language-menu {
padding-left: 0px;
padding-top: 0px;
}

.user-menu {
margin-bottom: 0;
padding-left: 20px;
padding-top: 6px;
}

.user-menu li {
display: inline-block;
padding-right: 8px;
}

.UNEP-logo {
display: inline-block;
}

@media (max-width: 1200px) {
  body .search-area-and-logos {
  margin-right: 16px;
  }

  .top-user-menu {
  margin-left: -16px;
  }
}

body .input-group.search-area  .form-control {
border-radius: 3px;
width: 235px;
margin-top: 5px;
}

.language-menu .btn-default {
border: 0px;
}

.language-menu .dropdown-menu {
max-width: 40px;
min-width: 10px;
box-shadow: 0px 0px 0px;
font-size: 12px;
}

.language-menu .dropdown-menu>li>a {
padding: 3px 9px;
}

.language-menu .btn-default:hover,
.language-menu .btn-default:focus,
.language-menu .open .dropdown-toggle.btn-default {
background-color: #fff;
}

.language-menu .dropdown-menu>li>a:hover {
background: #fff;
color: #888;
}

.visible-800 {
display: none;
}


/* GLOBAL MENU */
.global-menu-bar {
background: #fff;
}

.global-menu {
overflow: visible;
position: relative;
padding-left: 95px;
width: 100%;
}

.global-menu li {
list-style-type: none;
height: 45px;
text-transform: uppercase;
padding: 0px 15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-right: 2px;
height: 38px;
min-width: 104px;
text-align: center;
text-transform: none;
}

.global-menu > li {
position: relative;
display: inline-block;
margin-right: 0;
border-right: 1px solid #fff;
}
.global-menu > li > ul,
.global-menu > li > ul > li > ul {
display: none;
position: absolute;
overflow: visible !important;
z-index: 999;
}

.global-menu.nav-show-level-2 {
margin-bottom: 36px;
}

.global-menu.nav-show-level-3 {
margin-bottom: 74px;
}

body ul.secondary {
float: left;
}

.global-menu h2 {
font-size: 15px;
font-weight: 400;
margin-top: 11px;
}

.global-menu h2 a:hover {
text-decoration: none;
}

.global-menu .dropdown-menu {
box-shadow: none;
padding-left: 11px;
}
/* end refactoring the global menu */

.navbar-default {
background-color: #fff;
border: 0px;
}

.navbar-brand.mobile {
display: none;
}


/* GLOBAL SUBMENU level 1 */
.navbar-inverse.submenu {
background-color: #fff;
border: 0px;
margin-bottom: 0px;
}

.global-menu > li > ul {
padding-bottom: 0;
padding-top: 0;
margin-bottom: 0;
border-radius: 0;
border: 0;
}

.global-menu > li > ul li {
float: left;
padding: 0px 8px;
min-width: 10px;
}

.global-menu > li > ul a:hover {
text-decoration: none;
}

/* Teaser Submenu */
.global-menu > li > div.submenu-teaser {
display: none;
position: absolute;
top: 38px;
padding: 20px;
margin-left: -15px;
border-radius: 6px;
z-index: 999;
box-shadow: 1px 1px 1px #999;
}

.global-menu > li > div.submenu-teaser > ul {
position: relative;
display: inline-block;
float: left;
max-width: 300px;
padding: 0;
margin: 0;
border: 0;
background: none;
}

.global-menu > li > div.submenu-teaser li {
display: block;
float: none;
height: auto;
margin-left: 0;
text-align: left;
}

.global-menu > li > div.submenu-teaser li > h2 {
margin: 0;
padding: .3em 0;
}

.global-menu .menu-teaser-img {
display: block;
float: right;
max-width: 200px;
}

.global-menu > li > div.submenu-teaser {
background-color: #FFF;
border: 1px solid #DDD;
border-top: 0;
}

.global-menu > li > div.submenu-teaser a {
color: #0066C0;
}

.global-menu > li > div.submenu-teaser a:hover {
color: #003871;
}

.front .global-menu > .active-trail {
background-image: url("../images/arrow_hexFFF.png");
background-position: 49% 110%;
background-repeat: no-repeat;
}


/* GLOBAL SUBMENU level 2 */
.navbar.submenu {
min-height: 0;
}

.global-menu > li > ul > li > ul {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-top: 0;
border-radius: 0;
border: 0;
}

.global-menu li li li {
min-width: 10px;
}

.region-tertiary-menu ul {
padding-left: 12px;
}


/* MOBILE MENU */
.sidebar-offcanvas {
display: none;
}


/* BREADCRUMBS */
.breadcrumb {
background-color: #fff;
padding: 8px 0px 8px 6px;
}

.breadcrumb li {
font-size: 13px;
}


/*  CENTER COLUMN */
.center-column {
margin-bottom: 20px; /* useful for the last portlets */
}

.page-header {
font-size: 26px;
font-weight: 700;
color: rgb(68,68,68);
margin-top: 5px;
border-bottom: 0px;
}

#intro-text {
font-size: 16px;
}

.well.white {
background-color: #fff;
border: 0px;
box-shadow: 0px 0px 0px;
padding: 5px 19px 5px 0px;
margin-bottom: 0px;
}

.white .panel {
padding: 5px;
/*font-size: 12px;  TOO little for Lato font*/
margin-bottom: 8px;
box-shadow: 0px 0px 0px;
}

.block-title {
font-weight: bold;
color: #555;
}

.not-front .region-before-content {
margin-bottom: 40px;
}

/* Pagination  FIX*/
.view .pagination a.progress-disabled {
float: left;
}


/* RIGHT COLUMN */
#feedback .btn,
.right-column #members .btn {
width: 100%;
font-weight: 900;
font-size: 13px;
text-transform: uppercase;
}

.right-column section {
padding-bottom: 15px;
padding-top: 15px;
}

.right-column .last {
border-bottom: 0px;
}

.right-column .first {
padding-top: 0px;
}


/* Fix for calendar */
.calendar-calendar .week-view #multi-day-container,
.calendar-calendar .day-view #multi-day-container {
min-height: 50px;
height: auto;
}

#block-random-species-random-species p a {
padding-left: 73px;
display: block;
}
.species-carousel .item img {
  max-width: 170px !important;
  height: auto !important;
}

@media (max-width: 1200px) and (min-width: 1025px) {
  .calendar-calendar .month-view table {
  margin-left: -14px;
  }
}


/* FOOTER */
.well-footer {
padding: 20px;
}

.subscribe-social,
.footer-menu {
background: rgb(238, 238, 238);
}

.footer-menu ul li {
width: 18%;
display: inline-block;
vertical-align: top;
margin-right: 15px;
}

.footer-menu h2 {
font-size: 20px;
margin-bottom: 0;
}

.footer-menu h2 a {
color: #444;
}

.footer-menu ul ul {
display: block;
}

.footer-menu ul ul li {
width: 100%;
}

.footer-menu ul ul h2 {
font-size: 15px;
margin: 6px 0px;
}

.footer-menu ul ul h2 a {
color: #0066C0;
}

/* Back to top button */
#top-link-block.affix-top {
position: absolute;
bottom: -85px;
right: 10px;
}

#top-link-block.affix {
position: fixed;
bottom: 18px;
right: 10px;
z-index: 100;
}

#top-link-block {
z-index: 100;
}

#top-link-block .glyphicon {
padding-right: 5px;
}

/* this block for dropdown-menu to be removed if we remove the class */
.footer-menu .dropdown-menu {
position: relative;
background: rgb(238, 238, 238);
border: 0px;
box-shadow: none;
}

.form-control.email-input,
.simplenews-subscribe .form-text {
width: 60%;
float: left;
margin-right: 5px;
}

.subscribe-social {
border-top: 1px solid #DDD;
}

.subscribe-social a {
margin-right: 10px;
display: inline-block;
vertical-align: bottom;
}

.disclaimers {
background: rgb(68, 68, 68);
color: #eee;
padding-top: 30px;
padding-bottom: 30px;
font-size: 12px;
font-family: Arial,sans-serif; /* Lato font looks creepy on small size text */
}

.well-footer .block h2.block-title {
font-weight: normal;
}

.subscribe-social .on-the-web {
margin-right: 5px;
}

.subscribe-social .on-the-web img {
display: none; /* hide plugin icons for Twitter, Facebook and Youtube, since they're not the official icons */
}

.subscribe-social .otw-twitter a {
background: url("../images/twitter_logo_25x25.png") no-repeat;
width: 25px;
height: 25px;
}

.subscribe-social .otw-facebook a {
background: url("../images/facebook_logo_25x25.png") no-repeat;
width: 25px;
height: 25px;
}

.subscribe-social .otw-youtube a {
background: url("../images/youtube_logo_69x25.png") no-repeat;
width: 69px;
height: 25px;
}

.disclaimers h2 {
font-size: 13px;
margin-top: 0px;
}

.simplenews-subscribe label {
display: none;
}

.simplenews-subscribe .btn-default {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
font-weight: 900;
font-size: 13px;
text-transform: uppercase;
}

.simplenews-subscribe .btn-default:hover {
color: #fff;
background-color: #3276b1;
border-color: #285e8e;
}

.region-footer-second-row-right {
text-align: right;
}

.region-footer-second-row-right ul .leaf {
display: inline-block;
padding-left: 2px;
background: url("../images/white_middle_point.png") 100% 24% no-repeat;
padding-right: 10px;
}

.region-footer-second-row-right a {
color: #fff;
}

.region-footer-second-row-right ul .last {
background: none;
}

.footer-menu .dropdown-menu {
z-index: 10;
}


/* NEWS slideshow, skin Default */
.front .center-column {
margin-top: 5px;
}

#block-views-news-slideshow-block {
margin-bottom: 20px;
}

.view-news-slideshow .image-field-caption {
display: none; /* remove if images have external copyright */
}

.view-news-slideshow img {
width: 750px;
height: 390px; /*455px;*/
border-radius: 6px;
}

.view-news-slideshow .views-field-title,
.view-news-slideshow .views-field-title-field {
display: block;
position: absolute;
top: 236px;
width: 750px;
height: 112px;
padding: 0px 20px;
}

.view-news-slideshow .views-field-title .field-content,
.view-news-slideshow .views-field-title-field .field-content {
display: block;
width: 100%;
margin-top: 40px;
padding-bottom: 6px;
border-bottom: 1px solid #FFF;
min-height: 71px;
}

.view-news-slideshow .jcarousel-skin-default .jcarousel-navigation {
position: absolute;
bottom: 0px;
width: 100%;
height: 42px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
padding-top: 12px;
padding-right: 110px;
text-align: right;
}

.view-news-slideshow .views-field-title a,
.view-news-slideshow .views-field-title-field a {
font-size: 30px; /* as in the HTML proposal */
font-size: 23px; /* fallback size in case news item has a very long title - avoid displaying it on 3 rows */
font-weight: bold;
line-height: 32px;
color: #fff;
text-align: left;
position: absolute;
bottom: 7px;
left: 20px;
padding-right: 20px;
}

.view-news-slideshow .views-field-title a:hover,
.view-news-slideshow .view-footer a,
.view-news-slideshow .views-field-title-field a:hover,
.view-news-slideshow .view-footer a:hover {
text-decoration: none;
color: #FFD116;
}

.view-news-slideshow .view-footer a:hover {
text-decoration: underline;
}

.jcarousel-skin-default .jcarousel-navigation a {
color: #fff;
}

.views-slideshow-slide-counter {
padding: 0px 20px;
}

.jcarousel-skin-default .jcarousel-item {
border: 0;
}

.jcarousel-skin-default .jcarousel-container-horizontal {
width: 100%;
height: 390px;
padding: 0;
}

.jcarousel-skin-default .jcarousel-clip-horizontal,
.jcarousel-skin-default .jcarousel-item {
width: 100%;
height: 390px;
}

body .jcarousel-item,
.jcarousel-skin-default .jcarousel-item-horizontal {
margin: 0;
width: 100%;
}

.jcarousel-skin-default .jcarousel-next,
.jcarousel-skin-default .jcarousel-prev,
.jcarousel-skin-default .jcarousel-navigation li span {
display: none;
}

.jcarousel-skin-default .jcarousel-navigation li {
padding: 0px 16px 0px 0px;
}

.jcarousel-skin-default .jcarousel-navigation li a {
background: url("../images/slide-non-active.png") no-repeat;
display: inline-block;
width: 16px;
height: 16px;
}

.jcarousel-skin-default .jcarousel-navigation li.active a {
background: url("../images/slide-active.png") no-repeat;
}

.view-news-slideshow .view-footer a {
position: absolute;
top: 357px;
right: 22px;
padding-right: 15px;
}

@media screen and (max-width: 1200px) {
  .view-news-slideshow img {
  width: 613px;
  height: 319px;
  }

  .jcarousel-skin-default .jcarousel-container-horizontal,
  .jcarousel-skin-default .jcarousel-clip-horizontal,
  .jcarousel-skin-default .jcarousel-item  {
  height: 319px;
  }

  .view-news-slideshow .views-field-title,
  .view-news-slideshow .views-field-title-field {
  width: 616px;
  top: 176px;
  height: 101px;
  }

  .view-news-slideshow .views-field-title .field-content,
  .view-news-slideshow .views-field-title-field .field-content {
  min-height: 60px;
  }

  .view-news-slideshow .views-field-title a,
  .view-news-slideshow .views-field-title-field a {
  font-size: 19px;
  line-height: 26px;
  }

  .jcarousel-skin-default .jcarousel-item {
  border-radius: 6px;
  }

  .view-news-slideshow .view-footer a {
  top: 286px;
  }
}

.view-news-slideshow .view-footer {
min-height: 1px;
overflow: hidden;
}


/* INSTRUMENTS slideshow, skin Default */
.instruments-slideshow {
padding-bottom: 10px;
}

.instruments-slideshow .jcarousel-container-horizontal,
.instruments-slideshow .jcarousel-clip-horizontal {
height: 140px;
}

.instruments-slideshow .jcarousel-next,
.instruments-slideshow .jcarousel-prev {
display: inline-block;
z-index: 4;
}

body .instruments-slideshow .jcarousel-item {
width: 136px;
height: 140px;
padding: 0;
border-radius: 6px;
margin-right: 20px;
border: 1px solid #DDD;
}

.instruments-slideshow .jcarousel-item:hover {
border: 1px solid #888; /*#0066C0;*/
}

.instruments-slideshow .jcarousel-item span {
display: block;
padding: 5px;
font-size: 12px;
line-height: 15px;
}

.instruments-slideshow .jcarousel-item .views-field-title,
.instruments-slideshow .jcarousel-item .views-field-title-field {
position: absolute;
top: 83px;
width: 136px;
height: 55px;
z-index: 2;
}

.instruments-slideshow .jcarousel-item .views-field-field-picture {
width: 136px;
}

.instruments-slideshow .jcarousel-item img {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.instruments-slideshow .jcarousel-navigation {
display: none;
}

.instruments-slideshow .jcarousel-skin-default .jcarousel-next,
.instruments-slideshow .jcarousel-skin-default .jcarousel-prev {
display: block;
width: 30px;
height: 118px;
margin-top: -44px;
background-repeat: no-repeat;
background-color: #0066C0;
background-position: 50%;
opacity: 0.9;
}

.instruments-slideshow .jcarousel-skin-default .jcarousel-next:hover,
.instruments-slideshow .jcarousel-skin-default .jcarousel-prev:hover {
text-decoration: none;
background-color: #FFD116;
}

.instruments-slideshow .jcarousel-skin-default .jcarousel-next {
background-image: url("../images/instruments-slideshow-next.png");
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

.instruments-slideshow .jcarousel-skin-default .jcarousel-prev {
background-image: url("../images/instruments-slideshow-prev.png");
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
/* end instruments slideshow */


/* TABBED MENU on homepage */
.block-quicktabs {
margin-bottom: 10px;
}

.ui-tabs,
.ui-tabs .ui-tabs-nav {
padding: 0;
}

.block-quicktabs .quicktabs-ui-wrapper {
border: 0;
}

.block-quicktabs .ui-tabs .ui-tabs-panel,
.ui-tabs-nav li:hover {
border-width: 1px;
}

.ui-tabs-panel {
border: 1px solid #E3E3E3;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}

.ui-tabs-nav {
height: 50px;
border: 0;
border-bottom: 0px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background: #FFF;
}

.ui-tabs .ui-tabs-nav li {
padding: 10px 10px 4px;
border-color: #DDD;
font-weight: bold;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
background: #FFF;
padding-bottom: 2px;
}

.ui-tabs-nav a {
color: #515866;
text-transform: uppercase;
font-size: 15px;
font-family: Lato, sans-serif;
}

.ui-tabs-nav li a:hover,
.ui-tabs-nav li.active a {
color: #444;
}

.ui-tabs .ui-tabs-panel {
padding: 30px 30px 15px 30px;
}

.ui-tabs-panel h2,
.ui-tabs-panel .node .text-muted {
display: none;
}

.ui-tabs-panel .article-body ul {
padding-left: 0;
list-style-type: none;
}

.ui-tabs-panel .article-body ul li,
.ui-tabs-panel .views-row {
border-bottom: 1px solid #DDD;
overflow: hidden;
margin-bottom: 18px;
}

.ui-tabs-panel .article-body ul li a,
.ui-tabs-panel .views-field-title,
.ui-tabs-panel .views-field-title-field {
display: inline-block;
width: 67%;
padding: 10px;
float: left;
font-size: 18px;
color: #0066C0;
font-family: Lato, sans-serif;
}

.ui-widget-content .view-quicktab-publications a {
color: #0066C0;
}

.ui-tabs-panel ul li img,
.ui-tabs-panel .views-field-field-publication-image {
float: left;
}

.ui-tabs-panel .views-field-title,
.ui-tabs-panel .views-field-title-field {
padding: 0px 10px 10px 10px;
line-height: 24px;
width: 82%;
}

.ui-tabs-panel .views-field-field-publication-published-date {
width: 67%;
float: left;
padding: 10px;
font-size: 15px;
margin-top: -15px;
color: #444;
font-family: Lato, sans-serif;
}

.ui-tabs-panel .view-footer a {
font-size: 15px;
font-family: Lato, sans-serif;
}


/* CALENDAR on homepage,
   EVENT CALENDAR page */
.front .view-calendar.view .date-nav-wrapper .date-nav {
height: 0px;
min-height: 70px;
}

.front .view-calendar.view .date-nav-wrapper .date-nav {
margin-bottom: -26px;
}

.front .view-calendar.view .date-nav-wrapper .date-heading h3 {
font-size: 15px;
font-weight: bold;
}

.view-calendar.view .date-nav-wrapper .date-heading h3 a {
color: #444;
}

.view-calendar.view .date-nav-wrapper .date-prev,
.view-calendar.view .date-nav-wrapper .date-next {
background: none;
}

.view-calendar .pager li > a {
border: 1px solid #ddd;
background-color: transparent;
width: 22px;
height: 24px;
border-radius: 0;
padding: 0px 6px 0px 0px;
}

.view-calendar .pager li > a:hover {
background-color: #ddd;
border: 1px solid #aaa;
color: #aaa;
}

.view-calendar.view .date-nav-wrapper .date-prev a {
margin-left: 0;
}

.view-calendar.view .date-nav-wrapper .date-prev a,
.view-calendar.view .date-nav-wrapper .date-next a {
font-size: 15px;
}

.front .calendar-calendar td,
.front .calendar-calendar table.mini td.empty {
background-color: #F5F5F5;
text-align: center;
}

.front .calendar-calendar th.days {
border: 0;
background-color: #F5F5F5;
color: #444;
}

.view-calendar table .mini-day-on a {
text-decoration: none;
border: 2px solid #ddd;
border-radius: 16px;
padding: 4px;
min-width: 33px;
display: inline-block;
}

.view-calendar table td.mini {
padding: 5px;
}

@media (max-width: 1024px) {
  .view-calendar table td.mini {
  padding: 2px;
  }
}

.page-event-created .calendar-calendar th.days {
background-color: #FFF;
border: 0;
}

.page-event-created .pager {
margin-top: -29px;
height: 30px;
}

.page-event-created .view .date-nav-wrapper .date-prev {
right: auto;
left: 0;
}

.page-event-created .view-calendar.view .date-nav-wrapper .date-prev a {
width: 60px;
background: #EEE;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.page-event-created .view-calendar.view .date-nav-wrapper .date-next a {
width: 60px;
background: #EEE;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.page-event-created .calendar-calendar .year-view td table td {
padding: 5px 20px 5px 5px;
}

.page-event-created .calendar-calendar .year-view td table td.has-events {
padding: 5px 11px 5px 5px;
}

.calendar-calendar tr td.today {
background-color: #F5F5F5;
}

.calendar-calendar tr td.today a {
background-color: #C3D6E4;
border-color: #9DBDD5;
}


/* "LEARN ABOUT" section */
#block-block-3,
#block-menu-block-3 {
border-bottom: 0;
padding-bottom: 0;
}

#block-menu-block-3 .menu {
padding-left: 0;
}

#block-menu-block-3 .menu a {
width: 100%;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
}


/* BASIC PAGES */
.article-body .glyphicon-zoom-in {
font-size: 30px;
color: #F5F2F2;
top: 90px;
left: -47px;
background: rgba(65, 65, 65, 0.58);
padding-left: 5px;
padding-top: 2px;
padding-bottom: 10px;
width: 44px;
}

.author-date .media-heading,
.author-date .user-picture {
display: none;
}

.article-body img.article-photo-magnifier {
width: 18px;
position: absolute;
left: 16px;
background: rgba(112, 112, 112, 0.62);
}

.article-body img.article-photo-magnifier:hover {
background: rgba(66, 65, 65, 0.62);
}

.article-changed {
margin-top: 10px;
}

#node-3916 dd,
.node-page dd {
margin-left: 40px;
}

#node-3916 dt {
padding: 5px 0px;
}

.node .text-muted {
display: block;
margin-top: 20px;
font-size: 13px;
}


/* FIXES */
.region-secondary-menu .menu.nav {
padding-left: 12px;
}

.region-secondary-menu .menu.nav li {
display: inline-block;
}

.global-menu-bar .caret {
display: none; /* hide the dropdown arrow */
}

.panel {
padding: 5px;
}

.panel-title .help-text-collapse,
.panel-title .help-text-expand {
font-size: 13px;
}
.panel-title .help-text-expand{
display: none;
}
.panel-title .collapsed .help-text-expand{
display: inline;
}
.panel-title .collapsed .help-text-collapse{
display: none;
}

.block-title {
font-size: 22px;
}

.front .region-sidebar-second.well,
.front .region-sidebar-first.well {
margin-top: 5px;
}

.region-sidebar-second ul,
.region-sidebar-first ul {
list-style-type: square;
color: #999;
padding-left: 20px;
}

.form-group {
margin-bottom: 10px;
}

.field-collection-view {
background: #eee; /* override from field_collection.theme.css */
padding-left: 15px;
}

.field-collection-container {
margin-top: 10px;
}

.profile .field-label-inline .field-items {
width: 100%;  /* fixes bug: section got width 0px when expanded */
}


/* USER profile */
.profile2-nfp-profile .field .field-label,
.field-name-field-practice-ex-contact-person .field-label {
display: inline-block;
width: 120px;
}

.profile2-nfp-profile .field-items,
.field-name-field-practice-ex-contact-person .field-items {
display: inline-block;
}

.field-name-field-practice-ex-contact-person > .field-label {
vertical-align: top;
}

.profile2-nfp-profile .field {
padding: 10px;
}

/* AMMAP */
#states_ammap {
width: 100%;
height: 480px;
margin: 0 auto 2em auto;
}

#drupal_ammap {
margin-bottom: 20px;
}

/* Google Maps*/
#gmap {
height: 300px;
}
#gmap.google_maps_no_map {
height: auto;
}

/* VIEWS (DRUPAL) */
table.views-table > caption {
/*from bootstrap h4*/
margin-bottom: 10px;
margin-top: 10px;
font-size: 20px;
text-align: left;
font-weight: bold;
}


/* SPECIES profile,
  COUNTRY profile,
  PROJECT profile,
  MEETING profile,
  INSTRUMENT profile,
  PUBLICATION profile,
  DOCUMENT profile,
  WORKING GROUP profile,
  NEWS profile,
  CAMPAIGNS profile,
  AWARDS profile */
.profile .table tbody > tr > th,
.profile .table tbody > tr > td,
.working-group-profile-right .field-label,
.working-group-profile-right .field-item,
.news-profile-right .field-label,
.news-profile-right .field-item {
border-top: 0px;
font-size: 13px;
}

.profile .table tbody > tr > th,
.news-profile-right .field-label,
.working-group-profile-right .field-label,
.campaign-profile-right .field-label,
.project-profile-left .panel-body td:first-of-type,
.award-profile-right .field-label,
.meeting-right .field-label {
color: #888;
font-weight: normal;
width: 130px;
}

.profile caption,
.profile label {
font-size: 20px;
font-weight: bold;
text-align: left;
}

.profile h3 {
font-size: 20px;
font-weight: bold;
margin-top: 35px;
}

.working-group-profile-left.profile h3 {
margin-top: 0;
}

.species-left-column tbody,
.profile label {
margin-top: 10px;
display: block;
}

.profile .table tbody > tr > th,
.profile .table tbody > tr > td {
line-height: 1.2;
}

.species-right-column caption {
border-top: 1px solid #ddd;
padding-top: 15px;
}

.species-right-column .species-custom-image-author {
font-size: 13px;
color: #888;
}

.view-front-end-species .col-md-12,
.view-front-end-projects .col-md-12,
.meeting-full-width.col-md-12,
.working-group-full-width {
margin-top: 30px;
}

body .carousel-inner {
display: inline-block;
width: 76%;
margin-left: 12%;
}

.carousel-inner div {
width: 170px;
margin: 0 auto;
}

.carousel-control {
top: 50px;
width: 32px;
height: 32px;
display: inline-block;
opacity: 1;
}

.carousel-control.right,
.carousel-control.left {
border-radius: 4px;
font-weight: bold;
}

.carousel-caption {
position: relative;
left: 0;
padding-bottom: 0;
text-shadow: none;
color: #888;
text-align: left;
font-size: 13px;
}

.profile hr {
border-color: #ddd;
}

.meeting-full-width h4 {
font-size: 20px;
font-weight: bold;
}

.meeting-full-width li {
list-style-type: none;
}

.meeting-full-width .sticky-table th {
display: none;
border-bottom: 0;
}

.meeting-full-width .views-table tr {
border-bottom: 1px solid #ddd;
}

.meeting-full-width .views-table ul {
padding-left: 0;
margin-bottom: 0;
}

.meeting-full-width .sticky-table.table {
margin-bottom: 0;
}

.meeting-full-width .field-collection-view {
background: #fff;
}

.meeting-full-width .views-table tr tr {
border-bottom: 0;
}

.meeting-left .field-label,
.campaign-profile-right .field-name-field-campaign-picture .field-label {
display: none;
}

.campaign-profile-right .field-name-field-campaign-picture {
text-align: center;
}

.campaign-profile-right .field-name-field-campaign-picture blockquote,
.campaign-profile-right .field-name-field-campaign-picture blockquote p {
margin-bottom: 0;
}

.profile table .views-field-title,
.profile table .views-field-title-field,
.profile table .views-field-field-document-number {
width: 200px;
}

.profile table .views-field-field-document-files img {
padding-right: 3px;
padding-bottom: 2px;
}

.profile .view-filters label {
display: inline-block;
color: #555;
}

.field-name-field-meeting-image img {
margin-left: 25%;
}

.instrument-full-width tr.odd {
background: transparent;
}

.instrument-sidebar select {
width: 100%;
margin-bottom: 10px;
}

.profile.col-md-4 {
padding-left: 0;
padding-right: 0;
}

.read-more {
margin-left: 5px;
font-size: 13px;
}

.read-less {
display: block;
font-size: 13px;
}

.badge {
background-color: #0066C0;
border-radius: 3px;
margin-left: 5px;
margin-top: 1px;
}

.profile #related-content-tabs a {
font-weight: bold;
text-transform: uppercase;
color: #0066C0;
}

.profile #related-content-tabs .active a {
color: #444;
}

.document-left .field-collection-container {
border-bottom: 0;
}

.document-left .field-collection-view {
background: #FFF;
padding-left: 0;
border-bottom: 0;
margin-left: 0;
}

.document-left .sticky-table {
width: 100%;
}

.document-left thead {
display: none;
}

.document-left .field_document_file_language div,
.working-group-profile-right .field-item {
padding-bottom: 6px;
}

body .document-right tr:first-of-type th,
body .document-right tr:first-of-type td {
font-weight: bold;
font-size: 16px;
}

.working-group-profile-right .field,
.news-profile-right .field,
.campaign-profile-right .field,
.field-name-field-species-description,
.award-profile-right .field {
margin-bottom: 20px;
}

.working-group-profile-right ul {
list-style-type: none;
padding-left: 2px;
}

.view-working-group-members table.views-table > caption {
font-size: 16px;
}

.field-name-field-wg-members .field-label {
font-size: 24px;
font-weight: normal;
}

.working-group-profile-right ul li,
.working-group-profile-right .field-name-field-wg-meeting .field-item,
.threats .field-item,
.news-profile-right .field-item {
background: url("../images/gray_square.png") 0px 6px no-repeat;
padding-left: 12px;
}

.campaign-profile-right .field-label,
.campaign-profile-right .field-items,
.award-profile-right .field-items,
.award-profile-right .field-label,
.meeting-right .field-label,
.meeting-right .field-items {
display: inline-block;
font-size: 13px;
}

.campaign-profile-right .field-label,
.project-profile-left .panel-body td:first-of-type,
.meeting-right .field-label {
vertical-align: top;
padding-top: 2px;
}

.campaign-profile-right .field-items,
.award-profile-right .field-items,
.meeting-right .field-items {
max-width: 143px;
}

@media screen and (min-width: 1200px) {
  .campaign-profile-right .field-items,
  .award-profile-right .field-items,
  .meeting-right .field-items {
  max-width: 210px;
  }
}

.campaign-profile-right .field-name-field-campaign-picture .field-items {
max-width: 100%;
}

.node-news .field {
margin-bottom: 20px;
}

.node-news.node-teaser .field {
margin-bottom: 0px;
}

.node-news .field-label {
display: inline;
}

.node-news .field-name-field-featured-image .field-items {
display: block;
}

.node-news .field-item {
display: inline-block;
margin: 5px;
padding: 2px 5px;
font-size: 12px;
border-radius: 3px;
}

.node-news .field-name-field-featured-image .field-label,
.node-news .field-item:empty {
display: none;
}

.node-news .field-name-body .field-item,
.node-news .field-name-field-featured-image .field-item,
.node-news.node-teaser .field-item {
display: block;
margin: 0;
padding: 0;
font-size: 15px;
border-radius: 0;
}

.profile blockquote p {
font-size: 14px;
padding-left: 5px;
margin-bottom: 30px;
}

.profile blockquote {
border-left: 0;
padding: 6px 0px;
}

.instrument-right .field-name-field-picture,
.publication-right .publication-thumbnail {
text-align: center;
}

.instrument-right .field-name-field-picture {
padding-bottom: 15px;
border-bottom: 1px solid #DDD;
margin-bottom: 10px;
}

/* news gallery */
.news-profile-left .field-name-field-gallery {
margin-top: 20px;
margin-bottom: 20px;
padding: 20px;
border-radius: 4px;
border: 1px solid #DDD;
}

.news-profile-left .field-name-field-gallery .field-item {
display: inline-block;
margin: 0px 32px 15px;
padding: 5px;
border: 1px solid #EEE;
box-shadow: 2px 2px 2px #CCC;
}

@media (max-width: 1200px) {
  .news-profile-left .field-name-field-gallery .field-item {
  margin-left: 10px;
  margin-right: 10px;
  }
}

.news-profile-left .field-name-field-gallery .field-item:hover {
border: 1px solid #888;
box-shadow: 2px 2px 2px #999;
}

.news-profile-left .field-name-field-gallery .field-label {
margin-bottom: 10px;
}

/* news share area */
#block-widgets-s-addthis-share a {
display: inline-block;
margin-right: 10px;
vertical-align: top;
}

@media (max-width: 1200px) {
  #block-widgets-s-addthis-share a {
  margin-right: 3px;
  }
}

#block-widgets-s-addthis-share a.addthis_button_expanded {
display: block;
}

body .addthis_counter .addthis_button_expanded {
height: 37px;
}

.vertical body #PinItButton {
top: 39px;
}

/* Edit page:
    avoid attachment file infos to overlap, on news profile edit and other basic pages */
.node-form .form-wrapper {
margin-top: 20px;
}

.node-form .form-wrapper fieldset legend {
background: #999;
margin-top: 20px;
color: #FFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 5px 0px 0px 5px;
}

.node-form .form-control.draggable {
height: auto;
margin-top: 3px;
width: 1140px;
display: table-row;
}

.node-form .chosen-container.form-control {
height: auto;
border: 0;
box-shadow: none;
padding-left: 0;
}

.field-widget-file-generic .form-control.form-text {
max-width: 780px;
}

.node-form .checkbox input[type="checkbox"] {
margin-left: 0;
}

.node-form .fieldset-wrapper table thead {
background: #ccc;
}

.node-form .fieldset-wrapper .table tbody > tr > td {
border-top: 0;
}

.node-form .draggable a.tabledrag-handle {
min-width: 36px;
min-height: 26px;
}

.node-form .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
height: 20px;
}


/* TABLES for listings */
.views-table {
border: 0;
border-bottom: 1px solid #DDD;
}

.views-table thead,
.publication-left .sticky-table thead {
background: #F2F2F2;
border-bottom: 2px solid #aaa;
color: #888;
}

.meeting-full-width .views-table thead {
border: 0;
}

.views-table.table-bordered > tbody > tr > td,
.views-table.table-bordered > thead > tr > th {
border: 0;
}

.views-table th.header {
background-image: url('../images/sort.png'); /* replaces bg.gif from Bootstrap 2 */
cursor: pointer;
font-weight: bold;
background-repeat: no-repeat;
background-position: center right;
vertical-align: middle;
}

.views-table th.headerSortDown {
background-image: url('../images/desc.png'); /* replaces desc.gif from Bootstrap 2 */
}

.views-table th.headerSortUp {
background-image: url('../images/asc.png'); /* replaces asc.gif from Bootstrap 2 */
}

.views-table.table > tbody > tr > td.active {
background-color: #fff;
}

.view-meeting-documents-list-reorder .views-exposed-form .form-item-items-per-page select {
position: relative;
top: -28px;
left: 88px;
height: auto;
padding: 5px;
font-size: 12px;
line-height: 12px;
}

.profile .views-exposed-form .views-exposed-widget .form-submit {
margin-top: 0;
margin-left: 85px;
}

.profile .views-exposed-form .form-item {
height: 30px;
}

.view-meeting-documents-list-reorder .views-exposed-form .form-item-items-per-page label {
font-size: 12px;
}


/* NEWS page (with thumbnails),
    WORKING GROUPS page (no thumbnails),
    CAMPAIGNS page (with thumbnails),
    AWARDS page (no thumbnails),
    MEDIA WATCH page (no thumbnails),
    SEARCH page,
    Error 404 page,
    TAXONOMY page,
    RELATED Meetings */
.view-front-end-news h2,
.view-front-end-working-groups h2,
.view-front-end-campaigns h2,
.view-front-end-awards h2,
.page-taxonomy .node-teaser h2 {
font-size: 18px;
font-weight: bold;
line-height: 24px;
border-bottom: 1px solid #DDD;
}

.view-front-end-working-groups h2 {
border-bottom: 1px solid #999;
}

.view-front-end-news .field-items,
.view-front-end-working-groups .field-items,
.view-front-end-campaigns .field-items,
.view-front-end-awards .field-items,
.page-taxonomy .node-teaser .field-items {
color: #555;
}

.view-front-end-news .node-readmore,
.view-front-end-working-groups .node-readmore,
.view-front-end-campaigns .node-readmore,
.view-front-end-awards .node-readmore,
.page-search-site .facetapi-limit-link,
.page-taxonomy .node-teaser .node-readmore {
margin-top: 0px;
border-radius: 4px;
font-size: 11px;
padding: 3px 7px;
}

.view-front-end-news .node-readmore a,
.view-front-end-working-groups .node-readmore a,
.view-front-end-campaigns .node-readmore a,
.view-front-end-awards .node-readmore a,
.page-taxonomy .node-teaser .node-readmore a {
color: #333;
}

.node-teaser .field-name-field-featured-image,
.node-teaser .field-name-field-campaign-picture {
display: inline-block;
float: left;
padding-right: 40px;
}

.view-front-end-news .article-body .text-muted,
.view-front-end-working-groups .article-body .text-muted,
.view-front-end-campaigns .article-body .text-muted,
.view-front-end-awards .article-body .text-muted,
.view-front-end-campaigns .field-name-field-campaign-duration,
.page-taxonomy .node-teaser .article-body .text-muted {
display: inline-block;
margin-top: 8px;
position: absolute;
left: 0;
top: 15px;
}

.page-taxonomy .node-news.node-teaser {
position: relative;
}

.view-front-end-campaigns .field-name-field-campaign-duration .field-items {
color: #999;
font-size: 13px;
}

.node-teaser blockquote,
.view-front-end-news .article-body .field-name-body img,
.view-front-end-awards .article-body .field-name-body img,
.view-display-id-media_watch .node-teaser .field-name-field-featured-image,
.view-display-id-notifications .field-name-field-featured-image,
.view-display-id-working_groups img,
.node.node-award .field-name-body img {
display: none;
}

.view-front-end-news .views-row,
.view-front-end-working-groups .views-row,
.view-front-end-campaigns .views-row,
.view-front-end-awards .views-row,
.page-taxonomy .node-teaser .views-row,
.node.node-award {
margin-bottom: 20px;
}

.view-front-end-news .views-row {
position: relative;
}

.view-front-end-news h2,
.view-front-end-campaigns h2,
.view-front-end-campaigns .article-body .field-name-body,
.page-taxonomy .node-teaser h2 {
width: 100%;
padding-left: 260px;
}

.view-front-end-news .links,
.view-front-end-campaigns .links,
.page-taxonomy .node-teaser .links,
.view-front-end-awards .links {
float: right;
}

.view-front-end-campaigns .node-teaser,
.view-front-end-awards .node-teaser,
.node.node-award {  /* for award sponsors listing */
position: relative;
}

.node-teaser strong {
font-weight: normal;
}

.view-display-id-media_watch h2,
.view-display-id-media_watch .article-body .field-name-body,
.view-display-id-notifications h2,
.view-display-id-notifications .article-body .field-name-body {
padding-left: 140px;
}

.view-front-end-working-groups .views-row {
display: inline-block;
width: 40%;
vertical-align: top;
margin-right: 8%;
background-color: #F5F5F5;
border: 1px solid #E3E3E3;
padding: 10px 20px 20px 20px;
border-radius: 4px;
min-height: 310px;
}

.view-front-end-working-groups h2,
.view-front-end-working-groups .links,
.view-front-end-working-groups .article-body .field-name-body {
width: 100%;
}

.view-front-end-awards h2,
.view-front-end-awards .article-body .field-name-body {
width: 100%;
padding-left: 138px;
}

.node-teaser .article-body h3 {
font-size: 15px;
color: #555;
line-height: 21px;
}

.page-search-site #edit-keys,
.page-search404 #edit-keys {
margin-bottom: 10px;
width: 80%;
display: inline-block;
}

.page-search-site .form-item-keys label,
.page-search404 .form-item-keys label {
font-weight: normal;
color: #888;
display: block;
}

.page-search-site #edit-submit,
.page-search404 #edit-submit {
margin-top: -10px;
}

.page-search-site .center-column h2 {
font-size: 24px;
color: #999;
}

.page-search-site .right-column h2 {
font-size: 16px;
color: #777;
}

.page-search-site .facetapi-limit-link {
display: inline-block;
margin-left: 20px;
}

.search-results {
padding-left: 0;
list-style-type: none;
}

.search-results h3 {
margin-bottom: 0;
}

.view-site-search .views-field-title-field a {
font-size: 18px;
font-weight: bold;
}

.search-results h3 a {
font-size: 18px;
font-weight: bold;
}

.view-site-search .views-row {
  margin-bottom: 20px;
  margin-top: 10px;
}

.view-site-search .views-field-type {
  font-size: .9em;
  color: #999;
}

.search-snippet {
color: #555;
margin-bottom: 3px;
}

.view-site-search .views-field-search-api-excerpt {
  color: #555;
  margin-bottom: 3px;
}

.search-info {
color: #999;
font-size: 13px;
}

.facetapi-facetapi-links li.leaf,
.page-search ul {
list-style-type: square;
color: #999;
}

.spelling-suggestions {
border-bottom: 1px dashed #DDD;
width: 90%;
margin-bottom: 15px;
}

.spelling-suggestions dl {
margin-bottom: 10px;
}

.page-meetings-related-meetings .view-filters,
.page-publications-outreach-materials .view-filters {
padding: 15px;
margin-bottom: 20px;
background-color: #F5F5F5;
border: 1px solid #E3E3E3;
border-radius: 4px;
}

.page-meetings-related-meetings .views-exposed-form .form-submit,
.page-publications-scientific-publications .views-exposed-form .form-submit {
margin-top: 26px;
}

.node-type-legal-instrument .views-exposed-form .form-submit {
margin-top: 43px;
}


/* SITEMAP */
ul.site-map-menu li.expanded,
ul.site-map-menu li.expanded li {
list-style-type: square;
color: #999;
}

.site-map-box-front {
background: url("../images/gray_square.png") 0.4% 50% no-repeat;
padding-left: 22px;
}

.site-map-menu li {
margin-bottom: 25px;
}

.site-map-menu li li {
margin-bottom: 0px;
}


/* ALIGN all elements to left */
.region-content .container {
padding-left: 0;
}

.page-projects .view-filters,
.page-species .view-filters,
.page-node-1 .instrument-full-width {
margin-left: 15px;
}


/* synchronise image width with page width, for 1-column pages */
@media (min-width: 1201px) {
  .no-sidebars img {
  max-width: 1140px;
  height: auto;
  }
}

@media (max-width: 1200px) {
  .no-sidebars img {
  max-width: 940px;
  height: auto;
  }
}

@media (max-width: 800px) {
  .no-sidebars img {
  max-width: 720px;
  height: auto;
  }
}

@media (max-width: 600px) {
  .no-sidebars img {
  max-width: 543px;
  height: auto;
  }
}

@media (max-width: 480px) {
  .no-sidebars img {
  max-width: 423px;
  height: auto;
  }
}

/* synchronise image width with page width, for 2-column pages */
@media (min-width: 1201px) {
  .one-sidebar .col-md-8 img {
  max-width: 730px;
  height: auto;
  }

  .one-sidebar .col-md-8 .view-news-slideshow img {
  max-width: 750px;
  }

  .one-sidebar .col-md-4 img {
  max-width: 340px;
  height: auto;
  }
}

@media (max-width: 1200px) {
  .one-sidebar .col-md-8 img {
  max-width: 596px;
  height: auto;
  }

  .one-sidebar .col-md-8 .view-news-slideshow img {
  max-width: 613px;
  }

  .one-sidebar .col-md-4 img {
  max-width: 273px;
  height: auto;
  }
}

@media (max-width: 800px) {
  .one-sidebar .col-md-8 .view-news-slideshow img {
  max-width: 720px;
  }
}