.nyis-fa-block.nyis-fa-has-overlay {
position: relative;
isolation: isolate;
}
.nyis-fa-block.nyis-fa-has-overlay::before {
content: '';
position: absolute;
inset: 0;
z-index: -1;
background: var(--nyis-fa-overlay);
opacity: var(--nyis-fa-overlay-opacity, 0);
pointer-events: none;
} .hero.nyis-fa-has-overlay::before {
z-index: 0;
}
.hero.nyis-fa-has-overlay .hero-content {
position: relative;
z-index: 2;
} .nyis-fa-block.has-text-color :is(h1, h2, h3, h4, h5, h6, p, li, span):not(.cta-btn, .cta-btn *) {
color: inherit !important;
} .nyis-fa-icon-img {
display: block;
width: 60%;
height: 60%;
object-fit: contain;
}
.fa-qual-icon .nyis-fa-icon-img {
width: 16px;
height: 16px;
} .nyis-fa-block .step-desc a,
.nyis-fa-block .kc-card-desc a,
.nyis-fa-block .fa-qual-list a,
.nyis-fa-block .fa-deadline-text a {
color: var(--purple-base);
font-weight: 600;
text-decoration: underline;
overflow-wrap: anywhere;
}
.fa-qual-card--desired .fa-qual-list a {
color: var(--white);
}.ws-hero {
position: relative;
display: flex;
justify-content: center;
min-height: 575px;
padding: calc(var(--header-h) + 107px) 24px 73px;
background-color: #1E293B;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
color: var(--white, #FFFFFF);
text-align: center;
} .ws-hero.nyis-fa-has-overlay::before {
mix-blend-mode: multiply;
}
.ws-hero-inner {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1104px;
}
.ws-hero .ws-hero-eyebrow {
margin: 0;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: inherit;
}
.ws-hero .ws-hero-title {
margin: 0;
padding-top: 20px;
max-width: 792px;
font-family: 'Sora', sans-serif;
font-weight: 700;
font-size: 50px;
line-height: 140%;
color: inherit;
}
.ws-hero .ws-hero-subtitle {
margin: 0;
padding-top: 20px;
max-width: 672px;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: inherit;
}
.ws-hero .ws-hero-desc {
margin: 0;
padding-top: 16px;
max-width: 884px;
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: inherit;
opacity: .85;
}
.ws-hero .ws-hero-meta {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px 28px;
width: 100%;
max-width: 672px;
margin: 28px 0 0;
padding: 20px 0 0;
border-top: 1px solid rgba(255, 255, 255, .3);
list-style: none;
}
.ws-hero .ws-hero-meta li {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: inherit;
}
.ws-hero-meta-icon {
display: inline-flex;
flex-shrink: 0;
width: 16px;
height: 16px;
}
.ws-hero-meta-icon svg {
width: 16px;
height: 16px;
}
@media (max-width: 991px) {
.ws-hero {
min-height: 0;
padding: calc(var(--header-h) + 64px) 24px 56px;
}
.ws-hero .ws-hero-title {
font-size: 40px;
}
.ws-hero .ws-hero-subtitle {
font-size: 20px;
line-height: 28px;
}
}
@media (max-width: 600px) {
.ws-hero {
padding: calc(var(--header-h) + 40px) 16px 48px;
}
.ws-hero .ws-hero-title {
font-size: 32px;
}
.ws-hero .ws-hero-subtitle {
font-size: 18px;
line-height: 26px;
}
} .ws-schedule {
background: #F9FAFB;
} .ws-schedule-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: 24px;
}
.ws-schedule .ws-schedule-head {
max-width: 672px;
}
.ws-schedule .ws-schedule-eyebrow {
margin: 0;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #2B7ACA;
}
.ws-schedule .ws-schedule-title {
margin: 0;
padding-top: 12px;
font-family: 'Sora', sans-serif;
font-weight: 700;
font-size: 40px;
line-height: 54px;
color: #0B3C5D;
}
.ws-schedule .ws-schedule-intro {
margin: 0;
padding-top: 8px;
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 146%;
color: #444444;
} .ws-schedule-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
gap: 24px;
margin-top: 32px;
} .ws-webinar {
display: flex;
flex-direction: column;
overflow: hidden;
background: #FFFFFF;
border: 1px solid #DAE0E7;
border-top: 0;
border-radius: 16px;
}
.ws-webinar-media {
display: block;
background: #E6EBF2;
} .ws-webinar-img {
display: block;
width: 100%;
height: auto;
}
.ws-webinar-body {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
padding: 24px;
}
.ws-webinar .ws-webinar-title {
margin: 0;
padding-bottom: 10px;
font-family: 'Sora', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 150%;
color: #0B3C5D;
}
.ws-webinar-meta {
display: flex;
width: 100%;
}
.ws-webinar .ws-webinar-meta p {
display: flex;
flex: 1 1 0;
align-items: center;
gap: 6px;
margin: 0;
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #647287;
}
.ws-webinar-meta-icon {
display: inline-flex;
flex-shrink: 0;
width: 16px;
height: 16px;
color: #018BCF;
}
.ws-webinar-meta-icon svg {
width: 16px;
height: 16px;
}
.ws-webinar-actions {
margin-top: auto;
padding-top: 20px;
} .ws-webinar .ws-webinar-soon {
margin: 0;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--purple-800);
} .cta-btn.ws-btn-outline {
background: transparent;
border: 1px solid #B0DBF0;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #222222;
}
.cta-btn.ws-btn-outline .arrow-circle {
background: #018BCF;
}
.cta-btn.ws-btn-outline:hover {
background: #018BCF;
border-color: #018BCF;
color: #FFFFFF;
}
.cta-btn.ws-btn-outline:hover .arrow-circle {
background: #FFFFFF;
}
.cta-btn.ws-btn-outline:hover .arrow-circle svg path {
stroke: #018BCF;
} .cta-btn.ws-btn-solid {
background: #017DBA;
border: 1px solid #017DBA;
color: #FFFFFF;
}
.cta-btn.ws-btn-solid .arrow-circle {
background: #FFFFFF;
}
.cta-btn.ws-btn-solid .arrow-circle svg path,
.cta-btn.ws-btn-solid:hover .arrow-circle svg path {
stroke: #017DBA;
}
.cta-btn.ws-btn-solid:hover {
background: #0B3C5D;
border-color: #0B3C5D;
color: #FFFFFF;
}
.cta-btn.ws-btn-solid:hover .arrow-circle {
background: #FFFFFF;
} .cta-btn.ws-btn-solid:hover .arrow-circle svg path,
.cta-btn.ws-btn-solid.whatsnew-enlarge:hover .arrow-circle svg path {
stroke: #0B3C5D;
} .cta-btn.ws-btn-download:hover .arrow-circle svg {
transform: none;
}
@media (max-width: 1199px) {
.ws-schedule-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.ws-schedule .ws-schedule-title {
font-size: 30px;
line-height: 40px;
}
.ws-schedule-grid {
grid-template-columns: minmax(0, 1fr);
}
.ws-webinar-actions {
padding-top: 32px;
}
} .datagateway.announcement.ws-archive {
padding: 40px 0;
background: #017DBA;
}
.datagateway.announcement.ws-archive .datagateway-title {
margin: 0 0 10px;
font-size: 40px;
line-height: 54px;
color: #FFFFFF;
}
.datagateway.announcement.ws-archive .datagateway-desc {
font-family: 'Sora', sans-serif;
font-size: 18px;
line-height: 150%;
color: #FFFFFF;
}
.datagateway.announcement.ws-archive .datagateway-action .cta-btn.ws-archive-cta {
background: #D9EEF8;
border-color: #D9EEF8;
color: #018BCF;
}
.datagateway.announcement.ws-archive .datagateway-action .cta-btn.ws-archive-cta:hover {
background: #FFFFFF;
border-color: #FFFFFF;
}
.datagateway.announcement.ws-archive .cta-btn.btn-blue.btn-large.ws-archive-cta .arrow-circle,
.datagateway.announcement.ws-archive .cta-btn.btn-blue.btn-large.ws-archive-cta:hover .arrow-circle {
background: #018BCF;
}
@media (max-width: 1024px) {
.datagateway.announcement.ws-archive .datagateway-title {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 640px) {
.datagateway.announcement.ws-archive .datagateway-title {
font-size: 30px;
line-height: 38px;
}
.datagateway.announcement.ws-archive .datagateway-desc {
font-size: 16px;
}
}