.page-article .region-menu-desktop nav.menu--main ul.main-menu.menu > li:last-child > a {
  color: #0073ae !important;
}

/*filtri*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes>div {
  display: inline-block;
  float: none;
  display: inline-block;
  margin: 0px 5px 9px 0px;
}

.block-views-blockarticles-block-1 .view-articles .form-checkboxes label {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
}

/*Announcements*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-549 label {
  color: #A6B96F;
  border-color: #A6B96F;
}

/*Events*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-375 label {
  color: #0073AE;
  border-color: #0073AE;
}

/*Features*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-551 label {
  color: #CCB207;
  border-color: #CCB207;
}

/*Interviews*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-550 label {
  color: #E47243;
  border-color: #E47243;
}

/*Press release*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-552 label {
  color: #9E6FB9;
  border-color: #9E6FB9;
}

/*Twas in action*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-537 label {
  color: #3FA7D1;
  border-color: #3FA7D1;
}

/*Announcements*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-549 input:checked+label {
  background-color: #A6B96F;
  color: #fff;
}

/*Events*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-375 input:checked+label {
  background-color: #0073AE;
  color: #fff;
}

/*Features*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-551 input:checked+label {
  background-color: #CCB207;
  color: #fff;
}

/*Interviews*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-550 input:checked+label {
  background-color: #E47243;
  color: #fff;
}

/*Press release*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-552 input:checked+label {
  background-color: #9E6FB9;
  color: #fff;
}

/*Twas in action*/
.block-views-blockarticles-block-1 .view-articles .form-checkboxes .form-item-category-537 input:checked+label {
  background-color: #3FA7D1;
  color: #fff;
}

.block-views-blockarticles-block-1 .view-articles .form-checkboxes input {
  display: none;
}


/*news card*/
.page-article .region.region-page-title {
  display: none;
}


.block-views-blockarticles-block-2 h2,
.block-views-blockarticles-block-3 h2,
.block-views-blockarticles-block-4 h2 {
  font-size: 26px;
  font-weight: 700;
  color: var(--main_color);
  margin: 4rem 0 1rem 0;
}

/* NEWS CARD IN VIEW and TOP OF DETAIL PAGE */
.view-taxonomy-term article.node--type-article {
  margin: 1rem 0 0rem 0;
}

.page-article .embedded-card,
.view-taxonomy-term .node--type-article.node--view-mode-teaser,
.view-articles .views-row {
  padding: 16px 1rem 16px 20px;
  margin: 1rem 0 0rem 0;
  border-left: 1px solid #ccc;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-article .embedded-card {
  margin: 0 0 2rem 0;
  padding: 1rem 1rem 1rem 3rem;
  min-height: unset;
  display: block;
}

.page-article .embedded-card:first-child,
.view-articles .views-row:first-child {
  margin-top: 0;
}

.page-article article.node--type-article .embedded-card {
  border: 0px;
  padding-left: 0px;
}

.page-article article.node--type-article .embedded-card>.metadata-container {
  padding-bottom: 0;
}

.page-article article.node--type-article .metadata-container {
  display: flex;
  flex-direction: column;
}

.page-article article.node--type-article .metadata-container .field--name-field-ref-article-types {
  display: flex;
  margin: 10px 0px;
  flex-wrap: wrap;
}

.page-article article.node--type-article .metadata-container .field--name-field-date {
  display: flex;
  margin-right: 20px;
  align-items: center;
}

.page-article article.node--type-article .metadata-container .field--name-field-ref-article-types .field__item {
  margin-bottom: 6px;
}

.page-article article.node--type-article .metadata-container .field--name-field-ref-article-types .field__item a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  padding: 6px 12px;
  margin-right: 8px;
  pointer-events: none;
  display: block;
  white-space: nowrap;
}

.view-taxonomy-term .views-row:nth-child(2n) article.node--type-article,
.view-articles .views-row:nth-child(2n) {
  background-color: #F9F9F9;
}

.view-taxonomy-term .node--type-article.node--view-mode-teaser .field--name-field-ref-article-types,
.page-article .embedded-card .field--name-field-ref-article-types,
.view-articles .views-row .views-field-field-ref-article-types {
  font-size: 12px;
  display: block;
  text-decoration: none;
  color: var(--link);
  margin-bottom: .25rem;
}

.view-taxonomy-term .node--type-article.node--view-mode-teaser .field--name-field-date,
.page-article .embedded-card .field--name-field-date,
.view-articles .views-row .views-field-field-date {
  margin-bottom: .25rem;
}

.view-taxonomy-term .node--type-article.node--view-mode-teaser .views-field-title a,
.view-articles .views-row .views-field-title a {
  display: block;
  font-size: 20px;
  font-weight: 400;
  color: #666;
  text-decoration: none;
  margin-bottom: 8px;
  position: relative;
}

.view-articles .views-row .views-field-title a:hover {
  color: var(--main_color);
  transition: 0.3s ease;
}

.view-taxonomy-term article.node--type-article .field--name-field-ref-article-types {
  display: none !important;
}

.view-taxonomy-term article.node--type-article .views-field-title a:before,
.view-articles:not(.view-display-id-block_5) .views-row .views-field-title a:before {
  content: "";
  display: block;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #555555;
  width: 9px;
  height: 9px;
  border-radius: 20px;
}

.page-article .embedded-card h1 {
  font-weight: 700;
  margin-top: 0;
}

/* preview text for cards -- subtitle text for detail page */
.view-taxonomy-term .node--type-article.node--view-mode-teaser .field--name-field-preview-text,
.view-articles .views-row .views-field-field-preview-text {
  font-size: 13px;
  margin-bottom: 1rem;
}

.view-articles .views-row .views-field-field-preview-text {
  color: #A1A1A1;
}

.page-article .embedded-card .field--name-field-subtitle {
  font-weight: 300;
  font-size: 20px;
  color: #999;
  margin-bottom: 0;
  line-height: 1.5em;
}

.view-taxonomy-term .node--type-article.node--view-mode-teaser .views-field-view-node a,
.view-articles .views-row .views-field-view-node a {
  color: var(--main_color);
  display: block;
  text-decoration: none;
  font-size: 14px;
}


/* PHOTO GALLERY */



/* TAGS FIELD */
.page-article .field--name-field-ref-tags .field__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.page-article .field--name-field-ref-tags .field__items .field__item {
  width: fit-content;
}

.page-article .field--name-field-ref-tags .field__items .field__item a {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  padding: .5rem 1rem;
  margin: 0 .5rem .5rem 0;
  background-color: var(--main_color);
  display: block;
}

.page-article .field--name-field-ref-tags .field__items .field__item a:hover {
  background-color: #eee;
  color: var(--main_color);
}

/*category*/
.view-articles .views-row .views-field-field-ref-article-types a,
.view-articles .views-row .field--name-field-ref-article-types a,
.view-articles .views-row .views-field-field-ref-article-types a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 10px;
  margin-right: 8px;
  pointer-events: none;
}

/*Announcements*/
article.node--type-article .metadata-container .field__item a[href="/taxonomy/term/549"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/549"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/549"] {
  color: #A6B96F;
  background-color: #a6b96f37;
}

/*Events*/
article.node--type-article .metadata-container .field__item a[href="/taxonomy/term/375"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/375"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/375"] {
  color: #0073AE;
  background-color: #0074ae32;
}

/*Features*/
article.node--type-article .metadata-container .field__item a[href="/taxonomy/term/551"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/551"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/551"] {
  color: #CCB207;
  background-color: #ccb20737;
}

/*Interviews*/
article.node--type-article .metadata-container .field__item a[href="/taxonomy/term/550"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/550"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/550"] {
  color: #E47243;
  background-color: #e4734330;
}

/*Press release*/
article.node--type-article .metadata-container .field__item a[href="/taxonomy/term/552"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/552"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/552"] {
  color: #9E6FB9;
  background-color: #9e6fb93d;
}

/*Twas in action*/
article.node--type-article .metadata-container .field__item a[href="/taxonomy/term/537"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/537"],
.view-articles .views-row .views-field-field-ref-article-types a[href="/taxonomy/term/537"] {
  color: #3FA7D1;
  background-color: #3fa8d13a;
}



@media (min-width: 1024px) {

  .page-article .embedded-card,
  .view-taxonomy-term .node--type-article.node--view-mode-teaser,
  .view-articles .views-row {
    padding: 1rem 26px 1rem 22px;
  }

  .view-articles:not(.view-display-id-block_5) .views-row .views-field-title a:before {
    left: -27px;
  }

  .view-articles .views-row .views-field-field-date {
    font-size: 13px;
    margin-bottom: .5rem;
  }

  .view-articles .views-row .views-field-title a {
    line-height: 1.35em;
  }

}

@media (min-width: 1280px) {

  .view-taxonomy-term .node--type-article.node--view-mode-teaser,
  .view-articles .views-row {
    padding: 1rem 296px 1rem 32px;
  }

  .view-articles:not(.view-display-id-block_5) .views-row .views-field-title a:before {
    left: -37px;
  }

  .view-articles .views-row .views-field-title a {
    font-size: 25px;
    margin-bottom: 7px;
  }

  .view-articles .views-row .views-field-field-preview-text {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 18px;
  }

  .view-articles .views-row .views-field-view-node a {
    margin-top: 14px;
  }

}


/*FILTRI*/
@media (min-width: 1024px) {
  .view-articles.view-display-id-block_1 .view-filters div.form-type-checkbox {
    margin-right: 10px;
  }

  .view-articles.view-display-id-block_1 .view-filters.open .views-exposed-form .form-item-search {
    margin-bottom: 20px;
  }
}

.page-article article.node--type-article .metadata-container .field--name-field-date {
  margin-top: 10px;
}

@media (min-width:1024px) and (max-width:1400px) {
  .page-article article.node--type-article .metadata-container .field--name-field-date {
    margin-top: 40px;
  }
}


/* nascondo icona rss in fondo news by tag (cliccando un tag)*/
.view-taxonomy-term .feed-icons {
  display: none;
}


/*
sdg e pople involved, metadati news di directry
*/

.page-article .metadata-YAS-in-action {
  margin-top: -20px;
}

.page-article .metadata-YAS-in-action .field__label {
  font-size: 0;
  margin-bottom: 0;
}

.page-article .metadata-YAS-in-action .field--name-field-main-sdg .field__item {
  font-size: 0;
  width: 31px;
  max-width: 30px;
  aspect-ratio: 1;
  margin-bottom: 0.5rem;
  position: relative;
  background-color: #ccc;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}


.page-article .metadata-YAS-in-action .no_poverty .field__item {
  background-image: url(../../images/01.png);
}

.page-article .metadata-YAS-in-action .zero_hunger .field__item {
  background-image: url(../../images/02.png);
}

.page-article .metadata-YAS-in-action .good_health .field__item {
  background-image: url(../../images/03.png);
}

.page-article .metadata-YAS-in-action .quality_edu .field__item {
  background-image: url(../../images/04.png);
}

.page-article .metadata-YAS-in-action .gender_equality .field__item {
  background-image: url(../../images/05.png);
}

.page-article .metadata-YAS-in-action .clean_water .field__item {
  background-image: url(../../images/06.png);
}

.page-article .metadata-YAS-in-action .clean_energy .field__item {
  background-image: url(../../images/07.png);
}

.page-article .metadata-YAS-in-action .work_economic .field__item {
  background-image: url(../../images/08.png);
}

.page-article .metadata-YAS-in-action .innovation .field__item {
  background-image: url(../../images/09.png);
}

.page-article .metadata-YAS-in-action .reduced_inequality .field__item {
  background-image: url(../../images/10.png);
}

.page-article .metadata-YAS-in-action .sustainable_cities .field__item {
  background-image: url(../../images/11.png);
}

.page-article .metadata-YAS-in-action .responsible_consumption .field__item {
  background-image: url(../../images/12.png);
}

.page-article .metadata-YAS-in-action .climate_action .field__item {
  background-image: url(../../images/13.png);
}

.page-article .metadata-YAS-in-action .below_water .field__item {
  background-image: url(../../images/14.png);
}

.page-article .metadata-YAS-in-action .life_land .field__item {
  background-image: url(../../images/15.png);
}

.page-article .metadata-YAS-in-action .strong_institutions .field__item {
  background-image: url(../../images/16.png);
}

.page-article .metadata-YAS-in-action .partnerships .field__item {
  background-image: url(../../images/17.png);
}

.page-article .metadata-YAS-in-action .field__item:after {
  position: absolute;
  display: none;
  text-transform: capitalize;
  color: #333;
  font-size: 12px;
  background-color: #ffffff;
  padding: 5px 6px;
  z-index: 1;
  min-width: 120px;
  top: -9px;
  left: 40px;
  box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 18%);
  text-align: center;
  width: auto;
}

.page-article .metadata-YAS-in-action .field__item:hover:after {
  display: block;
}

.page-article .metadata-YAS-in-action .no_poverty .field__item:after {
  content: "1. No poverty";
}

.page-article .metadata-YAS-in-action .zero_hunger .field__item:after {
  content: "2. Zero hunger";
}

.page-article .metadata-YAS-in-action .good_health .field__item:after {
  content: "3. Good health and well-being";
}

.page-article .metadata-YAS-in-action .quality_edu .field__item:after {
  content: "4. Quality education";
}

.page-article .metadata-YAS-in-action .gender_equality .field__item:after {
  content: "5. Gender equality";
}

.page-article .metadata-YAS-in-action .clean_water .field__item:after {
  content: "6. Clean water and sanitation";
}

.page-article .metadata-YAS-in-action .clean_energy .field__item:after {
  content: "7. Affordable and clean energy";
}

.page-article .metadata-YAS-in-action .work_economic .field__item:after {
  content: "8. Decent work and economic growth";
}

.page-article .metadata-YAS-in-action .innovation .field__item:after {
  content: "9. Industry, innovation and infrastructure";
}

.page-article .metadata-YAS-in-action .reduced_inequality .field__item:after {
  content: "10. Reduced inequality";
}

.page-article .metadata-YAS-in-action .sustainable_cities .field__item:after {
  content: "11. Sustainable cities and communities";
}

.page-article .metadata-YAS-in-action .responsible_consumption .field__item:after {
  content: "12. Responsible consumption and production";
}

.page-article .metadata-YAS-in-action .climate_action .field__item:after {
  content: "13. Climate action";
}

.page-article .metadata-YAS-in-action .below_water .field__item:after {
  content: "14. Life below water";
}

.page-article .metadata-YAS-in-action .life_land .field__item:after {
  content: "15. Life on land";
}

.page-article .metadata-YAS-in-action .strong_institutions .field__item:after {
  content: "16. Peace, justice and strong institutions";
}

.page-article .metadata-YAS-in-action .partnerships .field__item:after {
  content: "17. Partnerships for the goals";
}


/* .page-article .metadata-YAS-in-action article >* {
  display: none;
} */

.page-article .metadata-YAS-in-action article h2 {
  margin-top: -5px;
  color: #0073ae;
  font-size: 13px;
  display: block;
}

.page-article .metadata-YAS-in-action article h2 a {
  color: #0073ae;
}

.page-article .metadata-YAS-in-action>div {
  margin-bottom: 22px;
}

.page-article .metadata-YAS-in-action>div:first-child {
  margin-bottom: 22px;
}

.page-article .metadata-YAS-in-action p {
  font-size: 13px;
  margin-top: -8px;
}

.page-article .metadata-YAS-in-action .field--name-field-ref-fellow-young-affiliate .field__label::before {
  content: "People involved:";
  font-size: 13px;
  color: #333;
}

.page-article .metadata-YAS-in-action .sdg-custom .field__label::before {
  content: "Main SDG:";
  font-size: 13px;
  color: #333;
}

@media (min-width:1024px) {
  .page-article .metadata-YAS-in-action {
    display: flex;
    margin-bottom: -30px;
  }

  .page-article .metadata-YAS-in-action>div:first-child {
    margin-right: 10px;
    min-width: 110px;
  }

  .page-article .metadata-YAS-in-action p {
    margin-top: -10px;
  }
}
