@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/FontAwesome.eot');
  src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/fontawesome-webfont.woff2') format('woff2'),
    url('fonts/fontawesome-webfont.woff') format('woff'),
    url('fonts/fontawesome-webfont.ttf') format('truetype'),
    url('fonts/fontawesome-webfont.svg#svgFontName') format('svg'); }

  body {
    padding: 0;
    min-width: 270px;
    overflow: auto;
    display: block;
    background-color: #f2f2f2;
    font-family: arial, sans-serif;
    line-height: 1.42857em; }

    h1, h2, h3, h4, h5, h6 {
      line-height: 1.3em;
      color: #312B2A; }

      h1 {
        font-size: 1.5em;
        line-height: 1.2em;
        font-weight: bold;
        color: #840200; }

        h2 {
          font-size: 1.2em;
          color: #333;
          margin-top: 1.5em;
          text-transform: inherit; }

          h3 {
            font-size: 0.9em;
            color: #840200;
            margin-top: 1em;
            margin-bottom: 0.5em; }

            h4 {
              font-size: 1.2em;
              color: #840200;
              font-weight: normal; }

              h5 {
                font-size: 0.95em;
                color: #555;
                border-bottom: 1px solid #ddd; }

                h6 {
                  font-size: 0.9em;
                  color: #000; }

                  a, a:link, a:focus, a:active, a img, a:hover {
                    outline: none;
                    outline-style: none; }

                    a {
                      color: #C03E12;
                      text-decoration: underline; }

                      a img {
                        border: none; }

                        dl {
                          min-height: 2em;
                          padding-left: 14em;
                          position: relative; }

                          dl.alert {
                            padding-left: 14em; }

                            dt {
                              clear: both;
                              color: #840200;
                              display: inline;
                              float: left;
                              font-size: 0.95em;
                              margin-bottom: 1em;
                              margin-left: -14em;
                              position: relative;
                              width: 13em; }

                              dd {
                                margin-bottom: 1em;
                                min-height: 1.3em; }

                                pre {
                                  padding: 1em; }

                                  blockquote > cite {
                                    color: #444444;
                                    font-size: 0.8em;
                                    font-weight: bold;
                                    display: block;
                                    clear: both; }

                                    blockquote {
                                      float: left;
                                      position: relative;
                                      max-width: 36%;
                                      background: #f9f9f9;
                                      border-left: 10px solid #ccc;
                                      margin: 1em 1.5em;
                                      margin-left: 0;
                                      padding: 2em 1.5em;
                                      line-height: 1.5em;
                                      quotes: "“" "”" "‘" "’"; }
                                      blockquote::before {
                                        content: open-quote;
                                        margin-left: -0.25em;
                                        margin-top: -0.125em; }
                                        blockquote::after {
                                          content: close-quote;
                                          bottom: 0;
                                          right: 0;
                                          margin-right: 0.25em;
                                          margin-bottom: -0.125em;
                                          display: block;
                                          clear: both; }
                                          blockquote::before, blockquote::after {
                                            position: absolute;
                                            font-size: 4em;
                                            vertical-align: top;
                                            color: #840200; }

blockquote > p {
  display: inline;
  color: #840200;
  font-size: 150%;
  font-style: italic;
  font-weight: normal;
  line-height: 1.3em;
  margin-bottom: 0;
  padding: 20px 0; }

  fieldset {
    border: 5px solid #EEEEEE;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
    padding: 1em; }

    legend {
      border: medium none;
      color: #333333;
      font-size: 1.75em;
      line-height: 1em;
      padding: 0.5em;
      width: inherit;
      margin-bottom: 0; }

      hr {
        margin: 0.25em 0; }

        .onecol .content_body {
          margin: 5px 1em; }

          .twocol .content_body {
            width: 80%;
            float: left; }

            .threecol .content_body {
              width: 50%;
              float: left; }

              .twocol.main_sidebar .content_body {
                width: 67%;
                margin-left: 1em;
                padding-right: 2.5%; }

                .threecol .content_body {
                  width: 50%;
                  margin-right: 2.5%;
                  padding-right: 2.5%;
                  float: left; }

                  .home .content_body {
                    width: 100%; }

                    .landing {
                      width: 100%; }

                      .landing_menu {
                        width: 82%; }

                        .content_submenu {
                          width: 15.5%;
                          float: left;
                          margin-right: 2.5%;
                          margin-left: 1em;
                          position: relative;
                          z-index: 1; }

                          .content_sidebar {
                            width: 27%;
                            float: right;
                            margin-right: 0em;
                            margin-bottom: 1em; }

                            .twocol.main_sidebar .content_sidebar {
                              width: 27%; }

                              .content_site {
                                display: flex;
                                flex-direction: column;
                                width: 100%;
                                clear: both; }

                                .flex_content {
                                  display: flex;
                                  flex-direction: row;
                                  gap: 2em; }

                                  .header_site {
                                    margin-bottom: 0;
                                    position: relative; }

                                    .above_nav {
                                      display: flex;
                                      flex: 1;
                                      flex-wrap: wrap;
                                      justify-content: start;
                                      height: 100px; }

                                      @media screen and (min-width: 0px) and (max-width: 650px) {
                                        .above_nav {
                                          flex: 0 1 auto;   }
}

.branding, .navbar-search, .user_login {
  flex: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em; }

  .small-width-only.search-item {
    margin-top: 12px; }

    .navbar-search.small-width-only {
      padding: 0;
      margin-top: 0;
      display: flex; }

      .navbar-search.small-width-only {
        height: 42px; }

        .navbar-search.small-width-only > input {
          flex-grow: 1; }

          .user_login.small-width-only {
            padding: 0;
            margin: 0;
            text-transform: none; }

            .branding {
              margin-left: 1em;
              display: flex; }

              .logo {
                font-size: 5em;
                display: flex;
                align-items: center; }

                .author_aid_logo {
                  width: 240px;
                  margin: 0; }

                  .strapline {
                    color: #555;
                    position: absolute;
                    top: 20px;
                    left: 80px;
                    font-size: 0.9em; }

                    .navbar-search, .above_nav > .navbar-search > .search-query,
                    .above_nav > .navbar-search > .btn {
                      -moz-box-sizing: border-box;
                      -webkit-box-sizing: border-box;
                      box-sizing: border-box; }

                      .navbar-search {
                        display: flex;
                        align-items: center; }

                        .navbar-search.large-width-only {
                          justify-content: center; }

                          .above_nav > .navbar-search > .search-query {
                            height: inherit; }

                            .navbar-search.small-width-only > .search-query,
                            .navbar-search.large-width-only > .search-query {
                              margin: 0;
                              padding: 10px;
                              line-height: 1.5;
                              border-radius: 0;
                              font-style: italic; }

                              .navbar-search.small-width-only > .search-query {
                                width: auto;
                                border-top-left-radius: 4px;
                                border-bottom-left-radius: 4px; }

                                .navbar-search.small-width-only > .btn, .navbar-search.large-width-only > .btn {
                                  width: auto;
                                  margin: 0;
                                  padding: 10px;
                                  text-align: center;
                                  vertical-align: middle;
                                  text-transform: uppercase;
                                  font-weight: bold;
                                  border-left: none;
                                  border-bottom-left-radius: 0;
                                  border-top-left-radius: 0; }

                                  .navbar-search.large-width-only > .btn {
                                    background-color: #635959; }

                                    .navbar-search.small-width-only > .btn {
                                      background-color: #d12e00; }

                                      .navbar-search.large-width-only > .btn:hover {
                                        background-color: #363636; }

                                        .navbar-search.small-width-only > .btn:hover {
                                          background-color: #363636;
                                          color: #fff; }

                                          .contact_link {
                                            background-color: #EEEEEE;
                                            border-radius: 0 0 0.5em 0.5em;
                                            border-top: 5px solid #EEEEEE;
                                            display: block;
                                            float: right;
                                            font-weight: bold;
                                            margin-right: 1em;
                                            padding: 0 1em 0.5em;
                                            text-align: right;
                                            text-decoration: none; }

                                            .user_language, .user_login {
                                              position: relative; }

                                              .user_language {
                                                z-index: 3;
                                                position: absolute;
                                                top: 5px;
                                                right: 1em; }

                                                @media screen and (min-width: 0px) and (max-width: 650px) {
                                                  .user_language {
                                                    display: flex;
                                                    align-items: center;
                                                    height: 100%;
                                                    position: static;
                                                    padding-right: 12px;   }
}

.user_login {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-left: auto; }

  .user_login.large-width-only {
    justify-content: center; }

    .login_menu_item {
      margin: 0 1em;
      white-space: nowrap; }

      .small-width-only > .login_menu_item {
        margin: 0;
        padding: 0; }

        .user_language > a {
          text-decoration: none; }

          .user_language > a {
            color: #615959;
            border-left: 1px solid #615959;
            padding: 0 0.25em; }

            .user_language > a:first-child {
              border: none; }

              .user_login_link {
                font-size: 1rem;
                font-weight: bold;
                text-decoration: none; }

                .small-width-only > .login_menu_item {
                  width: 100%;
                  display: flex;
                  height: 42px;
                  justify-content: space-around;
                  align-items: center;
                  background-color: #d12e00;
                  border-radius: 4px;
                  margin: 0 2px;
                  box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; }

                  .small-width-only > .login_menu_item:first-child {
                    margin-left: 0; }

                    .small-width-only > .login_menu_item:last-child {
                      margin-right: 0; }

                      .small-width-only > .login_menu_item.admin,
                      .small-width-only > .login_menu_item.dashboard {
                        background-color: #7c9511; }

                        .small-width-only > .login_menu_item > .user_login_link {
                          width: 100%;
                          height: 100%;
                          color: #fff;
                          text-decoration: none;
                          display: flex;
                          justify-content: center;
                          align-items: center; }

                          .small-width-only > .login_menu_item.sign_in {
                            order: 2;
                            margin-right: 0;
                            margin-left: 2px; }

                            .small-width-only > .login_menu_item.register {
                              order: 1;
                              margin-left: 0;
                              margin-right: 2px; }

                              .small-width-only > .or {
                                display: none; }

                                .personal_bar_heading {
                                  font-size: 0.9em; }

                                  .user_language > a:first-child {
                                    padding-left: 0; }

                                    .user_dashboard_link {
                                      padding: 0 10px;
                                      position: absolute;
                                      right: 0;
                                      top: 0.25em;
                                      color: #fff; }

                                      .user_access > a {
                                        text-decoration: underline; }

                                        .header_site > .navbar {
                                          clear: both;
                                          display: table;
                                          width: 100%;
                                          margin-bottom: 0;
                                          background-color: #615959;
                                          border-top: 4px solid #811517; }

                                          .navbar .nav > li > a {
                                            text-shadow: none; }

                                            .navbar > .nav_main {
                                              border-bottom: 0;
                                              text-align: center; }

                                              .navbar > .nav_main > li {
                                                display: flex;
                                                align-items: stretch;
                                                justify-content: center;
                                                text-transform: uppercase;
                                                height: 42px; }

                                                .navbar > .nav_main > li.small-width-only {
                                                  height: auto;
                                                  background-color: inherit; }

                                                  .navbar > .nav_main > li.small-width-only.user-login-item {
                                                    margin-bottom: 12px; }

                                                    .navbar > .nav_main > .small-width-only {
                                                      display: none; }

                                                      @media screen and (min-width: 0px) and (max-width: 650px) {
                                                        .navbar > .nav_main > .small-width-only {
                                                          display: flex;   }
}

.navbar > .nav_main > li > a {
  border-radius: 0 0 0 0;
  border: medium none;
  color: #FFFFFF;
  text-shadow: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1.5em;
  display: flex;
  align-items: center; }

  .navbar > .nav_main > li > a:hover,
  .small-width-only > .login_menu_item > .user_login_link:hover,
  .small-width-only > .login_menu_item > .user_login_link:active {
    background-color: #363636;
    color: #fff; }

    .small-width-only > .login_menu_item > .user_login_link:hover,
    .small-width-only > .login_menu_item > .user_login_link:active {
      border-radius: 4px; }

      .navbar > .nav_main .active > a, .navbar > .nav_main .active > a:hover,
      .navbar > .nav_main .active > a:focus, .login_menu_item.login_active > .sign_in,
      .login_menu_item.login_active > .sign_in:hover,
      .login_menu_item.login_active > .sign_in:focus,
      .login_menu_item.register_active > .register,
      .login_menu_item.register_active > .register:hover,
      .login_menu_item.register_active > .register:focus {
        background-color: #c03e12;
        border: none;
        box-shadow: none;
        border-radius: none;
        color: #fff; }

        .navbar > .nav_main > li.active.home > a, .navbar > .nav_main > li.home > a:hover,
        .navbar > .nav_main > li.home > a:focus,
        .navbar > .nav_main > li.active.courses > a,
        .navbar > .nav_main > li.courses > a:hover,
        .navbar > .nav_main > li.courses > a:focus,
        .navbar > .nav_main > li.active.faq > a, .navbar > .nav_main > li.faq > a:hover,
        .navbar > .nav_main > li.faq > a:focus {
          background-color: #709C02; }

          .navbar > .nav_main > li.active.about > a,
          .navbar > .nav_main > li.about > a:hover, .navbar > .nav_main > li.about > a:focus,
          .navbar > .nav_main > li.active.funding > a,
          .navbar > .nav_main > li.funding > a:hover,
          .navbar > .nav_main > li.funding > a:focus {
            background-color: #804587; }

            .navbar > .nav_main > li.active.news > a, .navbar > .nav_main > li.news > a:hover,
            .navbar > .nav_main > li.news > a:focus,
            .navbar > .nav_main > li.active.resources > a,
            .navbar > .nav_main > li.resources > a:hover,
            .navbar > .nav_main > li.resources > a:focus {
              background-color: #5784CC; }

              .navbar > .nav_main > li.active.mentoring > a,
              .navbar > .nav_main > li.mentoring > a:hover,
              .navbar > .nav_main > li.mentoring > a:focus,
              .navbar > .nav_main > li.active.forum > a,
              .navbar > .nav_main > li.forum > a:hover, .navbar > .nav_main > li.forum > a:focus {
                background-color: #645096; }

                .navbar-toggle, .navbar-toggle-label {
                  display: none; }

                  .nav-tabs > li {
                    margin-bottom: 0; }

                    @media screen and (min-width:620px) and (max-width: 960px) {
                      .navbar-search {
                        margin-top: 0;   }
                        .nav_support li.home {
                          height: 30px;
                          overflow: hidden;
                          width: 30px;   }
}

.content_submenu, .content_body, .content_sidebar {
  margin-top: 1em;
  font-size: 1.2em; }

  body.home .content_body {
    margin-top: 0; }

    .search_facets > h2 {
      margin-top: 0; }

      .content_submenu > ul {
        margin-left: 0; }

        .content_submenu a {
          text-decoration: none; }

          .content_submenu > ul > li.selected > a:first-child {
            background-color: #ccc;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            color: #333;
            font-weight: bold;
            text-transform: uppercase; }

            .content_submenu > ul > li > .submenu {
              display: none;
              margin-bottom: 1px; }

              .content_submenu > ul > li.selected > .submenu {
                display: block;
                margin-bottom: 1px; }

                .content_submenu > ul > li.selected > .submenu > li > a {
                  background-color: #fafafa; }

                  .content_submenu > ul > li.selected > .submenu > li > a:before {
                    color: #0088CC;
                    content: "▶ ";
                    font-weight: bold;
                    line-height: 0;
                    margin-right: 0.5em;
                    position: relative;
                    top: -2px;
                    font-size: 0.8em; }

                    .content_submenu > ul > li.selected > .submenu > li:first-child > a {
                      border-top-left-radius: 0px;
                      border-top-right-radius: 0px;
                      margin-top: -1px; }

                      .content_submenu > ul > li.selected > .submenu > li:last-child > a {
                        border-bottom-left-radius: 0px;
                        border-bottom-right-radius: 0px;
                        margin-top: -1px; }

                        .content_submenu > ul > li.selected > .submenu > li.selected > a {
                          background-color: #f2f2f2;
                          color: #333;
                          font-weight: bold; }

                          .content_submenu > ul > li.selected > .submenu > li.selected > a:before {
                            color: #333; }

                            .breadcrumb_helptext {
                              margin: 8px 10px;
                              position: absolute;
                              font-size: 0.9em; }

                              .breadcrumb {
                                margin: 0 0 10px 0;
                                background-color: #D6D6D6;
                                color: #000;
                                border-radius: 0 0 0 0;
                                font-size: 0.9em;
                                padding-left: 8em; }

                                body.es .breadcrumb {
                                  padding-left: 10em; }

                                  .breadcrumb > li, .breadcrumb > li > a {
                                    text-shadow: none; }

                                    .breadcrumb > li > .divider {
                                      color: #333333;
                                      padding: 0 5px; }

                                      .content_body .title {
                                        margin-top: 0; }

                                        .teaser_default {
                                          padding-left: 120px;
                                          position: relative; }

                                          .teaser_feature_title {
                                            margin-top: -4px;
                                            border: none; }

                                            .teaser_default > .resource_default_icon {
                                              top: 20px;
                                              left: 20px; }

                                              .teaser_featured_image {
                                                width: 75px;
                                                height: 75px;
                                                overflow: hidden;
                                                position: absolute;
                                                left: 20px;
                                                top: 20px; }

                                                .teaser_featured_image_thumbnail {
                                                  height: 100%; }

                                                  .resource_default_icon > a {
                                                    text-decoration: none; }

                                                    .threecol .content_body, .twocol.main_sidebar .content_body {
                                                      -moz-box-shadow: 10px 10px 10px #DDDDDD;
                                                      -webkit-box-shadow: 10px 10px 10px #DDDDDD;
                                                      -o-box-shadow: 10px 10px 10px #DDDDDD;
                                                      box-shadow: 10px 10px 10px #DDDDDD;
                                                      margin-bottom: 1em;
                                                      min-height: 400px;
                                                      overflow: hidden;
                                                      padding-top: 40px;
                                                      position: relative;
                                                      padding-bottom: 80px; }

                                                      .content_sidebar > .well {
                                                        clear: both; }

                                                        .tag4 {
                                                          font-size: 2em;
                                                          line-height: 1em;
                                                          color: white;
                                                          white-space: normal; }

                                                          .tag3 {
                                                            font-size: 1.5em;
                                                            line-height: 1em;
                                                            color: white;
                                                            white-space: normal; }

                                                            .tag2 {
                                                              font-size: 1.2em;
                                                              line-height: 1em;
                                                              color: white;
                                                              white-space: normal; }

                                                              .tag1 {
                                                                font-size: 1em;
                                                                color: white;
                                                                white-space: normal; }

                                                                .toggle_facets_label {
                                                                  display: none; }

                                                                  .toggle_facets {
                                                                    display: none; }

                                                                    @media screen and (min-width:0px) and (max-width: 650px) {
                                                                      .toggle_facets_label {
                                                                        cursor: pointer;
                                                                        display: inline-block;
                                                                        margin-bottom: 10px;   }
                                                                        .toggle_facets {
                                                                          position: absolute;
                                                                          left: -200px;   }
                                                                          .toggle_facets + .search_facets {
                                                                            display: none;   }
                                                                            .toggle_facets:checked + .search_facets {
                                                                              display: block;   }
}

.reset_filters {
  text-align: right;
  font-size: 0.8em;
  margin: 0 1em 0 0;
  padding: 15px 10px 0px 10px;
  background-color: white;
  width: 90%;
  display: block; }

  .facet_section {
    padding: 15px 10px 20px 10px;
    margin-top: 0;
    margin-right: 1em;
    border-bottom: 2px solid #EEE;
    width: 90%;
    background-color: white; }

    .facet_section:first-of-type {
      padding-top: 5px; }

      .facet_section.country_facet > .facet_options,
      .facet_section.subjects_facet > .facet_options,
      .facet_section.mentoring_skills_facet > .facet_options,
      .facet_section.spoken_languages_facet > .facet_options {
        overflow-y: auto;
        max-height: 10em; }

        .facet_section > h3 {
          margin-top: 0.3em;
          margin-bottom: 0.5em; }

          .facet_reset_link, .facet_count {
            float: right;
            margin-top: 2px;
            margin-right: 10px;
            font-size: 14px; }

            input[type="checkbox"].facet_select_checkbox {
              vertical-align: middle;
              width: 14px;
              height: 14px; }

              .facet_section_middle {
                background-color: #F2F2F2;
                padding-bottom: 0.5em;
                margin-bottom: 10px; }

                .facet_options_horizontal li {
                  display: inline-block;
                  list-style-type: none;
                  padding-right: 1em; }

                  .facet_options_horizontal li a {
                    text-decoration: none; }

                    .facet_count_middle {
                      float: right;
                      font-size: 14px; }

                      .news_list .facet_section.categories_facet label {
                        display: inline-block;
                        margin-right: 0.25em; }
                        .news_list .facet_section.categories_facet input {
                          display: none; }
                          .news_list .facet_section.categories_facet input:checked + a {
                            font-weight: bold; }
                      .news_list .facet_section.categories_facet a {
                        color: white;
                        padding: 0.125em 0.25em; }
                        .news_list .facet_section.categories_facet .facet_count {
                          float: none;
                          vertical-align: middle; }

.list_resource {
  padding-left: 90px;
  position: relative; }

  .well {
    background-color: #fff;
    min-height: 120px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 5px solid #eee; }

    .well h2, header h3 {
      margin-top: 0; }

      .well p {
        margin-bottom: 0; }

        .resource.plugin > .item {
          min-height: 75px; }

          .plugin h2 {
            display: inline-block;
            clear: both; }
            .plugin::before {
              content: "";
              clear: both;
              display: block; }

.resource.details.header {
  padding-left: 130px;
  position: relative;
  min-height: 120px; }

  .resource_title {
    margin-top: 0;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0; }

    .page-current, .resource_activity, .resource_tags, .resource_pub_info,
    .resource_countries {
      margin: 0;
      font-weight: normal;
      line-height: 1.3em;
      color: #444;
      font-size: 0.9em;
      font-style: italic; }

      .news_thumbnail, .event_thumbnail {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 120px; }

        .resource_thumbnail {
          width: 70px;
          height: 70px;
          position: absolute;
          top: 0px;
          left: 0px;
          border-bottom: none; }

          .resource_default_icon {
            left: 0;
            margin-right: 1em;
            position: absolute;
            top: 0; }

            .resource_default_icon {
              background-color: #7C9511;
              display: block;
              height: 75px;
              text-align: center;
              width: 75px; }

              .resource_default_icon > .icon, .resource_default_icon > a {
                display: block;
                font-size: 35px;
                padding: 5px; }

                .resource_default_icon.Training, .resource_default_icon.resource,
                .resource_default_icon.training, .resource_default_icon.e-resource {
                  background-color: #7C9511; }

                  .resource_default_icon.Page, .resource_default_icon.page,
                  .resource_default_icon.document, .resource_default_icon.work,
                  .resource_default_icon.people {
                    background-color: #5784CC; }

                    .resource_default_icon.Update, .resource_default_icon.update,
                    .resource_default_icon.news, .resource_default_icon.event,
                    .resource_default_icon.mail {
                      background-color: #999999; }

                      .resource_default_icon.publication, .resource_default_icon.book,
                      .resource_default_icon.guideline, .resource_default_icon.case-study,
                      .resource_default_icon.report {
                        background-color: #645096; }

                        .resource_default_icon.country, .resource_default_icon.network,
                        .resource_default_icon.publisher, .resource_default_icon.Publisher,
                        .resource_default_icon.institution {
                          background-color: #008080; }

                          .resource_summary, .resource.summary {
                            margin-top: 10px;
                            padding-left: 90px; }

                            .event.summary {
                              margin-top: 10px;
                              padding-left: 130px; }

                              .resource.topic_fragment {
                                padding-left: 90px; }

                                .resource.topic_fragment:first-of-type {
                                  margin-top: 10px; }

                                  .resource.summary.detail, .event.summary.detail {
                                    border-top: 5px solid #EEEEEE;
                                    padding-left: 0;
                                    padding-top: 1em; }

                                    .resource.summary.detail.additional {
                                      border-top: 0;
                                      padding-top: 0; }

                                      .resource_details {
                                        position: relative; }

                                        .threecol.details .content_body > .title {
                                          position: relative;
                                          padding-left: 90px; }

                                          .resource_details_header {
                                            margin-bottom: 2em;
                                            padding-left: 90px; }

                                            .resource_thumbnail.details {
                                              float: right;
                                              left: 0;
                                              margin-bottom: 1em;
                                              margin-left: 20px;
                                              height: inherit;
                                              overflow: hidden;
                                              position: relative;
                                              top: 0;
                                              width: 50%;
                                              max-width: 250px; }

                                              .resource_thumbnail.details > img, .resource_thumbnail.details > a > img {
                                                float: right; }

                                                #div_id_resource_types > div.controls, #div_id_topics > div.controls {
                                                  display: flex;
                                                  flex-wrap: wrap;
                                                  column-gap: 0.75em; }
                                                  #div_id_resource_types > div.controls > label,
                                                  #div_id_topics > div.controls > label {
                                                    margin-left: 0; }

.resource_files {
  clear: both; }

  .resource_files > ul, .resource_files > ul > li > ul,
  .resource_files > ul > li > ul > li > ul {
    padding-left: 2em; }

    h2.trainingcourse_activity {
      margin-top: 2em; }

      p.download_item {
        margin: 0.5em 0; }

        @media screen and (min-width: 0px) and (max-width: 379px) {
          .resource_details_header {
            padding-left: 0;   }
            .resource_thumbnail.details {
              margin-top: 50px;
              max-width: 100%;
              width: 100%;   }
}

.draft-watermark {
  position: absolute;
  z-index: -1;
  background: transparent;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none; }
  .draft-watermark .draft-text {
    color: lightgrey;
    opacity: 0.4;
    font-size: 120px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); }

.news_item_body.draft::before {
  content: "DRAFT";
  position: relative;
  z-index: -1;
  background: transparent;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  color: lightgrey;
  opacity: 0.4;
  font-size: 120px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg); }

  .news_item_draft_state_log tr.even > td {
    background-color: white; }
    .news_item_draft_state_log tr.odd > td {
      background-color: white; }
      .news_item_draft_state_log td {
        border-top: 2px solid gray; }
        .news_item_draft_state_log td.state_log_detail {
          border-top: none;
          padding-top: 0; }

.draft_state_verbose {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  color: #C03E12; }

  .publishing_controls {
    float: right;
    margin-top: -0.75em;
    margin-right: -0.5em;
    display: flex;
    flex-direction: column;
    align-items: start; }
    .publishing_controls form {
      margin: 0; }
      .publishing_controls .buttonHolder {
        padding: 0;
        margin-left: auto; }
        .publishing_controls .buttonHolder > * {
          vertical-align: text-bottom; }

.news_item_details_header.feedback {
  clear: both; }

  .news_add .buttonHolder, .event_add .buttonHolder {
    clear: both;
    float: right; }

.latest_item.news_item {
  margin-bottom: 1em;
  display: flex; }

  .news_items_summary_thumbnail {
    width: 80px;
    min-width: 80px;
    min-height: 100px; }

    .news-state, .event-state > h2 {
      text-transform: capitalize; }

      a.news_item_summary_link {
        text-decoration: none; }

        .news_item_summary_link > .icon {
          font-size: 62px; }

          .news_items_summary_text {
            font-size: 1rem; }

            .news_items_summary_text > h3 {
              margin-top: 0; }

              .news_item_list_header {
                padding-left: 90px;
                position: relative; }

                .news_item_list_header .resource_thumbnail {
                  left: 0;
                  top: 0;
                  position: absolute; }

                  .news_item_list > header.thumb {
                    position: relative; }

                    .news_item_list > header.thumb {
                      padding-left: 130px; }

                      .news_item.well p > a, .event_list.well p > a {
                        color: #333; }

                        .news_item_body.summary {
                          margin-top: 10px;
                          padding-left: 130px;
                          display: flow-root; }

                          .news_item_body, .news_item_body li {
                            line-height: 1.7em; }
                            .news_item_body img {
                              margin: 0.5em;
                              object-fit: scale-down;
                              max-width: 100%; }

.disqus {
  margin-top: 1em;
  margin-bottom: 0; }

  .teaser_image_preview .list_thumbnail {
    position: relative; }

.news_category {
  display: inline-block;
  margin: 0.125em 0 0.25em 0.125em;
  background-color: #5784CC;
  line-height: 1.4em;
  padding: 0 0.125em; }
  .news_category a {
    color: white;
    text-decoration: none; }
    .news_category.is_selected a {
      font-weight: bold; }

.plugin_news_items_summary .news_category a:hover {
  text-decoration: none;
  color: white; }

._share_links {
  line-height: 2em; }
  ._share_links::before {
    content: "Share on";
    margin-right: 0.25em; }
    ._share_links a {
      font-size: 125%;
      letter-spacing: 0.25em; }

.links {
  display: block;
  clear: both; }

  .plugin .read_more {
    margin-left: 35px; }

    .resource_title > a {
      text-decoration: none; }

      .list_thumbnail {
        left: 0;
        position: absolute;
        top: 0;
        background-color: #fff; }

        .list_thumbnail {
          font-size: 0.5em;
          width: 120px;
          height: 120px;
          left: 0;
          line-height: 1.2em;
          position: absolute;
          top: 0;
          color: #888; }

          .list_thumbnail > .featured_image.detail {
            margin: 0;
            padding: 0; }

            .latest_meta {
              clear: both;
              font-size: 0.85em; }

              .latest_meta > .news_creator {
                font-style: italic; }

                .news_item_list_header > .latest_meta {
                  margin-bottom: 1em; }

                  .news.details .content_body {
                    background-color: #fff;
                    padding: 1.5em; }

                    .news.details .content_body > .title {
                      padding-left: 0px; }

                      .event_details_header {
                        position: relative;
                        padding-left: 130px; }

                        .event.topic_fragment {
                          padding-left: 90px; }

                          .details .event_details_header, .news_item_details_header {
                            min-height: 90px; }

                            .details .event.meta, dl.resource.meta {
                              background: none repeat scroll 0 0 #F2F2F2;
                              min-height: 2em;
                              padding: 1em 0 1em 0;
                              position: relative; }

                              .details .event.meta dt, dl.resource.meta dt {
                                left: 1em;
                                margin-left: 0;
                                width: 11em; }

                                .details .event.meta dd, dl.resource.meta dd {
                                  margin-bottom: 0.5em;
                                  border-bottom: 2px solid #fff;
                                  padding-bottom: 0.5em;
                                  margin-right: 1em;
                                  clear: none; }

                                  .row {
                                    clear: both;
                                    display: block;
                                    float: left;
                                    margin: 2% 1em 1em; }

                                    .row:first-child, .content_body > .row:first-child {
                                      margin-top: 0; }

                                      .row.intro {
                                        background-repeat: repeat-x;
                                        background-position: -31px 0;
                                        width: 100%;
                                        height: 290px;
                                        margin: 0 0 1em 0; }

                                        .row.intro .row-intro-inner {
                                          margin: 0;
                                          padding: 0;
                                          background-repeat: no-repeat; }

                                          .row.featured_activity {
                                            margin-top: 1.5em; }

                                            .row.callouts.landing {
                                              border-top: 2px solid #ddd; }

                                              .page_intro {
                                                width: inherit; }

                                                .page_intro.feature, .page_intro {
                                                  float: left;
                                                  -webkit-box-sizing: border-box;
                                                  -moz-box-sizing: border-box;
                                                  -o-box-sizing: border-box;
                                                  box-sizing: border-box;
                                                  padding: 1em; }

                                                  .home .page_intro {
                                                    color: #FFFFFF; }

                                                    .home .content_sidebar {
                                                      width: 25%; }

                                                      .page_intro > h1:first-child, .page_intro > .cms_plugin > h1:first-child,
                                                      .content_body .page_intro > h2, .content_body .page_intro > .cms_plugin > h2 {
                                                        margin-top: 0;
                                                        border: none;
                                                        font-size: 1.3em;
                                                        line-height: 1.2em;
                                                        color: #fff; }

                                                        .home .page_intro a {
                                                          color: #fff; }

                                                          .page_features {
                                                            background-color: #7C9511;
                                                            overflow: hidden;
                                                            padding: 0;
                                                            width: 694px;
                                                            position: relative;
                                                            left: 290px; }

                                                            @media screen and (min-width:0px) and (max-width: 960px) {
                                                              .row.intro {
                                                                background: none;   }
                                                                .page_features {
                                                                  width: 100%;
                                                                  left: 0;   }
}

.strip {
  width: 400%;
  float: left;
  display: block;
  height: 290px;
  position: relative;
  transition: left 1.5s;
  -webkit-transition: left 1.5s;
  -moz-transition: left 1.5s;
  -o-transition: left 1.5s;
  -ms-transition: left 1.5s;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box; }

  .strip > .featured_item, .strip > .cms_plugin > .featured_item {
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 25%;
    margin: 0;
    padding: 2em;
    height: 290px;
    max-height: 290px; }

    .strip > .featured_item:nth-of-type(4n+1),
    .strip > .cms_plugin:nth-of-type(4n+2) .featured_item {
      background-color: #7c9511; }

      .strip > .featured_item:nth-of-type(4n+2),
      .strip > .cms_plugin:nth-of-type(4n+3) .featured_item {
        background-color: #811517; }

        .strip > .featured_item:nth-of-type(4n+3),
        .strip > .cms_plugin:nth-of-type(4n+4) .featured_item {
          background-color: #4f81bd; }

          .strip > .featured_item:nth-of-type(4n+4),
          .strip > .cms_plugin:nth-of-type(4n+5) .featured_item {
            background-color: #645096; }

            .strip > .featured_item > .featured_description > .teaser_title,
            .strip > .cms_plugin > .featured_item > .featured_description > .teaser_title {
              margin-top: 0;
              position: relative;
              z-index: 1;
              font-size: 25px;
              color: #fff;
              font-weight: normal; }

              .strip .featured_description a {
                color: #fff;
                font-weight: bold; }

                .strip > .featured_item > .featured_description > .teaser_title > a,
                .strip > .cms_plugin > .featured_item > .featured_description > .teaser_title > a {
                  color: #666;
                  text-decoration: none; }

                  .strip > .featured_item > .featured_description > .teaser_title > a:hover,
                  .strip > .cms_plugin > .featured_item > .featured_description > .teaser_title > a:hover {
                    text-decoration: underline;
                    color: #0C5673; }

                    .strip > .featured_item > .featured_description,
                    .strip > .cms_plugin > .featured_item > .featured_description {
                      clear: right;
                      position: relative;
                      display: block;
                      padding: 0 10px 0 0;
                      color: #fff;
                      height: 200px;
                      overflow-y: auto; }

                      .strip > .featured_item > .featured_description > blockquote,
                      .strip > .cms_plugin > .featured_item > .featured_description > blockquote {
                        border: medium none;
                        font-style: italic;
                        margin: 0;
                        padding: 0; }

                        .strip > .featured_item > .more-lin,
                        .strip > .cms_plugin > .featured_item > .more-link {
                          left: 50%;
                          z-index: 1; }

                          .strip .featured_item blockquote > cite {
                            color: #fff; }

                            .strip > .featured_item > .featured_image,
                            .strip > .cms_plugin > .featured_item > .featured_image {
                              float: left;
                              width: 146px;
                              margin-right: 20px; }

                              .strip > .featured_item > .featured_image > img,
                              .strip > .cms_plugin > .featured_item > .featured_image > img {
                                position: relative;
                                bottom: -5px; }

                                .strip > .featured_item > .featured_image > a > img,
                                .strip > .cms_plugin > .featured_item > .featured_image > a > img,
                                .strip > .featured_item > .featured_image > img,
                                .strip > .cms_plugin > .featured_item > .featured_image > img {
                                  width: 100%; }

                                  @media screen and (min-width:0px) and (max-width: 960px) {
                                    .home .content_site {
                                      display: block;   }
                                      .row {
                                        margin: 0;   }
                                        .content_sidebar {
                                          width: inherit;
                                          margin-right: 0;   }
                                          .strip > .teaser, .strip > .cms_plugin > .teaser {
                                            padding: 1em;   }
                                            .page_intro, .page_features {
                                              float: none;
                                              padding: 1em;
                                              position: relative;
                                              width: inherit;   }
                                              .page_features {
                                                margin-right: 0;
                                                overflow: hidden;
                                                padding: 0;   }
}

@media screen and (min-width: 0px) and (max-width: 650px) {
  .home .content_sidebar {
    width: inherit;
    margin-right: 0;   }
}

.switcher {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  left: 40%;
  bottom: 1em; }

  .switcher > li {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 20px 0 0;
    padding: 0;
    border: 1px solid white;
    background-color: #ccc;
    list-style-type: none;
    border-radius: 20px; }

    .switcher > li.current {
      background-color: #333; }

      .plugin > h2:first-child {
        margin-top: 0; }

        .plugin .item_title {
          font-size: 1em;
          font-weight: bold;
          color: #C03E12;
          text-decoration: none; }

          .plugin p > a {
            color: #333; }

            .plugin a, dd.email dd.ddlink, dd.email, dd.ddlink {
              -ms-word-break: break-all;
              word-break: break-all;
              word-break: break-word;
              -webkit-hyphens: auto;
              -moz-hyphens: auto;
              hyphens: auto; }

              .plugin a:hover {
                text-decoration: underline;
                color: #0C5673; }

                .plugin a.btn {
                  color: #fff;
                  text-decoration: none; }

                  .plugin .latest_meta {
                    margin: 0.2em 0 0.25em 0; }

                    .plugin > .latest_item, .latest_item.rss_item {
                      padding-left: 35px;
                      position: relative; }

                      .plugin > .latest_item .icon, .latest_item.rss_item > .icon {
                        position: absolute;
                        left: 0; }

                        .plugin > .latest_item .event_date {
                          padding-left: 0; }

                          .plugin ul, .plugin li {
                            padding: 0;
                            margin: 0;
                            list-style: none;
                            font-size: 0.95em; }

                            .search_facets > h2, .plugin > .latest_title {
                              background-color: #fff;
                              color: #615959;
                              padding: 1em 1.5em;
                              width: inherit;
                              font-size: 1em;
                              line-height: 1em;
                              border-radius: 5px;
                              margin: 0;
                              display: inline;
                              text-transform: uppercase; }

                              .search_facets > h2 {
                                border-radius: 5px 5px 0 0;
                                white-space: nowrap; }

                                .plugin > .latest_title a {
                                  text-decoration: none;
                                  color: #615959; }

                                  .plugin > .latest_item > .item_body > p {
                                    margin-bottom: 0; }

                                    .plugin > .latest_item > a {
                                      word-wrap: break-word; }

                                      .plugin h3 {
                                        color: #C03E12;
                                        font-size: 0.9em; }

                                        .content_sidebar .plugin {
                                          margin-right: 1em;
                                          margin-bottom: 1.5em; }

                                          .content_sidebar .plugin dl {
                                            padding-left: 0; }

                                            .content_sidebar .plugin dt {
                                              float: inherit;
                                              left: 0;
                                              margin-left: 0;
                                              width: inherit; }

                                              .content_sidebar .plugin dd {
                                                margin-left: 0; }

                                                .more-link {
                                                  clear: both;
                                                  display: block;
                                                  float: left;
                                                  position: relative; }

                                                  .rss.feed.header.link {
                                                    float: right;
                                                    margin-top: 2px; }

                                                    .latest {
                                                      display: flex;
                                                      flex: 1;
                                                      padding: 0;
                                                      height: 100%;
                                                      float: none;
                                                      margin-bottom: 1em;
                                                      -webkit-box-sizing: border-box;
                                                      -moz-box-sizing: border-box;
                                                      -o-box-sizing: border-box;
                                                      box-sizing: border-box; }

                                                      .latest_section {
                                                        display: flex;
                                                        flex: 1;
                                                        padding: 1em;
                                                        -webkit-box-sizing: border-box;
                                                        -moz-box-sizing: border-box;
                                                        -o-box-sizing: border-box;
                                                        box-sizing: border-box; }

                                                        .latest_section > .plugin {
                                                          width: 100%; }

                                                          .full_height {
                                                            -webkit-box-sizing: border-box;
                                                            -moz-box-sizing: border-box;
                                                            -o-box-sizing: border-box;
                                                            box-sizing: border-box;
                                                            padding: 1.5em;
                                                            background-color: #fff;
                                                            height: 100%; }

                                                            body.home .resource.browser.resource_title.heading,
                                                            .news_items_summary_text > h3 > .item_title, .featured_researchers.researcher.name {
                                                              font-size: 1.1rem;
                                                              text-decoration: none; }

                                                              .plugin_footer {
                                                                position: relative;
                                                                left: 100px;
                                                                margin-left: 1em;
                                                                text-transform: uppercase;
                                                                font-weight: bold; }

                                                                .plugin_footer.rss {
                                                                  left: 0; }

                                                                  body.home .content_body .latest_section .plugin a.btn.plugin_footer {
                                                                    margin-left: 80px;
                                                                    left: 0;
                                                                    word-break: normal; }

                                                                    body.home .content_body .latest_section .plugin a.btn.plugin_footer.find_a_resource {
                                                                      margin-left: 90px; }

                                                                      @media screen and (min-width: 950px) {
                                                                        body.home .content_body .latest_section .plugin a.btn.plugin_footer.find_a_researcher {
                                                                          margin-left: calc( 100px + 1em);   }
}

@media screen and (min-width: 650px) {
  body.home .content_body .latest_section .plugin a.btn.plugin_footer.all_news {
    margin-left: calc( 100px + 1em);   }
}

@media screen and (max-width: 650px) {
  body.home .content_body .latest_section .plugin a.btn.plugin_footer.find_a_resource {
    margin-left: 80px;   }
}

.article, .book, .case-study, .course, .facilitator-guide, .infographic,
.podcast, .presentation, .published-paper, .video, .web-link, .doc, .pdf,
.ppt {
  position: relative; }

  .article:before, .book:before, .case-study:before, .course:before,
  .facilitator-guide:before, .infographic:before, .podcast:before,
  .presentation:before, .published-paper:before, .video:before, .web-link:before,
  .doc:before, .pdf:before, .ppt:before {
    font-family: FontAwesome;
    font-size: 60px;
    vertical-align: middle;
    color: #635959;
    position: absolute;
    top: 15px; }

    .article:before {
      content: ""; }

      .book:before {
        content: ""; }

        .case-study:before {
          content: ""; }

          .course:before {
            content: ""; }

            .facilitator-guide:before {
              content: ""; }

              .infographic:before {
                content: ""; }

                .podcast:before {
                  content: ""; }

                  .presentation:before {
                    content: ""; }

                    .published-paper:before {
                      content: ""; }

                      .video:before {
                        content: ""; }

                        .web-link:before {
                          content: ""; }

                          .doc:before {
                            content: ""; }

                            .pdf:before {
                              content: ""; }

                              .ppt:before {
                                content: ""; }

                                .article > h3, .book > h3, .case-study > h3, .course > h3, .facilitator-guide > h3,
                                .infographic > h3, .presentation > h3, .published-paper > h3, .video > h3,
                                .web-link > h3, .doc > h3, .pdf > h3, .ppt > h3, .article > p, .book > p,
                                .case-study > p, .course > p, .facilitator-guide > p, .infographic > p,
                                .presentation > p, .published-paper > p, .video > p, .web-link > p, .doc > p,
                                .pdf > p, .ppt > p {
                                  margin-left: 80px; }

                                  .article > h3, .book > h3, .case-study > h3, .course > h3, .facilitator-guide > h3,
                                  .infographic > h3, .presentation > h3, .published-paper > h3, .video > h3,
                                  .web-link > h3, .doc > h3, .pdf > h3, .ppt > h3 {
                                    margin-top: 0; }

                                    .latest_section.featured_researchers > .plugin_link,
                                    .latest_section.featured_researchers > p {
                                      padding: 1em;
                                      position: relative;
                                      display: inline-block; }

                                      .plugin > .latest_title {
                                        text-transform: uppercase;
                                        padding: 1em 1.5em;
                                        line-height: 1em;
                                        margin: 0;
                                        display: block;
                                        border-radius: 0;
                                        border: thin solid #fff;
                                        width: auto; }

                                        .plugin > .latest_title {
                                          border: none; }
                                          .plugin > .latest_title, .plugin > .latest_title a {
                                            color: white; }
                                            .plugin > .latest_title.news, .plugin > .latest_title.email {
                                              background-color: #5784CC; }
                                              .plugin > .latest_title.resources, .plugin > .latest_title.latest_title {
                                                background-color: #645096; }
                                                .plugin > .latest_title.featured_researchers, .plugin > .latest_title.rss {
                                                  background-color: #709C02; }

.featured_researchers.plugin {
  padding-bottom: 0; }

  .researcher.teaser.featured.item {
    clear: both;
    display: block;
    position: relative;
    padding-left: 115px;
    min-height: 100px;
    margin-bottom: 1em; }

    .mentoring > .mentoring.featured_researchers.researcher.teaser.featured.item {
      margin-top: 1em; }

      .researcher.teaser.featured.item > .image {
        position: absolute;
        left: 0;
        width: 100px;
        height: 100px;
        overflow: hidden; }

        .researcher.teaser.featured.item > .image.resource_default_icon > a {
          padding: 0; }

          .researcher.teaser.featured.item > .image > a > .icon-people::before {
            font-size: 47px;
            margin: 12px; }

            @media screen and (max-width: 960px) {
              .researcher.teaser.featured.item > .image > a > .icon-people::before {
                font-size: 33px;
                margin: 8px;   }
}

.latest_section.featured_researchers > .plugin_link > a {
  font-weight: bold;
  font-size: 0.9em; }

  .featured_researchers.researcher.name > a {
    font-weight: bold;
    font-size: 1em; }

    dl.featured_researchers.researcher.interests,
    dl.featured_researchers.researcher.roles {
      padding: 0;
      min-height: 0;
      font-size: 1rem; }

      .featured_researchers.researcher.interests dt,
      .featured_researchers.researcher.roles dt {
        font-weight: normal; }
        .featured_researchers.researcher.interests dt,
        .featured_researchers.researcher.interests dd,
        .featured_researchers.researcher.roles dt,
        .featured_researchers.researcher.roles dd {
          display: inline;
          float: none;
          margin: 0;
          left: 0;
          font-size: 100%; }

.featured_researchers.researcher.status {
  font-weight: bold; }

  .featured_researchers.researcher.interests, .featured_researchers.researcher.roles,
  .featured_researchers.researcher.status {
    overflow: auto;
    margin: 0 0 0.5em 0; }

    .featured_researchers .more-link {
      display: none; }

      .featured_description > a {
        color: #333; }

        .featured_description > em {
          font-weight: bold;
          font-style: normal; }

          .featured_description > .mentor {
            color: #0C5673; }

            .featured_description > .mentee {
              color: #445400; }

              body.home .content_body article.resource.browser {
                background-color: transparent;
                border: 0;
                margin: 0 0 1em 0;
                padding: 0; }

                body.home .content_body article.resource.browser .pub_info {
                  display: none; }

                  body.home .content_body article.resource.browser .resource_thumbnail .icon {
                    display: none; }

                    body.home .resource.browser.latest_title {
                      display: none; }

                      body.home .resource.browser.summary {
                        font-size: 1rem; }

                        @media screen and (max-width: 650px) {
                          body.home .resource.browser.summary {
                            padding-left: 80px;   }
}

@media screen and (max-width: 650px) {
  body.home .list_resource {
    padding: 0 0 0 80px;   }
}

.featured_image.detail.large {
  width: 100%; }

  .featured_image.detail.medium {
    width: 64px; }

    .featured_image.detail.small {
      width: 100%; }

      body.home .news_items_summary_thumbnail > a > .featured_image.detail {
        width: 100px; }

        body.home .news_items_summary_thumbnail {
          width: 115px;
          min-width: 115px; }

          @media screen and (max-width: 650px) {
            body.home .news_items_summary_thumbnail > a > .featured_image.detail {
              width: 70px;   }
              body.home .news_items_summary_thumbnail {
                width: 80px;
                min-width: 80px;   }
}

body.home .news_item_summary_link > .icon-rss::before {
  width: 100px;
  height: 100px;
  font-size: 60px;
  margin: 0; }

  @media screen and (max-width: 650px) {
    body.home .news_item_summary_link > .icon-rss::before {
      width: 70px;
      height: 70px;
      font-size: 40px;
      margin: 0;   }
}

.events .event_date {
  font-size: 1em;
  font-style: normal;
  color: #333;
  margin-bottom: 1em; }

  .events .resource_title {
    border-bottom: 0;
    font-size: 1.3em; }

    .events .resource_tags {
      clear: both; }

      .events .resource_partners {
        float: left;
        margin-right: 0.5em; }

        .events .partners_text > p {
          margin-bottom: 0;
          line-height: 1.35em; }

          .events .event_details > h3 {
            border-bottom: 5px solid #eee;
            padding-bottom: 0.3em;
            margin-top: 1em; }

            .news .resource_photo details {
              float: right;
              margin-left: 1em;
              margin-top: 1em;
              width: 40%; }

              select.month_selector, select.year_selector {
                width: 6em; }

                span.search_results_title {
                  font-weight: normal;
                  color: #333333; }

                  .sort_by {
                    float: left; }

                    .search_results_list {
                      margin-top: 1em; }

                      body.resources .content_body .full_height {
                        height: auto; }

                        body.resources .content_body h2.resource.browser {
                          background-color: transparent;
                          border: 0;
                          text-transform: none;
                          font-size: 1.4em;
                          display: block; }
                          body.resources .content_body .resource-list-container {
                            background-color: white;
                            border-radius: 10px;
                            padding: 2em;
                            margin-bottom: 0em; }
                            body.resources .content_body h2.resource.browser a {
                              color: #333; }
                              body.resources .content_body h2.resource.browser.title.resource_title.heading {
                                font-size: 1.2em; }
                                body.resources .content_body .list_resource h2.resource.browser.resource_title a {
                                  color: #C03E12; }
                                  body.resources .content_body article.resource.browser {
                                    background-color: transparent;
                                    border: 0;
                                    margin: 0 0 1em 0;
                                    padding: 0; }

body.resources .content_body .resource.summary {
  margin-top: 0;
  word-break: break-word; }

  body.resources .content_submenu .resource-page-filters-inner {
    position: relative;
    background: #FFF;
    border-radius: 10px;
    padding: 19px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 75px; }
    body.resources .content_submenu .resource-page-filters .resource.search.plugin {
      width: 100%;
      text-align: center;
      margin-top: -110px;
      display: flex;
      padding: 0 20%;
      align-items: center; }
      body.resources .content_submenu .resource-page-filters .resource.filter.plugin {
        width: 50%;
        margin-top: 20px; }
        body.resources .content_submenu .resource-page-filters .resource.filter.plugin > .latest_title {
          color: #333; }
    body.resources .content_submenu .resource-page-filters .resource.filter-topics.plugin {
      column-count: 2;
      column-width: 10px;
      width: 100%;
      margin-top: 0; }
      body.resources .content_submenu .resource-page-filters .resource.filter-topics.plugin.has_filters {
        column-count: 1; }
        body.resources .content_submenu .resource-page-filters .resource.filter.plugin .resource.filter.item {
          display: flex; }
          body.resources .content_submenu .resource-page-filters .resource.filter.plugin .resource.filter.item a {
            font-size: 1.2em;
            line-height: 1.8em;
            text-decoration: none;
            padding: 0 4px;
            border: 1px solid #FFF;
            border-radius: 8px; }
            body.resources .content_submenu .resource-page-filters .resource.filter-resource_types.plugin .resource.filter.item a {
              position: relative;
              padding-left: 31px; }
              body.resources .content_submenu .resource-page-filters .resource.filter-resource_types.plugin .resource.filter.item a::before {
                font-size: 20px;
                color: #C03E12;
                position: absolute;
                top: 5px;
                left: 3px; }
                body.resources .content_submenu .resource-page-filters .resource.filter.plugin .resource.filter.item a:hover,
                body.resources .content_submenu .resource-page-filters .resource.filter.plugin .resource.filter.item.selected a {
                  border-color: #F2F2F2;
                  background-color: #F2F2F2; }
                  body.resources .content_submenu .resource-page-filters .resource.filter.plugin .resource.filter.item.selected a::after {
                    content: "✖";
                    display: inline-block;
                    margin-left: 10px;
                    font-size: 0.9em; }
                    body.resources .content_submenu .resource-page-filters .resource.filter.plugin .full_height {
                      background: transparent;
                      padding: 0; }
                      body.resources .content_submenu .resource-page-filters .resource.search.plugin form {
                        display: flex;
                        flex-wrap: nowrap;
                        width: 100%;
                        margin-bottom: 0;
                        justify-content: center; }
                        body.resources .content_submenu .resource-page-filters .resource.search.plugin label {
                          display: none; }
                          body.resources .content_submenu .resource-page-filters .resource.search.plugin input[type=submit] {
                            width: auto;
                            font-size: 1.2em;
                            min-width: 0;
                            border: 1px solid #AAA;
                            border-left: 0;
                            border-radius: 0 5px 5px 0;
                            color: white;
                            background-color: #625959;
                            text-transform: uppercase;
                            cursor: pointer;
                            padding: 0 1em;
                            font-weight: bold;
                            margin-right: 0; }
                            body.resources .content_submenu .resource-page-filters .resource.search.plugin a {
                              white-space: nowrap;
                              margin: 0 0 0 20px; }
                              body.resources .content_submenu .resource-page-filters .resource.search.plugin label[for=resource_show_all_filters] {
                                display: inline-block;
                                color: #C03E12;
                                text-decoration: underline;
                                cursor: pointer;
                                white-space: nowrap;
                                margin: 0 0 0 10px; }
                                body.resources .content_submenu .resource-page-filters .resource.search.plugin label[for=resource_show_all_filters]:hover {
                                  color: #0C5673; }
                                  body.resources .content_submenu .resource-page-filters #resource_show_all_filters {
                                    display: none; }
                                    body.resources .content_submenu .resource-page-filters .has_filters #resource_show_all_filters:checked ~ .resource-page-filters-inner .resource.filter.plugin,
                                    body.resources .content_submenu .resource-page-filters .has_query #resource_show_all_filters:checked ~ .resource-page-filters-inner .resource.filter.plugin {
                                      display: none; }
                                      body.resources .content_submenu .resource-page-filters .has_filters #resource_show_all_filters:checked ~ .resource-page-filters-inner .resource.filter.plugin {
                                        margin-top: 0; }
                                        body.resources .content_submenu .resource-page-filters .has_filters #resource_show_all_filters:checked ~ .resource-page-filters-inner .resource.filter.plugin.has_filters ~ .resource.filter.plugin.has_filters {
                                          margin-top: 20px; }
                                          body.resources .content_submenu .resource-page-filters .has_query_only #resource_show_all_filters:checked ~ .resource-page-filters-inner {
                                            background: transparent;
                                            padding-bottom: 0;
                                            padding-top: 0; }
                                            body.resources .content_submenu .resource-page-filters .has_query_only #resource_show_all_filters:checked ~ .resource-page-filters-inner .search.plugin {
                                              margin-top: -70px; }
                                              body.resources .content_submenu .resource-page-filters .has_filters #resource_show_all_filters ~ .resource-page-filters-inner .resource.filter.plugin.has_filters,
                                              body.resources .content_submenu .resource-page-filters .has_query #resource_show_all_filters ~ .resource-page-filters-inner .resource.filter.plugin.has_filters {
                                                display: block; }
                                                body.resources .content_submenu .resource-page-filters .has_query_only #resource_show_all_filters ~ .resource-page-filters-inner {
                                                  background: #FFF; }
  body.resources .content_submenu .resource.filter.plugin h2 {
    background: transparent;
    border: 0;
    padding: 0;
    margin-bottom: 20px;
    display: block; }
    body.resources .content_submenu .resource.search.plugin input[type=search] {
      width: auto;
      flex: 1;
      height: 2em;
      font-size: 1.2em;
      min-width: 0;
      border: 1px solid #AAA;
      border-right: 0;
      border-radius: 5px 0 0 5px;
      margin-right: 0;
      padding-right: 0;
      padding-left: 0; }

body.resources .content_body .resource_pagination {
  margin: 2em; }

  body.resources .content_body h2.resource_title .resource_title_type {
    display: inline-block;
    margin-right: 0.5em; }

    @media screen and (min-width: 960px) {
      body.resources .content_body {
        position: relative;
        min-height: 1400px;   }
        body.resources .content_submenu .resource-page-filters-inner {
          padding: 0;
          border: 0;
          border-radius: 0;
          background: transparent;   }
          body.resources .content_submenu .resource-page-filters .resource.filter.plugin .resource.filter.item a {
            border: 1px solid #F2F2F2;   }
            body.resources .content_submenu .resource-page-filters .resource.filter.plugin .resource.filter.item a:hover,
            body.resources .content_submenu .resource-page-filters .resource.filter.plugin .resource.filter.item.selected a {
              border-color: #E2E2E2;
              background-color: #E2E2E2;   }
              body.resources .content_submenu .resource-page-filters .resource.filter-topics.plugin {
                column-count: 1;   }
                body.resources .content_submenu .resource-page-filters .resource.filter.plugin {
                  width: 100%;   }
                  body.resources .content_submenu .resource-page-filters .resource.search.plugin {
                    padding: 0;
                    flex-wrap: wrap;
                    margin-top: -70px;
                    margin-bottom: 20px;   }
                    body.resources .content_submenu .resource-page-filters .resource.search.plugin a {
                      margin: 0;   }
                      body.resources .content_submenu .resource-page-filters .resource.search.plugin label[for=resource_show_all_filters] {
                        display: none;   }
                        body.resources .content_submenu .resource-page-filters.has_filters #resource_show_all_filters:checked ~ .resource-page-filters-inner .resource.filter.plugin,
                        body.resources .content_submenu .resource-page-filters.has_query #resource_show_all_filters:checked ~ .resource-page-filters-inner .resource.filter.plugin {
                          display: block;   }
                          body.resources .content_submenu .resource-page-filters.has_query_only #resource_show_all_filters:checked ~ .resource-page-filters-inner {
                            padding-top: 20px;   }
                            body.resources .content_submenu .resource-page-filters.has_filters #resource_show_all_filters:checked ~ .resource-page-filters-inner .resource.filter.plugin {
                              margin-top: 20px;   }
}

@media screen and (max-width: 650px) {
  body.resources .content_body {
    margin-right: 0;
    margin-left: 0;   }
    body.resources .content_body .resource-list-container {
      border-radius: 0;   }
      body.resources .content_body .resource-page-filters-inner {
        border-radius: 0;   }
        body.resources .content_body .list_resource {
          padding-left: 70px;   }
          body.resources .content_body .resource.summary {
            padding-left: 70px;   }
            body.resources .content_body .resource_thumbnail {
              width: 70px;
              height: 70px;   }
              body.resources .content_body .resource-page-filters .resource.filter-topics.plugin {
                column-count: 1;   }
                body.resources .content_body .resource-page-filters .resource.filter.plugin {
                  width: 100%;   }
                  body.resources .content_body .resource-page-filters .resource.search.plugin {
                    padding: 0;
                    flex-wrap: wrap;
                    margin-top: -95px;
                    margin-bottom: 20px;   }
                    body.resources .content_body .resource-page-filters.has_filters,
                    body.resources .content_body .resource-page-filters.has_query {
                      padding-top: 10px;   }
                      body.resources .content_body .resource-page-filters .resource.search.plugin a {
                        margin: 0;   }
}

@media screen and (min-width: 0px) and (max-width: 500px) {
  body.resources .content_body .resource-list-container .list_resource {
    padding-top: 0;
    padding-bottom: 0;   }
}

body.resources .content_body article.resource.browser .pub_info {
  display: none; }

  body.resources .content_body article.resource.browser .resource_thumbnail .icon {
    display: none; }

    body.search .content_body h2.resource_title .resource_title_type {
      display: none; }

      body.search .content_body .resource_thumbnail div::before {
        display: none; }

        .view_pagination {
          display: flex;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: space-around; }

          .view_pagination ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            flex-wrap: nowrap; }

            .view_pagination ul li.view_pagination-page {
              padding: 0 8px; }

              .view_pagination ul li.view_pagination-page a,
              .view_pagination ul li.view_pagination-page a:visited {
                font-size: 1.5em;
                color: #C03E12;
                text-decoration: none;
                white-space: nowrap; }

                .view_pagination ul li.view_pagination-page a:hover {
                  text-decoration: underline;
                  cursor: pointer; }

                  .view_pagination ul li.view_pagination-page a.view_pagination-page-current,
                  .view_pagination ul li.view_pagination-page a.view_pagination-page-current:visited,
                  .view_pagination ul li.view_pagination-page a.view_pagination-page-current:hover {
                    color: black; }

                    .view_pagination-page_count {
                      font-size: 1.2em; }

                      .view_pagination-button, .view_pagination-disabled_button {
                        background-color: #C03E12;
                        padding: 10px;
                        border-radius: 4px; }

                        .view_pagination-button a, .view_pagination-button a:visited,
                        .view_pagination-disabled_button span {
                          font-size: 1.2em;
                          color: white;
                          text-transform: uppercase;
                          white-space: nowrap;
                          text-decoration: none; }

                          .view_pagination-button a:hover {
                            cursor: pointer;
                            text-decoration: underline;
                            color: white; }

                            .view_pagination-disabled_button span {
                              color: #EF7C55; }

                              @media screen and (max-width: 650px) {
                                .view_pagination {
                                  flex-wrap: wrap;
                                  justify-content: space-around;   }
                                  .view_pagination ul {
                                    display: none;   }
                                    .view_pagination-page_count {
                                      width: 100%;
                                      text-align: center;
                                      margin-bottom: 10px;   }
}

.threecol .view_pagination {
  flex-wrap: wrap;
  justify-content: space-around; }

  .threecol .view_pagination-page_count {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }

    @media screen and (min-width: 650px) and (max-width: 960px) {
      .threecol .view_pagination ul {
        display: none;   }
}

@media screen and (max-width: 650px) {
  .threecol .view_pagination {
    margin-bottom: 20px;   }
}

#id-profile-edit-form .control-group, #id-agreement-edit-form .control-group,
#id-register-form .control-group {
  width: 100%; }

  #id-profile-edit-form input, #id-agreement-edit-form input,
  #id-register-form input, #id-profile-edit-form textarea,
  #id-agreement-edit-form textarea, #id-register-form textarea {
    width: 98%; }

    #id-profile-edit-form select, #id-register-form select {
      width: 100%; }

      #id-profile-edit-form input[type="radio"],
      #id-profile-edit-form input[type="checkbox"],
      #id-agreement-edit-form input[type="radio"],
      #id-agreement-edit-form input[type="checkbox"],
      #id-register-form input[type="radio"], #id-register-form input[type="checkbox"] {
        width: auto; }

        #id-profile-edit-form .btn-primary, #id-agreement-edit-form .btn-primary,
        #id-register-form .btn-primary {
          width: inherit;
          float: right; }

          #div_id_consent_to_email > label {
            display: none; }

            .mentoring_search_sidebar {
              display: none; }

              @media screen and (min-width:0px) and (max-width: 650px) {
                .mentoring_search_centre {
                  display: none;   }
                  .mentoring_search_sidebar {
                    display: block;   }
}

.mentoring-search-form {
  position: relative;
  background-color: #F2F2F2;
  padding: 1em 1em 0 1em;
  margin: 0;
  font-size: 14px; }

  .mentoring-search-form > #div_id_q {
    margin-right: 6.5em;
    display: inline-block;
    vertical-align: top; }

    .mentoring-search-form .search-query {
      width: 100%; }

      .facet_options a {
        vertical-align: middle;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone; }

        .mentoring-search-form > .buttonHolder {
          position: absolute;
          top: 1em;
          right: 1em;
          display: inline-block;
          vertical-align: top;
          text-align: center;
          padding: 0; }

          .mentoring-search-form .help-block {
            font-size: 0.85em;
            clear: both;
            display: inline-block;
            margin-top: 0.5em; }

            .mentoring-search-form .controls {
              float: left; }

              .mentoring-search-selects .control-group {
                float: left;
                margin-top: 0 !important; }

                .mentoring-search-selects .control {
                  clear: both;
                  float: left; }

                  #id-register-form #div_id_mentor_type .controls > .radio:first-child,
                  #id-register-form .controls > .checkbox:first-child {
                    padding-top: 0; }

.mentoring-search-form .control-group {
  margin: 0; }

  .mentoring-search-form .control-label {
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    margin-right: 1em;
    width: 6em;
    display: inline-block; }

    #div_id_mentor_type {
      clear: both; }

      #div_id_mentor_type .controls {
        padding-right: 20%; }

        .alert {
          border: medium none;
          font-size: 0.9em;
          padding: 0.5em 1em; }

          .alert > p {
            margin: 0; }

            .well.person_summary {
              padding-left: 0;
              min-height: 75px; }
              .well.person_summary .detail_thumbnail_small {
                position: relative; }

.well.person_summary > .key_info .alert {
  margin-bottom: 0; }

  .key_info dl.alert {
    padding-left: 11em; }

    .key_info .alert dt {
      margin: 1em 0 0; }

      .key_info .alert dd {
        margin: 0.9em 0 0; }

        .key_info .alert dt {
          font-weight: bold;
          color: inherit;
          float: none;
          position: absolute;
          left: 1em;
          width: 10em;
          margin-left: 0; }

          .key_info .alert .mentoring.status.type,
          .key_info .alert .mentoring.status.response_time {
            margin-top: 0; }

            .person_item_details_header {
              overflow: auto; }

              .person_item_details_header .icon-people {
                display: inline-block; }

                .person_item_details_header .icon-people::before {
                  margin: 0 auto; }

                  .badge-large {
                    width: 64px;
                    height: 64px;
                    margin: 0.25em; }

                    .badge-1st-task {
                      background: url("../../img/badge-1st-task-96px.png") no-repeat;
                      background-size: cover; }

                      .badge-task-counter {
                        background: url("../../img/badge-task-counter-96px.png") no-repeat;
                        background-size: cover; }

                        .badge-published {
                          background: url("../../img/badge-writer.png") no-repeat;
                          background-size: cover; }

                          .person_description {
                            border-bottom: 2px dotted #EEEEEE;
                            border-top: 2px dotted #EEEEEE;
                            color: #000;
                            margin: 0 0 0.5em;
                            padding-bottom: 0.5em;
                            padding-top: 0.5em; }

                            .person_summary_header > .resource_thumbnail {
                              left: 1em;
                              top: 1em; }

                              .detail_thumbnail {
                                background-color: #EEEEEE;
                                color: #555555;
                                display: inline-block;
                                float: left;
                                font-size: 0.7em;
                                line-height: 1em;
                                margin-right: 2em;
                                margin-bottom: 1em;
                                max-width: 159px;
                                min-width: 159px;
                                text-align: center;
                                width: 40%; }

                                .detail_badges {
                                  max-width: 159px;
                                  min-width: 159px;
                                  display: flex;
                                  flex-direction: row;
                                  flex-wrap: wrap;
                                  justify-content: space-evenly;
                                  margin-top: 0.5em; }

                                  .detail_badges > img {
                                    margin: 0.25em; }

                                    .detail_thumbnail_and_badges {
                                      float: left;
                                      margin-right: 2em;
                                      margin-bottom: 1em; }

                                      .detail_thumbnail_and_badges .detail_thumbnail {
                                        float: none;
                                        min-height: 159px;
                                        margin: 0; }

                                        .detail_thumbnail_and_badges .detail_badges {
                                          text-align: center; }

                                          .detail_thumbnail_and_badges .detail_badges div {
                                            display: inline-block; }

                                            .detail_thumbnail_and_badges .resource_default_icon {
                                              position: relative;
                                              display: flex;
                                              flex-direction: column;
                                              justify-content: center;
                                              align-items: center; }
                                              .detail_thumbnail_and_badges .badge-task-counter span,
                                              .detail_thumbnail_and_badges .badge-published-counter span {
                                                display: inline-block;
                                                padding-top: 17px;
                                                font-size: 16px;
                                                font-weight: bold;
                                                color: #5683CC; }

.detail_thumbnail > img {
  width: 100%; }

  .detail_thumbnail_small {
    background-color: #EEEEEE;
    display: inline-block;
    float: left;
    height: 75px;
    margin-right: 20px;
    margin-left: 20px;
    text-align: center;
    width: 75px;
    overflow: hidden; }

    @media screen and (min-width:0px) and (max-width: 960px) {
      .detail_thumbnail_small.resource_default_icon {
        width: 75px;
        height: 75px;   }
}

.detail_thumbnail_small.resource_default_icon > a {
  padding: 0; }

  .detail_thumbnail_small.resource_default_icon > a > .icon-people::before {
    font-size: 35px;
    margin: 10px; }

    .detail_thumbnail_small_mine {
      background-color: #EEEEEE;
      display: inline-block;
      float: left;
      height: 75px;
      margin-right: 2em;
      text-align: center;
      width: 75px; }

      .detail_thumbnail_small_other {
        background-color: #EEEEEE;
        display: inline-block;
        float: right;
        height: 75px;
        margin-left: 2em;
        text-align: center;
        width: 75px; }

        .detail_thumbnail_small_mine.resource_default_icon > a,
        .detail_thumbnail_small_other.resource_default_icon > a {
          padding-top: 10px;
          padding-left: 10px;
          padding-bottom: 0;
          padding-right: 0;
          margin-bottom: 4px; }

          .mentoring_name_pair {
            font-weight: bold;
            text-align: center; }

            .mentoring_task_users {
              display: block;
              height: 120px; }

              .buttonHolder.mentoring-task-buttons > .archive {
                float: right; }

                .finish-group {
                  background-color: #eee; }

                  .finish-group .error {
                    padding: 5px;
                    border: 1px solid red; }

                    .finish-group .error .help-block {
                      float: right;
                      margin-top: 1px;
                      margin-bottom: 0;
                      font-size: 14px; }

                      .finish-group #div_id_success {
                        float: left;
                        margin-top: 0; }

                        .finish-group #div_id_success label {
                          display: inline-block;
                          margin-right: 2em; }

                          .finish-group .buttonHolder {
                            text-align: right;
                            padding: 0; }

                            #reason_success_block, #reason_failure_block {
                              clear: both; }

                              .finish-group #id_output_title {
                                width: 98%; }

                                .finish-group #id_output_info {
                                  width: 98%; }

                                  .mentoring_user_state_wait_agree, .mentoring_user_state_agreed,
                                  .mentoring_user_state_declined, .mentoring_user_state_inactive {
                                    position: relative; }

                                    .mentoring_user_state_wait_agree a, .mentoring_user_state_agreed a,
                                    .mentoring_user_state_declined a, .mentoring_user_state_inactive a {
                                      position: relative;
                                      display: block;
                                      height: 100%;
                                      width: 100%;
                                      margin-bottom: 1em; }

                                      .mentoring_user_state_wait_agree {
                                        border: 5px solid #FFBE0F;
                                        padding: 5px; }

                                        .mentoring_user_state_agreed {
                                          border: 5px solid #7C9511;
                                          display: block;
                                          margin-bottom: 1em;
                                          padding: 5px; }

                                          .mentoring_user_state_declined {
                                            border: 5px solid #840200;
                                            padding: 5px; }

                                            .mentoring_user_state_inactive {
                                              padding: 5px;
                                              border: 5px solid #ccc; }

                                              .mentoring_status {
                                                display: block; }

                                                .mentoring_status > h3 {
                                                  margin: 0;
                                                  font-weight: normal;
                                                  margin-bottom: 0.5em; }

                                                  .mentoring_status > h4 {
                                                    color: #840200;
                                                    font-size: 1em;
                                                    font-weight: normal; }

                                                    .mentoring_status > h3 > strong, .mentoring_status > h4 > strong {
                                                      color: #000;
                                                      font-weight: bold;
                                                      font-size: 1em; }

                                                      .key_info {
                                                        overflow: auto;
                                                        display: block;
                                                        position: relative; }

                                                        .person_item_details_header > .contact_researcher {
                                                          float: right; }

                                                          .mentoring_thumbnail {
                                                            float: left;
                                                            margin-right: 1em; }

                                                            a.btn.expander {
                                                              text-decoration: none;
                                                              margin-top: 0.5em; }

                                                              .message.ellipsis.collapsed {
                                                                max-height: 6em;
                                                                overflow: hidden; }

                                                                .mentoring.history > .message, .mentoring.message.report > .details > .message {
                                                                  white-space: pre-wrap; }

                                                                  .mentoring.history > .report {
                                                                    float: right; }

                                                                    .btn-finish {
                                                                      float: right; }

                                                                      .clearablefileinput {
                                                                        -ms-word-break: break-all;
                                                                        word-break: break-all;
                                                                        word-break: break-word;
                                                                        -webkit-hyphens: auto;
                                                                        -moz-hyphens: auto;
                                                                        hyphens: auto; }

                                                                        .mentoring.task.file.attachment {
                                                                          margin-bottom: 1em;
                                                                          padding-left: 25px;
                                                                          position: relative; }

                                                                          .mentoring.task.file.attachment > img {
                                                                            left: 0;
                                                                            position: absolute;
                                                                            top: 2px; }

                                                                            .mentoring.task.file.download.link {
                                                                              -ms-word-break: break-all;
                                                                              word-break: break-all;
                                                                              word-break: break-word;
                                                                              word-wrap: break-word;
                                                                              -webkit-hyphens: auto;
                                                                              -moz-hyphens: auto;
                                                                              hyphens: auto; }

                                                                              .list_resource > .detail_thumbnail {
                                                                                height: 75px;
                                                                                left: 1em;
                                                                                position: absolute;
                                                                                width: 75px; }

                                                                                .list_resource > .key_info > .person_description {
                                                                                  border: medium none;
                                                                                  margin: 0;
                                                                                  padding-top: 0; }

                                                                                  @media screen and (min-width: 0px) and (max-width: 500px) {
                                                                                    .key_info {
                                                                                      clear: both;
                                                                                      padding-top: 1em;
                                                                                      position: relative;
                                                                                      padding: 1em;   }
                                                                                      .list_resource {
                                                                                        padding: 1em 0;   }
                                                                                        .detail_thumbnail_small {
                                                                                          margin-left: 1em;   }
                                                                                          #id-profile-edit-form input, #id-profile-edit-form textarea,
                                                                                          #id-agreement-edit-form input, #id-agreement-edit-form textarea,
                                                                                          #id-register-form input, #id-register-form textarea {
                                                                                            width: 94%;   }
}

.footer_site {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 0.9em;
  position: relative;
  z-index: 1;
  background-color: #615959;
  margin: 1em 0 0 0;
  padding: 1em 0; }

  .footer_logos {
    border-top: 5px solid #eee;
    border-bottom: 5px solid #666;
    margin-bottom: 0; }

    .footer_logos > ul, .nav_footer > ul {
      list-style: none;
      list-style-image: none;
      margin: 0;
      padding-top: 1.5em;
      text-align: center; }

      .footer_logos > ul > li {
        display: inline-block;
        margin: 0 1em; }

        .nav_footer {
          clear: both;
          display: block;
          float: right;
          margin-right: 2em;
          margin-left: 2em; }

          .nav_footer > ul > li {
            display: inline-block; }

            .nav_footer > ul > li > a {
              border-right: 1px solid #666666;
              color: #333;
              margin-right: 5px;
              padding-right: 10px; }

              .site_info {
                display: block;
                float: left;
                color: #666;
                padding: 0 1em; }

                .company_info {
                  clear: both;
                  float: right;
                  color: #fff;
                  padding: 0 2em 0 0; }

                  .company_info > a {
                    font-weight: bold;
                    color: #fff;
                    text-decoration: none; }

                    .aa-footer-logo, .supporter-logos {
                      float: left; }

                      .aa-footer-logo p, .supporter-logos p {
                        display: none; }

                        .aa-footer-logo {
                          display: inline-block; }

                          .nav_footer img.logo {
                            height: 60px;
                            display: inline-block;
                            margin-top: 0;
                            padding-top: 0;
                            margin: 0 0 0.2em 1rem; }

                            .nav_support {
                              display: inline-block;
                              float: left;
                              list-style: none outside none;
                              margin: 0;
                              padding: 0 0 0 1em; }

                              .nav_support > li {
                                font-weight: bold;
                                color: #fff;
                                display: inline-block;
                                line-height: 1em;
                                margin-right: 0.5em;
                                padding: 1em; }

                                .nav_support > li > a {
                                  color: #fff;
                                  text-decoration: none; }

                                  .social {
                                    font-family: FontAwesome;
                                    font-size: 24px;
                                    font-weight: 600;
                                    display: inline-block;
                                    clear: left;
                                    float: left;
                                    list-style: none outside none;
                                    margin: 0.5em 0 0 0;
                                    padding: 0 0 0 1em; }
                                    .social > li {
                                      display: inline-block;
                                      line-height: 1em;
                                      margin-right: 0.5em; }
                                      .social > li > a {
                                        color: #fff;
                                        text-decoration: none; }

body.with-cookie-bar::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  opacity: 0.7;
  transform: translateZ(0);
  z-index: 1000; }

  .cookie-bar-wrapper {
    position: fixed;
    width: 40%;
    height: 100%;
    top: 0;
    left: 0;
    background: #eee;
    z-index: 1001;
    overflow-y: scroll; }

    .cookie-bar {
      line-height: 25px;
      padding: 1em; }
      .cookie-bar .cc-cookie-accept, .cookie-bar .cc-cookie-decline {
        margin-right: 1em; }
        .cookie-bar .cookie-consent-accept, .cookie-bar .cookie-consent-decline {
          margin-top: 1em;
          margin-right: 1em; }

.cookie-group-form > * {
  display: inline-block; }

  .cookie-group > table {
    border: 1px solid black;
    width: 100%; }

    .cookie-group > table > tbody > tr {
      border: 1px solid black; }

      .cookie-group > table > tbody > tr > th, .cookie-group > table > tbody > tr > td {
        border: 1px solid black;
        padding: 0.5em; }

        .hide {
          display: none; }

          .cke_inner #cke_2_contents {
            padding-top: 30px; }

            .buttonHolder {
              padding: 1em 0; }

              .btn-primary {
                background-color: #C03E12;
                background-image: none;
                color: #FFFFFF;
                text-decoration: none;
                text-shadow: none;
                text-decoration: none; }

                .btn-primary:hover, .plugin .btn-primary:hover, .btn-primary:active,
                .btn-primary:focus {
                  background-color: #840200;
                  text-decoration: none; }

                  .arrow-link {
                    font-weight: bold;
                    margin-top: 1em;
                    display: block;
                    clear: both; }

                    .arrow-link:hover {
                      text-decoration: none; }

                      .arrow-link:before {
                        color: #5784CC;
                        content: "▶ ";
                        font-size: 0.8em;
                        line-height: 0;
                        margin-right: 0.5em;
                        position: relative;
                        top: -2px; }

                        .content-hidden:before {
                          content: "▶ ";
                          font-size: 0.8em;
                          line-height: 0;
                          margin-right: 0.5em;
                          position: relative;
                          top: -2px; }

                          .content-shown:before {
                            content: "▼ ";
                            font-size: 1em;
                            line-height: 0;
                            margin-right: 0.5em;
                            position: relative;
                            top: -2px; }

                            .button-showhide-publishers {
                              margin: 1em 0; }

                              .button-showhide-course {
                                margin: 0;
                                float: right; }

                                .asteriskField {
                                  font-weight: bold;
                                  color: #B94A48; }

                                  .perireg .title {
                                    margin-top: 15px; }

                                    .selector-available h2, .selector-chosen h2 {
                                      background: url("../img/default-bg.gif") repeat-x scroll left top #7CA0C7;
                                      margin-bottom: 0; }

                                      form > table > tbody > tr > th, form > table > tbody > tr > td {
                                        padding: 0.2em 0.5em;
                                        vertical-align: baseline; }

                                        form > table > tbody > tr > th {
                                          text-align: left;
                                          font-weight: normal; }

                                          form > table > tbody > tr > th > label {
                                            display: inline; }

                                            form .control-label {
                                              font-weight: bold;
                                              font-size: 0.9em; }

                                              form .control-group {
                                                clear: both;
                                                margin-bottom: 10px;
                                                margin-top: 1.5em; }

                                                form .help-block {
                                                  color: #888888;
                                                  display: block;
                                                  font-size: 0.8em;
                                                  line-height: 1.3em;
                                                  margin-bottom: 10px;
                                                  margin-top: 0.5em; }

                                                  select, textarea, input[type="text"], input[type="password"],
                                                  input[type="datetime"], input[type="datetime-local"], input[type="date"],
                                                  input[type="month"], input[type="time"], input[type="week"], input[type="number"],
                                                  input[type="email"], input[type="url"], input[type="search"], input[type="tel"],
                                                  input[type="color"], .uneditable-input {
                                                    margin: 0 0.5em 0 0; }

                                                    .form-error-message {
                                                      margin-top: -10px; }

                                                      form .form-input-error {
                                                        color: #B94A48;
                                                        border-color: #B94A48; }

                                                        .helptext {
                                                          color: #A09B9B;
                                                          font-size: small; }

                                                          .highlighted {
                                                            background-color: yellow; }

                                                            select {
                                                              height: inherit;
                                                              line-height: inherit; }

                                                              textarea {
                                                                height: 6em;
                                                                width: 98%; }

                                                                dt > span.extra_info {
                                                                  display: block;
                                                                  font-size: 85%;
                                                                  color: grey; }

                                                                  dd > span.extra_info {
                                                                    color: #333333;
                                                                    display: block;
                                                                    font-size: 1em;
                                                                    font-weight: bold; }

                                                                    .gridview > li {
                                                                      border: 2px solid #eee;
                                                                      padding: 0.5em;
                                                                      display: block;
                                                                      float: left;
                                                                      width: 29%;
                                                                      margin-right: 1%;
                                                                      margin-bottom: 0.5em;
                                                                      font-size: 1.2em; }

                                                                      .icon-publication:before, .icon-tick:before, .icon-resource:before,
                                                                      .icon-network:before, .icon-box:before, .icon-download:before,
                                                                      .icon-comment:before, .icon-e-resource:before, .icon-twitter:before,
                                                                      .icon-rss:before, .icon-home:before, .icon-event:before, .icon-lock:before,
                                                                      .icon-document:before, .icon-links:before, .icon-gear:before,
                                                                      .icon-pencil-paper:before, .icon-power-button:before, .icon-target:before,
                                                                      .icon-leaves:before, .icon-mail:before, .icon-report:before,
                                                                      .icon-institution:before, .icon-flag:before, .icon-people:before,
                                                                      .icon-publisher:before, .icon-book:before, .icon-star:before {
                                                                        font-family: 'INASP-iconset';
                                                                        speak: none;
                                                                        font-style: normal;
                                                                        font-weight: normal;
                                                                        -webkit-font-smoothing: antialiased;
                                                                        background-color: rgba(0, 0, 0, 0.25);
                                                                        border-radius: 0.3em;
                                                                        -moz-border-radius: 0.3em;
                                                                        -webkit-border-radius: 0.3em;
                                                                        -o-border-radius: 0.3em;
                                                                        color: #FFFFFF;
                                                                        content: attr(data-icon);
                                                                        display: block;
                                                                        height: 1.6em;
                                                                        width: 1.6em;
                                                                        line-height: 1.6em !important;
                                                                        text-align: center;
                                                                        float: left;
                                                                        margin-right: 0.5em;
                                                                        margin-bottom: 0.3em;
                                                                        clear: both;
                                                                        font-size: 40px; }

                                                                        h2:before, h3:before, h4:before, p:before, a:before {
                                                                          margin-top: -0.25em; }

                                                                          .rss_item > .icon > .icon-rss:before {
                                                                            font-size: 1em; }

                                                                            @media screen and (min-width:650px) and (max-width: 960px) {
                                                                              .user_login {
                                                                                position: absolute;
                                                                                top: 5px;
                                                                                right: 100px;   }
                                                                                .user_login_link {
                                                                                  font-size: 14px;   }
                                                                                  .navbar-search {
                                                                                    justify-content: start;   }
                                                                                    .flex_content {
                                                                                      gap: 1em;   }
                                                                                      .twocol .content_body, .threecol .content_body {
                                                                                        width: 50%;
                                                                                        float: right;
                                                                                        margin-right: 1em;
                                                                                        padding-right: 0;
                                                                                        box-shadow: none;
                                                                                        -moz-box-shadow: none;
                                                                                        -webkit-box-shadow: none;
                                                                                        -o-box-shadow: none;   }
                                                                                        .twocol.main_sidebar .content_body {
                                                                                          width: 52%;   }
                                                                                          .content_submenu {
                                                                                            width: 40%;   }
                                                                                            .content_sidebar, .twocol.main_sidebar .content_sidebar {
                                                                                              width: 40%;
                                                                                              float: left;   }
                                                                                              .threecol.main_sidebar .content_sidebar {
                                                                                                width: 41%;
                                                                                                float: left;
                                                                                                margin-top: 0;
                                                                                                margin-left: 1em;
                                                                                                margin-right: 0;   }
                                                                                                .content_sidebar .plugin, .content_submenu {
                                                                                                  margin-right: 0;
                                                                                                  margin-bottom: 1em;   }
                                                                                                  .content_submenu > ul {
                                                                                                    margin-left: 1em;   }
                                                                                                    .page_intro, .page_features {
                                                                                                      padding-right: 0;   }
                                                                                                      .content_submenu ul, .latest_title {
                                                                                                        margin-bottom: 0;
                                                                                                        margin-top: 0;   }
                                                                                                        .article:before, .book:before, .case-study:before, .course:before,
                                                                                                        .facilitator-guide:before, .infographic:before, .presentation:before,
                                                                                                        .published-paper:before, .video:before, .web-link:before, .doc:before,
                                                                                                        .pdf:before, .ppt:before {
                                                                                                          font-size: 50px;
                                                                                                          top: 13px;   }
                                                                                                          .resource_default_icon > .icon, .resource_default_icon > a {
                                                                                                            padding: 3px;   }
                                                                                                            blockquote {
                                                                                                              min-width: 85%;
                                                                                                              margin-right: 0;   }
}

@media screen and (min-width:0px) and (max-width: 960px) {
  .latest {
    flex-direction: column;   }
    .row.latest {
      margin-top: 2em;   }
      .row.intro {
        margin-bottom: 1em;   }
        .latest_section {
          width: 100%;
          padding: 2em;
          flex: auto;   }
          .latest_section.resources {
            order: 1;   }
            .latest_section.latest_news {
              order: 2;   }
              .latest_section.featured_researchers {
                order: 3;   }
                .researcher.teaser.featured.item {
                  padding-left: 80px;   }
                  .researcher.teaser.featured.item > .image {
                    width: 80px;   }
                    .researcher.teaser.featured.item > .image img {
                      width: 70px;   }
                      .resource_default_icon,
                      .researcher.teaser.featured.item > .image.resource_default_icon {
                        height: 70px;
                        width: 70px;   }
                        .researcher.teaser.featured.item > .image.resource_default_icon > a {
                          padding: 0;   }
}

@media screen and (min-width: 0px) and (max-width: 650px) {
  body {
    line-height: 1.4em;
    min-width: 290px;   }
    .above_nav {
      height: auto;   }
      .header_site {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.5em;   }
        .wrapper {
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          -o-box-shadow: none;
          box-shadow: none;
          padding: 0;   }
          .branding {
            padding: 0;
            margin: 0;
            height: 55px;
            width: auto;   }
            .author_aid_logo {
              width: 200px;   }
              .strapline {
                display: none;   }
                .above_nav {
                  order: 1;   }
                  .above_nav > .navbar-search {
                    display: none;   }
                    .cms_toolbar-toolbar .user_access {
                      top: 43px;
                      font-size: 0.85em;   }
                      .personal_bar_heading {
                        display: none;   }
                        .user_login.large-width-only {
                          display: none;   }
                          .navbar-toggle:not(:checked) + ul {
                            display: none;   }
                            .navbar-toggle-label {
                              display: flex;
                              font-size: 16px;
                              margin: 0;
                              cursor: pointer;
                              color: white;
                              background-color: #615959;
                              height: 55px;
                              z-index: 3;
                              align-items: center;
                              justify-content: space-around;
                              padding: 0 12px;   }
                              .navbar-toggle-label > .burger-icon {
                                font-size: 22px;
                                width: 18px;
                                padding: 0 2px;   }
                                .navbar {
                                  position: absolute;
                                  top: 55px;
                                  left: 0;
                                  z-index: 2;
                                  border-bottom: 0;
                                  padding: 0;
                                  box-sizing: border-box;   }
                                  .navbar .nav {
                                    float: none;
                                    margin: 0;
                                    padding: 12px;   }
                                    .navbar > .nav_main {
                                      text-align: left;   }
                                      .navbar > .nav_main > li {
                                        justify-content: flex-start;
                                        float: none;
                                        font-size: 1rem;
                                        background-color: #363636;
                                        margin-bottom: 1px;   }
                                        .navbar > .nav_main > li.search-item {
                                          background-color: inherit;   }
                                          .navbar > .nav_main > li > a {
                                            width: 100%;
                                            padding: 0 0 0 18px;   }
                                            .breadcrumb_wrap {
                                              display: none;   }
                                              .flex_content {
                                                flex-direction: column;   }
                                                .content_site {
                                                  width: inherit;
                                                  margin: 0;
                                                  float: none;   }
                                                  .content_submenu {
                                                    margin-right: 0;   }
                                                    .content_submenu > ul > li > a {
                                                      padding-top: 2px;
                                                      padding-bottom: 2px;   }
                                                      .content_body, .content_submenu, .onecol .content_body, .twocol .content_body,
                                                      .twocol.main_sidebar .content_body, .threecol .content_body, .content_sidebar,
                                                      .content_submenu > .nav_submenu, .callout, .latest, .country .content_sidebar,
                                                      .twocol.main_sidebar .content_sidebar {
                                                        width: inherit;
                                                        float: none;
                                                        padding: 0.5em;
                                                        clear: both;
                                                        margin: 0;
                                                        box-shadow: none;   }
                                                        .content_body {
                                                          margin: 0;   }
                                                          .content_body h1:first-child {
                                                            margin-top: 0.5em;   }
                                                            .publishing_controls {
                                                              margin-top: 0em;
                                                              margin-right: 0em;   }
                                                              .latest_section, .latest_section .plugin {
                                                                margin: 0;   }
                                                                .row.latest {
                                                                  margin: 0;   }
                                                                  .row.intro {
                                                                    margin: 0;
                                                                    border: none;   }
                                                                    .latest_section > .plugin > .latest_title {
                                                                      display: block;
                                                                      width: auto;   }
                                                                      .latest_section {
                                                                        padding: 0;
                                                                        margin-bottom: 0.5em;   }
                                                                        .latest_section.featured_researchers {
                                                                          width: auto;   }
                                                                          .row.callouts.landing {
                                                                            border-top: 0;   }
                                                                            .threecol .content_body {
                                                                              -moz-box-shadow: 0 0 0 0;
                                                                              -webkit-box-shadow: 0 0 0 0;
                                                                              -o-box-shadow: 0 0 0 0;
                                                                              box-shadow: 0 0 0 0;
                                                                              width: inherit;
                                                                              min-height: 0;
                                                                              margin-right: 1em;
                                                                              padding-right: 0;
                                                                              padding-bottom: 0;
                                                                              margin-bottom: 1em;
                                                                              z-index: 0;   }
                                                                              .page .content_body > p > img {
                                                                                width: 100%;
                                                                                height: inherit;   }
                                                                                dl {
                                                                                  padding-left: 0;
                                                                                  margin-left: 0;   }
                                                                                  dt {
                                                                                    margin-left: 0;
                                                                                    left: 0;   }
                                                                                    dd {
                                                                                      margin-left: 0;
                                                                                      clear: both;   }
                                                                                      .user_access {
                                                                                        display: flex;
                                                                                        order: 2;
                                                                                        width: auto;   }
                                                                                        .user_language > a, .user_language > a:first-child {
                                                                                          display: block;
                                                                                          border: none;
                                                                                          padding: 0;   }
                                                                                          .nav_support {
                                                                                            display: none;   }
                                                                                            .nav_footer {
                                                                                              padding: 0;
                                                                                              display: flex;
                                                                                              flex-wrap: wrap;
                                                                                              float: none;   }
                                                                                              .nav_footer img.logo {
                                                                                                font-size: 1em;
                                                                                                margin: 0;   }
                                                                                                .aa-footer-logo {
                                                                                                  -moz-box-sizing: border-box;
                                                                                                  -webkit-box-sizing: border-box;
                                                                                                  box-sizing: border-box;
                                                                                                  margin-right: 1em;
                                                                                                  margin-bottom: 1em;
                                                                                                  flex: 1;
                                                                                                  width: 45%;
                                                                                                  display: flex;   }
                                                                                                  .supporter-logos {
                                                                                                    -moz-box-sizing: border-box;
                                                                                                    -webkit-box-sizing: border-box;
                                                                                                    box-sizing: border-box;
                                                                                                    display: flex;   }
                                                                                                    .supporter-logos > img, .supporter-logos > img.logo {
                                                                                                      margin-right: 1em;   }
                                                                                                      .supporter-logos > img:last-child, .supporter-logos > img.logo:last-child {
                                                                                                        margin-right: 0;   }
                                                                                                        .company_info {
                                                                                                          -moz-box-sizing: border-box;
                                                                                                          -webkit-box-sizing: border-box;
                                                                                                          box-sizing: border-box;
                                                                                                          width: 100%;
                                                                                                          padding: 1em;
                                                                                                          text-align: center;
                                                                                                          font-size: 1rem;   }
                                                                                                          .strip > .featured_item > .featured_description > .teaser_title,
                                                                                                          .strip > .cms_plugin > .featured_item > .featured_description > .teaser_title {
                                                                                                            font-size: 1.5rem;   }
                                                                                                            .article:before, .book:before, .case-study:before, .course:before,
                                                                                                            .facilitator-guide:before, .infographic:before, .presentation:before,
                                                                                                            .published-paper:before, .video:before, .web-link:before, .doc:before,
                                                                                                            .pdf:before, .ppt:before {
                                                                                                              font-size: 40px;
                                                                                                              top: 10px;   }
                                                                                                              .icon-rss:before {
                                                                                                                font-size: 35px;   }
                                                                                                                .article > h3, .book > h3, .case-study > h3, .course > h3, .facilitator-guide > h3,
                                                                                                                .infographic > h3, .presentation > h3, .published-paper > h3, .video > h3,
                                                                                                                .web-link > h3, .doc > h3, .pdf > h3, .ppt > h3, .article > p, .book > p,
                                                                                                                .case-study > p, .course > p, .facilitator-guide > p, .infographic > p,
                                                                                                                .presentation > p, .published-paper > p, .video > p, .web-link > p, .doc > p,
                                                                                                                .pdf > p, .ppt > p {
                                                                                                                  margin-left: 70px;   }
                                                                                                                  .news_items_summary_thumbnail {
                                                                                                                    width: 70px;
                                                                                                                    min-width: 70px;
                                                                                                                    margin-right: 0;   }
                                                                                                                    .news_items_summary_thumbnail img.featured_image.detail {
                                                                                                                      width: 60px;
                                                                                                                      margin-left: 0;
                                                                                                                      float: none;   }
                                                                                                                      .resource_default_icon > .icon, .resource_default_icon > a {
                                                                                                                        padding: 7px;   }
                                                                                                                        blockquote {
                                                                                                                          min-width: 85%;
                                                                                                                          margin-right: 0;   }
}