@font-face {
  font-family: 'FrutigerLTStd-Roman';
  src: url('/content/dam/intelligentcontent/brands/az-oncology-uk/en/pioneers-meeting/fonts/FrutigerLTStd-Roman.otf') format('opentype');
}

#pioneers-meeting {
  margin-top: 0;
  padding-top: 0;
  text-align: center;
}

#pioneers-meeting h3 {
  margin: 20px 0;
}

#pioneers-meeting p, #pioneers-meeting span,#pioneers-meeting h4,#pioneers-meeting a {
  font-family: 'FrutigerLTStd-Roman', sans-serif;
}

#pioneers-meeting p {
  font-size: 16px;
  line-height: 24px;
}

#pioneers-meeting h3 span {
  color: #00AE9B;
}

#pioneers-meeting .cmp-text {
  padding: 0;
}

#pioneers-meeting .cmp-masterlist__item-cta-link:hover {
  text-decoration-color: #fff;
}
/*to be hidden*/
#pioneers-meeting .modal.aem-GridColumn{
    display:none;
}

#pioneers-meeting .top-banner {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  background-color: #EBEFEE;
  text-align: center;
  padding: 8px;
}

#pioneers-meeting .top-banner a, #pioneers-meeting #az-box a {
  color: inherit;
  text-decoration: underline;
}

#pioneers-meeting #hero {
  max-width: 1440px;
  margin: 0 auto;
}

#pioneers-meeting #hero__text {
  padding: 20px 8px;
  text-align: center;
  max-width: 1180px;
  margin: 0 auto;
}

#pioneers-meeting #hero__text .text:first-child p {
  margin-bottom: 24px;
}

#pioneers-meeting #videos-container {
  background-color: #EBEFEE;
  padding: 20px 8px;
  text-align: center;
}

#pioneers-meeting #videos-wrapper {
  max-width: 1180px;
  margin: 0 auto;
}

#pioneers-meeting .cmp-masterlist {
  margin: 60px 0;
}

#pioneers-meeting .cmp-masterlist .cmp-masterlist__items {
  display: grid;
  grid-template-columns: minmax(317px, 386px);
  justify-content: center;
}

#pioneers-meeting #videos-wrapper #cards .cmp-masterlist__item {
  border: 1px solid #D8DFDE;
  border-radius: 8px;
  padding: 24px 0 20px;
}

#pioneers-meeting #videos-wrapper #cards .cmp-masterlist__item-image {
  border-radius: 8px;
}

#pioneers-meeting .cmp-masterlist .cmp-masterlist__item h4 {
  font-size: 26px;
  color: #00AE9B;
  line-height: 34px;
  margin-bottom: 20px;
}

#pioneers-meeting .cmp-masterlist .cmp-masterlist__item p {
  padding: 0 25px;
  margin-bottom: 20px;
}

#pioneers-meeting .cmp-masterlist .cmp-masterlist__item-cta-link {
  border-radius: 4px;
  background-color: #00AE9B;
  padding: 10px;
}

#pioneers-meeting .cmp-masterlist .cmp-masterlist__item-cta-link span {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

#pioneers-meeting #wrapper {
  padding: 20px 8px;
}

#pioneers-meeting #wrapper p {
  font-size: 19px;
  line-height: 32px;
}

#pioneers-meeting #wrapper a {
  color: inherit;
  text-decoration: underline;
}

#pioneers-meeting #az-box {
  max-width: 1180px;
  margin: 0 auto 20px;
}

#pioneers-meeting #az-box p {
  padding: 20px 8px;
  border: 1px solid #0D1117;
}

#pioneers-meeting .footer {
  font-size: 12px;
  padding: 40px 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width:1180px;
  margin:0 auto;
}

#pioneers-meeting .footer p {
  font-size: 12px;
}

#pioneers-meeting .footer__links {
  display: flex;
  justify-content: center;
  align-items: center;
}

#pioneers-meeting .footer__links a {
  padding: 0 16px;
  color: #3C4242;
}

#pioneers-meeting .footer__links a:nth-child(2) {
  border-left:1px solid #3C4242;
  border-right:1px solid #3C4242;
}

#pioneers-meeting .modal-box .modal-box__content  a{
    color:inherit;
    text-decoration: underline;
}

@media (min-width:768px) {
  #pioneers-meeting #hero__text {
    padding: 20px 32px;
  }

  #pioneers-meeting #hero__text .text:nth-child(2) p {
    padding: 0 20px;
  }

  #pioneers-meeting .cmp-masterlist .cmp-masterlist__items {
    grid-template-columns: repeat(2, minmax(0, 386px));
  }

  #pioneers-meeting .cmp-masterlist__item-content {
    height: 292px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  #pioneers-meeting #az-box {
    padding: 0 8px;
  }
  
  #pioneers-meeting .footer {
      flex-direction: row;
    justify-content: space-between;
}
}

@media (min-width:1024px) {
  #pioneers-meeting #hero__text {
    padding: 20px 95px;
  }

  #pioneers-meeting h3 span {
    line-height: 40px;
    font-size: 36px;
  }
}

@media (min-width:1440px) {
  #pioneers-meeting #hero__text {
    padding: 20px 170px;
  }

  #pioneers-meeting .cmp-masterlist .cmp-masterlist__items {
    grid-template-columns: repeat(3, minmax(0, 386px));
    justify-content: space-between;
    row-gap: 80px;
  }

  #pioneers-meeting #videos-wrapper #cards .cmp-masterlist__item {
    margin-bottom: 0;
  }

  #pioneers-meeting #az-box p {
    padding: 30px 117px;
  }
}