/*HEADER POSITION*/
.node--type-statement article>.header,
.node--type-event article>.header,
.node--type-news article>.header,
.node--type-project article>.header {
  margin-top: 90px;
}

/*top bottom layout */
.node--type-statement #main-wrapper,
.node--type-news #main-wrapper,
.node--type-event #main-wrapper{
  padding: 0px 0px 90px 0px;
}

.node--type-publication #main-wrapper,
.node--type-project #main-wrapper {
  padding: 0px;
}

.page-node-51750 #main-wrapper {
  padding: 0px;
}

/*bulletin*/
.page-node-51705 #main-wrapper {
  padding-bottom: 0;
}

#main-wrapper {
  padding: 160px 0px 90px 0px;
}
.page-node-50248 #main-wrapper {
  padding: 160px 0px 0px 0px;
}
.node--type-organization #main-wrapper {
  padding: 160px 0px 0px 0px;
}



/*overflow per nascondere before after carousel*/
#main-wrapper {
  overflow: hidden;
}
.page-node-51750 #main-wrapper {
  overflow: auto;
}

/*.path-network, conflitto in capacity b*/
.path-activities #main-wrapper,
.path-education #main-wrapper {
  padding: 130px 0px 90px 0px;
}

.path-science-advice #main-wrapper {
  padding: 160px 0px 90px 0px;
}

/*objective page*/
.page-node-51685 #main-wrapper {
  background: url(../pattern-bg.png);
}





/*
template page per singolo evento, singola news
*/
.bg-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row-reverse;
}

.node--type-statement .bg-header:before,
.node--type-news .bg-header:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  display: flex;
  background: url(../assets/waaves-bg-large.png) center;
  background-size: cover;
  z-index: 3;
}

.node--type-statement article>.header,
.node--type-news article>.header {
  padding: 90px 0px 90px 0px;
  position: relative;
  background: #212330;
}

.bg-header span {
  display: inline-block;
  height: 100%;
  position: relative;
  opacity: 0.8;
}

.bg-header span:before {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  background: linear-gradient(90deg, rgba(33,35,48,1.0), rgba(33,35,48,0.41) 25%);
}

.bg-header img {
  width: auto;
  height: 100%;
  float: right;
}

article>.header {
  padding: 70px 0px;
  position: relative;
  background: #212330 url(../assets/waaves-bg-large.png) center;
  background-size: cover;
}

article .header .subheading {
  text-transform: capitalize;
  color: #fff;
  font-size: var(--regular-font-size);
  font-family: 'playfair display';
  margin-bottom: 34px;
  position: relative;
  z-index: 2;
}

.node--type-person .subheading:after,
article .header .subheading:after {
  content: "";
  background: var(--green);
  width: 70px;
  height: 3px;
  position: absolute;
  bottom: -16px;
  left: 0;
}

article header .news__date,
article header .date {
  color: var(--green);
  font-size: var(--large-font-size);
  margin-bottom: 15px;
  z-index: 1;
  position: relative;
  font-family: 'merriweather';
  font-weight: 700;
}

article .header .node__title {
  z-index: 1;
  max-width: 80%;
  line-height: 1;
  position: relative;
}

.node--type-project .topic-big {
  position: absolute;
  left: 0;
  bottom: -42px;
  display: flex;
  flex-direction: row-reverse;
}

.topic-big {
  position: absolute;
}

.topic-big .field--name-field-common-topic {
  display: inline-flex;
  z-index: 9;
}

.topic-big .field__item:before {
  content: "";
  display: block;
  top: -130px;
  position: absolute;
  left: 50%;
  width: 130px;
  height: 130px;
  background-size: 130px 130px;
  transform: translatex(-50%) scale(0.8);
  transform-origin: center;
}

.topic-big .other:before {
  background-image: url(../assets/topic/oth.png);
}

.topic-big .agriculture_food_security:before {
  background-image: url(../assets/topic/agr.png);
}

.topic-big .biotechnology_biosecurity:before {
  background-image: url(../assets/topic/bio.png);
}

.topic-big .energy:before {
  background-image: url(../assets/topic/ene.png);
}

.topic-big .environment_climate:before {
  background-image: url(../assets/topic/env.png);
}

.topic-big .health:before {
  background-image: url(../assets/topic/hea.png);
}

.topic-big .policy_for_science:before {
  background-image: url(../assets/topic/pol.png);
}


.topic-big .sustainable_development_goals:before {
  background-image: url(../assets/topic/sdg.png);
}

article .header .node__title span {
  color: #fff;
  line-height: 1.2;
  font-size: 2.8125rem;
  font-family: 'merriweather';
  font-weight: 700;
  padding: 0;
  font-style: normal;
  display: block;
}

article .aside {
  padding-left: 45px;
  border-left: 1px solid #e1e1e1;
}

article .aside .node__title a span {
  color: var(--darkGrey);
  font-size: var(--small-font-size);
  font-family: 'merriweather';
  font-weight: 700;
}

article .aside .field--name-field-organization-logo img {
  max-height: 70px;
  width: auto;
}

article .aside .node--view-mode-teaser {
  border: 0;
}

.aside .organization {
  margin-bottom: 50px;
}

.aside .events__partners .field__items>.field__item,
.aside .sponsor>.field--name-field-project-sponsor>.field__items>.field__item {
  margin-bottom: 40px;
}

.aside .news__organization {
  margin-bottom: 40px;
}

article .aside .news__organization .header span {
  font-family: merriweather;
  font-style: italic;
  display: block;
  line-height: 1.4;
  color: var(--darkGrey);
  font-size: var(--normal-font-size);
}

.field--name-field-news-subtitle {
  margin-bottom: 30px;
  z-index: 1;
  position: relative;
  padding: 0;
}

article .aside .node__title {
  line-height: 16px;
  padding: 0;
  z-index: 1;
  position: relative;
}

.aside .node--view-mode-teaser .node__content {
  padding: 0;
}



.project__tabs .main,
article .main {
  padding-right: 50px;
}



.project__tabs .main h3 {
  margin-bottom: 22px;
}


.node--type-person .main,
.node--type-person .aside{
  margin-top: 100px;
  padding-bottom: 100px;
}

.node--type-event .section .node__content .aside,
.node--type-event .section .node__content .main {
  margin-top: 40px
}

.node--type-news .section .node__content .aside,
.node--type-news .section .node__content .main {
  margin-top: 70px
}

.node--type-statement .section .node__content .aside,
.node--type-statement .section .node__content .main {
  margin-top: 58px;
}

.node--type-project .section .aside {
  margin-top: 110px;

}



.node--type-statement .aside::before,
.node--type-news .aside::before {
  content: "";
  background: #e1e1e1;
  width: 1px;
  height: 110px;
  position: absolute;
  top: -80px;
  left: -1px;
}

.node--type-project .aside::before {
  content: "";
  background: #e1e1e1;
  width: 1px;
  height: 140px;
  position: absolute;
  top: -110px;
  left: -1px;
}



.node--type-statement .aside .field--name-field-ref-organization article {
  margin-bottom: 30px;

}

.node--type-statement .aside .field--name-field-ref-organization article h2 {
  padding-top: 4px;
}

.node__content .main {
  padding-right: 80px;
}


.project__tabs .aside,
.node__content .aside {
  padding-left: 30px;
  border-left: 1px solid #e1e1e1;
}

.field--name-field-page-roster {
  margin-top: 40px;
}

/*
pagine base tipo about us
*/

.social-buttons-title {
  margin-bottom: 0px;
}
.field--name-field-subtitle {
  margin-bottom: 50px;
}

.social-buttons .links{
  padding: 0;
  display: flex;
  margin: 0;
}

.social-buttons .links ul li{
  margin-right: 4px;
}

.social-buttons{
  height: 41px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0px 0px 31px 0px;
}

.social-buttons li{
  height: 34px;
}

.social-buttons i {
  display: none;
}

.social-buttons-links a {
  position: relative;
  z-index: 1000;
}

.social-buttons-links .linkedin a,
.social-buttons-links .twitter a,
.social-buttons-links .facebook a {
  width: 44px;
  padding: 0;
  height: 34px;
  margin-right: 3px;
  background-color: transparent;
}

.social-buttons-links .facebook a:before{
  background-position: -323px -255px;
}

.social-buttons-links .facebook a:hover:before{
  background-position:-323px -351px;
}

.social-buttons-links .twitter a:before {
  background-position: -220px -259px;
}

.social-buttons-links .twitter a:hover:before {
  background-position: -220px -351px;
}

.social-buttons-links .linkedin a:before {
  background-position: -521px -254px;
}

.social-buttons-links .linkedin a:hover:before {
  background-position: -521px -351px;
}

.social-buttons ul li a:before{
  content: "";
  display: block;
  width: 91px;
  height: 86px;
  position: relative;
  display: inline-block;
  transform: scale(0.4);
  transform-origin: left top;
  background: url(../spritesheet.png);
}



/*PAGINATORE*/
.pagination {
  justify-content: center;
}


@media (max-width: 1200px) {
  .node--type-statement .bg-header span:before,
  .node--type-news .bg-header span:before {
    background: linear-gradient(90deg, #212330, #212330cc 96%);
    z-index: 1;
  }

  .node--type-statement .topic-big,
  .node--type-news .topic-big {
    z-index: 1;
  }
}

@media (max-width:992px) {
  .node--type-statement article>.header,
  .node--type-event article>.header,
  .node--type-news article>.header,
  .node--type-project article>.header {
    margin-top: 10px;
  }

  article .header .node__title {
    max-width: 100%;
  }

  .project__tabs .main,
  article .main {
    padding-right: 15px;
  }

  .node__content .main {
    padding-right: 15px;
  }

  .project__tabs .aside,
  .node__content .aside {
    padding-left: 0px;
    border-left: 0px solid #e1e1e1;
  }

  .agriculture_food_security,
  .biotechnology_biosecurity,
  .energy,
  .environment_climate,
  .health,
  .policy_for_science,
  .sustainable_development_goals,
  .other {
    padding: 0px 11px;
  }

  .node--type-statement .aside::before,
  .node--type-news .aside::before {
    display: none;
  }

  .node--type-person .aside,
  .node--type-statement .section .node__content .aside,
  .node--type-event .section .node__content .aside,
  .node--type-news .section .node__content .aside {
    margin-top: 50px;
    padding-bottom: 100px;
  }

  .node--type-person .main,
  .node--type-person .aside,
  .node--type-statement .section .node__content .aside,
  .node--type-statement .section .node__content .main,
  .node--type-event .section .node__content .aside,
  .node--type-event .section .node__content .main,
  .node--type-news .section .node__content .aside,
  .node--type-news .section .node__content .main {
    margin-top: 100px;
    padding-bottom: 20px;
  }

  .node--type-person .aside,
  .node--type-statement .section .node__content .aside,
  .node--type-event .section .node__content .aside,
  .node--type-news .section .node__content .aside {
    padding-right: 15px;
    padding-left: 15px;
  }


  .path-education #main-wrapper,
  .path-activities #main-wrapper,
  .path-network,
  .path-science-advice #main-wrapper {
    padding: 80px 0px 0px 0px;
  }

  #main-wrapper {
    overflow-x: hidden;
    padding: 93px 0px 90px 0px;
  }
  .node--type-organization #main-wrapper {
    padding: 90px 0px 0px 0px;
}
}



@media (max-width:768px) {
  article .header .node__title span {
    line-height: 1.4;
    font-size: 2.2rem;
  }

  .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
  }

  article>.header {
    padding: 95px 0px 51px 0px;
  }

  .project__tabs .aside,
  .node__content .aside {
    border-left: 0px solid #e1e1e1;
  }

  .node--type-statement .aside::before,
  .node--type-news .aside::before,
  .node--type-event .node__content .aside::before {
    display: none;
  }

  .project__tabs .aside,
  .node__content .aside {
    padding: 0px;
  }

}

@media (max-width:576px) {

  #main-wrapper {
    padding: 80px 0px 11px 0px;
  }

  .path-network #main-wrapper {
    padding: 0px;
  }

  .path-education #main-wrapper,
  .path-activities #main-wrapper,
  .path-network,
  .path-science-advice #main-wrapper {
    padding: 80px 0px 0px 0px;
  }

  .bg-header img {
    z-index: -1;
    right: 0;
    position: absolute;
  }

  .topic-big .field__item:before {
    transform: translatex(-50%) scale(0.6);
  }


  .bg-header span {
    width: 100%;
    z-index: 0;
  }

  .bg-header span:before {
    background: linear-gradient(90deg, #212330, #2123307d 100%);
  }

  article header .news__date,
  article header .date {
    margin-bottom: 4px;
  }

  .node--type-page header h2 .field--name-title {
    margin-bottom: 0px;
  }

  article>.header {
    padding: 82px 0px 51px 0px;
  }

  .node--type-person .main,
  .node--type-person .aside,
  .node--type-statement .section .node__content .aside,
  .node--type-statement .section .node__content .main,
  .node--type-event .section .node__content .aside,
  .node--type-event .section .node__content .main,
  .node--type-news .section .node__content .aside,
  .node--type-news .section .node__content .main {
    margin-top: 70px;
    padding-bottom: 10px;
  }

  .project__tabs .aside,
  .node__content .aside {
    padding-left: 15px;
  }

  .node--type-statement article>.header,
  .node--type-news article>.header {
    padding: 84px 0px 61px 0px;
  }

  article .header .subheading {
    margin-bottom: 27px;
  }

  article .header .node__title span {
    line-height: 1.3;
    font-size: 2rem;
  }
}