:root {
--bg-america-twofifty: url('data:image/svg+xml,');
--bg-top-desktop: url('data:image/svg+xml,');
--bg-top-tablet: url('data:image/svg+xml,');
--bg-top-mobile: url('data:image/svg+xml,');
--bg-bottom-desktop: url('data:image/svg+xml,');
--bg-bottom-tablet: url('data:image/svg+xml,');
--bg-bottom-mobile: url('data:image/svg+xml,');
}
.paragraph.paragraph--type--feature-hero.highlight--gold .field--name-field-paragraph-title {
background: #72cdf4;
box-shadow: 20px 0 0 #72cdf4,-16px 0 0 #72cdf4;
}
.paragraph.paragraph--type--feature-hero.highlight--gold .field--name-field-subhead-highlight {
background: #72cdf4;
box-shadow: 20px 0 0 #72cdf4,-20px 0 0 #72cdf4;
}
.paragraph--type--feature-hero .feature-header h1 { max-width: 235px; }
.paragraph--type--full-width-content {
background-repeat: no-repeat;
}
.paragraph--type--full-width-content.corner-graphic::before,
.paragraph--type--full-width-content.corner-graphic::after { display: none; }
.paragraph--type--full-width-content h2 { font-size: 2rem; }
.paragraph--type--full-width-content h3 { font-size: 1.88889rem; }
.cta__white a { background-image: linear-gradient(to bottom,#fff 50%,#72cdf4 50%); }
.paragraph--type--full-width-content:nth-of-type(1) {
padding-top: 60px;
padding-bottom: 435px;
background-image: var(--bg-america-twofifty), var(--bg-top-mobile);
background-position: 50% calc(100% - 220px), 50% 100%;
background-size: 193px 150px, auto auto;
}
.paragraph--type--full-width-content:nth-of-type(2) {
padding-top: 0;
padding-bottom: 0;
/* background: linear-gradient(180deg, rgba(114, 205, 244, 0.25) 0.01%, rgba(119, 206, 238, 0.25) 0.01%, rgba(189, 227, 246, 0.25) 18.07%, rgba(180, 222, 228, 0.25) 25.36%, rgba(255, 229, 82, 0.25) 39.57%,
rgba(255, 210, 0, 0.25) 53.14%, rgba(255, 229, 82, 0.25) 68.47%, rgba(189, 227, 246, 0.25) 86.95%, rgba(114, 205, 244, 0.25) 99.91%); */
background-image: linear-gradient(180deg, #72cdf4 0%, #77ceee 1%, #BDE3F6 18%, #b4dee4 25.36%, #ffe552 39.57%, #ffd200 53.14%, #ffe552 68.47%, #BDE3F6 87%, #72CDF4 100%);
/* background-image: linear-gradient(180deg, #72cdf4 0%, #72cdf4 1%, #BDE3F6 24%, #F8E45A 46.59%, #F8E45A 61.23%, #BDE3F6 82.32%, #72CDF4 99%, #72CDF4 100%);
background-image: linear-gradient(in oklch 180deg, #72cdf4 0%, #72cdf4 1%, #BDE3F6 24%, #F8E45A 46.59%, #F8E45A 61.23%, #BDE3F6 82.32%, #72CDF4 99%, #72CDF4 100%); */
}
.paragraph--type--full-width-content:nth-of-type(2) .raw-html-embed {
padding-top: 60px;
padding-bottom: 60px;
/* background-image: linear-gradient(in oklch 180deg, #72cdf4 0%, #72cdf4 1%, #BDE3F6 24%, #F8E45A 46.59%, #F8E45A 61.23%, #BDE3F6 82.32%, #72CDF4 99%, #72CDF4 100%);
background-image: linear-gradient(180deg, #72cdf4 0%, #72cdf4 1%, #BDE3F6 24%, #F8E45A 46.59%, #F8E45A 61.23%, #BDE3F6 82.32%, #72CDF4 99%, #72CDF4 100%); */
background-image: linear-gradient(180deg, #72cdf4 0%, #77ceee 1%, #BDE3F6 18%, #b4dee4 25.36%, #ffe552 39.57%, #ffd200 53.14%, #ffe552 68.47%, #BDE3F6 87%, #72CDF4 100%);
}
.mbgCard {
position: relative;
width: 100%;
padding: calc(375 / 336 * 100%) 0 0;
overflow: hidden;
}
.mbgCard::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
display: block;
opacity: .75;
mix-blend-mode: multiply;
transition-duration: .5s;
transition-property: top left bottom right;
transition-timing-function: ease-in-out;
background-size: 200%;
background-position: 95% 0;
}
.mbgCard.mbgCard--zoomed::after {
top: -2%;
bottom: -2%;
left: -2%;
right: -2%;
}
.mbgCard + .mbgCard { margin-top: 60px; }
.mbgCard:nth-of-type(1)::after { background-image: url(/sites/default/files/2026-05/america-250-section1.png); }
.mbgCard:nth-of-type(2)::after { background-image: url(/sites/default/files/2026-05/america-250-section2.png); }
.mbgCard:nth-of-type(3)::after { background-image: url(/sites/default/files/2026-05/america-250-section3.png); }
.mbgCard:nth-of-type(4)::after{ background-image: url(/sites/default/files/2026-05/america-250-section4.png); }
.mbgCard__text {
position: relative;
z-index: 1;
padding: 35px 20px;
background-color: #fff;
}
.mbgCard__text p { margin: 0; }
.paragraph--type--full-width-content:nth-of-type(3) {
padding-top: 110px;
padding-bottom: 120px;
background-image: var(--bg-bottom-mobile);
background-position: max(0%, 100%) 0;
}
.paragraph--type--full-width-content:nth-of-type(3) h2 { max-width: 60%; min-width: 240px; }
.paragraph--type--full-width-content:nth-of-type(3) p.body__large { max-width: 470px; }
@media (min-width:576px) {
.paragraph--type--full-width-content h3 { font-size: 2.55556rem; }
.paragraph--type--full-width-content:nth-of-type(1) {
padding-top: 60px;
padding-bottom: 490px;
background-image: var(--bg-america-twofifty), var(--bg-top-tablet);
background-position: 50% calc(100% - 227px), 50% 100%;
background-size: 257px 200px, auto auto;
}
.mbgCard {
padding: calc(375 / 495 * 100%) 0 0;
}
.mbgCard::after {
background-size: 150%;
background-position: 100% -10%;
}
}
@media (min-width:768px) {
.paragraph--type--feature-hero .feature-header h1 { max-width: 425px; }
.paragraph--type--full-width-content:nth-of-type(2) .raw-html-embed {
padding-top: 80px;
padding-bottom: 80px;
}
.mbgCard__text {
padding: 60px 40px 50px;
}
.paragraph--type--full-width-content:nth-of-type(3) {
padding-top: 140px;
padding-bottom: 100px;
background-image: var(--bg-bottom-tablet);
background-position: 100% 0;
}
.paragraph--type--full-width-content:nth-of-type(3) h2 {
font-size: 2.55556rem;
max-width: 450px;
}
.paragraph--type--full-width-content:nth-of-type(3) p.body__large {
font-size: 1.11111rem !important;
max-width: 590px;
}
}
@media (min-width:992px) {
.paragraph--type--full-width-content h2 { font-size: 2.55556rem; }
.paragraph--type--full-width-content p.body__large { font-size: 1.11111rem !important; }
.paragraph--type--full-width-content:nth-of-type(1) {
padding-top: 100px;
padding-bottom: 240px;
background-image: var(--bg-america-twofifty), var(--bg-top-desktop);
background-position: min(calc(100% - 40px), calc(50% + 450px)) 100px, max(40px, calc(50vw - 700px)) 100%;
background-size: auto auto;
}
.paragraph--type--full-width-content:nth-of-type(1) h2,
.paragraph--type--full-width-content:nth-of-type(1) p { width: calc(100% - 362px); }
.paragraph--type--full-width-content:nth-of-type(3) {
padding-top: 140px;
padding-bottom: 140px;
background-image: var(--bg-bottom-desktop);
background-position: calc(50% + 600px) 0;
}
.paragraph--type--full-width-content:nth-of-type(3) h2,
.paragraph--type--full-width-content:nth-of-type(3) p { max-width: 50%; }
}
@media (min-width:1130px) {
.mbgCard {
display: flex;
height: calc((100vw - 80px) * .5645); /* 56.45%; */
max-height: 790px;
padding: 65px;
}
.mbgCard::after {
background-size: cover;
background-position: unset;
}
.mbgCard__text {
display: flex;
flex-direction: column;
justify-content: center;
flex: 0 0 44.355%;
padding: 40px;
background-color: #fff;
}
}