Community Corner
In Calexicoa Retail Culture Built to Last
The membership that gives you free deliverygas savingsmovies & more*
Start your Walmart+ free 30-day trial →
*Restrictions apply. One free trial per member. See benefit terms.
<>
:root {
/* font */
--Corporate-Font-Banner-Headline-Large: 'Everyday Sans Headline Web'ArialHelveticasans-serif;
--Corporate-Font-All-Primary: 'EverydaySans'ArialHelveticasans-serif;
--Corporate-Font-Size-1100: 90px;
--Corporate-Font-Size-1000: 64px;
--Corporate-Font-Size-900: 48px;
--Corporate-Font-Size-850: 42px;
--Corporate-Font-Size-800: 36px;
--Corporate-Font-Size-700: 32px;
--Corporate-Font-Size-650: 30px;
--Corporate-Font-Size-600: 24px;
--Corporate-Font-Size-500: 20px;
--Corporate-Font-Size-400: 18px;
--Corporate-Font-Size-300: 16px;
--Corporate-Font-Size-200: 14px;
--Corporate-Font-Size-100: 12px;
--Corporate-Font-Line-Height-1100: 112px;
--Corporate-Font-Line-Height-1000: 80px;
--Corporate-Font-Line-Height-900: 60px;
--Corporate-Font-Line-Height-850: 56px;
--Corporate-Font-Line-Height-800: 48px;
--Corporate-Font-Line-Height-700: 45px;
--Corporate-Font-Line-Height-650: 34px;
--Corporate-Font-Line-Height-600: 32px;
--Corporate-Font-Line-Height-550: 28px;
--Corporate-Font-Line-Height-500: 28px;
--Corporate-Font-Line-Height-400: 24px;
--Corporate-Font-Line-Height-300: 24px;
--Corporate-Font-Line-Height-200: 20px;
--Corporate-Font-Line-Height-100: 16px;
--ld-semantic-color-text-inverse: #fff;
--ld-semantic-color-text-accent-blue: #0053E2;
--ld-semantic-color-link-text-hover: #002185;
--ld-semantic-color-link-text-focused: #002185;
--ld-semantic-color-link-text-pressed: #001E60;
--ld-semantic-color-text-accent-gray: #74767C;
--Corporate-Font-Heading-Weight-Default: 700;
--Corporate-Font-Body-Weight-Default: 400;
--ld-semantic-color-separator: #e3e4e5;
}
@font-face {
font-family: 'Everyday Sans Headline Web';
src: url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-Light-Web.woff2') format('woff2'),
url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-Light-Web.woff') format('woff');
font-weight: 300;
font-: normal;
}
@font-face {
font-family: 'Everyday Sans Headline Web';
src: url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-LightItalic-Web.woff2') format('woff2'),
url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-LightItalic-Web.woff') format('woff');
font-weight: 300;
font-: italic;
}
@font-face {
font-family: 'Everyday Sans Headline Web';
src: url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-Regular-Web.woff2') format('woff2'),
url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-Regular-Web.woff') format('woff');
font-weight: 400;
font-: normal;
}
@font-face {
font-family: 'Everyday Sans Headline Web';
src: url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-RegularItalic-Web.woff2') format('woff2'),
url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-RegularItalic-Web.woff') format('woff');
font-weight: 400;
font-: italic;
}
@font-face {
font-family: 'Everyday Sans Headline Web';
src: url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-Medium-Web.woff2') format('woff2'),
url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-Medium-Web.woff') format('woff');
font-weight: 500;
font-: normal;
}
@font-face {
font-family: 'Everyday Sans Headline Web';
src: url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-MediumItalic-Web.woff2') format('woff2'),
url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-MediumItalic-Web.woff') format('woff');
font-weight: 500;
font-: italic;
}
@font-face {
font-family: 'Everyday Sans Headline Web';
src: url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-Bold-Web.woff2') format('woff2'),
url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-Bold-Web.woff') format('woff');
font-weight: 700;
font-: normal;
}
@font-face {
font-family: 'Everyday Sans Headline Web';
src: url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-BoldItalic-Web.woff2') format('woff2'),
url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-BoldItalic-Web.woff') format('woff');
font-weight: 700;
font-: italic;
}
@font-face {
font-family: 'Everyday Sans Headline Web';
src: url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-Black-Web.woff2') format('woff2'),
url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-Black-Web.woff') format('woff');
font-weight: 900;
font-: normal;
}
@font-face {
font-family: 'Everyday Sans Headline Web';
src: url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-BlackItalic-Web.woff2') format('woff2'),
url('/content/dam/corporate/images/ng-corp-site/fonts/EverydaySansHeadline-BlackItalic-Web.woff') format('woff');
font-weight: 900;
font-: italic;
}
.ng-corp-wrapper {
position: relative;
width: 100%;
max-width: 1924px;
margin: 0 auto;
}
.walmart-sky-blue {
background: #e9f1fe
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--Corporate-Font-Banner-Headline-Large);
font-weight: 700;
}
.cta-button {
height: unset;
margin: 10px 3px;
padding: 4px 20px;
border: 0;
border-radius: 50px;
font-family: var(--Corporate-Font-All-Primary);
font-: var(--Corporate-Font-All-Primary);
font-weight: var(--Corporate-Font-Heading-Weight-Default);
font-size: 14px;
outline: 0;
white-space: nowrap;
transition: .25s all;
}
.cta-button.cta-button-lg {
width: fit-content;
margin: 20px 0 0 0;
padding: 10px 24px;
font-size: 16px;
}
.cta-button:hover {
text-decoration: none;
}
.cta-button:first-child {
margin-left: 0;
}
.cta-button:last-child {
margin-right: 0;
}
.cta-button.primary {
background: #0053e2;
color: #fff;
}
.cta-button.primary:hover {
background: #0053e2;
}
.cta-button.primary:active {
background: #001E60;
}
.cta-button.secondary {
color: #000;
background: #fff;
box-shadow: inset 0 0 0 1px #000;
}
.cta-button.secondary:hover {
box-shadow: inset 0 0 0 2px #000;
}
.cta-button.secondary:active {
background: #2e2f32;
color: #fff;
box-shadow: unset;
}
.cta-button.secondary.light {
color: #fff;
background: unset;
box-shadow: inset 0 0 0 1px #fff;
}
.cta-button.secondary.light:hover {
box-shadow: inset 0 0 0 2px #fff;
}
.cta-button.spark {
background: #ffc220;
color: #000;
}
.cta-button.spark.vert-nav {
position: relative;
top: 20px;
margin: 20px 0;
}
/* Set overline/franchise text s */
.ng-headline-component-container .ng-section-container .headline-card .headline-card-franchise,
.ng-headline-component-container .ng-section-container .headline-card .headline-card-franchise a,
.ng-headline-component-container .ng-section-container .headline-card.tertiary-card .headline-card-franchise,
.split-block-container .sb-content-container .upper-section .sb-franchise-container,
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-franchise {
color: var(--ld-semantic-color-text-accent-gray);
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-20014px);
font-: normal;
font-weight: var(--Corporate-Font-Body-Weight-Alt700);
line-height: var(--Corporate-Font-Line-Height-20020px);
letter-spacing: 0.7px;
text-transform: uppercase;
}
/* Set tag text s */
.ng-headline-component-container .ng-section-container .headline-card .headline-card-tag-container a,
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-card-metadata .trending-card-metadata-footer .trending-tag-container li {
color: var(--ld-semantic-color-text-info#0053E2);
font-family: var(--Corporate-Font-All-Primary"Everyday Sans UI");
font-size: var(--Corporate-Font-Size-20014px);
font-: normal;
font-weight: var(--Corporate-Font-Body-Weight-Default400);
line-height: var(--Corporate-Font-Line-Height-20020px);
}
.walmart-off-white {
background: #f1f1f2;
}
/* CUSTOMIZATIONS */
.split-block-container.has-video .rr-banner {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.split-block-container.has-video .rr-banner h2 {
color: #fff;
font-size: var(--Corporate-Font-Size-1000);
}
.split-block-container.has-video .rr-banner h2 .gt-green-text {
color: #08F448;
}
.pixel-element {
display: inline-block;
width: 24px;
height: 24px;
margin: 0 3px;
background: rgba(8244721);
}
.pixel-element.blink-white {
animation: blinkWhiteGreenAnim 1.5s linear 0s infinite;
}
@keyframes blinkWhiteTransparentAnim {
0% {
background: rgba(8244721);
}
50% {
background: rgba(8244721);
}
51% {
background: rgba(2552552550);
}
100% {
background: rgba(2552552550);
}
}
@keyframes blinkWhiteGreenAnim {
0% {
background: rgba(8244721);
}
50% {
background: rgba(8244721);
}
51% {
background: rgba(2552552551);
}
100% {
background: rgba(2552552551);
}
}
/* HERO */
.ng-hero-container {
display: flex;
align-items: center;
justify-content: center;
position: relative;
right: 50%;
left: 50%;
width: 100vw;
max-width: 100vw;
margin-left: -50vw;
margin-right: -50vw;
}
.ng-hero-container.content-x-center {
justify-content: center;
}
.ng-hero-container.content-y-bottom {
align-items: flex-end;
}
.ng-hero-container.content-y-bottom .ng-hero-content-container {
padding: 0 5vw 10vw 5vw;
}
.ng-hero-container.aspect-21-9,
.ng-hero-container.has-video.aspect-21-9 {
aspect-ratio: 21 / 9;
}
.ng-hero-container .cta-button:after {
display: none;
}
.ng-hero-container .ng-bg-image-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.ng-hero-container .ng-bg-image-container .jb-bg-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(000.33);
}
.ng-hero-container .ng-bg-image-container .jb-bg-overlay.half-darkness {
background: rgba(0000.15);
}
.ng-hero-container .ng-bg-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ng-hero-container .ng-bg-image-container img.hero-mobile-image {
display: none;
}
/* hero with video subclass */
.ng-hero-container.has-video {
max-height: 80vh;
min-height: 520px;
aspect-ratio: 16 / 9;
overflow: hidden;
}
.ng-hero-container.has-video .ng-bg-image-container iframe{
position: absolute;
top:0;
left:0;
border:0;
}
.ng-hero-container.has-video .ng-bg-image-container iframe.desktop-hero-video {
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 16 / 9;
}
.ng-hero-container.has-video .ng-bg-image-container iframe.mobile-hero-video {
display: none;
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 9 / 16;
}
.ng-hero-container.has-video.mobile-aspect-1-1 .ng-bg-image-container iframe.mobile-hero-video {
aspect-ratio: 1 / 1;
}
.ng-hero-container .ng-hero-content-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1840px;
margin: 0 auto;
padding: 198px 5vw;
text-align: center;
}
.ng-hero-container .ng-hero-content-container h1 {
margin: 0 0 8px 0;
color: var(--ld-semantic-color-text-inverse);
/* Title Shadow */
text-shadow: 0 4px 4px rgba(0000.25);
/* Corporate/TextStyle/Banner/Large/Default */
font-family: var(--Corporate-Font-Banner-Headline-Large);
/* font-size: var(--Corporate-Font-Size-110090px); */
font-size: 72px;
font-: normal;
font-weight: var(--Corporate-Font-Banner-Weight-Default900);
/* line-height: var(--Corporate-Font-Line-Height-1100112px); */
line-height: 1.1;
/* 124.444% */
}
.ng-hero-container .ng-hero-content-container p {
margin: 0;
color: var(--White#FFF);
/* Subtitle Shadow */
text-shadow: 0 2px 2px rgba(0000.15);
/* Corporate/TextStyle/Heading/Medium/Default */
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-60024px);
font-: normal;
font-weight: var(--Corporate-Font-Heading-Weight-Default700);
line-height: var(--Corporate-Font-Line-Height-60032px);
/* 133.333% */
}
.ng-hero-container .cta-button {
display: block;
margin-top: 30px;
justify-self: center;
}
.ng-hero-container .auxilary-branding-container {
width: fit-content;
margin-bottom: -12px;
}
.ng-hero-container .auxilary-branding-container .aux-branding-text-container {
color: #ffffff;
font-family: 'Everyday Sans Headline Web'ArialHelveticasans-serif;
font-size: 32px;
font-weight: 900;
/* margin: 0 0 20px 0; */
text-shadow: 0 4px 4px rgba(0000.25);
line-height: 1.2;
}
/* Remove from codebase after Everyday Legends series features */
.ng-hero-container .auxilary-branding-container .strike-container {
display: flex;
justify-content: flex-end;
}
.ng-hero-container .auxilary-branding-container .strike-container svg {
width: 150px;
margin-right: -0.3em;
margin-top: -3.3rem;
}
/* HEADLINE COMPONENT */
.ng-headline-component-container .ingest-data,
.ng-headline-component-container.hide-franchise .headline-card-franchise,
.ng-headline-component-container.hide-date .headline-card-date-container {
display: none;
}
.ng-headline-component-container {
display: grid;
grid-template-columns: 4fr 1fr;
gap: 40px;
width: 100%;
max-width: 1360px;
margin: 0 auto;
}
.ng-headline-component-container .ng-section-container {
display: grid;
gap: 40px;
}
.ng-headline-component-container .ng-section-container.main-section {
grid-template-columns: 2fr 4fr;
}
.ng-headline-component-container .ng-section-container.tertiary-section {
grid-template-columns: 1fr;
}
.ng-headline-component-container .ng-section-container ul {
display: flex;
flex-direction: column;
padding-inline: 0;
height: 100%;
}
.ng-headline-component-container .ng-section-container .headline-card {
/* display: grid;
align-content: flex-start; */
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
margin: 20px 0;
border-radius: 16px;
border: 1px solid var(--ld-semantic-color-separator);
background: var(--ld-semantic-color-surface);
overflow: hidden;
}
.ng-headline-component-container .ng-section-container .headline-card a:hover {
color: var(--ld-semantic-color-link-text-hover);
}
.ng-headline-component-container .ng-section-container .headline-card a:focus {
color: var(--ld-semantic-color-link-text-focused);
}
.ng-headline-component-container .ng-section-container .headline-card a:active {
color: var(--ld-semantic-color-link-text-pressed);
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-content {
padding: 16px 24px;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-metadata {
padding: 0 24px 16px 24px;
}
.ng-headline-component-container .ng-section-container .headline-card:first-child {
margin-top: 0;
}
.ng-headline-component-container .ng-section-container .headline-card:last-child {
margin-bottom: 0;
}
.ng-headline-component-container .ng-section-container .headline-card-container {
height: 100%;
}
.ng-headline-component-container .ng-section-container .headline-card-container ul {
display: grid;
align-content: space-between;
list-: none;
margin: 0;
padding: 0;
padding-inline: 0;
}
.ng-headline-component-container .ng-section-container .headline-card-container ul li {
margin: 1rem 0;
}
.ng-headline-component-container .ng-section-container .headline-card-container .content-stack {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.ng-headline-component-container .ng-section-container .headline-card-container.secondary-section ul li {
flex: 1;
margin: 0;
}
.ng-headline-component-container .ng-section-container .headline-card-container.primary-section {
width: 100%;
/* max-width:660px; */
}
.ng-headline-component-container .ng-section-container .headline-card.primary-card,
.ng-headline-component-container .ng-section-container .headline-card.primary-card a {
display: flex;
flex-direction: column;
justify-content: space-between;
/* justify-content: flex-start; */
height: 100%;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-image-container {
width: 100%;
height: 100%;
border-radius: 8px 8px 0 0;
overflow: hidden;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-image-container.align-bottomright img {
object-position: bottom right;
}
.ng-headline-component-container .ng-section-container .headline-card.primary-card .headline-card-image-container {
max-width: unset;
min-height: 372px;
border-radius: 16px 16px 0 0;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-image-container img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-headline {
margin: 16px 0 0 0;
}
.ng-headline-component-container.hide-franchise .ng-section-container .headline-card .headline-card-headline {
margin: 0;
}
/* .ng-headline-component-container .ng-section-container .headline-card.primary-card .headline-card-headline{
height:128px;
} */
.ng-headline-component-container .ng-section-container .headline-card.primary-card .headline-card-headline a {
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-85042px);
font-: normal;
font-weight: var(--Corporate-Font-Heading-Weight-Default700);
line-height: var(--Corporate-Font-Line-Height-80041px);
/* 95.238% */
overflow: hidden;
}
.ng-headline-component-container .ng-section-container a {
color: #2e2f32;
}
.ng-headline-component-container .ng-section-container .headline-card.secondary-card .headline-card-headline {
margin-top: 8px;
}
.ng-headline-component-container .ng-section-container .headline-card.secondary-card .headline-card-headline a {
display: -webkit-box;
line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-40018px);
font-: normal;
font-weight: var(--Corporate-Font-Heading-Weight-Default700);
line-height: var(--Corporate-Font-Line-Height-20020px);
/* 111.111% */
overflow: hidden;
}
.ng-headline-component-container .ng-section-container .headline-card-container.secondary-section ul {
display: flex;
gap: 40px;
}
.ng-headline-component-container .ng-section-container .headline-card.secondary-card .headline-card-metadata ul li {
line-height: 1;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-description {
display: -webkit-box;
color: #2e2f32;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ng-headline-component-container .ng-section-container a:hover {
text-decoration: underline;
}
/* .ng-headline-component-container .ng-section-container a:hover .headline-card-metadata{
color:#0053e2;
} */
.ng-headline-component-container .ng-section-container a:hover .headline-card-headline {
text-decoration: underline;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-metadata {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-metadata-footer {
display: flex;
flex-direction: row;
margin-top: 32px;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-metadata .headline-card-date-container {
padding-right: 8px;
border-right: solid 1px var(--ld-semantic-color-separator);
color: #6E6E73;
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-20014px);
font-: normal;
font-weight: var(--Corporate-Font-Body-Weight-Default400);
line-height: var(--Corporate-Font-Line-Height-20020px);
/* 142.857% */
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-metadata ul {
display: flex;
flex-direction: row;
list-: none;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-metadata ul li {
margin: 0 0 0 6px;
}
/* Tertiary */
.ng-headline-component-container .ng-section-container.tertiary-section ul {
display: grid;
align-content: space-between;
list-: none;
}
.ng-headline-component-container .ng-section-container.tertiary-section ul li {
margin-top: 20px;
padding-bottom: 20px;
border-bottom: solid 1px var(--ld-semantic-color-separator);
}
.ng-headline-component-container .ng-section-container.tertiary-section ul li:first-child {
margin-top: 0;
}
.ng-headline-component-container .ng-section-container.tertiary-section ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.ng-headline-component-container .ng-section-container .headline-card.tertiary-card {
border: 0;
border-radius: 0;
}
.ng-headline-component-container .ng-section-container .headline-card.tertiary-card .headline-card-content,
.ng-headline-component-container .ng-section-container .headline-card.tertiary-card .headline-card-metadata {
padding: 0;
}
.ng-headline-component-container .ng-section-container .headline-card.tertiary-card:last-child {
margin-bottom: 0;
}
.ng-headline-component-container .ng-section-container .headline-card.tertiary-card .headline-card-franchise {
margin-bottom: 8px;
}
.ng-headline-component-container .ng-section-container .headline-card.tertiary-card .headline-card-headline {
display: -webkit-box;
flex: 2;
margin: 0;
color: #2e2f32;
font-family: 'Everyday Sans Headline Web';
font-size: 14px;
font-weight: 700;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.ng-headline-component-container .ng-section-container .headline-card.tertiary-card .headline-card-description {
display: -webkit-box;
margin: 16px 0;
color: #2e2f32;
font-size: 14px;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 7;
line-clamp: 7;
-webkit-box-orient: vertical;
}
.ng-headline-component-container .ng-section-container .headline-card.headline-card.tertiary-card .headline-card-metadata {
justify-content: flex-start;
margin-top: 10px;
padding: 0;
}
.ng-headline-component-container .ng-section-container.tertiary-section .headline-card-metadata ul li {
margin: 0;
padding: 0 0 0 8px;
border-bottom: 0;
}
.ng-headline-component-container .ng-section-container.tertiary-section .headline-card-metadata .headline-card-metadata-footer {
margin-top: 0;
}
/* .ng-headline-component-container .ng-section-container.tertiary-section .headline-card-metadata .headline-card-metadata-footer .headline-card-tag-container a,
.ng-headline-component-container .ng-section-container.tertiary-section .headline-card-metadata .headline-card-metadata-footer .headline-card-date-container{
font-size: var(--Corporate-Font-Size-10012px);
} */
.ng-headline-component-container .ng-section-container.tertiary-section .headline-card-metadata .headline-card-metadata-footer ul li {
line-height: 1;
}
.ng-headline-component-container.hide-date .ng-section-container .headline-card-metadata ul li {
margin: 0;
padding: 0;
}
.ng-headline-component-container.hide-franchise .ng-section-container.tertiary-section ul {
align-content: flex-start;
}
.split-block-container {
display: flex;
flex-direction: row;
min-height: 520px;
border-radius: 16px;
background: var(--ld-semantic-color-surface#FFF);
box-shadow: 0 -1px 2px 0 rgba(0000.10)0 1px 2px 1px rgba(0000.15);
overflow: hidden;
}
.split-block-container.has-video {
min-height: unset;
}
.split-block-container.has-video .hero-video-container {
position: relative;
width: 100%;
height: 100%;
}
.split-block-container.has-video .hero-video-container iframe {
width: 100%;
height: 100%;
object-fit: cover;
}
.split-block-container.half {
min-height: 257px;
}
.split-block-container .sb-image-container {
flex: 2;
aspect-ratio: 16 / 9;
overflow: hidden;
}
.split-block-container.half .sb-image-container {
flex: 1;
aspect-ratio: 659.85/257.38;
}
.split-block-container .sb-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.split-block-container .sb-content-container {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
padding: 32px 32px 32px 40px;
}
.split-block-container.half .sb-content-container {
flex: 1;
}
.split-block-container .sb-content-container.true-blue {
color: #fff;
background: #0053E2;
}
.split-block-container .sb-content-container.true-blue .upper-section .sb-franchise-container,
.split-block-container .sb-content-container.true-blue .upper-section .sb-headline-container h2,
.split-block-container .sb-content-container.true-blue p {
color: #fff;
}
.split-block-container .sb-content-container.true-blue .lower-section a {
color: #fff;
}
.split-block-container .sb-content-container.true-blue .lower-section a:hover {
text-decoration: underline;
}
.split-block-container .sb-content-container.true-blue .lower-section a span img {
filter: saturate(0) brightness(100) invert(0);
}
/* .split-block-container .sb-content-container .upper-section .sb-franchise-container{
color: var(--ld-semantic-color-link-text#0053E2);
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-20014px);
font-: normal;
font-weight: var(--Corporate-Font-Body-Weight-Alt700);
line-height: var(--Corporate-Font-Line-Height-20020px);
text-transform: uppercase;
letter-spacing: 0.6px;
} */
.split-block-container .sb-content-container .upper-section .sb-headline-container h2 {
margin: 4px 0 12px 0;
font-family: "EverydaySans";
color: var(--Black#2E2F32);
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-85032px);
font-: normal;
font-weight: var(--Corporate-Font-Heading-Weight-Default700);
line-height: var(--Corporate-Font-Line-Height-70030px);
/* 93.75% */
}
.split-block-container.half .sb-content-container .upper-section .sb-headline-container h2 {
color: #FFF;
font-family: var(--Corporate-Font-Banner-Headline-Small"EverydaySans");
font-size: var(--Corporate-Font-Size-90036px);
font-: normal;
font-weight: var(--Corporate-Font-Banner-Weight-Default900);
line-height: var(--Corporate-Font-Line-Height-90044px);
font-weight: 900
}
.split-block-container.half .sb-content-container .upper-section .sb-headline-container h2.extended-text {
font-size: var(--Corporate-Font-Size-80036px);
line-height: var(--Corporate-Font-Line-Height-8001.1);
}
.split-block-container .sb-content-container p {
margin: 0 0 24px 0;
color: var(--Black#2E2F32);
font-family: "EverydaySans";
font-size: 14px;
font-: normal;
font-weight: 400;
line-height: 140%;
/* 19.6px */
}
.split-block-container .sb-content-container .lower-section a {
display: flex;
align-items: center;
color: var(--ld-semantic-color-text-accent-blue);
text-align: center;
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-30016px);
font-: normal;
font-weight: var(--Corporate-Font-Body-Weight-Default400);
line-height: var(--Corporate-Font-Line-Height-30024px);
/* 150% */
}
.split-block-container .sb-content-container .lower-section a:hover {
color: var(--ld-semantic-color-link-text-hover);
}
.split-block-container .sb-content-container .lower-section a:focus {
color: var(--ld-semantic-color-link-text-focused);
}
.split-block-container .sb-content-container .lower-section a:active {
color: var(--ld-semantic-color-link-text-active);
}
.split-block-container .sb-content-container.true-blue .lower-section a:hover,
.split-block-container .sb-content-container.true-blue .lower-section a:focus,
.split-block-container .sb-content-container.true-blue .lower-section a:active {
color: #fff;
}
.split-block-container .sb-content-container .lower-section a img {
width: 14px;
margin-left: 8px;
}
/* TRENDING CARDS */
.trending-container {
display: flex;
flex-direction: column;
}
.trending-container.hide-date .trending-date-container,
.trending-container.hide-franchise .trending-franchise {
display: none;
}
.trending-container .trending-headline-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.trending-container .trending-headline-container h2 {
margin: 0;
color: var(--ld-semantic-color-text);
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-70032px);
font-: normal;
font-weight: var(--Corporate-Font-Heading-Weight-Default700);
line-height: var(--Corporate-Font-Line-Height-70040px);
/* 125% */
}
.trending-container .trending-headline-container a {
color: var(--ld-semantic-color-link-text);
text-decoration: underline;
}
.trending-container .trending-card-container {
display: grid;
grid-template-columns: repeat(31fr);
/* align-items: flex-start; */
gap: 40px;
align-self: stretch;
}
.trending-container .trending-card-container .trending-card {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
background: #fff;
border-radius: 8px;
border: solid 1px var(--ld-semantic-color-separator);
overflow: hidden;
}
.trending-container .trending-card-container .trending-card .trending-card-image-container {
display: flex;
flex-direction: column;
width: 100%;
max-width: 152px;
aspect-ratio: 1 / 1;
align-self: stretch;
}
.trending-container .trending-card-container .trending-card .trending-card-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.trending-container .trending-card-container .trending-card .trending-card-content-container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 16px;
}
/* .trending-container .trending-card-container .trending-card .trending-card-content-container .trending-franchise{
color: var(--ld-semantic-color-text-accent-blue);
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-10012px);
font-: normal;
font-weight: var(--Corporate-Font-Body-Weight-Alt700);
line-height: var(--Corporate-Font-Line-Height-10016px);
letter-spacing: 0.6px;
text-transform: uppercase;
} */
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-headline {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
align-self: stretch;
margin: 8px 0;
color: var(--ld-semantic-color-link-text);
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-40018px);
font-: normal;
font-weight: var(--Corporate-Font-Heading-Weight-Default700);
line-height: var(--Corporate-Font-Line-Height-20020px);
/* 111.111% */
text-overflow: ellipsis;
overflow: hidden;
}
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-headline:hover {
color: var(--ld-semantic-color-link-text-hover);
}
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-headline:focus {
color: var(--ld-semantic-color-link-text-focused);
}
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-headline:active {
color: var(--ld-semantic-color-link-text-active);
}
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-card-metadata {
margin: 10px 0 0 0;
}
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-card-metadata .trending-card-metadata-footer {
display: flex;
flex-direction: row;
align-items: center;
}
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-card-metadata .trending-card-metadata-footer .trending-date-container {
padding-right: 8px;
border-right: solid 1px var(--ld-semantic-color-separator);
color: #6E6E73;
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-10012px);
font-: normal;
font-weight: var(--Corporate-Font-Body-Weight-Default400);
line-height: var(--Corporate-Font-Line-Height-10016px);
/* 133.333% */
}
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-card-metadata .trending-card-metadata-footer .trending-tag-container {
display: flex;
flex-direction: row;
list-: none;
margin: 0;
padding-left: 8px;
color: #6E6E73;
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-10012px);
font-: normal;
font-weight: var(--Corporate-Font-Body-Weight-Default400);
line-height: var(--Corporate-Font-Line-Height-10016px);
/* 133.333% */
}
.trending-container.hide-date .trending-card-container .trending-card .trending-card-content-container .trending-card-metadata .trending-card-metadata-footer .trending-tag-container {
padding-left: 0;
}
/* .trending-container .trending-card-container .trending-card .trending-card-content-container .trending-card-metadata .trending-card-metadata-footer .trending-tag-container li{
list-: none;
color: var(--ld-semantic-color-text-info#0053E2);
text-align: center;
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-10012px);
font-: normal;
font-weight: var(--Corporate-Font-Body-Weight-Default400);
line-height: var(--Corporate-Font-Line-Height-10016px);
} */
/* LINK LIST COMPONENT */
.ng-link-list-container {
width: 100%;
}
.ng-link-list-container ul {
display: grid;
grid-template-columns: repeat(auto-fitminmax(360px1fr));
gap: 40px;
margin: 0;
padding-inline: 0;
list-: none;
}
.ng-link-list-container ul li {
background: #fff;
border-radius: 8px;
/* box-shadow: 0px -1px 2px 0px rgba(0000.10)0px 1px 2px 1px rgba(0000.15); */
border-radius: 8px;
border: solid 1px var(--ld-semantic-color-separator);
background: var(--ld-semantic-color-surface#FFF);
overflow: hidden;
}
.ng-link-list-container ul li a {
position: relative;
display: block;
height: 100%;
color: #2E2F32;
}
.ng-link-list-container ul li a .ng-ll-split {
display: flex;
flex-direction: row;
height: 100%;
}
.ng-link-list-container ul li a .ng-ll-image-container {
max-width: 162px;
border-radius: 8px 0 0 8px;
aspect-ratio: 17 / 10;
overflow: hidden;
}
.ng-link-list-container ul li a .ng-ll-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ng-link-list-container ul li a .ng-ll-content-container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100%;
padding: 36px 36px 36px 16px;
color: var(--Black#2E2F32);
font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-40018px);
font-: normal;
font-weight: var(--Corporate-Font-Heading-Weight-Default700);
line-height: var(--Corporate-Font-Line-Height-40024px);
/* 133.333% */
}
/* MEDIA QUERIES */
@media only screen and (min-width: 1921px) {
.ng-hero-container.has-video {
left: unset;
right: unset;
width: 100%;
max-width: 1920px;
margin: 60px auto 0 auto;
border-radius: 16px;
}
.ng-hero-container.content-y-bottom .ng-hero-content-container {
padding: 0 5vw 5vw 5vw;
}
}
@media only screen and (max-width: 1920px) {
.ng-hero-container.has-video {
position: relative;
right: 50%;
left: 50%;
width: 100vw;
max-width: 100vw;
margin-left: -50vw;
margin-right: -50vw;
border-radius: 0;
}
}
@media only screen and (max-width: 1440px) {
.ng-headline-component-container .ng-section-container .headline-card-container.primary-section .headline-card .headline-card-headline {
/* color: var(--ld-semantic-color-link-text); */
text-overflow: ellipsis;
/* font-family: var(--Corporate-Font-All-Primary"EverydaySans");
font-size: var(--Corporate-Font-Size-85042px);
font-: normal;
font-weight: var(--Corporate-Font-Heading-Weight-Default700);
line-height: var(--Corporate-Font-Line-Height-70040px); 95.238% */
overflow: hidden;
}
}
@media only screen and (max-width: 1368px) {}
@media only screen and (max-width: 1194px) {
:root {
--Corporate-Font-Size-1100: 72px;
--Corporate-Font-Size-1000: 54px;
--Corporate-Font-Size-900: 42px;
--Corporate-Font-Size-850: 36px;
--Corporate-Font-Size-800: 30px;
--Corporate-Font-Size-700: 26px;
--Corporate-Font-Size-650: 28px;
--Corporate-Font-Size-600: 22px;
--Corporate-Font-Size-500: 20px;
--Corporate-Font-Size-400: 18px;
--Corporate-Font-Size-300: 16px;
--Corporate-Font-Size-200: 14px;
--Corporate-Font-Size-100: 12px;
--Corporate-Font-Line-Height-1100: 90px;
--Corporate-Font-Line-Height-1000: 68px;
--Corporate-Font-Line-Height-900: 52px;
--Corporate-Font-Line-Height-850: 48px;
--Corporate-Font-Line-Height-800: 40px;
--Corporate-Font-Line-Height-700: 32px;
--Corporate-Font-Line-Height-650: 32px;
--Corporate-Font-Line-Height-600: 30px;
--Corporate-Font-Line-Height-550: 30px;
--Corporate-Font-Line-Height-500: 28px;
--Corporate-Font-Line-Height-400: 24px;
--Corporate-Font-Line-Height-300: 24px;
--Corporate-Font-Line-Height-200: 20px;
--Corporate-Font-Line-Height-100: 16px;
}
.pixel-element {
width: 18px;
height: 18px;
}
.ng-hero-container .ng-hero-content-container h1 {
font-size: var(--Corporate-Font-Size-100054px);
font-: normal;
font-weight: var(--Corporate-Font-Banner-Weight-Default900);
line-height: var(--Corporate-Font-Line-Height-100068px);
}
.ng-hero-container .auxilary-branding-container {
margin-bottom: -12px;
}
.ng-hero-container .auxilary-branding-container .aux-branding-text-container {
font-size: 22px;
}
.ng-hero-container .auxilary-branding-container .strike-container svg {
width: 100px;
margin-right: -0.1rem;
}
.ng-hero-container .cta-button {
margin-top: 30px;
}
.ng-headline-component-container {
display: flex;
flex-direction: column;
}
.ng-headline-component-container .ng-section-container.main-section {
display: flex;
flex-direction: column;
}
.ng-headline-component-container .ng-section-container .headline-card-container.primary-section {
max-width: unset;
order: 1;
}
.ng-headline-component-container .ng-section-container .headline-card.primary-card {
display: flex;
flex-direction: row;
}
.ng-headline-component-container .ng-section-container .headline-card-container.secondary-section {
order: 2;
}
.ng-headline-component-container .ng-section-container .headline-card-container .content-stack {
max-width: 45%;
height: auto;
}
.ng-headline-component-container .ng-section-container .headline-card.primary-card .headline-card-image-container {
display: flex;
align-items: center;
justify-content: center;
min-height: unset;
border-radius: 16px 0 0 16px;
}
.ng-headline-component-container .ng-section-container .headline-card .headline-card-image-container img {
/* width:fit-content; */
width: 100%;
}
.ng-headline-component-container .ng-section-container .headline-card.primary-card .headline-card-image-container img {
aspect-ratio: 1 / 1;
}
/* .ng-headline-component-container .ng-section-container .headline-card.primary-card .headline-card-headline a{
font-size: var(--Corporate-Font-Size-85036px);
} */
.ng-headline-component-container .ng-section-container .headline-card .headline-card-description {
line-clamp: 4;
-webkit-line-clamp: 4;
}
.ng-headline-component-container .ng-section-container .headline-card-container.secondary-section ul {
display: flex;
flex-direction: row;
}
.ng-headline-component-container .ng-section-container .headline-card.secondary-card {
display: flex;
flex-direction: row;
}
.ng-headline-component-container .ng-section-container .headline-card.secondary-card .headline-card-image-container {
max-width: 259px;
height: auto;
border-radius: 16px 0 0 16px;
}
.ng-headline-component-container .ng-section-container .headline-card.secondary-card .headline-card-image-container img {
width: 100%;
height: 100%;
}
.ng-headline-component-container .ng-section-container .headline-card.secondary-card .headline-card-metadata-footer {
margin-top: 0;
}
.ng-headline-component-container .ng-section-container .headline-card.secondary-card .headline-card-headline a {
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 3;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
overflow: hidden;
}
.ng-headline-component-container .ng-section-container.tertiary-section ul {
display: grid;
grid-template-columns: repeat(31fr);
grid-template-rows: repeat(3auto);
gap: 20px;
}
.ng-headline-component-container.hide-franchise .ng-section-container.tertiary-section ul .headline-card-tag-container {
display: flex;
flex-direction: row;
}
.ng-headline-component-container .ng-section-container.tertiary-section ul li:first-child {
margin-top: 20px;
}
.ng-headline-component-container .ng-section-container.tertiary-section ul li:last-child {
padding-bottom: 20px;
border-bottom: 1px solid var(--ld-semantic-color-separator);
}
.ng-headline-component-container .ng-section-container.tertiary-section ul .headline-card-tag-container li {
border-bottom: 0;
}
.ng-headline-component-container .ng-section-container.tertiary-section ul .headline-card-metadata-footer li {
margin-top: 0;
padding-bottom: 0;
}
/* TRENDING CARDS */
.trending-container .trending-card-container {
gap: 32px;
}
.trending-container .trending-card-container .trending-card {
flex-direction: column;
}
.trending-container .trending-card-container .trending-card .trending-card-image-container {
max-width: 100%;
height: 100%;
border-radius: 16px 16px 0 0;
aspect-ratio: 16 / 9;
}
.trending-container .trending-card-container .trending-card .trending-card-content-container {
padding-top: 0;
}
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-headline {
margin: 0;
}
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-card-metadata {
margin: 24px 0 0 0;
}
/* SPLIT BLOCK */
.split-block-container {
min-height: 418px;
}
.split-block-container.has-video .hero-video-container {
width: 200%;
height: 150%;
top: -25%;
left: -50%;
}
}
/* END 1194 */
@media only screen and (max-width: 1024px) {
/* TYPED HERO */
.ten-video-hero .hero-content h1 {
font-size: 64px;
}
.ten-video-hero .hero-content p {
font-size: 28px;
}
#typed-headline .cursor {
width: 18px;
height: 60px;
}
}
@media only screen and (max-width:899px) {
:root {
--Corporate-Font-Size-1100: 60px;
--Corporate-Font-Size-1000: 48px;
--Corporate-Font-Size-900: 36px;
--Corporate-Font-Size-850: 32px;
--Corporate-Font-Size-800: 28px;
--Corporate-Font-Size-700: 24px;
--Corporate-Font-Size-650: 24px;
--Corporate-Font-Size-600: 20px;
--Corporate-Font-Size-500: 18px;
--Corporate-Font-Size-400: 16px;
--Corporate-Font-Size-300: 16px;
--Corporate-Font-Size-200: 14px;
--Corporate-Font-Size-100: 12px;
--Corporate-Font-Line-Height-1100: 76px;
--Corporate-Font-Line-Height-1000: 56px;
--Corporate-Font-Line-Height-900: 44px;
--Corporate-Font-Line-Height-850: 42px;
--Corporate-Font-Line-Height-800: 38px;
--Corporate-Font-Line-Height-700: 30px;
--Corporate-Font-Line-Height-650: 28px;
--Corporate-Font-Line-Height-600: 26px;
--Corporate-Font-Line-Height-550: 26px;
--Corporate-Font-Line-Height-500: 26px;
--Corporate-Font-Line-Height-400: 24px;
--Corporate-Font-Line-Height-300: 20px;
--Corporate-Font-Line-Height-200: 20px;
--Corporate-Font-Line-Height-100: 16px;
}
}
/* Tablets */
@media only screen and (max-width: 834px) {
.ng-hero-container.has-video {
min-height: unset;
}
/* TYPED HERO */
.ten-video-hero .hero-content h1 {
font-size: 48px;
}
#typed-headline .cursor {
width: 15px;
height: 44px;
margin-left: 8px;
}
.ng-headline-component-container .ng-section-container .headline-card-container.secondary-section ul {
display: flex;
flex-direction: column;
}
.ng-headline-component-container .ng-section-container .headline-card-container .content-stack {
max-width: 50%;
}
.ng-headline-component-container .ng-section-container .headline-card-container .secondary-card .content-stack {
max-width: unset;
}
/* .ng-headline-component-container .ng-section-container .headline-card.secondary-card .headline-card-headline a{
font-size: var(--Corporate-Font-Size-30016px);
}
.ng-headline-component-container .ng-section-container .headline-card.tertiary-card .headline-card-headline a{
font-size: var(--Corporate-Font-Size-30016px);
} */
/* SPLIT BLOCK */
.split-block-container .sb-image-container {
flex: 1;
}
}
@media only screen and (max-width: 768px) {
/* TYPED HERO */
.ten-video-hero {
min-height: 80vh;
padding: 15vw 5vw;
}
.ten-video-hero .desktop-hero-video {
display: none;
}
.ten-video-hero .mobile-hero-video {
display: block;
}
#typed-headline .cursor {
width: 16px;
height: 48px;
}
.ten-video-hero .hero-content p {
font-size: 24px;
}
.pixel-element {
width: 12px;
height: 12px;
}
.split-block-container.has-video .rr-banner h2 {
font-size: var(--Corporate-Font-Size-900);
}
.split-block-container.has-video .hero-video-container {
width: 300%;
height: 150%;
top: -25%;
left: -100%;
}
}
/* Extra small devices (phones600px and down) */
@media only screen and (max-width: 600px) {
.content-container {
padding: 0 32px;
}
.cta-button.cta-button-lg {
padding: 8px 18px;
font-size: 14px;
}
/* HERO */
.ng-hero-container {
min-height: 464px;
}
.ng-hero-container.aspect-21-9 {
aspect-ratio: 3 / 4;
min-height: unset;
}
.ng-hero-container.has-video.mobile-aspect-1-1{
aspect-ratio: 1 / 1;
}
.ng-hero-container.has-video {
aspect-ratio: 9 / 16;
}
.ng-hero-container.has-video.desktop-video-only {
aspect-ratio: 16 / 9;
}
.ng-hero-container.mobile-aspect-4-5 {
aspect-ratio: 4 / 5;
}
.ng-hero-container.has-video.mobile-aspect-4-5 .ng-bg-image-container iframe.mobile-hero-video {
aspect-ratio: 4 / 5;
}
.ng-hero-container .ng-bg-image-container img.hero-mobile-image,
.ng-hero-container.has-video .ng-bg-image-container iframe.mobile-hero-video {
display: block;
}
.ng-hero-container .ng-bg-image-container img.hero-desktop-image,
.ng-hero-container.has-video .ng-bg-image-container iframe.desktop-hero-video {
display: none;
}
.ng-hero-container.has-video.desktop-video-only .ng-bg-image-container iframe.mobile-hero-video {
display: none;
}
.ng-hero-container.has-video.desktop-video-only .ng-bg-image-container iframe.desktop-hero-video {
display: block;
}
.ng-hero-container .ng-hero-content-container {
padding: 24px;
}
.ng-hero-container .ng-hero-content-container h1 {
font-size: var(--Corporate-Font-Size-80032px);
line-height: var(--Corporate-Font-Line-Height-8501);
}
.ng-hero-container .ng-hero-content-container p {
font-size: var(--Corporate-Font-Size-40024px);
line-height: var(--Corporate-Font-Line-Height-3001);
}
.ng-hero-container .cta-button {
margin-top: 12px;
}
/* .ng-hero-container.content-y-bottom .ng-hero-content-container {
margin: 0 5vw 5vw 5vw;
} */
.ng-hero-container .auxilary-branding-container .aux-branding-text-container {
font-size: 20px;
}
.ng-hero-container .auxilary-branding-container .strike-container svg {
width: 84px;
}
.ng-hero-container .auxilary-branding-container {
margin-bottom: -24px;
}
.ng-headline-component-container .ng-section-container,
.ng-headline-component-container .ng-section-container .headline-card-container.secondary-section ul {
gap: 16px;
}
.ng-headline-component-container .ng-section-container .headline-card.primary-card {
flex-direction: column;
}
.ng-headline-component-container .ng-section-container .headline-card-container .headline-card.primary-card .content-stack {
max-width: unset;
}
.ng-headline-component-container .ng-section-container .headline-card.primary-card .headline-card-image-container {
border-radius: 16px 16px 0 0;
aspect-ratio: 16 / 9;
}
.ng-headline-component-container .ng-section-container .headline-card.secondary-card .headline-card-image-container {
flex: 1
}
.ng-headline-component-container .ng-section-container .headline-card-container .secondary-card .content-stack {
flex: 2;
}
/* .ng-headline-component-container .ng-section-container .headline-card.primary-card .headline-card-headline a{
font-size: var(--Corporate-Font-Size-65024px);
line-height: var(--Corporate-Font-Line-Height-65028px);
} */
.ng-headline-component-container .ng-section-container.tertiary-section ul {
display: flex;
flex-direction: column;
}
.ng-headline-component-container .ng-section-container.tertiary-section ul li {
margin-top: 0;
}
/* TRENDING CARDS */
.trending-container .trending-card-container {
display: flex;
flex-direction: column;
}
.trending-container .trending-card-container .trending-card {
flex: unset;
flex-direction: row;
min-height: 140px;
}
.trending-container .trending-card-container .trending-card .trending-card-image-container {
flex: 1;
height: unset;
border-radius: unset;
aspect-ratio: 1 / 1;
}
.trending-container .trending-card-container .trending-card .trending-card-content-container {
flex: 2;
justify-content: space-between;
min-height: 140px;
padding: 16px 0 16px 0;
}
.trending-container .trending-card-container .trending-card .trending-card-content-container .trending-headline {
line-clamp: 2;
-webkit-line-clamp: 2;
}
/* SPLIT BLOCK */
.split-block-container {
flex-direction: column;
}
.split-block-container .sb-image-container {
aspect-ratio: 163/290;
}
.split-block-container.has-video .sb-image-container {
aspect-ratio: 16 / 9;
}
.split-block-container .sb-content-container .upper-section .sb-franchise-container {
margin-bottom: 16px;
}
.split-block-container .sb-content-container {
padding: 16px;
}
.split-block-container.has-video .hero-video-container {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* LINK LIST */
.ng-link-list-container ul {
grid-template-columns: repeat(auto-fitminmax(100%1fr));
gap: 16px;
}
}
/* Extra small devices (fold) (phones280px and down) */
@media only screen and (max-width: 280px) {}
<>
.quote-container {
container-type: inline-size;
container-name: quote;
position: relative;
left: -50px;
margin: 40px 0 40px 50px;
padding-left: 0;
max-width: 100%;
}
.quote-text {
font-size: clamp(16px1vw + 0.5rem24px);
line-height: 1.6;
margin-bottom: 0px;
color: #0053e2;
width: 100%;
display: block;
overflow-wrap: break-word;
hyphens: auto;
}
.quote-text[data-size="short"] {
font-size: clamp(18px1.2vw + 0.5rem24px);
}
.quote-text[data-size="medium"] {
font-size: clamp(16px1vw + 0.5rem20px);
}
.quote-text[data-size="long"] {
font-size: clamp(14px0.9vw + 0.5rem16px);
}
.quote-divider {
height: .5px;
width: 100%;
background-color: #0053e2;
margin: 24px 0;
position: relative;
}
.quote-divider::before {
content: '';
position: absolute;
left: -110px;
top: 0;
height: .35px;
width: 110px;
background-color: #0053e2;
}
.quote-attribution {
font-size: 14px;
color: #0053e2;
font-weight: 200;
margin: 0;
line-height: 1;
}
.quote-mark {
position: absolute;
left: -110px;
bottom: 50px;
font-size: 60px;
color: #0053e2;
font-family: Everyday Sans;
margin: 0;
}
@media (max-width: 1020px) {
.quote-container {
left: -50px;
}
.quote-divider::before {
display: none;
}
.quote-mark {
display: block;
position: relative;
left: 0px;
top: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
}
<>
.wrapper.parbase #upstatement-custom-work .new.section {
height: 0;
margin: 0;
}
<>
.carousel4-component .carousel-4-slider-component .carousel-4-controls{
min-height:50px;
}
<>
.media-library-temp-user-message {
text-align: center;
}
.corporate-media-library-template.bg-page-gray .corporate-tabs.-swiper-tabs {
background: transparent;
}
.corporate-media-library-template.bg-page-gray .corporatesearch-gallery-cards {
background: white;
}
@media screen and (max-width: 768px) {
/*.corporate-media-library-template.bg-page-gray .corporate-search-bar-wrapper {
flex-direction: column;
} */
.media-library-temp-user-message {
text-align: center;
margin-top: -90px;
margin-bottom: 20px;
}
}
<>
.EventPageCorporate-breadcrumbs {
padding-left: 0;
}
.EventPageCorporate-mainContent {
padding-bottom: 0 !important;
}
.corporate-events-template .corporatetext {
padding-bottom: 0;
}
/* fix for in page nav */
.in-page-navigation-2-0 .in-page-nav-mobile {
display: none;
}
@media only screen and (max-width: 1024px) {
.in-page-navigation-2-0 .in-page-nav-mobile {
display: block;
}
}
/* end fix in page nav */
div.sites-filter {
display: none !important;
}
/* reducing the size of the footer logos just a bit*/
div.FooterWc-footerNavigation img.PageLogo-image {
height: 17px !important;
}
/* div.content-corporate-container h1,
corporate-news-template h1 {
font-size: 42px;
}
div.content-corporate-container h2,
corporate-news-template h2 {
font-size: 36px;
}
div.content-corporate-container h3,
corporate-news-template h3 {
font-size: 32px;
}
div.content-corporate-container h4,
corporate-news-template h4 {
font-size: 28px;
}
div.content-corporate-container h5,
corporate-news-template h5 {
font-size: 24px;
}
div.content-corporate-container h6,
corporate-news-template h6 {
font-size: 20px;
} */
@media screen and (max-width: 768px) {
/* div.content-corporate-container h1,
corporate-news-template h1 {
font-size: 36px;
}
div.content-corporate-container h2,
corporate-news-template h2 {
font-size: 32px;
}
div.content-corporate-container h3,
corporate-news-template h3 {
font-size: 28px;
}
div.content-corporate-container h4,
corporate-news-template h4 {
font-size: 24px;
}
div.content-corporate-container h5,
corporate-news-template h5 {
font-size: 20px;
}
div.content-corporate-container h6,
corporate-news-template h6 {
font-size: 16px;
} */
}
.walmart-hub-header .links-wrapper {
top: -2px;
}
.dot-blue {
background-color: #1188C8;
}
<>
.LedePR-infotab div p{
font-size:15px;
margin: 1px 0 0 10px;
}
<>
/* Button color fix */
.button-2-0 .button-glms-button.button-blue.button-primary {
background-color: #0053e2;
border-color: #0053e2;
}
/* Tab border fixes */
.tabs-3-component.2 .wrapper ul.nav.nav-tabs li.item.active .active-border{
background:#0053e2;
}
/* Vert nav hover states */
.dynamic-vertical-navigation .dynamic-vertical-navigation-component .sidebar .vertical-navigation-menu .vert-nav-item:hover{
color:#0053e2;
}
/* RTE Blue text fix */
.rte-s span.blue-text,
.table-component span.blue-text{
color:#0053e2;
}
/* Old Media hero fix */
p.media-hero-title-image.walmart-true-blue{
color:#0053e2;
}
p.media-hero-desc-image.walmart-true-blue {
color: #0053e2;
}
<>
.in_page_navigation_2.in-page-navigation-2-0.parbase.secondarynav_copy.in-page-navigation-2-0.parbase {
width: 100vw;
margin-left: calc(-50vw + 50%);
}
<>
/* Breadcrumb fix */
.breadcrumb {
width: 80vw;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow-y: hidden;
}
.breadcrumb .item {
display: -webkit-box;
word-break: break-word;
width: fit-content;
max-width: 240px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.breadcrumbComponent .breadcrumb .item.active{
display: none;
}
.breadcrumbComponent .breadcrumb .item.active:last-child,
.breadcrumbComponent .breadcrumb .item.link{
display: -webkit-box;
margin:0 12px;
}
.breadcrumbComponent .breadcrumb .item.link::after{
position: absolute;
top: 1px;
margin-left: 8px;
height: 8px;
width: 10px;
content: '>';
}
.breadcrumb .breadcrumb-caret{
display: none;
}
/* .breadcrumbComponent .breadcrumb,
.news-bread{
display: none;
} */
/* MEDIA QUERIES */
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1368px) {}
@media only screen and (max-width: 1281px) {}
@media only screen and (max-width: 1024px) {}
/* Tablet */
@media only screen and (max-width: 768px) {
.breadcrumb{
flex-wrap: wrap;
}
.breadcrumb .item.link a{
white-space: nowrap;
}
}
/* Extra small devices (phones600px and down) */
@media only screen and (max-width: 600px) {
}
/* Extra small devices (fold) (phones280px and down) */
@media only screen and (max-width: 280px) {}
<>
.new-spark-icon-override svg{
width:18px;
margin-right:4px;
}
.new-spark-icon-override svg:hover{
fill: #0053e2;
}
<>
.corporate-template--main-container .PressRelease2021-articleBody {
margin: 0 auto;
}
@media only screen and (min-width: 1300px) {
.corporate-template--main-container .PressRelease2021-articleBody {
margin: 0 auto;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
.corporate-template--main-container .PressRelease2021-articleBody {
margin: 0 auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.corporate-template--main-container .PressRelease2021-articleBody {
margin: 0 auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.corporate-template--main-container .PressRelease2021-articleBody {
margin: 0 auto;
}
}
<>
.TC-listicle {
position: relative;
color: #000000;
font-size: 26px;
margin-left: 50px;
}
.TC-listicle::before {
display: inline-block;
margin: 1rem 0 2rem 0;
padding: 0 1rem 0 0;
font-size: 56px;
font-weight: 700;
line-height: 1rem;
vertical-align: middle;
content: attr(data-label);
}
<>
.scroll-fade-in-wrapper>* {
opacity: 0;
transform: translateY(5%);
transition: opacity 0.8s ease-outtransform 0.8s ease-out;
will-change: opacitytransform;
}
.scroll-fade-in-wrapper>*.is-visible {
opacity: 1;
transform: translateY(0);
will-change: auto;
}
/* Fallback: ensure content is visible if JS is disabled or fails */
.no- .scroll-fade-in-wrapper>*,
noscript ~ .scroll-fade-in-wrapper>* {
opacity: 1;
transform: none;
}
<>
.EventPageCorporate-title {
line-height: 1.1 !important;
}
#f2f2f2
Stock pricing delayed by 20 minutes.
© 2026 Walmart Inc. All Rights Reserved.