/* OPPORTUNITY LINK TO ALL */
.view-opportunity .view-footer .btn {
  max-width: unset;
  margin: 2rem auto;
  width: fit-content;
}

.view-opportunity:not(.view-display-id-block_2) .view-content {  margin: 2rem 0; }


/* PARTIAL VIEW TITLE */
.view-opportunity h3 {
  margin-top: 4rem;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  color: #000;
}

@media (min-width: 1024px) {
  .view-opportunity h3 {
    font-size: 30px;
    margin-bottom: 2rem;
  }
}

/* --------------------------------------------------------------------------------------------------------- */


.view-opportunity .view-footer .btn.hecap { background-color: var(--hecap); }
.view-opportunity .view-footer .btn.cmsp { background-color: var(--cmsp); }
.view-opportunity .view-footer .btn.math { background-color: var(--math); }
.view-opportunity .view-footer .btn.esp { background-color: var(--esp); }
.view-opportunity .view-footer .btn.qls { background-color: var(--qls); }
.view-opportunity .view-footer .btn.sti { background-color: var(--sti); }


/* !! OPPORTUNITY CARD - DEFAULT and RELATED CONTENT DISPLAY !! */
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity,
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content {
  height: 100%;
}

.view-opportunity .views-row,
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity>.tile-content {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 12px 0px #0000002b;
}

.view-opportunity .views-row .field-content:not(:empty),
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity>.tile-content>* {
  padding: 1rem 1rem 1rem 4.25rem;
}

.view-opportunity .views-row .views-field-field-single-url .field-content:not(:empty) { padding: 1rem; }

.view-opportunity .views-row .views-field-field-ref-sections .field-content { padding: 0; }

/* .page-opportunity .field--name-field-related-programmes article.node--type-opportunity>.tile-content>*:not(:first-child) {
  border-top: 1px solid var(--border_gray);
} */

/* title style */
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .title,
.view-opportunity .views-row .views-field-field-short-title {
  font-size: 22px;
  margin: 0;
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity>.tile-content>h3,
.view-opportunity .views-row .views-field-field-short-title>div.field-content { padding-left: 1rem; }

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .title a,
.view-opportunity .views-row .views-field-field-short-title a {
  color: var(--text_color);
}

/* target style */
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-target,
.view-opportunity .views-row .views-field-field-target,
.view-opportunity .views-row .views-field-nothing {
  display: block;
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-target *,
.view-opportunity .views-row .views-field-field-target *,
.view-opportunity .views-row .views-field-nothing * {
  width: 100%;
  color: var(--text_color);
  pointer-events: none;
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-opportunity-category,
.view-opportunity .views-row .views-field-field-opportunity-category {
  min-height: 51px;
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-opportunity-category,
.view-opportunity .views-row .views-field-field-opportunity-category,
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-target,
.view-opportunity .views-row .views-field-field-target,
.view-opportunity .views-row .views-field-nothing,
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-for-developing-countries,
.view-opportunity .views-row .views-field-field-for-developing-countries,
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-location,
.view-opportunity .views-row .views-field-field-location,
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-duration,
.view-opportunity .views-row .views-field-field-duration,
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-event-deadline,
.view-opportunity .views-row .views-field-field-event-deadline,
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-target-description,
.view-opportunity .views-row .views-field-field-target-description {
  background-position: 1rem 50%;
  background-repeat: no-repeat;
  background-size: 2em 2em;
  font-size: 13px;
  color: var(--text_color);
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-opportunity-category,
.view-opportunity .views-row .views-field-field-opportunity-category {
  background-color: var(--light_gray);
  background-image: url(../../assets/icons/icon-hat.svg);
  background-size: 20px 20px;
  background-position: 19px center;
  font-size: 16px;
  position: relative;
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-target,
.view-opportunity .views-row .views-field-field-target,
.view-opportunity .views-row .views-field-nothing,
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-target-description,
.view-opportunity .views-row .views-field-field-target-description {
  background-image: url(../../assets/icons/icon-user.svg);
  /* background-position: 1rem calc(100% - .75rem); */
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-for-developing-countries,
.view-opportunity .views-row .views-field-field-for-developing-countries {
  background-image: url(../../assets/icons/icon-world.svg);
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-location,
.view-opportunity .views-row .views-field-field-location {
  font-weight: 700;
  background-image: url(../../assets/icons/icon_pin.svg);
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-duration,
.view-opportunity .views-row .views-field-field-duration {
  font-weight: 700;
  background-image: url(../../assets/icons/icon_time.svg);
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-event-deadline,
.view-opportunity .views-row .views-field-field-event-deadline {
  background-image: url(../../assets/icons/icon_calendar_black.svg);
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-event-deadline .date,
.view-opportunity .views-row .views-field-field-event-deadline .date {
  font-size: 13px;
  position: relative;
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .field--name-field-event-deadline span,
.view-opportunity .views-row .views-field-field-event-deadline span {
  color: var(--medium_gray);
  font-weight: 300;
}

.view-opportunity .views-row:not(.opencall) .views-field-field-single-url {
  display: none;
}

.view-opportunity .views-row .views-field-field-single-url a {
  margin: 0 auto;
  display: block;
  width: fit-content;
  border-radius: 4em;
  padding: 1em 2em;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
  background-color: var(--main_blue);
  transition: all 300ms ease;
}

.view-opportunity .views-row .views-field-field-single-url a:hover {
  background-color: var(--light_gray);
  color: var(--text_color);
  transition: all 300ms ease;
}


/* SECTIONS FIELD - REPLACE LABELS AND LINKS WITH COLORED SQUARES */
.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper,
.view-opportunity .views-row .views-field-field-ref-sections {
  margin: 0;
  padding: 0;
  height: 16px;
  width: 100%;
  margin: 8px 0px 18px 0px;
}

.view-opportunity .views-row .views-field-field-ref-field-of-research .field-content .internal.bordertop {
  margin-top: 15px;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items,
.view-opportunity .views-row .views-field-field-ref-sections .field-content {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items::before,
.view-opportunity .views-row .views-field-field-ref-sections .field-content::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 1rem center;
  background-image: url(../../assets/icons/opportunity-sectors-default-mobile.svg);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item,
.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a,
.view-opportunity .views-row .views-field-field-ref-sections .field-content .section {
  width: 100%;
  height: 16px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 1rem center;
}

.view-opportunity .views-row .views-field-field-ref-sections .field-content .section::before,
.view-opportunity .views-row .views-field-field-ref-sections .field-content .section>div {
  display: none;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a {
  font-size: 0;
}



.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/hecap"],
.view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-hecap {
  background-image: url(../../assets/icons/opportunity-sectors-hecap-mobile.svg);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/cmsp"],
.view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-cmsp {
  background-image: url(../../assets/icons/opportunity-sectors-cmsp-mobile.svg);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/math"],
.view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-math {
  background-image: url(../../assets/icons/opportunity-sectors-math-mobile.svg);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/esp"],
.view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-esp {
  background-image: url(../../assets/icons/opportunity-sectors-esp-mobile.svg);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/qls"],
.view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-qls {
  background-image: url(../../assets/icons/opportunity-sectors-qls-mobile.svg);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/sti"],
.view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-sti {
  background-image: url(../../assets/icons/opportunity-sectors-sti-mobile.svg);
}


/* FIELD OF RESEARCH SECTION - REPLACE LABELS */
.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper,
.view-opportunity .views-row .views-field-field-ref-field-of-research {
  padding: 0;
  border-top: none !important;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-content {
  position: relative;
  padding: 0;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-content .internal {
  border-top: 0px solid transparent;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: 0px;
  transition: all 500ms ease;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity.open .field-of-research-wrapper .field__items .internal.bordertop,
.view-opportunity .views-row.open .views-field-field-ref-field-of-research .field-content .internal.bordertop {
  border-top: 1px solid var(--border_gray);
  max-height: 1000px;
  transition: all 500ms ease;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-content .internal .field-of-research-wrapper {
  padding: 0 1rem;
  margin: 0 0 .75rem 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper:first-child,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-content .internal .field-of-research-wrapper:first-child {
  padding-top: 1rem;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper:last-child,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-content .internal .field-of-research-wrapper:last-child {
  padding-bottom: 1.5rem;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper h4,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-content .internal .field-of-research-wrapper h4 {
  font-size: 13px;
  color: var(--text_color);
  font-weight: 400;
  margin: auto 0 auto 1em;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper .section-content,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-content .internal .field-of-research-wrapper .section-content {
  font-size: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #FFF;
  /* border: 2px solid var(--border_gray); */
  box-shadow: inset 0px 0px 0px 2px var(--border_gray);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper .section-content .section,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-content .internal .field-of-research-wrapper .section-content .section {
  font-size: 0;
  width: 1.25rem;
  height: 1.25rem;
  /* background-color: var(--border_gray); */
}

/* hide labels printed by default */
.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper .section-content .section * {
  display: none;
}

/* .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper .section-content .section.section-other,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-of-research-wrapper .section-content .section.section.section-other { background-color: transparent; } */

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper .section-content .section.section-hecap,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-of-research-wrapper .section-content .section.section.section-hecap {
  background-color: var(--hecap);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper .section-content .section.section-cmsp,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-of-research-wrapper .section-content .section.section.section-cmsp {
  background-color: var(--cmsp);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper .section-content .section.section-math,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-of-research-wrapper .section-content .section.section.section-math {
  background-color: var(--math);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper .section-content .section.section-qls,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-of-research-wrapper .section-content .section.section.section-qls {
  background-color: var(--qls);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper .section-content .section.section-sti,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-of-research-wrapper .section-content .section.section.section-sti {
  background-color: var(--sti);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .internal .field-of-research-wrapper .section-content .section.section-esp,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-of-research-wrapper .section-content .section.section.section-esp {
  background-color: var(--esp);
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .field-of-research-wrapper .field__items .expand,
.view-opportunity .views-row .views-field-field-ref-field-of-research .field-content .expand {
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform-origin: center center;
  transform: translateX(-50%) translateY(50%);

  background-color: #FFF;
  background-image: url(../../assets/icons/icon_plus.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;

  border: 1px solid var(--border_gray);
  border-radius: 50%;
  transition: all 300ms ease;
}

.page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity.open .field-of-research-wrapper .field__items .expand,
.view-opportunity .views-row.open .views-field-field-ref-field-of-research .field-content .expand {
  transform: translateX(-50%) translateY(50%) rotateZ(45deg);
  transition: all 300ms ease;
}

/* OPEN CALL */
.page-opportunity .field--name-field-related-programmes article.node--type-opportunity.opencall .tile-content .field--name-field-opportunity-category::after,
.view-opportunity .views-row.opencall .views-field-field-opportunity-category::after {
  content: 'Open call';
  position: absolute;
  right: 1rem;
  bottom: 0;
  transform: translateY(50%);
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
  background-color: #F24040;
  border-radius: 4px;
  padding: .25em 1em;
}

.page-opportunity .field--name-field-related-programmes article.node--type-opportunity.opencall .tile-content .field--name-field-event-deadline .date::before,
.view-opportunity .views-row.opencall .views-field-field-event-deadline .date::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #F24040;
  position: absolute;
  top: 50%;
  left: -1em;
  transform: translateY(-50%);

  animation-name: ping;
  animation-duration: 2000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes ping {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (max-width:768px) {


  .page-opportunity .field--name-field-related-programmes article.node--type-opportunity .tile-content .title,
  .view-opportunity .views-row .views-field-field-short-title {
    font-size: 20px;
    font-weight: 500;
  }

  .view-opportunity .views-row.opencall .views-field-field-opportunity-category::after {
    left: 1rem;
    bottom: -24px;
    right: auto;
  }

  .field--name-field-related-programmes article.node--type-opportunity .field--name-field-opportunity-category,
  .view-opportunity .views-row .views-field-field-opportunity-category {
    margin-bottom: 33px;
  }

  .field--name-field-related-programmes article.node--type-opportunity .field--name-field-opportunity-category,
  .view-opportunity .views-row:not(.opencall) .views-field-field-opportunity-category {
    margin-bottom: 0px;
  }

  .view-opportunity .views-row .views-field-field-ref-field-of-research,
  .view-opportunity .views-row .views-field-field-for-developing-countries,
  .view-opportunity .views-row .views-field-field-event-deadline,
  .view-opportunity .views-row .views-field-field-duration,
  .view-opportunity .views-row .views-field-field-location,
  .view-opportunity .views-row .views-field-field-target,
  .view-opportunity .views-row .views-field-nothing,
  .view-opportunity .views-row .views-field-field-target-description,
  .field--name-field-related-programmes article.node--type-opportunity .field--name-field-ref-field-of-research,
  .field--name-field-related-programmes article.node--type-opportunity .field--name-field-for-developing-countries,
  .field--name-field-related-programmes article.node--type-opportunity .field--name-field-event-deadline,
  .field--name-field-related-programmes article.node--type-opportunity .field--name-field-duration,
  .field--name-field-related-programmes article.node--type-opportunity .field--name-field-location,
  .field--name-field-related-programmes article.node--type-opportunity .field--name-field-target,
  .field--name-field-related-programmes article.node--type-opportunity .field--name-field-target-description {
    display: none !important;
  }

}

@media (min-width:768px) {

  .view-opportunity .views-row .views-field-field-ref-field-of-research .field-content .internal.bordertop {
    margin-top: 0px;
}

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper,
  .view-opportunity .views-row .views-field-field-ref-sections {
    margin:  0px;
  }

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items::before,
  .view-opportunity .views-row .views-field-field-ref-sections .field-content::before {
    height: 5rem;
    background-position: center top;
    background-image: url(../../assets/icons/opportunity-sectors-default.png);
  }

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item,
  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a,
  .view-opportunity .views-row .views-field-field-ref-sections .field-content .section {
    /* background-position: center center; */
    background-position: center calc(50% + -2px);
  }

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper,
  .view-opportunity .views-row .views-field-field-ref-sections {
    height: 5rem;
  }

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item,
  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a,
  .view-opportunity .views-row .views-field-field-ref-sections .field-content .section {
    height: 5rem;
  }

  /* .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items::before,
  .view-opportunity .views-row .views-field-field-ref-sections .field-content::before {
    background-size: 100% 100%;
  }

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item,
  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a,
  .view-opportunity .views-row .views-field-field-ref-sections .field-content .section {
    background-size: 100% 100%;
  } */

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/hecap"],
  .view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-hecap {
    background-image: url(../../assets/icons/opportunity-sectors-hecap.png);
  }

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/cmsp"],
  .view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-cmsp {
    background-image: url(../../assets/icons/opportunity-sectors-cmsp.png);
  }

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/math"],
  .view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-math {
    background-image: url(../../assets/icons/opportunity-sectors-math.png);
  }

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/esp"],
  .view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-esp {
    background-image: url(../../assets/icons/opportunity-sectors-esp.png);
  }

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/qls"],
  .view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-qls {
    background-image: url(../../assets/icons/opportunity-sectors-qls.png);
  }

  .page-opportunity .field--name-field-related-programmes .field__item article.node--type-opportunity .section-wrapper .field__items .field__item a[href="/sti"],
  .view-opportunity .views-row .views-field-field-ref-sections .field-content .section.section-sti {
    background-image: url(../../assets/icons/opportunity-sectors-sti.png);
  }

  .view-opportunity .views-row,
  .page-opportunity .field--name-field-related-programmes article.node--type-opportunity>.tile-content {
    box-shadow: 0px 0px 0px 0px #fff;
  }

  .page-opportunity .field--name-field-related-programmes article.node--type-opportunity>.tile-content>*:not(:first-child),
  .view-opportunity .views-row>*:not(:first-child):not(.views-field-field-single-url):not(.views-field-field-ref-field-of-research):not(.views-field-field-ref-collaborations)>.field-content:not(:empty) {
    border-top: 1px solid var(--border_gray);
  }

}

@media (min-width:768px) {

  .page-opportunity .field--name-field-related-programmes article.node--type-opportunity>.tile-content>* {
    padding: 1rem 1rem 1rem 4.25rem;
  }

  .view-opportunity .views-row>.views-field-field-event-deadline>.field-content:not(:empty) {
    border-bottom: 1px solid var(--border_gray);
  }

  .view-opportunity .views-row,
  .page-opportunity .field--name-field-related-programmes article.node--type-opportunity>.tile-content {
    border: 1px solid var(--border_gray);
  }
}