/**
    localhost
**/
/**
    vmelab.lu.usi.ch/wordpress_unesco 
**/
/*@nav-link-category-communication:  ~'#menu-item-243';
@nav-link-category-education: ~'#menu-item-252';
@nav-link-category-culture: ~'#menu-item-265';
@nav-link-category-science: ~'#menu-item-278';
@nav-link-category-unesco: ~'#menu-item-317';
@nav-link-category-agenda2030: ~'#menu-item-315';*/
/**
 * develab
 */
/**
    PRODUZIONE
**/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
body {
  margin: 0;
  padding: 0;
  background-color: white;
  font-size: 1.4rem;
  font-family: 'Roboto', sans-serif !important;
}
.btn-primary,
.ff-btn-submit {
  background-color: #808080 !important;
}
#content a:hover {
  border-bottom: solid 2px #808080;
  color: #808080;
}
#masonry-loadmore a:hover {
  border: none;
}
#wp-admin-bar-comments {
  display: none !important;
}
.page-category-communication #content article a {
  border-bottom: solid 2px #90C4D9;
}
.page-category-communication #content article a:hover {
  color: #808080;
}
.page-category-communication aside a:hover {
  border-bottom: solid 2px #90C4D9;
  color: #808080;
}
.page-category-education #content a {
  border-bottom: solid 2px #F2CB03;
}
.page-category-education #content a:hover {
  color: #808080;
}
.page-category-education aside a:hover {
  border-bottom: solid 2px #F2CB03;
  color: #808080;
}
.page-category-culture #content a {
  border-bottom: solid 2px #EB9383;
}
.page-category-culture #content a:hover {
  color: #808080;
}
.page-category-culture aside a:hover {
  border-bottom: solid 2px #EB9383;
  color: #808080;
}
.page-category-science #content a {
  border-bottom: solid 2px #98C080;
}
.page-category-science #content a:hover {
  color: #808080;
}
.page-category-science aside a:hover {
  border-bottom: solid 2px #98C080;
  color: #808080;
}
.page-category-unesco #content a {
  border-bottom: solid 2px #868ab5;
}
.page-category-unesco #content a:hover {
  color: #808080;
}
.page-category-unesco aside a:hover {
  border-bottom: solid 2px #868ab5;
  color: #808080;
}
.page-category-agenda2030 #content a {
  border-bottom: solid 2px #868ab5;
}
.page-category-agenda2030 #content a:hover {
  color: #808080;
}
.page-category-agenda2030 aside a:hover {
  border-bottom: solid 2px #868ab5;
  color: #808080;
}
.knews_pop_news {
  opacity: 1 !important;
  position: fixed !important;
  height: 90% !important;
}
.header-layer {
  background-color: #808080;
}
.header-layer nav {
  border: 0;
  padding: 0;
  margin: 0;
}
.header-layer nav > .collapse {
  margin: 0;
  padding: 0;
}
.header-layer nav > .collapse > ul {
  border-right: solid 1px white;
}
.header-layer nav > .collapse > ul > li {
  padding: 0;
  list-style: none;
  cursor: pointer;
  border-left: solid 1px #CCCCCC;
  height: 34px;
  line-height: 33px;
  text-align: center;
  color: white;
}
.header-layer nav > .collapse > ul > li > a {
  display: block;
  padding: 7px 20px;
  color: white;
}
.header-layer nav > .collapse > ul > li > ul {
  padding: 0;
}
.header-layer nav > .collapse > ul > li > ul > li {
  border: 0 !important;
}
.header-layer nav > .collapse > ul > li > button {
  width: 100% !important;
  border-radius: 2px;
  background: none;
}
.header-layer nav > .collapse > ul > li:hover:not(#select-language-menu) {
  background-color: #CCCCCC;
}
.header-layer nav > .collapse > ul > li #searchform {
  position: relative;
  top: 0px;
  right: 0px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  z-index: 0;
}
.header-layer nav > .collapse > ul > li #searchform button,
.header-layer nav > .collapse > ul > li #searchform input {
  border-radius: 0px;
  border-width: 0px;
  box-shadow: none;
  margin: 0;
}
.header-layer nav > .collapse > ul > li #searchform button {
  background: none;
  padding: 0;
}
.header-layer nav > .collapse > ul > li #searchform button > i {
  padding: 8px 20px;
  color: white;
  text-shadow: none;
}
.header-layer nav > .collapse > ul > li #searchform input {
  height: 34px;
  font-style: italic;
  color: #808080;
  box-shadow: none;
  float: left;
  opacity: 0;
  padding: 0;
  width: 0;
}
.header-layer nav > .collapse > ul > li #searchform.active input {
  display: block;
  opacity: 1;
}
.header-layer nav > .collapse > ul > #select-language-menu > button {
  color: white;
  padding: 0px 25px;
  height: 100%;
}
.header-layer nav > .collapse > ul > #select-language-menu > ul {
  margin-top: 0px;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background-color: #808080;
  box-shadow: none;
  z-index: 99999999;
  height: auto;
}
.header-layer nav > .collapse > ul > #select-language-menu > ul > li {
  width: 100%;
  padding: 7px 0px;
}
.header-layer nav > .collapse > ul > #select-language-menu > ul > li:hover {
  background-color: #B9B9B9;
  color: white;
}
.header-layer nav > .collapse > ul > #select-language-menu > ul > li:hover > a {
  color: #333;
}
.header-layer nav > .collapse > ul > #select-language-menu > ul > li > a {
  color: white;
}
.header-layer nav > .collapse > ul > #select-language-menu > ul > li > a:hover {
  color: #333;
}
.logo-header-layer {
  background-color: #CCCCCC;
}
.logo-header-layer img {
  width: 20%;
  min-width: 130px;
}
.menu-layer nav {
  border: none;
  border-left: solid 1px #CCCCCC;
  background: none;
  margin: 0;
  padding: 0;
}
.menu-layer nav .container-fluid {
  padding: 0;
}
.menu-layer nav .container-fluid .navbar-collapse {
  margin-top: 0;
}
.menu-layer nav .container-fluid .navbar-collapse .nav {
  width: 100%;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .nav-link:first-child,
.menu-layer nav .container-fluid .navbar-collapse .nav .nav-link:last-child {
  background-color: #777;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .nav-link:first-child a,
.menu-layer nav .container-fluid .navbar-collapse .nav .nav-link:last-child a {
  color: white;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .nav-link {
  cursor: pointer;
  padding: 0;
  text-align: center;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .nav-link a {
  color: #333;
  text-shadow: none;
  font-weight: 800;
  box-shadow: none;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .nav-link ul {
  box-shadow: none;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .nav-link ul .nav-link {
  margin-bottom: 10px;
  margin-top: 10px;
  background: none;
  padding: 0px 5px;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .nav-link ul .nav-link a {
  width: 100%;
  color: #333;
  margin-left: 0;
  padding: 10px;
  padding-bottom: 5px;
  font-size: 1.3rem;
  border-bottom: solid 1px white;
  text-align: left;
  margin-bottom: 5px;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .nav-link ul .nav-link a:hover {
  margin-bottom: 3px;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-item,
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-parent {
  background-color: #CCCCCC !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-item > a,
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-parent > a {
  padding-top: 10px !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-item .current-menu-item,
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-parent .current-menu-item {
  background-color: transparent !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-361:hover {
  border-top: solid 5px #F2CB03;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-361:hover > a {
  padding-top: 10px !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-9696:hover {
  border-top: solid 5px #98C080;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-9696:hover > a {
  padding-top: 10px !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-42:hover {
  border-top: solid 5px #EB9383;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-42:hover > a {
  padding-top: 10px !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-9704:hover {
  border-top: solid 5px #90C4D9;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-9704:hover > a {
  padding-top: 10px !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-686:hover {
  border-top: solid 5px #868ab5;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-686:hover > a {
  padding-top: 10px !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-325:hover {
  border-top: solid 5px #868ab5;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-325:hover > a {
  padding-top: 10px !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-item#menu-item-361,
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-parent#menu-item-361 {
  border-top: solid 5px #F2CB03;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-item#menu-item-9696,
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-parent#menu-item-9696 {
  border-top: solid 5px #98C080;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-item#menu-item-42,
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-parent#menu-item-42 {
  border-top: solid 5px #EB9383;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-item#menu-item-9704,
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-parent#menu-item-9704 {
  border-top: solid 5px #90C4D9;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-item#menu-item-686,
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-parent#menu-item-686 {
  border-top: solid 5px #868ab5;
}
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-item#menu-item-325,
.menu-layer nav .container-fluid .navbar-collapse .nav .current-menu-parent#menu-item-325 {
  border-top: solid 5px #868ab5;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-361 ul a:hover {
  border-bottom: solid 3px #F2CB03 !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-9696 ul a:hover {
  border-bottom: solid 3px #98C080 !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-42 ul a:hover {
  border-bottom: solid 3px #EB9383 !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-9704 ul a:hover {
  border-bottom: solid 3px #90C4D9 !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-686 ul a:hover {
  border-bottom: solid 3px #868ab5 !important;
}
.menu-layer nav .container-fluid .navbar-collapse .nav #menu-item-325 ul a:hover {
  border-bottom: solid 3px #868ab5 !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: transparent !important;
  /*color:#777 !important;*/
}
#submenu-layer {
  background-color: #CCCCCC;
  margin-bottom: 20px;
}
#submenu-layer .breadcrumb {
  background: transparent;
  border-radius: 0;
  padding-bottom: 0;
  margin-bottom: 10px;
}
#submenu-layer .breadcrumb li a {
  color: #333;
  cursor: pointer;
}
#submenu-layer .breadcrumb li::before {
  color: #333;
}
#submenu-layer hr {
  color: white;
  margin: 0;
  padding: 0;
}
#submenu-layer nav {
  background-color: transparent !important;
  background: none;
  border: none;
  box-shadow: none;
}
#submenu-layer nav .navbar-nav {
  width: 100%;
}
#submenu-layer nav .navbar-nav .nav-link {
  padding: 0px 5px;
  margin: 5px 0px;
}
#submenu-layer nav .navbar-nav .nav-link a {
  width: 100%;
  font-weight: 800;
  color: #333;
  margin-left: 0;
  padding-bottom: 5px;
  font-size: 1.3rem;
  border-bottom: solid 1px white;
  margin-bottom: 2px;
}
#submenu-layer nav .navbar-nav .nav-link a:hover {
  border-bottom: solid 1px #333;
}
.page-template-template_secretariat_members #submenu-layer > .container > hr,
.page-template-template_commission_members #submenu-layer > .container > hr,
.page-template-template_secretariat_members #submenu-layer > .container > nav,
.page-template-template_commission_members #submenu-layer > .container > nav {
  display: none !important;
}
.page-template-template_agenda_2030 #content > .no-content > article > * {
  display: none;
}
.page-template-template_agenda_2030 #content > .no-content > article > header {
  display: block;
}
.page-template-template_agenda_2030 #content > .no-title > article {
  margin-top: 20px;
}
.page-template-template_agenda_2030 #content > .no-title > article > header {
  display: none;
}
.page-template-template_agenda_2030 #content > .row {
  padding-left: 15px;
  padding-right: 15px;
}
.page-template-template_agenda_2030 #content > .row > a > .box-agenda2030 {
  width: 15%;
  margin: 0.5%;
  float: left;
  cursor: pointer;
}
.page-category-education #submenu-layer nav .navbar-nav .nav-link a:hover {
  border-bottom: solid 3px #F2CB03;
  margin-bottom: 0px;
}
.page-category-science #submenu-layer nav .navbar-nav .nav-link a:hover {
  border-bottom: solid 3px #98C080;
  margin-bottom: 0px;
}
.page-category-culture #submenu-layer nav .navbar-nav .nav-link a:hover {
  border-bottom: solid 3px #EB9383;
  margin-bottom: 0px;
}
.page-category-communication #submenu-layer nav .navbar-nav .nav-link a:hover {
  border-bottom: solid 3px #90C4D9;
  margin-bottom: 0px;
}
.page-category-unesco #submenu-layer nav .navbar-nav .nav-link a:hover {
  border-bottom: solid 1px #868ab5;
}
.page-category-agenda2030 #submenu-layer nav .navbar-nav .nav-link a:hover {
  border-bottom: solid 1px #868ab5;
}
.page-template-template_commission_members #content > .row,
.page-template-template_secretariat_members #content > .row {
  padding-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
}
.page-template-template_commission_members #content > .row:last-child,
.page-template-template_secretariat_members #content > .row:last-child {
  border-bottom: none;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 60%;
  margin-left: 20%;
}
.carousel-layer {
  width: 100%;
  background-color: #808080;
}
.carousel-layer .carousel {
  height: 300px;
}
.carousel-layer .carousel .carousel-inner {
  height: 100% !important;
}
.carousel-layer .carousel .carousel-inner .item {
  height: 100%;
}
.carousel-layer .carousel .carousel-inner .item img,
.carousel-layer .carousel .carousel-inner .item .d-block {
  width: 50%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.carousel-layer .carousel .carousel-inner .item .carousel-caption {
  width: 50%;
  height: 100% !important;
  background-color: #999;
  float: left;
  position: absolute;
  left: 50%;
  top: 0;
  padding: 2%;
}
.carousel-layer .carousel .carousel-inner .item .carousel-caption > p {
  text-align: left;
  max-width: 100%;
}
.pre-footer-layer {
  background-color: #CCCCCC;
  margin-top: 40px;
  padding-bottom: 60px;
  padding-top: 20px;
}
.pre-footer-layer a:hover {
  color: #555;
  /*color: @color-dark-grey;*/
  /*border-bottom: 2px solid @color-dark-grey;*/
}
.pre-footer-layer .addtoany_content_top {
  display: none !important;
}
.pre-footer-layer > div > .row > div {
  text-align: center;
}
.pre-footer-layer > div > .row > div:first-child {
  text-align: left;
}
.pre-footer-layer > div > .row > div:last-child {
  text-align: right;
}
.pre-footer-layer > div > .row > div:last-child p {
  float: right;
  margin-left: 7px;
}
.pre-footer-layer > div > .row > div:last-child p a:hover {
  color: #555;
  border-bottom: none;
}
.pre-footer-layer > div > .row > div:nth-child(2) a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pre-footer-layer > div > .row > div:nth-child(2) a i {
  margin-right: 5px;
}
.pre-footer-layer > div > .row > div h4 {
  margin-bottom: 30px;
}
.pre-footer-layer > div > .row > div i {
  font-size: 18pt;
}
.footer-layer {
  background-color: #808080;
  padding: 10px 0;
  z-index: 99999;
}
.footer-layer .links {
  color: white;
}
.footer-layer .links a {
  color: white;
}
.footer-layer .links a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.sidebar > div {
  background-color: #CCCCCC;
  padding: 5px;
  margin-bottom: 10px;
}
.sidebar > div .side_title,
.sidebar > div > div h4 {
  font-size: 1.7rem;
  font-weight: initial;
  margin-bottom: 10px;
}
.sidebar > div .side_content,
.sidebar > div > div div {
  font-size: 1.4rem;
  color: #333;
}
.sidebar > div .side_content p,
.sidebar > div > div div p {
  margin-bottom: 15px;
}
.sidebar #side_categories,
.sidebar #side_tags {
  background: none;
}
.sidebar #side_categories .side_category,
.sidebar #side_tags .side_category,
.sidebar #side_categories .side_tag,
.sidebar #side_tags .side_tag {
  float: left;
  color: #777;
  border: solid 1px #777;
  border-radius: 2px;
  margin: 2px;
  padding: 2px 5px;
}
.sidebar #side_categories .side_category a,
.sidebar #side_tags .side_category a,
.sidebar #side_categories .side_tag a,
.sidebar #side_tags .side_tag a {
  color: #808080;
  border-bottom: none;
}
.sidebar #side_categories .side_category a:hover,
.sidebar #side_tags .side_category a:hover,
.sidebar #side_categories .side_tag a:hover,
.sidebar #side_tags .side_tag a:hover {
  border: none;
}
.sidebar #side_categories .side_category:hover,
.sidebar #side_tags .side_category:hover,
.sidebar #side_categories .side_tag:hover,
.sidebar #side_tags .side_tag:hover {
  border-color: #333;
}
.sidebar #side_categories .side_category:hover a,
.sidebar #side_tags .side_category:hover a,
.sidebar #side_categories .side_tag:hover a,
.sidebar #side_tags .side_tag:hover a {
  text-decoration: none;
  color: #333;
}
.sidebar ul > li {
  margin-top: 5px;
}
.post {
  /*.share_post{
        float: right;
        a{
            color: @color-light-grey;
            background-color: #F2F2F2;
            cursor: pointer;
            padding: 10px 12px;
            margin-left: -4px;
            span{
                display: initial;
                font-size: 1.4rem;
            }
        }
        a:hover{
            text-decoration: none;
            color: @color-black;
        }
        a:first-child{
            margin-left: 10px;
        }
    }*/
}
.post header h2 {
  margin-bottom: 20px;
}
.post header h4 {
  margin-bottom: 20px;
}
.post header h4 .text-muted {
  color: #333;
  font-style: normal;
  font-weight: 0;
  font-size: 1.2rem;
}
.post section img {
  width: 50%;
  height: auto;
  margin: 20px 25%;
}
.post .addtoany_content_top {
  float: right;
  position: absolute;
  margin-top: -10px;
  right: 15px;
}
.post .addtoany_content_top > div > a {
  background-color: #F2F2F2;
  width: 36px;
  height: 36px;
  position: relative;
}
.post .addtoany_content_top > div > a:hover {
  background-color: #808080;
}
.post .addtoany_content_top > div > a:hover > span > svg > g,
.post .addtoany_content_top > div > a:hover > span > svg > path {
  fill: white;
}
.post .addtoany_content_top > div > a > span {
  background: none !important;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 50%;
  margin-top: -10px;
  width: 20px !important;
  height: 20px !important;
  background-size: 20px !important;
  line-height: 20px !important;
}
.post .addtoany_content_top > div > a > span > .a2a_label {
  display: none;
}
.single-type_people header > h4,
.single-type_secr_members header > h4,
.single-type_com_members header > h4,
.single-type_sdg_agenda2030 header > h4 {
  display: none;
}
.single-type_people .addtoany_share_save_container,
.single-type_secr_members .addtoany_share_save_container,
.single-type_com_members .addtoany_share_save_container,
.single-type_sdg_agenda2030 .addtoany_share_save_container {
  display: none;
}
.single-type_people #content .img-responsive,
.single-type_secr_members #content .img-responsive,
.single-type_com_members #content .img-responsive,
.single-type_sdg_agenda2030 #content .img-responsive {
  position: absolute;
  width: 33%;
  left: -32%;
  top: 0;
  margin: auto;
  text-align: center;
}
.single-type_people #content .img-responsive > img,
.single-type_secr_members #content .img-responsive > img,
.single-type_com_members #content .img-responsive > img,
.single-type_sdg_agenda2030 #content .img-responsive > img {
  width: 90% !important;
  height: auto;
  border-radius: 5px;
  margin: 20px 5%;
}
.a2a_menu:not(.a2a_thanks) {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}
.a2a_menu:not(.a2a_thanks) .a2a_i {
  border-color: #2a2a2a !important;
}
.a2a_menu:not(.a2a_thanks) .a2a_i:hover {
  border-color: #444 !important;
  background-color: #444 !important;
}
.a2a_menu:not(.a2a_thanks) a {
  border-color: #2a2a2a !important;
}
.a2a_menu:not(.a2a_thanks) a.a2a_more {
  border-color: #2a2a2a !important;
}
.a2a_menu:not(.a2a_thanks) a.a2a_more:hover {
  border-color: #444 !important;
  background-color: #444 !important;
}
.a2a_menu_find_container {
  border-color: #444 !important;
  background-color: #444 !important;
}
.a2a_menu_find_container .a2a_menu_find {
  color: white !important;
}
.a2a_menu_find_container span.a2a_s_find svg {
  background-color: transparent !important;
}
.a2a_menu_find_container span.a2a_s_find svg path {
  fill: #fff !important;
}
.a2a_mini {
  min-width: 100px !important;
  width: 132px !important;
  left: initial !important;
  display: none !important;
  z-index: 777 !important;
}
.a2a_mini > #a2apage_mini_services > a,
.a2a_mini .a2a_wide > a {
  color: white !important;
}
#a2apage_full_services > a {
  color: white !important;
}
.a2a_full_footer {
  display: none;
}
.masonry-item-holder {
  box-sizing: border-box;
  width: 25%;
  min-height: 200px;
}
.masonry-item-holder3 {
  box-sizing: border-box;
  width: 33%;
  min-height: 200px;
}
#ms-container {
  margin-top: 20px;
  min-height: 400px;
  width: 100%;
}
#ms-container .masonry-item-holder {
  margin-bottom: 10px;
}
#ms-container .masonry-item-holder .masonry_item {
  padding-bottom: 10px;
  border-bottom: 2px solid #CCCCCC;
  background-color: #CCCCCC;
}
#ms-container .masonry-item-holder .masonry_item div {
  margin: 8px;
}
#ms-container .masonry-item-holder .masonry_item .masonry_item_image {
  margin: 0;
}
#ms-container .masonry-item-holder .masonry_item .masonry_item_title {
  font-size: 1.6rem;
}
#ms-container .masonry-item-holder .masonry_item hr {
  margin: 10px 0px;
}
#ms-container .masonry-item-holder .masonry_item_category_education {
  border-bottom: 5px solid #F2CB03;
}
#ms-container .masonry-item-holder .masonry_item_category_education .exceprt_readmore {
  background-color: #F2CB03;
  padding: 3px 5px;
}
#ms-container .masonry-item-holder .masonry_item_category_education .exceprt_readmore i {
  color: white !important;
}
#ms-container .masonry-item-holder .masonry_item_category_education .exceprt_readmore:hover {
  background-color: #d0a901;
  cursor: pointer;
}
#ms-container .masonry-item-holder .masonry_item_category_science {
  border-bottom: 5px solid #98C080;
}
#ms-container .masonry-item-holder .masonry_item_category_science .exceprt_readmore {
  background-color: #98C080;
  padding: 3px 5px;
}
#ms-container .masonry-item-holder .masonry_item_category_science .exceprt_readmore i {
  color: white !important;
}
#ms-container .masonry-item-holder .masonry_item_category_science .exceprt_readmore:hover {
  background-color: #76a060;
  cursor: pointer;
}
#ms-container .masonry-item-holder .masonry_item_category_culture {
  border-bottom: 5px solid #EB9383;
}
#ms-container .masonry-item-holder .masonry_item_category_culture .exceprt_readmore {
  background-color: #EB9383;
  padding: 3px 5px;
}
#ms-container .masonry-item-holder .masonry_item_category_culture .exceprt_readmore i {
  color: white !important;
}
#ms-container .masonry-item-holder .masonry_item_category_culture .exceprt_readmore:hover {
  background-color: #d97161;
  cursor: pointer;
}
#ms-container .masonry-item-holder .masonry_item_category_communication {
  border-bottom: 5px solid #90C4D9;
}
#ms-container .masonry-item-holder .masonry_item_category_communication .exceprt_readmore {
  background-color: #90C4D9;
  padding: 3px 5px;
}
#ms-container .masonry-item-holder .masonry_item_category_communication .exceprt_readmore i {
  color: white !important;
}
#ms-container .masonry-item-holder .masonry_item_category_communication .exceprt_readmore:hover {
  background-color: #70a2b7;
  cursor: pointer;
}
#ms-container .masonry-item-holder .masonry_item_category_agenda2030 {
  border-bottom: 5px solid #868ab5;
}
#ms-container .masonry-item-holder .masonry_item_category_agenda2030 .exceprt_readmore {
  background-color: #868ab5;
  padding: 3px 5px;
}
#ms-container .masonry-item-holder .masonry_item_category_agenda2030 .exceprt_readmore i {
  color: white !important;
}
#ms-container .masonry-item-holder .masonry_item_category_agenda2030 .exceprt_readmore:hover {
  background-color: #646893;
  cursor: pointer;
}
#ms-container .masonry-item-holder .masonry_item_category_unesco {
  border-bottom: 5px solid #868ab5;
}
#ms-container .masonry-item-holder .masonry_item_category_unesco .exceprt_readmore {
  background-color: #868ab5;
  padding: 3px 5px;
}
#ms-container .masonry-item-holder .masonry_item_category_unesco .exceprt_readmore i {
  color: white !important;
}
#ms-container .masonry-item-holder .masonry_item_category_unesco .exceprt_readmore:hover {
  background-color: #646893;
  cursor: pointer;
}
#ms-container .exceprt_readmore a {
  border: none;
}
#ms-container .exceprt_readmore a:hover {
  border: none;
}
#ms-container .masonry_item_image a,
#ms-container .masonry_item_title a {
  border-bottom: none;
}
#ms-container .masonry_item_image a:hover,
#ms-container .masonry_item_title a:hover {
  color: #808080;
  border-bottom: none;
}
#ms-container .masonry_item_category a {
  border: none;
}
#ms-container .masonry_item_category a:hover {
  color: #808080;
}
#ms-container a {
  cursor: pointer;
  color: #333;
  text-decoration: none;
  border-bottom: none;
}
#ms-container a:hover {
  border-bottom: none;
}
#loading-image {
  padding-top: 40px;
  text-align: center;
  display: none;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}
#masonry-loadmore {
  margin-top: 20px;
  text-align: center;
}
#masonry-loadmore #masonry-loadmore-button {
  color: #fff;
  background-color: #808080;
  display: inline-block;
}
#masonry-loadmore #masonry-loadmore-button a {
  display: block;
  color: #fff;
  padding: 10px 20px;
}
#masonry-loadmore #masonry-loadmore-button a:hover,
#masonry-loadmore #masonry-loadmore-button a:active,
#masonry-loadmore #masonry-loadmore-button a:focus {
  text-decoration: none;
}
#masonry-loadmore #masonry-loadmore-button:hover {
  background-color: #CCCCCC;
}
#masonry-loadmore #masonry-loadmore-button .no_more_posts {
  color: #fff;
  padding: 10px 20px;
}
#masonry-loadmore #masonry-loadmore-button .no_more_posts:hover {
  background-color: #808080;
}
#content {
  min-height: 400px;
}
#content ul > li {
  margin-top: 5px;
}
#content iframe {
  width: 100%;
}
.metaslider {
  overflow: hidden;
}
.metaslider a {
  border-bottom: none !important;
}
#gwolle_gb > #gwolle_gb_new_entry > #gwolle_gb_messages_bottom_container {
  display: none;
}
#gwolle_gb > #gwolle_gb_new_entry > #gwolle_gb_messages_bottom_container > #gwolle_gb_messages > .error_fields {
  display: none;
}
#gwolle_gb > #gwolle_gb_new_entry > #gwolle_gb_messages_bottom_container > #gwolle_gb_messages > .error_fields:first-child {
  display: block;
}
#gwolle_gb > #gwolle_gb_new_entry > div > .label {
  text-align: right;
  line-height: 30px;
}
#gwolle_gb #gwolle_gb_entries {
  margin-top: 20px;
}
#gwolle_gb #gwolle_gb_entries > .gb-entry {
  height: 40px;
}
#gwolle_gb #gwolle_gb_entries > .gb-entry div {
  float: left;
  width: 30%;
}
/*.dropdown:hover .dropdown-menu { // !!!
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }
*/
.navbar-default {
  background-color: #ffffff;
}
.wpml-ls-statics-footer,
.otgs-development-site-front-end {
  display: none;
}
/**
    Animations
**/
nav.navbar.open#main-menu:not(#select-language-menu):not(.no-animation) {
  animation: 0.3s ease forwards 0s 1 menuMarginAnimation;
}
@keyframes menuMarginAnimation {
  from {
    margin-bottom: 0px;
  }
  to {
    margin-bottom: 120px;
  }
}
.in-animation {
  display: block !important;
}
nav.navbar.open#main-menu:not(#select-language-menu).no-animation {
  margin-bottom: 120px;
}
@-webkit-keyframes menuMarginAnimation {
  from {
    margin-bottom: 0px;
  }
  to {
    margin-bottom: 120px;
  }
}
#main-menu:not(.no-animation) .nav-link:not(#select-language-menu).open > .dropdown-menu {
  animation: 0.3s ease forwards 0s 1 menuHeightAnimation;
  overflow: hidden;
}
@keyframes menuHeightAnimation {
  from {
    height: 0px;
  }
  to {
    height: 120px;
  }
}
@-webkit-keyframes menuHeightAnimation {
  from {
    height: 0px;
  }
  to {
    height: 120px;
  }
}
nav.navbar.closed {
  animation: 0.2s ease forwards 0s 1 menuMarginCloseAnimation;
}
@keyframes menuMarginCloseAnimation {
  from {
    margin-bottom: 120px;
  }
  to {
    margin-bottom: 0px;
  }
}
nav.navbar.closed .nav-link > .dropdown-menu {
  animation: 0.2s ease forwards 0s 1 menuHeightCloseAnimation;
  overflow: hidden;
}
@keyframes menuHeightCloseAnimation {
  from {
    height: 120px;
  }
  to {
    height: 0px;
  }
}
#searchform.active input {
  animation: 0.15s ease forwards 0s 1 searchInputOpenAnimation;
  padding: 3px 10px !important;
}
@keyframes searchInputOpenAnimation {
  from {
    width: 0px;
  }
  to {
    width: 240px;
  }
}
#searchform.closed input {
  animation: 0.15s ease forwards 0s 1 searchInputCloseAnimation;
}
@keyframes searchInputCloseAnimation {
  from {
    width: 240px;
  }
  to {
    width: 0px;
  }
}
@media all and (min-width: 768px) {
  .navbar {
    min-height: 65px;
    padding-top: 5px;
    margin-bottom: 0px;
    border-bottom: solid 2px #eee;
  }
  .navbar-brand {
    padding-top: 0px !important;
  }
  .navbar-toggle {
    margin-top: 26px;
  }
  .site-logo {
    max-width: 135px;
    min-width: 120px;
  }
  .navbar .dropdown-menu {
    min-width: 768px;
    width: 100%;
    height: 120px;
    margin-top: 51px;
    z-index: 1;
    left: 0;
    text-align: center;
    position: absolute;
    list-style-type: none;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    background-color: #CCCCCC;
  }
  .dropdown-menu {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    list-style-type: none;
  }
  .navbar .dropdown-menu li {
    margin: 0;
    padding: 0;
    display: inline-block;
  }
  .dropdown-menu > li > a {
    color: #ffffff;
    line-height: 75px;
    padding: 3px;
  }
  .dropdown-menu > li > a:hover {
    color: #333 !important;
  }
  .dropdown-menu > li > a:hover {
    color: #ffffff;
    background-color: #337ab7;
  }
  .m-pub {
    display: inline-block;
    margin: 3px 40px 0;
    color: white;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    position: relative;
  }
  .m-pub:after,
  .m-pub:focus {
    color: #ffffff;
    background-color: #337ab7;
  }
  .dropdown-menu li .m-pub:hover:after {
    display: none !important;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -10px;
    margin-top: 55px;
    border-left: 0;
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent;
    border-left: 14px solid #333;
    transform: rotate(-90deg);
    background: none;
  }
  .navbar-header {
    display: none;
  }
  .footer-layer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
  }
  .carousel-layer .carousel .carousel-control {
    left: 100%;
    top: 260px !important;
    height: 40px;
    width: 40px;
    margin-left: -80px;
    background: none;
    background-color: #808080;
    opacity: 1;
    z-index: 20;
  }
  .carousel-layer .carousel .carousel-control span {
    font-size: 2rem;
  }
  .carousel-layer .carousel .carousel-control:hover {
    background-color: #CCCCCC;
  }
  .carousel-layer .carousel .carousel-control.right {
    margin-left: -40px;
  }
  .carousel-layer .carousel .slide_link:hover {
    cursor: pointer;
  }
  .carousel-layer .carousel .slide_link:hover .d-block {
    filter: brightness(80%);
  }
}
@media all and (max-width: 767px) {
  body:not(.home):not(.search) .menu-layer {
    display: none;
  }
  .addtoany_content_top {
    display: none;
  }
  .pre-footer-layer {
    padding-bottom: 20px;
  }
  .carousel-layer {
    width: 100%;
    background-color: transparent;
  }
  .carousel-layer .carousel {
    height: 300px;
  }
  .carousel-layer .carousel .carousel-inner {
    height: 100% !important;
  }
  .carousel-layer .carousel .carousel-inner .item {
    height: 100%;
  }
  .carousel-layer .carousel .carousel-inner .item img,
  .carousel-layer .carousel .carousel-inner .item .d-block {
    width: 100%;
    height: 100%;
  }
  .carousel-layer .carousel .carousel-inner .item .carousel-caption {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 62% !important;
    top: 38%;
    left: 0;
  }
  .carousel-layer .carousel .carousel-inner .item .carousel-caption h3 {
    font-size: 2rem;
  }
  .carousel-layer .carousel .carousel-inner .item .carousel-caption p {
    font-size: 1.2rem;
  }
  .menu-layer nav {
    border: none;
  }
  .menu-layer nav .container-fluid .navbar-collapse {
    border: none;
  }
  .menu-layer nav .container-fluid .navbar-collapse .nav {
    margin: 10px 0;
  }
  .menu-layer nav .container-fluid .navbar-collapse .nav .nav-link {
    max-width: 100% !important;
  }
  .menu-layer nav .container-fluid .navbar-collapse .nav .nav-link a {
    width: 100%;
  }
  .menu-layer nav .container-fluid .navbar-collapse .nav .nav-link a i {
    display: none;
  }
  .menu-layer nav .container-fluid .navbar-collapse .nav .nav-link ul {
    display: none;
  }
  #searchform.active input {
    animation: 0.15s ease forwards 0s 1 searchInputOpenAnimation;
    padding: 3px 10px !important;
  }
  @keyframes searchInputOpenAnimation {
    from {
      width: 0px;
    }
    to {
      width: 240px;
    }
  }
  #searchform.closed input {
    animation: 0.15s ease forwards 0s 1 searchInputCloseAnimation;
  }
  @keyframes searchInputCloseAnimation {
    from {
      width: 240px;
    }
    to {
      width: 0px;
    }
  }
  #navbarHeaderMenu > ul li:last-child {
    display: none;
  }
  #navbarHeaderMenu .select-language-menu-li {
    display: block !important;
  }
  .single-type_people #content .img-responsive,
  .single-type_secr_members #content .img-responsive,
  .single-type_com_members #content .img-responsive {
    position: relative;
    width: 100%;
    left: 0;
  }
  .single-type_people #content .img-responsive img,
  .single-type_secr_members #content .img-responsive img,
  .single-type_com_members #content .img-responsive img {
    max-width: 200px;
  }
  .pre-footer-layer > div > .row > div {
    text-align: left !important;
  }
  .pre-footer-layer > div > .row > div:nth-child(2) a {
    justify-content: left;
  }
  .pre-footer-layer > div > .row > div:last-child p {
    float: left;
    margin-left: 0;
    margin-right: 10px;
  }
}
@media all and (max-width: 420px) {
  #searchform.active input {
    animation: 0.15s ease forwards 0s 1 searchInputOpenAnimation;
    padding: 3px 10px !important;
  }
  @keyframes searchInputOpenAnimation {
    from {
      width: 0px;
    }
    to {
      width: 100px;
    }
  }
  #searchform.closed input {
    animation: 0.15s ease forwards 0s 1 searchInputCloseAnimation;
  }
  @keyframes searchInputCloseAnimation {
    from {
      width: 100px;
    }
    to {
      width: 0px;
    }
  }
  .carousel-layer .carousel .carousel-inner .item .carousel-caption {
    height: 100% !important;
    top: 0;
    padding: 0 15%;
  }
}
/*# sourceMappingURL=main.css.map */