.view-articles.view-display-id-block_5 .swiper {
  margin: .5rem auto 3rem auto;
  width: 95%;
  position: unset !important;
}

@media (min-width: 1024px) {
  .view-articles.view-display-id-block_5 .swiper {
    width: 90%;
  }
}

@media (min-width: 1280px) {
  .view-articles.view-display-id-block_5 .swiper {
    width: 100%;
  }
}

.view-articles.view-display-id-block_5 .view-link {
  margin-top: 3rem;
  display: block;
  width: 100%;
  text-align: right;
  color: var(--main_color);
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  margin-right: 2.5%;
}

.view-articles.view-display-id-block_5 .view-content {
  position: relative;
}

.view-articles.view-display-id-block_5 .views-row {
  padding: 20px;
  border: none;
  position: relative;
  margin: 0;
  height: 80vh;
  max-height: 674px;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #ccc;
}

.view-articles.view-display-id-block_5 .swiper-button-next,
.view-articles.view-display-id-block_5 .swiper-button-prev {
  border-radius: 0;
  width: 52px !important;
  height: 52px !important;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
}


.view-articles.view-display-id-block_5 .swiper-button-next { right: -.5rem !important; }
.view-articles.view-display-id-block_5 .swiper-button-prev { left: -.5rem !important; }

@media (min-width: 1024px) {
  .view-articles.view-display-id-block_5 .swiper-button-next { right: 1rem !important; }
  .view-articles.view-display-id-block_5 .swiper-button-prev { left: 1rem !important; }
}

@media (min-width: 1280px) {
  .view-articles.view-display-id-block_5 .swiper-button-next { right: -1.5rem !important; }
  .view-articles.view-display-id-block_5 .swiper-button-prev { left: -1.5rem !important; }
}


.view-articles.view-display-id-block_5 .views-row * {
  pointer-events: none;
}

.view-articles.view-display-id-block_5 .views-row .views-field-title {
  z-index: -1;
}

.view-articles.view-display-id-block_5 .views-row .views-field-title-1 span  {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 23px;
  display: block;
}


.view-articles.view-display-id-block_5 .views-field-field-ref-fellow-young-affiliate .node__content .last-update,
.view-articles.view-display-id-block_5 .views-field-field-ref-fellow-young-affiliate .node__content .edit-profile,
.view-articles.view-display-id-block_5 .views-field-field-ref-fellow-young-affiliate .node__content .new-tab,
.view-articles.view-display-id-block_5 .views-field-field-ref-fellow-young-affiliate .node__content .field__label,
.view-articles.view-display-id-block_5 .views-field-field-ref-fellow-young-affiliate .node__content > *:not(.field--name-field-fellow-young-affiliate){
  display: none !important;
}

.view-articles.view-display-id-block_5 .views-row .views-field-title a::after {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #000 0%, transparent 90%);
  position: absolute;
  top: 0;
  pointer-events: none;
  left: 0;
  z-index: -1;
  transition: 0.54s;
}

.view-articles.view-display-id-block_5 .views-row .views-field-title a:hover:after {
  transition: 0.54s;
  opacity: .4;
}

.view-articles.view-display-id-block_5 .views-row .views-field-field-image-fellow-or-young {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}


.view-articles.view-display-id-block_5 .views-row  .views-field-title a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: all;
  height: 100%;
  font-size: 0;
  z-index: 999;
  background: transparent;
}

.view-articles.view-display-id-block_5 .views-row .views-field-field-image-fellow-or-young .field-content {
  width: 100%;
  height: 100%;
}

.view-articles.view-display-id-block_5 .views-row .views-field-field-image-fellow-or-young img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.view-articles.view-display-id-block_5 div.views-field-field-ref-fellow-young-affiliate {
  z-index: 1;
  position: relative;
  pointer-events: all;
}

/*
.view-articles.view-display-id-block_5 div.views-field-field-ref-fellow-young-affiliate:hover {
  background-color: #fff;
  transition: 0.2s ease;
}
*/


/**/
.view-articles.view-display-id-block_5 div.views-field-field-ref-fellow-young-affiliate a :hover{
  /* text-decoration:underline ; */
  opacity: .8;
  transition: 0.2s ease;
  background: #fff;
  color: #0073ae;
  padding: 0px 3px;
}

.view-articles.view-display-id-block_5 article.node--type-fellow-young-affiliate {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}


.view-articles.view-display-id-block_5 article.node--type-fellow-young-affiliate div.node__content{
  margin: 0  0 0 7px;
  border-left: 2px solid #fff;
  padding-left: 9px;
}

.view-articles.view-display-id-block_5 article.node--type-fellow-young-affiliate h2 {
  margin: 0;
}

.view-articles.view-display-id-block_5 article.node--type-fellow-young-affiliate h2 a {
  padding: 0;
}

.view-articles.view-display-id-block_5 article.node--type-fellow-young-affiliate div *,
.view-articles.view-display-id-block_5 article.node--type-fellow-young-affiliate div{
  color: #fff;
  font-weight: 500;
}

.view-articles.view-display-id-block_5 .views-row .views-field-field-ref-fellow-young-affiliate a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 0px 4px;
  display: block;
  transition: all 300ms ease;
  pointer-events: all;
  width: fit-content;
  margin-right: 0px;
}

.view-articles.view-display-id-block_5 .views-row .views-field-field-ref-fellow-young-affiliate a:hover {
  background-color: transparent;
  padding: 0px 4px;
}

.view-articles.view-display-id-block_5 .views-row .views-field-field-ref-fellow-young-affiliate a:hover {
  transition: 0.2s ease;
  background: #fff;
  color: #333;
}


.view-articles.view-display-id-block_5 .views-row .title-custom {
  font-weight: 700;
  color: #fff;
  font-size: 18px;
  margin: .5rem 0 1.5rem 0;
  line-height: 1.4em;
}

.view-articles.view-display-id-block_5 .views-row .views-field-field-main-sdg {
  font-size: 14px;
  color: #fff;
  width: 100%;
}

.view-articles.view-display-id-block_5 .views-row .views-field-field-main-sdg .field-content {
  position: relative;
  width: fit-content;
  padding: 1rem 0;
  font-weight: 400;
  min-height: calc(2rem + 14px);
  font-size: 12px;
}

.view-articles.view-display-id-block_5 .views-row .views-field-field-main-sdg .field-content:not(:empty)::before {
  content: '';
  height: 5px;
  width: 150px;
  position: absolute;
  left: -21px;
  top: 0;
  background-color: #fff;
}

.block-views.block-views-blockarticles-block-5 {
  position: relative;
  max-width: 375px;
  margin: 0 auto;
}

.block-views.block-views-blockarticles-block-5>h2 {
  position: absolute;
  left: 2.5%;
  top: -1.6rem;
  transform-origin: center center;
  color: #091d24;
  text-transform: uppercase;
  font-size: 17px;
}


@media (min-width: 768px) {
  .view-articles.view-display-id-block_5 .views-row {
    padding: 2rem;
    height: 642px;
    min-height: 642px;
    max-height: unset;
  }

  .view-articles.view-display-id-block_5 .views-row .title-custom {
    font-size: 26px;
  }

  .view-articles.view-display-id-block_5 .swiper-button-next,
  .view-articles.view-display-id-block_5 .swiper-button-prev {
    width: 3rem !important;
    height: 3rem !important;
  }

  .block-views.block-views-blockarticles-block-5 {
    max-width: none;
  }
}


@media (min-width: 1024px) {
  .block-views.block-views-blockarticles-block-5 {
    max-width: 1200px;
  }

  .block-views.block-views-blockarticles-block-5>h2 {
    position: absolute;
    left: -161px;
    top: 50%;
    display: inline-block;
    z-index: 0;
    transform: rotate(-90deg);
  }

  #main .view-members-young-affiliates-new .view-twas-in-action .jcarousel-skin-default .jcarousel-item .view-articles.view-display-id-block_5 .views-row .title-custom {
    font-weight: bolder;
    font-size: 33px;
    line-height: 37px;
  }

  .view-articles.view-display-id-block_5 .views-row .views-field-field-main-sdg .field-content {
    font-size: 14px;
  }

  .view-articles.view-display-id-block_5 .views-row .views-field-field-main-sdg .field-content:not(:empty)::before {
    left: -32px;
  }

  .view-articles.view-display-id-block_5 .views-row .views-field-title-1 span {
    font-size: 30px;
    line-height: 1.32em;
  }

}


@media (min-width: 1280px) {
  .view-articles.view-display-id-block_5 .views-row {
    height: 720px;
    min-height: 720px;
  }

  .block-views.block-views-blockarticles-block-5>h2 {
    top: 50%;
    transform: rotateZ(-90deg);
    left: -190px;
  }
}


/* TWAS ORG COLORS */
.view-articles.view-display-id-block_5 .views-row.no_poverty .views-field-field-main-sdg {
  color: #dc0b35;
}

.view-articles.view-display-id-block_5 .views-row.no_poverty .views-field-field-main-sdg .field-content::before {
  background-color: #dc0b35;
}

.view-articles.view-display-id-block_5 .views-row.zero_hunger .views-field-field-main-sdg {
  color: #deb539;
}

.view-articles.view-display-id-block_5 .views-row.zero_hunger .views-field-field-main-sdg .field-content::before {
  background-color: #deb539;
}

.view-articles.view-display-id-block_5 .views-row.good_health .views-field-field-main-sdg {
  color: #559f3d;
}

.view-articles.view-display-id-block_5 .views-row.good_health .views-field-field-main-sdg .field-content::before {
  background-color: #559f3d;
}

.view-articles.view-display-id-block_5 .views-row.quality_edu .views-field-field-main-sdg {
  color: #bb0829;
}

.view-articles.view-display-id-block_5 .views-row.quality_edu .views-field-field-main-sdg .field-content::before {
  background-color: #bb0829;
}

.view-articles.view-display-id-block_5 .views-row.gender_equality .views-field-field-main-sdg {
  color: #f43016;
}

.view-articles.view-display-id-block_5 .views-row.gender_equality .views-field-field-main-sdg .field-content::before {
  background-color: #f43016;
}

.view-articles.view-display-id-block_5 .views-row.clean_water .views-field-field-main-sdg {
  color: #4abbe0;
}

.view-articles.view-display-id-block_5 .views-row.clean_water .views-field-field-main-sdg .field-content::before {
  background-color: #4abbe0;
}

.view-articles.view-display-id-block_5 .views-row.clean_energy .views-field-field-main-sdg {
  color: #f5c117;
}

.view-articles.view-display-id-block_5 .views-row.clean_energy .views-field-field-main-sdg .field-content::before {
  background-color: #f5c117;
}

.view-articles.view-display-id-block_5 .views-row.work_economic .views-field-field-main-sdg {
  color: #990e3f;
}

.view-articles.view-display-id-block_5 .views-row.work_economic .views-field-field-main-sdg .field-content::before {
  background-color: #990e3f;
}

.view-articles.view-display-id-block_5 .views-row.innovation .views-field-field-main-sdg {
  color: #f5651d;
}

.view-articles.view-display-id-block_5 .views-row.innovation .views-field-field-main-sdg .field-content::before {
  background-color: #f5651d;
}

.view-articles.view-display-id-block_5 .views-row.reduced_inequality .views-field-field-main-sdg {
  color: #d30064;
}

.view-articles.view-display-id-block_5 .views-row.reduced_inequality .views-field-field-main-sdg .field-content::before {
  background-color: #d30064;
}

.view-articles.view-display-id-block_5 .views-row.sustainable_cities .views-field-field-main-sdg {
  color: #f79b23;
}

.view-articles.view-display-id-block_5 .views-row.sustainable_cities .views-field-field-main-sdg .field-content::before {
  background-color: #f79b23;
}

.view-articles.view-display-id-block_5 .views-row.responsible_consumption .views-field-field-main-sdg {
  color: #c3972f;
}

.view-articles.view-display-id-block_5 .views-row.responsible_consumption .views-field-field-main-sdg .field-content::before {
  background-color: #c3972f;
}

.view-articles.view-display-id-block_5 .views-row.climate_action .views-field-field-main-sdg {
  color: #467f46;
}

.view-articles.view-display-id-block_5 .views-row.climate_action .views-field-field-main-sdg .field-content::before {
  background-color: #467f46;
}

.view-articles.view-display-id-block_5 .views-row.below_water .views-field-field-main-sdg {
  color: #3695d6;
}

.view-articles.view-display-id-block_5 .views-row.below_water .views-field-field-main-sdg .field-content::before {
  background-color: #3695d6;
}

.view-articles.view-display-id-block_5 .views-row.life_land .views-field-field-main-sdg {
  color: #63c136;
}

.view-articles.view-display-id-block_5 .views-row.life_land .views-field-field-main-sdg .field-content::before {
  background-color: #63c136;
}

.view-articles.view-display-id-block_5 .views-row.strong_institutions .views-field-field-main-sdg {
  color: #ffffff;
}

.view-articles.view-display-id-block_5 .views-row.strong_institutions .views-field-field-main-sdg .field-content::before {
  background-color: #ffffff;
}

.view-articles.view-display-id-block_5 .views-row.partnerships .views-field-field-main-sdg {
  color: #23486a;
}

.view-articles.view-display-id-block_5 .views-row.partnerships .views-field-field-main-sdg .field-content::before {
  background-color: #23486a;
}