/**
 * @file
 * subtheme specific css.
 */

  /* makes the dropdown full width  */

  :root {
    --smartphone: 576px;
    --tablet: 768px;
    --laptop: 992px;
    --desktop: 1200px;
  }


  ::-moz-selection {
    /* code for firefox */
    color: #fff;
    background: var(--green);
  }

  :focus {
    outline: 0;
  }

  ::selection {
    color: #fff;
    background: var(--green);
  }

  :root {
    --shadow-tiles: 2px 3px 6px #0000001a;
  }

  .main-content {
    padding: 0;
  }

  .user-login-form {
    padding-top: 150px;
    padding-bottom: 150px;
  }


  #main .col-auto.views-element-container {
    padding: 0;
  }

  img.mobile {
    display: none;
  }

  img.desktop {
    display: block;
  }

  img {
    font-size: 11px;
  }

  article figure img {
    width: 100%;
    height: auto;
  }

  tr {
    background: rgb(244, 242, 240);
  }

  table {
    border-top: 3px solid #89ad6a;
  }

  tr td {
    padding: 9px 9px;
  }

  table thead tr th{
    background: var(--green);
    color: #fff;
  }

  table thead p {
    color: #fff;
    line-height: 1.36rem;
  }

  .file--application-pdf {
    background-image: none;
  }

  figcaption {
    color: #666;
    font-size: var(--xsmall-font-size);
    font-style: italic;
  }


  iframe:not(.twitter-follow-button) {
    width: 100%;
    height: auto;
    min-height: 420px;
  }

  #page-wrapper table ul li,
  table td,
  table div,
  table ul li,
  table ul,
  table p {
    font-size: var(--small-font-size);
    line-height: 1.5rem;
  }

  table a::before{
    display: none;
  }

  .main table a.file,
  table a,
  table a.file {
    margin: 0;
    font-size: var(--small-font-size);
    min-height: auto;
    display: inline;
  }

  table a:hover{
    text-decoration: underline;
  }

  nav.tabs {
    position: absolute;
    width: 100%;
    z-index: 1;
  }

  .see-all {
    font-size: var(--normal-font-size);
  }

  .view-header a.link-download {
    color: #333;
    font-family: "Titillium Web";
    font-weight: 400;
    font-size: 1rem;
    display: block;
  }

  p img {
    width: 100%;
    height: auto;
    padding: 14px;
  }


  .field--name-field-related-project,
  .field--name-field-common-attachment {
    margin: 4rem 0;
  }

  /*topics colors*/
  .bollino-topic-agriculture {
    background: var(--agr);
  }

  .bollino-topic-biotech {
    background: var(--bio);
  }

  .bollino-topic-energy {
    background: var(--ene);
  }

  .bollino-topic-env {
    background: var(--env);
  }

  .bollino-topic-health {
    background: var(--hea);
  }

  .bollino-topic-policy {
    background: var(--pol);
  }


  .bollino-topic-sdg {
    background: var(--sdg);
  }

  .bollino-topic-science {
    background: var(--pol);
  }

  .bollino-topic-other {
    border: 1px solid #d8d8d8;
    background: var(--oth);
  }

  .agricolture {
    color: var(--agr);
  }

  .biotech {
    color: var(--bio);
  }

  .energy {
    color: var(--ene);
  }

  .env {
    color: var(--env);
  }

  .health {
    color: var(--hea);
  }

  .sustainable_development_goals {
    color: var(--sdg);
  }

  .policy_for_science {
    color: var(--pol);
  }

  .other {
    color: var(--oth);
    color: #222222;
  }


  .button {
    background: var(--green);
    color: #fff;
    padding: 10px 16px;
    border-radius: 6px;
    display: inline-block;
    margin-top: 4px;
    font-family: "ubuntu";
    font-size: var(--xsmall-font-size);
  }


  /*PAGINATOR*/
  .pagination {
    margin: 5rem 0;
  }
  .page-link {
    border-radius: 4px;
  }
  .page-item {
    display: block;
  }
  .page-link, .page-link:hover {
    color: var(--green);
  }
  .page-item.active .page-link {
    background-color: var(--green);
    border-color: var(--green);
  }



  /*other stuff*/

  .menu--main {
    margin-left: auto;
  }

  .navbar .dropdown {
    position: static;
  }


  .navbar .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    top: 90px;
    /*  height of nav-item  */
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  /* .navbar .dropdown:hover .dropdown-menu,
  .navbar .dropdown .dropdown-menu:hover {
    display: block !important;
  } */

  /* img for mega menu */
  .layout__region--third {
    position: relative;
  }

  .mega-menu-image_7623 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
  }







  /*topic*/
  .topic-template {
    position: absolute;
  }

  .topic {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 10px;
    font-size: 0;
    display: flex;
    }

  .topic .list-group {
    display: block;
  }

  .topic .list-group-item {
    display: inline-block;
    position: relative;
    width: 23px;
    height: 23px;
    background: none;
    border: 0;
    margin-left: 9px;
  }

  .topic .list-group-item span {
    font-size: 0;
    width: 23px;
    height: 23px;
    border-radius: 4px;
    z-index: 9;
    position: absolute;
  }

  .publication-topic span,
  .row-vista-news .row-vista-news-field-topic span {
    font-size: 0;
    width: 23px;
    height: 23px;
    border-radius: 4px;
    z-index: 9;
    top: 19px;
    right: 20px;
    margin-left: 11px;
    display: block;
  }


  .bollino-topic-agricolture,
  .bollino-topic-biotech,
  .bollino-topic-energy,
  .bollino-topic-environmental,
  .bollino-topic-health,
  .bollino-topic-policy,
  .bollino-topic-water,
  .bollino-topic-other {
    font-size: 0;
  }


  .aside .agriculture_food_security {
    background-color: var(--agr);
  }

  .aside .biotechnology_biosecurity {
    background-color: var(--bio);
  }

  .aside .energy {
    background-color: var(--ene);
  }

  .aside .environment_climate {
    background-color: var(--env);
  }

  .aside .health {
    background-color: var(--hea);
  }

  .aside .policy_for_science {
    background-color: var(--pol);
  }

  .aside .topic-big .sustainable_development_goals  {
    background-color: var(--sdg);
  }

  .aside .other {
    background-color: var(--oth);
  }



  .agriculture_food_security,
  .biotechnology_biosecurity,
  .energy,
  .environment_climate,
  .health,
  .policy_for_science,
  .sustainable_development_goals,
  .other {
    font-family: merriweather;
    font-size: 0.8125rem;
    font-style: italic;
    text-align: center;
    width: 130px;
    height: 130px;
    position: relative;
   top: -10px;
  }





  /* institution common styles */


/*
tolto per confilitto con menu drupal
.node--type-organization a,*/


  .node--type-organization img,
  .node--type-organization h2 {
    padding: 0;
    margin: 0;

  }

  .node--type-organization span {
    display: block;
  }

  .institution {
    display: flex;
  }

  .institution img {
    max-height: 50px;
    width: auto;
  }

  .institution-title {
    margin-left: 21px;
    max-width: 230px;
    display: flex;
    justify-content: center;
  }

  .institution-title a {
    line-height: 1.5rem;
    display: block;
  }

  .organization-logo img {
    max-height: 40px;
    width: auto;
  }

  .aside img {
    max-height: 60px;
    width: auto;
    margin-bottom: 15px;
  }

  .organization-title {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin-left: 21px;
  }

  .aside .node--type-organization .field--name-title,
  .aside a,
  .aside span,
  .organization-title a {
    font-size: var(--small-font-size);
    color: var(--darkGrey);
    font-style: italic;
    font-family: merriweather;
    line-height: 1.4rem;
    display: block;
    font-weight: 400;
  }

  /*aside spalla pagine singoli eventi news..*/
  .aside a,
  .aside span {
    color: var(--darkGrey);
  }

  .aside .field--name-field-organization-logo {
    float: unset;
  }

  .aside .field--type-image img {
    float: unset;
  }

  .project.carousel-project time,
  .aside .field--name-field-project-start-date time,
  .aside .field-project-start-date {
    display: inline;
    background-color: var(--green);
    color: #fff;
    padding: 8px 12px;
    border-radius: 10px;
    font-family: ubuntu;
    font-size: var(--xsmall-font-size);
  }

  blockquote p {
    color: var(--green);
    line-height: 1.6;
    font-size: var(--large-font-size);
    font-family: 'ubuntu';
    font-weight: 300;
    padding: 55px 49px 47px 97px;
    display: block;
    font-style: italic;
    border: 1px solid var(--green);
    position: relative;
    border-radius: 8px;
  }

  blockquote p:before {
    content: "";
    background: url(../spritesheet.png);
    background-position: -215px 0px;
    width: 71px;
    height: 47px;
    display: block;
    position: absolute;
    left: -13px;
    top: 41px;
  }

  /*objective boxes */

  .objective-box {
    background-size: contain;
    border-radius: 16px;
    box-shadow: 2px 4px 20px rgba(0,0,0,0.16);
    padding: 53px 60px 30px 60px;
    margin-bottom: 40px;
  }

  .objective-box.cap {
    background: white url(./../assets/filigrana-cap.png) no-repeat right center;
  }

  .objective-box.sci {
    background: white url(./../assets/filigrana-sci.png) no-repeat right center;
  }

  .objective-box.edu {
    background: white url(./../assets/filigrana-edu.png) no-repeat right center;
  }

  .objective-box.net {
    background: white url(./../assets/filigrana-net.png) no-repeat right center;
  }

  .objective-box h1 {
    color: var(--darkGrey);
    width: 90%;
    font-size: 2.75rem;
    font-family: 'playfair display';
    font-weight: 800;
    position: relative;
    margin-bottom: 3rem;
    line-height: 3rem;
  }

  .objective-box h1 span {
    color: var(--green);
  }

  .objective-box p {
    font-size: var(--normal-font-size);
    line-height: 1.5rem;
    margin-bottom: 33px;
    width: 60%;
  }

  .read-more {
    color: var(--darkGrey);
    font-size: var(--xsmall-font-size);
    font-family: 'ubuntu';
    position: relative;
    margin-bottom: 48px;
    font-weight: 600;
    margin-left: 16px;
  }

  .read-more:before {
    content: "";
    background: url(../spritesheet.png);
    background-position: -25px -94px;
    width: 7px;
    height: 13px;
    display: block;
    position: absolute;
    top: 2px;
    left: -17px
  }

  .path-frontpage .read-more:before {
    top: 4px;
  }

  /*faq page*/
  .views-field-field-faq-element .list-group-item {
    border: 0px;
  }

  .views-field-field-faq-element .paragraph--type--paragraph-faq {
    margin-bottom: 34px;
  }

  .views-field-field-faq-element .field--name-field-faq-element .field__item .field__label {
    color: var(--green);
    font-size: 1.5rem;
    font-family: "ubuntu";
    line-height: 1.3;
  }

  .views-field-field-faq-element .field--name-field-faq-question p {
    color: var(--green);
    font-size: 1.5rem;
    margin-bottom: 6px;
    font-family: "ubuntu";
    line-height: 1.3;
  }

  .node--unpublished {
    padding: 0;
  }


  /*hover vari titoli*/
  .node--type-project .publications .field--name-title:hover,
  .program .left .institution-title a:hover,
  .carousel-single .row-vista-statements .row-vista-statements-field-title a:hover,
  .view-custom-search .views-row .views-field-title .field-content a:hover,
  .row-event .institution-title a:hover,
  .archived-project-title a:hover,
  .field--type-link a:hover, .attachment-template h1 a:hover,
  .view-id-organization_map .views-row:hover .views-field-title a,
  .node--type-project #resources .view-display-id-resources_publications .view-content>div .col-md-8 a:hover,
  .node--type-organization div.resource a:hover,
  .node--type-statement .field--name-field-ref-file-language .field__item:hover +.field--name-field-fl-language,
  .project .institution-title a:hover,
  .project-size-large .project-title a:hover, .project-size-medium .project-title a:hover,
  .path-frontpage .news .slick-slide .views-field-title a:hover,
  .node--type-person .file a:hover:before,
  .field--type-file:hover+.field--name-field-fl-language,
  .row-vista-statements .row-vista-statements-field-title a:hover,
  .node--type-project .resources .view-display-id-resources_publications .view-content>div .col-8 a:hover,
  .node--type-project .publications .slick-slide a:hover,
  .site-footer__top li a:hover,
  .node--type-page .view-e-bulletin .views-row .title:hover,
  .node--type-person .activities .views-row .field-content a:hover,
  .field--name-field-related-project .node__title .field--name-title:hover,
  .node--type-page .view-e-bulletin .views-row .title:hover .occupation-box a:hover,
  .publication .publication-title a:hover,
  .mini-home .news .box a:hover,
  .event-small .box.body a:hover,
  .endorers .field--name-title:hover,
  .node--type-publication .node--type-organization .field--name-title:hover,
  .node--type-publication .field--type-entity-reference.field--name-field-publication-institutes .field__item .node__content span:hover,
  body .content-announcing-institution a:hover,
  .node--type-project #resources .view-content>.resource a:hover,
  .field--type-link a:hover,
  .file a:hover,
  .attachment-template h1:hover,
  .project.carousel-project .box a:hover,
  .carousel .publication .publication-title a:hover,
  .node--type-project .updates .views-row a:hover,
  .program .right a:hover,
  .aside .node__title .field--name-title:hover,
  .row-event .event-title:hover a,
  .row-vista-news .row-vista-news-field-title:hover a {
    color: var(--green);
    transition: 0.3s ease;
  }


  /*light green color hover*/
  body:not(.node--type-person) article.node--type-person .node__title a span:hover {
    color: #a2c188;
    transition: 0.3s ease;
  }

  .newsletter-box .button.subscribe:hover,
  a.button:hover {
    color: #fff;
    background-color: #a2c188;
    transition: 0.3s ease;
  }

  #map {
    position: absolute;
    top: 1000px;
    bottom: 0;
    width: 800px;
    height: 800px;
  }

  .node__content {
    position: relative;
  }


  /* GALLERY */
  .field--name-field-common-gallery {
    background: #212330;
    position: relative;
    z-index: 2;
    padding: 4rem 0;
  }

  .field--name-field-common-gallery:after {
    content: "";
    position: absolute;
    width: 310%;
    top: 0;
    left: -100%;
    height: 100%;
    background: #212330;
    z-index: -1;
  }

  .field--name-field-common-gallery:before {
    content: "";
    position: absolute;
    width: 160vw;
    top: 0;
    left: -40%;
    height: 100%;
    background: url(../assets/bg-waves-gallery.png) repeat-y;
    z-index: 0;
    background-size: cover;
    background-position: center;
  }

  .views-field-field-gallery-description {
    margin-bottom: 1rem;
  }

  .field--name-field-common-gallery .views-field-field-gallery-title {
    font-family: "Merriweather";
    color: #fff;
    font-size: 1.5rem;
  }

  .field--name-field-common-gallery .views-field-field-gallery-description p{
    font-family: "Ubuntu";
    color: #a6a7ac;
    font-size: var(--normal-font-size);
  }

  .views-field-field-gallery-image .slick-slide {
    float: none;
  }

  .view-gallery-formatter .item {
    flex-basis: calc( 25% - 6px);
    overflow: hidden;
    height: 185px;
    margin: 4px;
    transition: 0.2s ease;
  }
  .view-gallery-formatter .item:hover {
    opacity: 0.6;
    transition: 0.2s ease;
  }

  .view-gallery-formatter .item a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
  }

  .view-gallery-formatter .item a img {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
  }

  .view-gallery-formatter .item:nth-child(4n) {
    margin-right: 0px;
  }

  .view-gallery-formatter .item:nth-child(4n+1) {
    margin-left: 0px;
  }

  .view-gallery-formatter .field-content {
    display: flex;
    flex-wrap: wrap;
  }




  /*SOCIAL SHARE*/
  .social-buttons-links ul li{
    list-style: none;
    display: inline-block;
  }

  .social-buttons {
    text-align: none;
  }

  .social-buttons .twitter a::after {
    display: none;
  }

  .page-node-51698 .view-publications {
    margin-top: 90px;
  }


  /*SECRETARIAT*/
  .page-node-51688 .field--name-field-page-roster .paragraph--type--roster .field--name-field-par-roster-description p {
    display: inline-block;
    width: 49%;
    margin-bottom: 4rem;
    vertical-align: top;
  }

  @media (max-width: 900px) {
    .page-node-51688 .field--name-field-page-roster .paragraph--type--roster .field--name-field-par-roster-description p {
      width: 80%;
      margin-top: 2rem;
      display: block;
    }
  }

  /* COOKIE BANNER */
  div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background: var(--green);
    padding: 0.51rem 0;
  }

  .eu-cookie-compliance-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .sliding-popup-bottom h2{
    margin: 0;
    font-family: "Merriweather";
    font-size: var(--large-font-size);
    font-weight: 600;
  }

  .eu-cookie-compliance-message p {
    font-size: 12px;
    display: inline;
    margin: 0;
    font-family: Ubuntu;
    font-weight: 400;
    font-size: var(--small-font-size);
  }

  .eu-cookie-compliance-message button {
    font-family: Ubuntu;
  }

  .sliding-popup-bottom .eu-cookie-compliance-secondary-button {
    background-image: none;
    background: #fff;
    border: 0px;
    border-radius: 5px;
    padding: 0.8rem 2.3em;
    color: #333;
    font-family: Ubuntu;
    font-weight: 700;
  }

  .sliding-popup-bottom .eu-cookie-compliance-secondary-button:hover {
    color: var(--green);
  }

  .eu-cookie-compliance-buttons {
    display: flex;
    flex-direction: row-reverse;
  }

  .sliding-popup-bottom .eu-cookie-compliance-default-button {
    background: transparent;
    border: 0px;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    font-weight: 100;
    transition: 0.3s;
  }

  .sliding-popup-bottom .eu-cookie-compliance-default-button:hover {
    opacity: 0.8;
    transition: 0.3s;
  }

  /* CUSTOM STYLE PER TITOLO IN RESOURCES DEL PROGETTO SDG */
  .page-node-49792 .view-display-id-resources_sdg p{
    line-height: 1.5rem;
    margin-top: 1rem;
  }


  img.landscape {
    width: auto !important;
    height: 100% !important;
  }

  img.portrait {
    width: 100% !important;
    height: auto !important;
  }



  @media (max-width: 992px) {
    .container {
      max-width: 920px;
    }
  }

  @media (max-width:768px) {
    img.mobile {
      display: block;
    }
    img.desktop {
      display: none;
    }

    .see-all {
      font-size: var(--medium-font-size);
    }

    .main-content {
      padding: 0 15px;
    }

    .page-node-51750 .main-content {
      padding: 0;
    }
    .node-51750 {
      padding: 0 15px;
    }

    .node--type-organization  .main-content {
      padding: 0;
    }

    .objective-box.cap,
    .objective-box.sci,
    .objective-box.edu,
    .objective-box.net,
    .objective-box {
      background: #fff;
    }

    .objective-box {
      padding: 31px 30px 30px 30px;
    }

    .objective-box h1 {
      margin-bottom: 2rem;
    }

    .objective-box p {
      width: 100%;
    }

    .agriculture_food_security,
    .biotechnology_biosecurity,
    .energy,
    .environment_climate,
    .health,
    .policy_for_science,
    .sustainable_development_goals,
    .other {
      font-size: 0.9rem;
    }



  }

  @media (max-width:576px) {

    body .container .container {
      padding-left: 0;
      padding-right: 0;
    }

    .agriculture_food_security,
    .biotechnology_biosecurity,
    .energy,
    .environment_climate,
    .health,
    .policy_for_science,
    .sustainable_development_goals,
    .other {
      width: 99px;
      font-size: 0;
    }

    .topic-big .field__item:before {
      left: -25px;
    }

    /*PAGINATION*/
    .pagination  {
      DISPLAY: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      flex-direction: row;
    }

    .pagination .page-item a {
      padding: .5rem .5rem;
    }

    /*objectives*/
    .objective-box.cap,
    .objective-box.sci,
    .objective-box.edu,
    .objective-box.net,
    .objective-box {
      background: #fff;
      padding: 37px 23px 28px 23px;
    }

    .objective-box {
      margin-bottom: 22px;
    }

    .objective-box h1 {
      margin-bottom: 1rem;
      font-size: 2rem;
      line-height: 2.5rem;
      width:100%;
    }

    .objective-box p {
      width: 100%;
      line-height: 2rem;
      font-size: var(--large-font-size);
    }

    .read-more {
      font-size: var(--medium-font-size);
    }

    blockquote {
      margin: 0 0px 1rem 15px;
    }

    blockquote p {
      padding: 33px 29px 32px 56px;
    }

    blockquote p:before {
      left: -25px;
      top: 33px;
      transform: scale(0.8);
    }
  }

  .node--type-event .field--name-field-common-par-roster .field__item .field__items .view-organization-by-person{
    display: none;
  }



  /*
  SCREENSHOT MAP
  .agregate-marker-rn,
  .intro--network,
  header{
    display: none !important;
  }

  .mapboxgl-canvas {
    width: 100% !important;
  }
  #map {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
*/

body.node--type-page.page-node-51688 .field--name-field-par-roster-role-person .field--name-field-par-role-pers-role  {
  position: relative;
  left: 99px;
  max-width: 180px;
  top: 25px;
  margin-top: -19px;
}

@media (min-width:576px){
  body.node--type-page.page-node-51688 .field--name-field-par-roster-role-person .field--name-field-par-role-pers-role  {
    max-width: 100%;
  }
}