/* quick links mobile bar */

main .section.quick-links-bar-container { padding: 0 !important; background: var(--clr-brand-white); margin-block: 0 !important;}

.section.quick-links-bar-container ul { padding: 0; }

.quick-links-bar { padding-block: var(--spacing-m); margin: 0 !important; }

.quick-links-bar ul li { padding-inline: var(--gutter-xs); }

.quick-links-bar.no-overflow ul li { padding-inline: var(--gutter-s); flex: 1 1 auto !important;}

.quick-links-bar.no-overflow ul li:not(:last-child) { border-right: 1px solid var(--text-color); }

.quick-links-bar ul li a { text-transform: uppercase; color: var(--text-color); font-weight: var(--fw-bold);}

@media (width >= 768px) {.section.quick-links-bar-container {display: none;}}

/* page */

.section:has(.slide[class*="promo"], .slide[class*="hero"]), .section.hero, .section:has(.fragment-wrapper),

.section:has(.full-bleed) { margin-block-end: var(--spacing-l); padding-block: 0;}

.slide-wrapper :is(.slide[class*="promo"], .slide.hero) div.copy-wrapper {padding: var(--gutter-m);}

.section .block.hero h1 {text-transform: uppercase;

font-size: clamp(2.4rem, calc(2.2rem + 2vw), 3.4rem);margin-block-end: var(--gutter-m) !important;}

.block.hero h1 em {font-family: var(--heading-font-family-secondary);font-style: normal;}

.block.hero h1 strong em {font-family: var(--heading-font-family-secondary-bold);font-style: normal;}

.slide-wrapper .slide.hero .cta-wrapper {margin-block-start: 0.5em;}

.slide[class*="promo"] h2 { text-transform: uppercase; font-size: clamp(2.2rem, calc(1rem + 2vw), 3rem);}

.slide[class*="promo"] h2 em {font-family: var(--heading-font-family-secondary); font-style: normal; }

.slide[class*="promo"] h2 strong em {font-family: var(--heading-font-family-secondary-bold); font-style: normal; }

main .section > div .block:where([class*="promo"], .hero) p {line-height: 1.2; font: var(--font-pragmatica-extd); font-size: clamp(1.4rem, calc(1rem + 0.75vw), 3rem); }

.cta-wrapper:has(p.button-container + p.button-container) p.button-container a {margin-block-end: 0;}

p.button-container { margin-block-end: 0 !important;}

@media (width <= 360px) {

.slide[class*="promo"] h2 {font-size: min(calc(1.4rem + 2vw), 5.4rem);}}

@media (width >= 400px) {

.section .block.hero h1 {font-size: clamp(2.6rem, calc(3rem + 2vw), 4.4rem);}}

@media (width <= 767px) {

.slide[class*="promo"] .cta-wrapper { justify-content: center; }}

@media (width >= 1024px) {

.section .block.hero h1 {font-size: clamp(2.8rem, calc(2.2rem + 2.2vw), 6.4rem);}

.slide[class*="promo"] h2 {font-size: clamp(2.2rem, calc(1rem + 2vw), 5.6rem);}}

@media (width >= 1440px) {

.section .block.hero h1 {font-size: clamp(3rem, calc(3rem + 2.2vw), 8rem);}}

@media (width >= 1900px) {

.section .block.hero h1 {font-size: clamp(3rem, calc(3rem + 3vw), 8rem);}}

/* endless promo */

.slide.promo-comfort { background: #D9D9D9; }

.slide.promo-comfort p.button-container a {min-width: 19.5rem;}

.slide.promo-comfort h2 em { display: block; color: var(--text-color-accent); font-size: 160%;}

/* shapeware */

.slide.promo-shape {background: linear-gradient(102deg, #c9cbcd 24%, #d3d7da 68%);}

.slide.promo-shape h2 strong {display: block; color: #B32C37;font-size: 111%;}

@media (width >= 1024px) {

.slide-wrapper .slide.promo-shape .copy-wrapper p {max-width: 22ch; margin-inline: auto !important;}}

@media (width >= 1400px) {

.promo-shape.slide:where(.grid-3-col-lg) {grid-template-columns: 1fr 2fr 1fr;}

.slide-wrapper .slide.promo-shape .copy-wrapper p {max-width: 30ch;}}

/* 3 for 30 bra deal */

.slide-wrapper .slide.bras-3for30 .cta-wrapper {display: none;}

.slide-wrapper .slide.bras-3for30 .copy-wrapper {padding: 0 var(--gutter-s) !important;}

.slide.bras-3for30 h2 {margin: 0 !important; color: var(--clr-brand-indigo);font-weight: var(--fw-normal);font-size: clamp(2.2rem, calc(1.8rem + 1.3vw), 4rem);}

.slide.bras-3for30 h2 strong {font-weight: var(--fw-black);}

@media (width >= 360px) {

.slide.bras-3for30 h2 { font-size: clamp(2rem, calc(2.2rem + 1.5vw), 4rem); }}

@media (width >= 1024px) {

.slide.bras-3for30 h2 { font-size: clamp(3.8rem, calc(2.2rem + 3vw), 8rem); }}

date
11/14/24 12:00:00 am
/fragments/homepage/hero/carousel
date
11/22/24 12:00 am – 12/4/24 11:59:59 pm
/fragments/homepage/hero/mdf-hp-hero-12-05-24
date
12/5/24 12:00 am
/fragments/homepage/mdf-hp-shop-the-collections

This is so you

preconfigured
true
name
Homepage - Bras
preconfigured
true
name
Homepage - Undies

Follow us @Maidenform