#main-content .glwa-centered-with-images,
.glwa-centered-with-images {
background: #f5f5f5;
padding: 110px 0 90px;
}
#main-content .glwa-centered-with-images__inner,
.glwa-centered-with-images__inner {
margin: 0 auto;
}
#main-content .glwa-centered-with-images__top,
.glwa-centered-with-images__top {
margin: 0 auto 56px;
text-align: center;
}
#main-content .glwa-centered-with-images__headline,
.glwa-centered-with-images__headline {
margin: 0;
color: #0031A7;
margin: 0 auto;
}
#main-content .glwa-centered-with-images__headline strong,
.glwa-centered-with-images__headline strong {
color: #00B476;
font-weight: inherit;
}
#main-content .glwa-centered-with-images__copy,
.glwa-centered-with-images__copy {
max-width: 720px;
margin: 40px auto 0;
color: #02216E;
}
#main-content .glwa-centered-with-images__copy p + p,
.glwa-centered-with-images__copy p + p {
margin-top: 30px;
}
#main-content .glwa-centered-with-images__actions,
.glwa-centered-with-images__actions {
margin-top: 40px;
}
#main-content .glwa-centered-with-images__grid,
.glwa-centered-with-images__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
align-items: stretch;
}
#main-content .glwa-centered-with-images__card,
.glwa-centered-with-images__card {
position: relative;
overflow: hidden;
border-radius: 8px;
background: #DDE6EA;
aspect-ratio: 1/1;
}
#main-content .glwa-centered-with-images__card img,
.glwa-centered-with-images__card img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1024px) {
#main-content .glwa-centered-with-images,
.glwa-centered-with-images {
padding: 90px 0 80px;
}
#main-content .glwa-centered-with-images__top,
.glwa-centered-with-images__top {
max-width: 760px;
margin-bottom: 40px;
}
#main-content .glwa-centered-with-images__copy,
.glwa-centered-with-images__copy {
font-size: 18px;
}
#main-content .glwa-centered-with-images__grid,
.glwa-centered-with-images__grid {
gap: 20px;
}
}
@media (max-width: 767px) {
#main-content .glwa-centered-with-images,
.glwa-centered-with-images {
padding: 72px 0 64px;
}
#main-content .glwa-centered-with-images__top,
.glwa-centered-with-images__top {
margin-bottom: 32px;
}
#main-content .glwa-centered-with-images__copy,
.glwa-centered-with-images__copy {
margin-top: 24px;
font-size: 16px;
}
#main-content .glwa-centered-with-images__actions,
.glwa-centered-with-images__actions {
margin-top: 26px;
}
#main-content .glwa-centered-with-images__grid,
.glwa-centered-with-images__grid {
grid-template-columns: 1fr;
gap: 16px;
}
#main-content .glwa-centered-with-images__card,
.glwa-centered-with-images__card {
aspect-ratio: 4/3;
}
}
#main-content .glwa-centered-with-images.glwa-section-bg--white,
.glwa-centered-with-images.glwa-section-bg--white {
background: #f5f5f5;
}
#main-content .glwa-centered-with-images.glwa-section-bg--light-blue,
.glwa-centered-with-images.glwa-section-bg--light-blue {
background: #67CCFF;
}
#main-content .glwa-centered-with-images.glwa-section-bg--blue,
.glwa-centered-with-images.glwa-section-bg--blue {
background: #0031A7;
}
#main-content .glwa-centered-with-images.glwa-section-bg--dark-blue,
.glwa-centered-with-images.glwa-section-bg--dark-blue {
background: #02216E;
}
#main-content .glwa-centered-with-images.glwa-section-bg--navy,
.glwa-centered-with-images.glwa-section-bg--navy {
background: #001F45;
}
#main-content .glwa-centered-with-images.glwa-section-bg--green,
.glwa-centered-with-images.glwa-section-bg--green {
background: #00B476;
}
#main-content .glwa-centered-with-images.glwa-section-bg--blue .glwa-centered-with-images__headline,
#main-content .glwa-centered-with-images.glwa-section-bg--blue .glwa-centered-with-images__copy, #main-content .glwa-centered-with-images.glwa-section-bg--dark-blue .glwa-centered-with-images__headline,
#main-content .glwa-centered-with-images.glwa-section-bg--dark-blue .glwa-centered-with-images__copy, #main-content .glwa-centered-with-images.glwa-section-bg--navy .glwa-centered-with-images__headline,
#main-content .glwa-centered-with-images.glwa-section-bg--navy .glwa-centered-with-images__copy,
.glwa-centered-with-images.glwa-section-bg--blue .glwa-centered-with-images__headline,
.glwa-centered-with-images.glwa-section-bg--blue .glwa-centered-with-images__copy,
.glwa-centered-with-images.glwa-section-bg--dark-blue .glwa-centered-with-images__headline,
.glwa-centered-with-images.glwa-section-bg--dark-blue .glwa-centered-with-images__copy,
.glwa-centered-with-images.glwa-section-bg--navy .glwa-centered-with-images__headline,
.glwa-centered-with-images.glwa-section-bg--navy .glwa-centered-with-images__copy {
color: #f5f5f5;
}
#main-content .glwa-centered-with-images.glwa-section-bg--green .glwa-centered-with-images__headline,
#main-content .glwa-centered-with-images.glwa-section-bg--green .glwa-centered-with-images__copy,
.glwa-centered-with-images.glwa-section-bg--green .glwa-centered-with-images__headline,
.glwa-centered-with-images.glwa-section-bg--green .glwa-centered-with-images__copy {
color: #02216E;
}
#main-content .glwa-centered-with-images.glwa-accent--cobalt .glwa-centered-with-images__headline strong,
.glwa-centered-with-images.glwa-accent--cobalt .glwa-centered-with-images__headline strong {
color: #0031A7;
}
#main-content .glwa-centered-with-images.glwa-accent--light-blue .glwa-centered-with-images__headline strong,
.glwa-centered-with-images.glwa-accent--light-blue .glwa-centered-with-images__headline strong {
color: #44B8F3;
}
#main-content .glwa-centered-with-images.glwa-accent--green .glwa-centered-with-images__headline strong,
.glwa-centered-with-images.glwa-accent--green .glwa-centered-with-images__headline strong {
color: #00B476;
}
#main-content .glwa-centered-with-images.glwa-accent--yellow .glwa-centered-with-images__headline strong,
.glwa-centered-with-images.glwa-accent--yellow .glwa-centered-with-images__headline strong {
color: #FFD447;
}
#main-content .glwa-centered-with-images.glwa-accent--orange .glwa-centered-with-images__headline strong,
.glwa-centered-with-images.glwa-accent--orange .glwa-centered-with-images__headline strong {
color: #F7941D;
}
#main-content .glwa-centered-with-images.glwa-accent--white .glwa-centered-with-images__headline strong,
.glwa-centered-with-images.glwa-accent--white .glwa-centered-with-images__headline strong {
color: #f5f5f5;
}
#main-content .glwa-centered-with-images.glwa-section-bg--green.glwa-accent--green .glwa-centered-with-images__headline strong,
.glwa-centered-with-images.glwa-section-bg--green.glwa-accent--green .glwa-centered-with-images__headline strong {
color: #02216E;
}
#main-content .glwa-centered-with-images.glwa-section-bg--blue.glwa-accent--cobalt .glwa-centered-with-images__headline strong, #main-content .glwa-centered-with-images.glwa-section-bg--dark-blue.glwa-accent--cobalt .glwa-centered-with-images__headline strong, #main-content .glwa-centered-with-images.glwa-section-bg--navy.glwa-accent--cobalt .glwa-centered-with-images__headline strong,
.glwa-centered-with-images.glwa-section-bg--blue.glwa-accent--cobalt .glwa-centered-with-images__headline strong,
.glwa-centered-with-images.glwa-section-bg--dark-blue.glwa-accent--cobalt .glwa-centered-with-images__headline strong,
.glwa-centered-with-images.glwa-section-bg--navy.glwa-accent--cobalt .glwa-centered-with-images__headline strong {
color: #f5f5f5;
}
#main-content .glwa-centered-with-images .section_links.glwa-centered-with-images__actions,
.glwa-centered-with-images .section_links.glwa-centered-with-images__actions {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 14px;
}
#main-content .glwa-centered-with-images .glwa-btn__icon,
.glwa-centered-with-images .glwa-btn__icon {
display: inline-flex;
width: 1em;
height: 1em;
margin-left: 0.55em;
align-items: center;
justify-content: center;
}
#main-content .glwa-centered-with-images .glwa-btn__icon svg,
.glwa-centered-with-images .glwa-btn__icon svg {
display: block;
width: 1em;
height: 1em;
fill: currentColor;
}
#main-content .glwa-learning-page__below-content .glwa-centered-with-images.glwa-section-bg--blue:not(.block-editor-block-list__block), #main-content .glwa-learning-page__below-content .glwa-centered-with-images.glwa-section-bg--dark-blue:not(.block-editor-block-list__block), #main-content .glwa-learning-page__below-content .glwa-centered-with-images.glwa-section-bg--navy:not(.block-editor-block-list__block), #main-content .glwa-learning-page__below-content .glwa-centered-with-images.glwa-section-bg--green:not(.block-editor-block-list__block) {
background: transparent;
}