.metadata-container {
  padding-bottom: 6rem;
}

body.page-fellow_young_affiliate {
  background-color: #f5f5f5;
}

body.page-fellow_young_affiliate .region-content {
  max-width: 1000px;
}

.view-members.view-display-id-block_1 .member-popup .field__label,
.view-members.view-display-id-block_6 .member-popup .field__label,
body.page-fellow_young_affiliate div.field__label {
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  color: #666;
  position: relative;
  margin: 1.5rem 0 .25rem 0;
}

/* ----------------------------- GENERAL FIELDS COLORS ------------------------------ */
.email-field a,
.view-members.view-display-id-block_1 .member-popup .file-size,
.view-members.view-display-id-block_6 .member-popup .file-size,
.view-members.view-display-id-block_1 .member-popup .field__item,
.view-members.view-display-id-block_6 .member-popup .field__item,
.view-members.view-display-id-block_1 .member-popup .field__item a,
.view-members.view-display-id-block_6 .member-popup .field__item a,
body.page-fellow_young_affiliate .field__item,
body.page-fellow_young_affiliate .field__item a {
  font-size: 14px;
  font-weight: 400;
  color: var(--fellows);
  text-decoration: none;
}



body.page-fellow_young_affiliate main#main-content .structure .young-affiliates.custom-layout-container .young-affiliates.views-row .field__item,
body.page-fellow_young_affiliate main#main-content .structure .young-affiliates.custom-layout-container .young-affiliates.views-row a,
.young-affiliates.custom-layout-container article.young-affiliates .email-field a,
.young-affiliates.custom-layout-container article.young-affiliates .view-members.view-display-id-block_1 .member-popup .file-size,
.young-affiliates.custom-layout-container article.young-affiliates .view-members.view-display-id-block_6 .member-popup .file-size,
.young-affiliates.custom-layout-container article.young-affiliates .view-members.view-display-id-block_1 .member-popup .field__item,
.young-affiliates.custom-layout-container article.young-affiliates .view-members.view-display-id-block_6 .member-popup .field__item,
.young-affiliates.custom-layout-container article.young-affiliates .view-members.view-display-id-block_1 .member-popup .field__item a,
.young-affiliates.custom-layout-container article.young-affiliates .view-members.view-display-id-block_6 .member-popup .field__item a,
body.page-fellow_young_affiliate .young-affiliates.custom-layout-container article.young-affiliates .field__item,
body.page-fellow_young_affiliate .young-affiliates.custom-layout-container article.young-affiliates .field__item a
body.page-fellow_young_affiliate main#main-content .structure .custom-sidebar-left .young-affiliates.views-row .field__item,
body.page-fellow_young_affiliate main#main-content .structure .custom-sidebar-left .young-affiliates.views-row a,
article.young-affiliates .email-field a,
article.young-affiliates .view-members.view-display-id-block_1 .member-popup .file-size,
article.young-affiliates .view-members.view-display-id-block_6 .member-popup .file-size,
article.young-affiliates .view-members.view-display-id-block_1 .member-popup .field__item,
article.young-affiliates .view-members.view-display-id-block_6 .member-popup .field__item,
article.young-affiliates .view-members.view-display-id-block_1 .member-popup .field__item a,
article.young-affiliates .view-members.view-display-id-block_6 .member-popup .field__item a,
body.page-fellow_young_affiliate article.young-affiliates .field__item,
body.page-fellow_young_affiliate article.young-affiliates .field__item a {
  color: var(--young);
}

body.page-fellow_young_affiliate .field__item {
  line-height: 1.8em;
}

.views-row.young-affiliate .email-field a,
.view-members.view-display-id-block_1 .views-row.young-affiliate .member-popup .file-size,
.view-members.view-display-id-block_6 .views-row.young-affiliate .member-popup .file-size,
.view-members.view-display-id-block_1 .views-row.young-affiliate .member-popup .field__item,
.view-members.view-display-id-block_6 .views-row.young-affiliate .member-popup .field__item,
.view-members.view-display-id-block_1 .views-row.young-affiliate .member-popup .field__item a,
.view-members.view-display-id-block_6 .views-row.young-affiliate .member-popup .field__item a {
  color: var(--young);
}

.view-members.view-display-id-block_1 .views-row .member-popup .file-size,
.view-members.view-display-id-block_6 .views-row .member-popup .file-size {
  opacity: .7;
}


/* ----------------------------------- BIOGRAPHY ------------------------------------- */
.biodata br {
  display: none;
}

.view-members.view-display-id-block_1 .views-row .member-popup .biodata p,
.view-members.view-display-id-block_6 .views-row .member-popup .biodata p,
body.page-fellow_young_affiliate .biodata p,
.view-members.view-display-id-block_1 .views-row .member-popup .biodata .field__item,
.view-members.view-display-id-block_6 .views-row .member-popup .biodata .field__item,
body.page-fellow_young_affiliate .biodata .field__item {
  color: #333;
  font-weight: 300;
  line-height: 1.8em;
}

/* first paragraph margin */
.view-members.view-display-id-block_1 .views-row .member-popup .biodata p:first-child,
.view-members.view-display-id-block_6 .views-row .member-popup .biodata p:first-child,
body.page-fellow_young_affiliate .biodata p:first-child {
  margin-top: 0;
}

/* --------------------------- CATEGORY AND ROLE ------------------------------- */
body.page-fellow_young_affiliate .field--name-field-category,
body.page-fellow_young_affiliate .field--name-field-fellow-young-affiliate,
body.page-fellow_young_affiliate .field--name-field-role {
  margin-top: 1rem;
}

/* ----------------------------- NAME AND SURNAME ------------------------------- */
body.directory-page main#main-content>.container .region.region-content-full h1.fellow-name,
.view-members.view-display-id-block_1 .member-popup .fellow-name,
body.page-fellow_young_affiliate .fellow-name {
  font-size: 28px;
  font-weight: 400;
  margin: 0;
  line-height: 1.2em;
  color: #091d24;
}

.view-members.view-display-id-block_1 .member-popup .fellow-name span,
body.page-fellow_young_affiliate .fellow-name span {
  text-transform: uppercase;
  display: inline-block;
}

/* ------------------------------- PHOTO CREDIT ---------------------------- */
.view-members.view-display-id-block_1 .views-row .member-popup .field__label.photo-credit,
.view-members.view-display-id-block_6 .views-row .member-popup .field__label.photo-credit,
body.page-fellow_young_affiliate div.field__label.photo-credit {
  margin-top: .5rem;
}

article.node--type-fellow-young-affiliate .field--name-field-photo-credit {
  display: flex;
  flex-direction: column;
}

article.node--type-fellow-young-affiliate .field--name-field-photo-credit .field__label {
  margin-right: 8px;
  white-space: nowrap;
}

article.node--type-fellow-young-affiliate .field--name-field-photo-credit .field__item {
  font-style: italic;
}

article.node--type-fellow-young-affiliate .field--name-field-photo-credit * {
  font-size: 12px;
}

/* ------------------------------- POSITION -------------------------------------- */
.view-members.view-display-id-block_1 .member-popup .field__item.field--name-field-current-position,
body.page-fellow_young_affiliate .field__item.field--name-field-current-position {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 1rem;
}

/* --------------------------- BIRTHDAY DATE ---------------------------------- */
.view-members.view-display-id-block_1 .member-popup .birthday,
body.page-fellow_young_affiliate .birthday {
  display: flex;
  flex-direction: row;
}

.view-members.view-display-id-block_1 .member-popup .birthday>*,
body.page-fellow_young_affiliate .birthday>* {
  margin-right: .5rem;
}

/* ------------------------------ SDG ICON AND TOOLTIP -------------------------- */
.view-members.view-display-id-block_1 .member-popup .field_sdg,
.view-members.view-display-id-block_6 .member-popup .field_sdg,
body.page-fellow_young_affiliate .field_sdg {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: flex-start;
}

.view-members.view-display-id-block_1 .member-popup .field_sdg>div,
.view-members.view-display-id-block_6 .member-popup .field_sdg>div,
body.page-fellow_young_affiliate .field_sdg>div {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  background-color: #ccc;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 1px;
}

.view-members.view-display-id-block_1 .member-popup .field_sdg span,
.view-members.view-display-id-block_6 .member-popup .field_sdg span,
body.page-fellow_young_affiliate .field_sdg span {
  position: absolute;
  pointer-events: none;
  top: -3.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  text-align: center;
  padding: .5rem;
  width: 320px;
  opacity: 0;
  background-color: #eee;
  font-weight: 400;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
}

.view-members.view-display-id-block_1 .member-popup .field_sdg>div:hover span,
.view-members.view-display-id-block_6 .member-popup .field_sdg>div:hover span,
body.page-fellow_young_affiliate .field_sdg>div:hover span {
  opacity: 1;
}

.view-members.view-display-id-block_1 .member-popup .field_sdg span::after,
.view-members.view-display-id-block_6 .member-popup .field_sdg span::after,
body.page-fellow_young_affiliate .field_sdg span::after {
  content: '';
  width: 20px;
  height: 10px;
  background-color: #eee;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
  position: absolute;
  display: block;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 50% 100%, 100% 0, 0 0);
}

.view-members.view-display-id-block_1 .member-popup .field_sdg span::before,
.view-members.view-display-id-block_6 .member-popup .field_sdg span::before,
body.page-fellow_young_affiliate .field_sdg span::before {
  content: '';
  width: 20px;
  height: 10px;
  background-color: rgba(0, 0, 0, .2);
  position: absolute;
  display: block;
  bottom: -10px;
  left: calc(50% + 3px);
  transform: translateX(-50%);
  clip-path: polygon(0 0, 50% 100%, 100% 0, 0 0);
}


/* ------------------------------------ MEMBER DETAILS SIDEBAR ------------------------------- */
.view-members.view-display-id-block_1 .member-popup h4,
.view-members.view-display-id-block_6 .member-popup h4,
body.page-fellow_young_affiliate h4 {
  font-weight: 500;
  margin: 1.7rem 0 -1rem 0;
  font-size: 18px;
  color: var(--darkGrey);
}

.view-members.view-display-id-block_1 .member-popup .popup-wrapper article>h2,
.view-members.view-display-id-block_6 .member-popup .popup-wrapper article>h2 {
  display: none;
}

body.page-fellow_young_affiliate main#main-content .structure article>.node__content,
.view-members.view-display-id-block_1 .member-popup .popup-wrapper article>.node__content {
  position: relative;
  /* padding-bottom: 170px; */
  height: 100%;
}

body.page-fellow_young_affiliate main#main-content .structure #block-twas-content,
body.page-fellow_young_affiliate main#main-content .structure article,
body.page-fellow_young_affiliate main#main-content .structure article>.node__content {
  height: 100%;
}



body.page-fellow_young_affiliate main#main-content .structure article>.node__content .container-edit,
.view-members.view-display-id-block_1 .member-popup .popup-wrapper article>.node__content .container-edit {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {

  body.page-fellow_young_affiliate main#main-content .structure article>.node__content .container-edit,
  .view-members.view-display-id-block_1 .member-popup .popup-wrapper article>.node__content .container-edit {
    flex-direction: column;
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {

  body.page-fellow_young_affiliate main#main-content .structure article>.node__content .container-edit,
  .view-members.view-display-id-block_1 .member-popup .popup-wrapper article>.node__content .container-edit {
    position: absolute;
    margin-top: auto;
    margin-bottom: 0;
    bottom: 0;
    right: 0;
  }

  body.page-fellow_young_affiliate main#main-content .structure article>.node__content .container-edit>.buttons,
  .view-members.view-display-id-block_1 .member-popup .popup-wrapper article>.node__content .container-edit>.buttons {
    align-items: baseline;
    flex-direction: row;
    justify-content: flex-end;
    display: flex;
  }

  .metadata-container {
    padding-bottom: 10rem;
  }
}

@media (min-width: 1400px) {
  .email-field a,
  .view-members.view-display-id-block_1 .member-popup .file-size,
  .view-members.view-display-id-block_6 .member-popup .file-size,
  .view-members.view-display-id-block_1 .member-popup .field__item,
  .view-members.view-display-id-block_6 .member-popup .field__item,
  .view-members.view-display-id-block_1 .member-popup .field__item a,
  .view-members.view-display-id-block_6 .member-popup .field__item a,
  body.page-fellow_young_affiliate .field__item,
  body.page-fellow_young_affiliate .field__item a {
    font-size: 16px;
  }
}



.view-members.view-display-id-block_1 .member-popup .field--name-field-image,
.view-members.view-display-id-block_1 .member-popup .views-field.views-field-field-image,
.view-members.view-display-id-block_6 .member-popup .field--name-field-image,
.view-members.view-display-id-block_6 .member-popup .views-field.views-field-field-image,
body.page-fellow_young_affiliate .field--name-field-image,
body.page-fellow_young_affiliate .views-field.views-field-field-image {
  margin-top: 0;
}

.view-members.view-display-id-block_1 .member-popup .mobile .field--name-field-photo-credit,
.view-members.view-display-id-block_6 .member-popup .mobile .field--name-field-photo-credit,
body.page-fellow_young_affiliate .mobile .field--name-field-photo-credit {
  width: fit-content;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  width: 100%;
}

body.page-fellow_young_affiliate .mobile .field--name-field-photo-credit .field__label {
  font-size: 12px;
  margin-top: 10px;
}

body.page-fellow_young_affiliate .mobile .field--name-field-photo-credit .field__item {
  font-size: 12px;
}

.view-members.view-display-id-block_5 .field--name-field-social-contacts {
  margin-top: 1.5rem;
}

.view-members.view-display-id-block_5 .field--name-field-social-contacts .field__item {
  margin-bottom: 10px;
  word-break: break-all;
}

.birth-day-container .box {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.birth-day-container .box .country-birth {
  display: flex;
  flex-direction: row;
  align-items: center;
}


/* links overflow in sidebar */
.view-members.view-display-id-block_1 .member-popup a,
body.page-fellow_young_affiliate a {
  word-break: break-all;
}


/* ------------------------------ FELLOW IMAGE --------------------------------------  */
.view-members.view-display-id-block_1 .member-popup .field--name-field-image img,
.view-members.view-display-id-block_1 .member-popup .views-field-field-image img,
.view-members.view-display-id-block_6 .member-popup .field--name-field-image img,
.view-members.view-display-id-block_6 .member-popup .views-field-field-image img,
body.page-fellow_young_affiliate .field--name-field-image img,
body.page-fellow_young_affiliate .views-field-field-image img {
  width: 100%;
  height: 100%;
  max-width: 180px;
  max-height: 430px;
  object-fit: contain;
  margin: 0 auto;
  margin-left: 0;
  display: block;
  object-position: left top;
}

body.page-fellow_young_affiliate .field--name-field-image img {
  margin: 40px auto 0 0;
}

/* ---------------------- SIDEBAR CONTACT INFO ----------------------- */
.view-members.view-display-id-block_1 .member-popup .phones .field__item,
.view-members.view-display-id-block_1 .member-popup .emails .field__item,
.view-members.view-display-id-block_1 .member-popup .field--name-field-cv span.file,
.view-members.view-display-id-block_1 .member-popup .field--name-field-list-of-publications span.file,
.view-members.view-display-id-block_6 .member-popup .phones .field__item,
.view-members.view-display-id-block_6 .member-popup .emails .field__item,
.view-members.view-display-id-block_6 .member-popup .field--name-field-cv span.file,
.view-members.view-display-id-block_6 .member-popup .field--name-field-list-of-publications span.file,
body.page-fellow_young_affiliate .emails .field__item,
body.page-fellow_young_affiliate .phones .field__item,
body.page-fellow_young_affiliate .field--name-field-cv span.file,
body.page-fellow_young_affiliate .field--name-field-list-of-publications span.file {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: .75rem;
}

.view-members.view-display-id-block_1 .member-popup .emails .field__item,
.view-members.view-display-id-block_6 .member-popup .emails .field__item,
.view-members.view-display-id-block_1 .member-popup .emails .field__item a,
.view-members.view-display-id-block_6 .member-popup .emails .field__item a,
body.page-fellow_young_affiliate .emails .field__item {
  text-decoration: none;
  font-size: 14px;
}

.view-members.view-display-id-block_1 .member-popup .emails a:hover,
.view-members.view-display-id-block_1 .member-popup .field--name-field-list-of-publications a:hover::after,
.view-members.view-display-id-block_1 .member-popup .field--name-field-cv a:hover::after,
.view-members.view-display-id-block_1 .member-popup .field--name-field-links a:hover,
.view-members.view-display-id-block_6 .member-popup .emails a:hover,
.view-members.view-display-id-block_6 .member-popup .field--name-field-list-of-publications a:hover::after,
.view-members.view-display-id-block_6 .member-popup .field--name-field-cv a:hover::after,
.view-members.view-display-id-block_6 .member-popup .field--name-field-links a:hover,
body.page-fellow_young_affiliate .emails a:hover,
body.page-fellow_young_affiliate .field--name-field-list-of-publications a:hover::after,
body.page-fellow_young_affiliate .field--name-field-cv a:hover::after,
body.page-fellow_young_affiliate .field--name-field-links a:hover {
  text-decoration: underline;
  opacity: .7;
}

/* ------------------------ SIDEBAR LIST OF PUBLICATIONS AND CV -------------------------- */
.view-members.view-display-id-block_1 .member-popup .field--name-field-list-of-publications a,
.view-members.view-display-id-block_1 .member-popup .field--name-field-cv a,
.view-members.view-display-id-block_6 .member-popup .field--name-field-list-of-publications a,
.view-members.view-display-id-block_6 .member-popup .field--name-field-cv a,
body.page-fellow_young_affiliate .field--name-field-list-of-publications a,
body.page-fellow_young_affiliate .field--name-field-cv a {
  font-size: 0;
  display: block;
  position: relative;
  width: 100%;
}

.view-members.view-display-id-block_1 .member-popup .field--name-field-cv,
.view-members.view-display-id-block_6 .member-popup .field--name-field-cv,
body.page-fellow_young_affiliate .field--name-field-cv {
  margin: 1.5rem 0 .25rem 0;
}

/* publications icon */
.view-members.view-display-id-block_1 .member-popup .field--name-field-list-of-publications span.file,
.view-members.view-display-id-block_6 .member-popup .field--name-field-list-of-publications span.file,
body.page-fellow_young_affiliate .field--name-field-list-of-publications span.file {
  background-image: url(../../images/icon-cv.svg);
}

/* cv icon */
.view-members.view-display-id-block_1 .member-popup .field--name-field-cv span.file,
.view-members.view-display-id-block_6 .member-popup .field--name-field-cv span.file,
body.page-fellow_young_affiliate .field--name-field-cv span.file {
  background-image: url(../../images/icon-cv.svg);
}

/* cv label */
.view-members.view-display-id-block_1 .member-popup .field--name-field-cv a::after,
.view-members.view-display-id-block_6 .member-popup .field--name-field-cv a::after,
body.page-fellow_young_affiliate .field--name-field-cv a::after {
  content: 'Read CV';
  position: relative;
  font-size: 14px;
  color: var(--fellows);
  font-weight: 500;
}

/* publications label */
.view-members.view-display-id-block_1 .member-popup .field--name-field-list-of-publications a::after,
.view-members.view-display-id-block_6 .member-popup .field--name-field-list-of-publications a::after,
body.page-fellow_young_affiliate .field--name-field-list-of-publications a::after {
  content: 'List of Publications';
  position: relative;
  font-size: 14px;
  color: var(--fellows);
  font-weight: 500;
}

.view-members.view-display-id-block_1 .views-row.young-affiliate .member-popup .field--name-field-cv a::after,
.view-members.view-display-id-block_1 .views-row.young-affiliate .member-popup .field--name-field-list-of-publications a::after,
.view-members.view-display-id-block_6 .views-row.young-affiliate .member-popup .field--name-field-cv a::after,
.view-members.view-display-id-block_6 .views-row.young-affiliate .member-popup .field--name-field-list-of-publications a::after {
  color: var(--young);
}


@media (min-width: 1400px) {

  .view-members.view-display-id-block_1 .member-popup .emails .field__item,
.view-members.view-display-id-block_6 .member-popup .emails .field__item,
.view-members.view-display-id-block_1 .member-popup .emails .field__item a,
.view-members.view-display-id-block_6 .member-popup .emails .field__item a,
body.page-fellow_young_affiliate .emails .field__item {
  text-decoration: none;
  font-size: 16px;
}

  .view-members.view-display-id-block_1 .member-popup .field--name-field-cv a::after,
  .view-members.view-display-id-block_6 .member-popup .field--name-field-cv a::after,
  body.page-fellow_young_affiliate .field--name-field-cv a::after {
    font-size: 16px;
  }

  .view-members.view-display-id-block_1 .member-popup .field--name-field-list-of-publications a::after,
  .view-members.view-display-id-block_6 .member-popup .field--name-field-list-of-publications a::after,
  body.page-fellow_young_affiliate .field--name-field-list-of-publications a::after {
    font-size: 16px;
  }
}


/* ------------------------ AREA RISERVATA UTENTE ------------------------- */
body.page-fellow_young_affiliate form.node-fellow-young-affiliate-edit-form .field--name-field-list-of-publications a,
body.page-fellow_young_affiliate form.node-fellow-young-affiliate-edit-form .field--name-field-cv a {
  display: block;
  width: fit-content;
  position: relative;
  font-size: 16px;
  color: var(--fellows);
  font-weight: 500;
}
body.page-fellow_young_affiliate form.node-fellow-young-affiliate-edit-form .field--name-field-list-of-publications a:hover,
body.page-fellow_young_affiliate form.node-fellow-young-affiliate-edit-form .field--name-field-cv a:hover {
  text-decoration: underline;
  opacity: .7;
}
body.page-fellow_young_affiliate form.node-fellow-young-affiliate-edit-form .field--name-field-list-of-publications a::after,
body.page-fellow_young_affiliate form.node-fellow-young-affiliate-edit-form .field--name-field-cv a::after {
  display: none;
}


/* ----------------------------------------------------------------------------- */
@media (min-width: 768px) {

  .view-members.view-display-id-block_1 .member-popup .region.region-content .block-views-blockmembers-block-5,
  .view-members.view-display-id-block_6 .member-popup .region.region-content .block-views-blockmembers-block-5,
  body.page-fellow_young_affiliate .region.region-content .block-views-blockmembers-block-5 {
    display: none;
  }

  .view-members.view-display-id-block_1 .member-popup .fellow-name,
  .view-members.view-display-id-block_6 .member-popup .fellow-name,
  body.page-fellow_young_affiliate .fellow-name {
    font-size: 40px;
    font-weight: 400;
    margin: 0;
  }

  .view-members.view-display-id-block_1 .member-popup .mobile,
  .view-members.view-display-id-block_6 .member-popup .mobile,
  body.page-fellow_young_affiliate .mobile {
    display: none;
  }

  body.page-fellow_young_affiliate .field--name-field-image img {
    margin: 40px auto 0 0;
  }
}


.directory-page article .page-fellow_young_affiliate h3,
.directory-page article.node--type-fellow-young-affiliate h3 {
  margin-top: 60px;
}


@media (min-width: 992px) {
  .container-geo {
    display: flex;
  }

  .container-geo .current-residence {
    position: relative;
  }


  .barra {
    background-color: #a5a5a5;
    position: absolute;
    width: 1px;
    height: 52px;
    content: "";
    left: -37px;
    top: 57%;
    transform: rotate3d(1, 1, 1, 40deg) translateY(-50%);
  }

  /* .container-geo .current-nationality:not(:empty) { margin-right: 60px; } */
  .container-geo .field--name-field-ref-countries {
    margin-right: 60px
  }

  ;

  .container-geo .current-residence {
    position: relative;
  }

  .view-members.view-display-id-block_1 .member-popup .mobile .field--name-field-photo-credit,
  .view-members.view-display-id-block_6 .member-popup .mobile .field--name-field-photo-credit,
  body.page-fellow_young_affiliate .mobile .field--name-field-photo-credit {
    text-align: center;
  }

  .view-members.view-display-id-block_1 .member-popup .nationality,
  .view-members.view-display-id-block_6 .member-popup .nationality,
  body.page-fellow_young_affiliate .nationality {
    display: flex;
    flex-direction: row;
  }

  .view-members.view-display-id-block_1 .member-popup .nationality>*,
  .view-members.view-display-id-block_6 .member-popup .nationality>*,
  body.page-fellow_young_affiliate .nationality>* {
    margin-right: 3rem;
  }

  .view-members.view-display-id-block_1 .member-popup .field--name-field-ref-countries,
  .view-members.view-display-id-block_6 .member-popup .field--name-field-ref-countries,
  body.page-fellow_young_affiliate .field--name-field-ref-countries {
    position: relative;
  }

  body.page-fellow_young_affiliate .field--name-field-ref-country-bis::after body.page-fellow_young_affiliate .field--name-field-ref-country-bis::after {
    content: '';
    bottom: 0;
    left: -34px;
    transform-origin: center center;
    background-color: #a5a5a5;
    position: absolute;
    width: 1px;
    height: 57px;
    transform: rotate3d(1, 1, 1, 40deg);
  }
}



@media (min-width: 1024px) {

  .view-members.view-display-id-block_1 .member-popup .field--name-field-image img,
  .view-members.view-display-id-block_1 .member-popup .views-field-field-image img,
  .view-members.view-display-id-block_6 .member-popup .field--name-field-image img,
  .view-members.view-display-id-block_6 .member-popup .views-field-field-image img,
  body.page-fellow_young_affiliate .field--name-field-image img,
  body.page-fellow_young_affiliate .views-field-field-image img {
    max-width: 275px;
  }


  .view-members.view-display-id-block_1 .member-popup h4,
  .view-members.view-display-id-block_6 .member-popup h4,
  body.page-fellow_young_affiliate h4 {
    font-weight: 400;
  }

  body.directory-page main#main-content>.container .region.region-content-full h1.fellow-name,
  .view-members.view-display-id-block_1 .member-popup .fellow-name,
  .view-members.view-display-id-block_6 .member-popup .fellow-name,
  body.page-fellow_young_affiliate .fellow-name {
    font-size: 50px;
    font-weight: 300;
    margin: 0;
    color: #363636;
  }

  /* fellow position */
  .view-members.view-display-id-block_1 .member-popup .field__item.field--name-field-current-position,
  .view-members.view-display-id-block_6 .member-popup .field__item.field--name-field-current-position,
  body.page-fellow_young_affiliate .field__item.field--name-field-current-position {
    margin-bottom: 10px;
  }

  article.node--type-fellow-young-affiliate .no-desktop {
    display: none;
  }

  article.node--type-fellow-young-affiliate .no-mobile {
    display: none;
  }

  body.page-fellow_young_affiliate .field--name-field-category,
  body.page-fellow_young_affiliate .field--name-field-fellow-young-affiliate,
  body.page-fellow_young_affiliate .field--name-field-role {
    margin-top: 40px;
  }
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .field__items {
  display: flex;
  flex-wrap: wrap;
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .field__item {
  margin-right: 3px;
  position: relative;
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .field__item:after {
  position: relative;
  display: inline-block;
  width: 33px;
  max-width: 33px;
  height: 33px;
  max-height: 33px;
  background-repeat: no-repeat;
  background-position: 0px, 0px;
  background-size: 33px;
  padding: 0px;
  content: "";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .field__item:before {
  position: absolute;
  display: none;
  white-space: nowrap;
  color: #333;
  font-size: 14px;
  background-color: #ffffff;
  padding: 7px 10px;
  z-index: 1;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 18%);
}

@media (min-width:1024px) {
  article.node--type-fellow-young-affiliate .field--name-field-sdg .field__item:hover:before {
    display: block;
  }
}


/* --------------------------- SDG ICON AND TOOLTIP ------------------------ */
article.node--type-fellow-young-affiliate .field--name-field-sdg .no_poverty:after {
  background-image: url("../../images/01.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .no_poverty:before {
  content: "1. No poverty";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .zero_hunger:after {
  background-image: url("../../images/02.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .zero_hunger:before {
  content: "2. Zero hunger";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .good_health:after {
  background-image: url("../../images/03.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .good_health:before {
  content: "3. Good health and well-being";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .quality_edu:after {
  background-image: url("../../images/04.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .quality_edu:before {
  content: "4. Quality education";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .gender_equality:after {
  background-image: url("../../images/05.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .gender_equality:before {
  content: "5. Gender equality";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .clean_water:after {
  background-image: url("../../images/06.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .clean_water:before {
  content: "6. Clean water and sanitation";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .clean_energy:after {
  background-image: url("../../images/07.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .clean_energy:before {
  content: "7. Affordable and clean energy";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .work_economic:after {
  background-image: url("../../images/08.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .work_economic:before {
  content: "8. Decent work and economic growth";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .innovation:after {
  background-image: url("../../images/09.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .innovation:before {
  content: "9. Industry, innovation and infrastructure";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .reduced_inequality:after {
  background-image: url("../../images/10.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .reduced_inequality:before {
  content: "10. Reduced inequality";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .sustainable_cities:after {
  background-image: url("../../images/11.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .sustainable_cities:before {
  content: "11. Sustainable cities and communities";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .responsible_consumption:after {
  background-image: url("../../images/12.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .responsible_consumption:before {
  content: "12. Responsible consumption and production";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .climate_action:after {
  background-image: url("../../images/13.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .climate_action:before {
  content: "13. Climate action";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .below_water:after {
  background-image: url("../../images/14.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .below_water:before {
  content: "14. Life below water";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .life_land:after {
  background-image: url("../../images/15.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .life_land:before {
  content: "15. Life on land";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .strong_institutions:after {
  background-image: url("../../images/16.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .strong_institutions:before {
  content: "16. Peace, justice and strong institutions";
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .partnerships:after {
  background-image: url("../../images/17.png");
}

article.node--type-fellow-young-affiliate .field--name-field-sdg .partnerships:before {
  content: "17. Partnerships for the goals";
}


/* LAST UPDATE DETAIL */
article.node--type-fellow-young-affiliate .last-update {
  margin-top: 1rem;
  font-style: italic;
  text-align: right;
}

/* OPEN IN NEW WINDOW LINK */
.view-members.view-display-id-block_1 .views-row .member-popup.popup .popup-wrapper .new-tab,
.view-members.view-display-id-block_6 .views-row .member-popup.popup .popup-wrapper .new-tab,
article.node--type-fellow-young-affiliate .new-tab {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end;
}

.view-members.view-display-id-block_1 .views-row .member-popup.popup .popup-wrapper .edit-profile,
.view-members.view-display-id-block_6 .views-row .member-popup.popup .popup-wrapper .edit-profile,
article.node--type-fellow-young-affiliate .edit-profile {
  margin-top: 1rem;
  margin-left: 1rem;
  display: flex;
  justify-content: flex-end;
}

.page-fellow_young_affiliate article.node--type-fellow-young-affiliate .new-tab {
  display: none;
}


@media (min-width: 768px) {

  .view-members.view-display-id-block_1 .views-row .member-popup.popup .popup-wrapper .edit-profile,
  .view-members.view-display-id-block_6 .views-row .member-popup.popup .popup-wrapper .edit-profile,
  article.node--type-fellow-young-affiliate .edit-profile {
    margin-top: 1rem;
  }
}


@media (min-width: 1024px) {
  .second-column-container {
    padding-bottom: 130px;
  }

  .buttons-container {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}


/* ---------------------------- SIDEBAR NOBEL PRIZE ------------------------------- */
.view-members.view-display-id-block_5 .nobel,
article.node--type-fellow-young-affiliate .nobel {
  margin-top: 20px;
}

.member-popup .view-members.view-display-id-block_5 .nobel {
  margin-top: -15px;
  margin-left: 15px;
}

.member-popup .view-members.view-display-id-block_5 .photo-credit+span+.nobel {
  margin-top: 15px;
  margin-left: 0;
}


.view-members.view-display-id-block_5 .nobel+span {
  margin-top: 15px;
  display: block;
  font-style: italic;
}

.member-popup .view-members.view-display-id-block_5 .photo-credit+span+.nobel+span {
  display: block;
}

.view-members.view-display-id-block_5 .nobel:before,
article.node--type-fellow-young-affiliate .nobel:before {
  content: 'Nobel Prize';
  display: block;
  position: relative;
  z-index: 1;
  background-color: #edc64b;
  background-image: url(../../images/icon-nobel.svg);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  font-size: 14px;
  width: 44px;
  height: 44px;
  top: 0px;
  left: 0px;
  color: #fff;
  padding: 0;
  background-size: 21px;
  content: "";
  background-size: 25px;
}

.view-members.view-display-id-block_5 .nobel {
  margin-top: -35px;
  margin-left: 10px;
}