.cm-advent__nav .nav .nav-pills { overflow-x: scroll; } #cm-placement-main_placement_1 h1 { margin-top: 20px; } @media (min-width: 1201px) { .cm-advent .tab-content .cm-plp-hero .cm-plp-hero__body>div>div { width: 50%; } } @media (min-width: 768px) and (max-width: 1200px) { .cm-advent .tab-content .cm-plp-hero h2 { font-size: 1.5rem; margin-bottom: 0 !important; } .cm-advent .tab-content .cm-plp-hero p { font-size: 14px; margin-bottom: 0 !important; } .cm-advent .tab-content .cm-plp-hero .cm-plp-hero__body>div>div { width: 60%; } } .cm-advent .tab-content .cm-advent__banner__body h2 { font-weight: 600 !important; } .cm-advent .tab-content .cm-advent__banner__body .cm-hero__body__logo { margin-bottom: 0 !important; } @media (max-width: 767.98px) { /* EN-CA */ #cm-69418-c .cm-plp-hero__body p, #cm-73362-c .cm-plp-hero__body p, #cm-74822-c .cm-plp-hero__body p, #cm-77438-c .cm-plp-hero__body p, #cm-77288-c .cm-plp-hero__body p, #cm-78720-c .cm-plp-hero__body p, #cm-79088-c .cm-plp-hero__body p, #cm-78996-c .cm-plp-hero__body p, /* FR-CA */ #cm-69574-c .cm-plp-hero__body p, #cm-69616-c .cm-plp-hero__body p, #cm-69568-c .cm-plp-hero__body p, #cm-69496-c .cm-plp-hero__body p, #cm-69414-c .cm-plp-hero__body p, #cm-73358-c .cm-plp-hero__body p, #cm-74812-c .cm-plp-hero__body p, #cm-75044-c .cm-plp-hero__body p, #cm-75334-c .cm-plp-hero__body p, #cm-74908-c .cm-plp-hero__body p, #cm-75206-c .cm-plp-hero__body p, #cm-74888-c .cm-plp-hero__body p, #cm-77652-c .cm-plp-hero__body p, #cm-77518-c .cm-plp-hero__body p, #cm-77638-c .cm-plp-hero__body p, #cm-77474-c .cm-plp-hero__body p, #cm-77280-c .cm-plp-hero__body p, #cm-77532-c .cm-plp-hero__body p, #cm-77672-c .cm-plp-hero__body p, #cm-78726-c .cm-plp-hero__body p, #cm-79080-c .cm-plp-hero__body p, #cm-78992-c .cm-plp-hero__body p, /* ES-US */ #cm-69522-c .cm-plp-hero__body p, #cm-69700-c .cm-plp-hero__body p, #cm-69724-c .cm-plp-hero__body p, #cm-69718-c .cm-plp-hero__body p, #cm-73384-c .cm-plp-hero__body p, #cm-73368-c .cm-plp-hero__body p, #cm-69416-c .cm-plp-hero__body p, #cm-74826-c .cm-plp-hero__body p, #cm-75170-c .cm-plp-hero__body p, #cm-75346-c .cm-plp-hero__body p, #cm-74928-c .cm-plp-hero__body p, #cm-75254-c .cm-plp-hero__body p, #cm-77650-c .cm-plp-hero__body p, #cm-77406-c .cm-plp-hero__body p, #cm-77494-c .cm-plp-hero__body p, #cm-77576-c .cm-plp-hero__body p, #cm-77462-c .cm-plp-hero__body p, #cm-77428-c .cm-plp-hero__body p, #cm-77316-c .cm-plp-hero__body p, #cm-78722-c .cm-plp-hero__body p, #cm-79020-c .cm-plp-hero__body p, #cm-79076-c .cm-plp-hero__body p, /* EN-US */ #cm-69410-c .cm-plp-hero__body p, #cm-73360-c .cm-plp-hero__body p, #cm-74918-c .cm-plp-hero__body p, #cm-74818-c .cm-plp-hero__body p, #cm-77358-c .cm-plp-hero__body p, #cm-77310-c .cm-plp-hero__body p, #cm-78724-c .cm-plp-hero__body p, #cm-77246-c .cm-plp-hero__body p, #cm-79026-c .cm-plp-hero__body p, #cm-79082-c .cm-plp-hero__body p { display: none !important; } .cm-advent .tab-content .cm-advent__banner .btn { width: 100%; } .cm-advent .tab-content .cm-advent__products .cm-product-tile__category-badge { display: none; } .cm-advent { margin-bottom: 40px; } .cm-advent .cm-product-tile { padding: 20px 0; } } .cm-advent .cm-advent__nav { align-items: flex-start; } .cm-advent .cm-advent__nav>.nav-item { opacity: 0.5; pointer-events: none; transition: opacity .3s ease; } .cm-advent .cm-advent__nav>.nav-item .nav-link { width: 140px; } .cm-advent .tab-content { position: relative; overflow: hidden; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAAXNSR0IArs4c6QAAACNJREFUGFdjXHn25X8JXnYGYS4WBsYTt5/+5+JgY7jx/icDAIHwCg2uUXiiAAAAAElFTkSuQmCC"); background-size: cover; background-position: center center; } .cm-advent .tab-content::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f1f5f8; content: ''; z-index: -1; } .cm-advent .tab-content .tab-pane { opacity: 0; } .cm-advent.loaded .tab-content { background: none; } .cm-advent.loaded .tab-content::before { content: none; } .cm-advent.loaded .tab-content .tab-pane { opacity: 1; } .cm-advent.loaded .cm-advent__nav .nav-link.active, .cm-advent.loaded .cm-advent__nav .nav-link.active h2 { color: #007ac2; } /* FLASH SALE 09/12 */ .cm-advent.loaded .cm-advent__nav #\#cm-153390-t.nav-link.active h2, .cm-advent.loaded .cm-advent__nav #\#cm-153390-t.nav-link.active p, .cm-advent.loaded .cm-advent__nav #\#cm-153360-t.nav-link.active h2, .cm-advent.loaded .cm-advent__nav #\#cm-153360-t.nav-link.active p, .cm-advent.loaded .cm-advent__nav #\#cm-153334-t.nav-link.active h2, .cm-advent.loaded .cm-advent__nav #\#cm-153334-t.nav-link.active p, .cm-advent.loaded .cm-advent__nav #\#cm-153378-t.nav-link.active h2, .cm-advent.loaded .cm-advent__nav #\#cm-153378-t.nav-link.active p /* FLASH SALE 12/12 */ .cm-advent.loaded .cm-advent__nav #\#cm-154332-t.nav-link.active h2, .cm-advent.loaded .cm-advent__nav #\#cm-154332-t.nav-link.active p, .cm-advent.loaded .cm-advent__nav #\#cm-154364-t.nav-link.active h2, .cm-advent.loaded .cm-advent__nav #\#cm-154364-t.nav-link.active p, .cm-advent.loaded .cm-advent__nav #\#cm-154322-t.nav-link.active h2, .cm-advent.loaded .cm-advent__nav #\#cm-154322-t.nav-link.active p, .cm-advent.loaded .cm-advent__nav #\#cm-154356-t.nav-link.active h2, .cm-advent.loaded .cm-advent__nav #\#cm-154356-t.nav-link.active p { color: #ca3300 !important; } .cm-advent:not(.loaded) .cm-advent__nav .nav-link.active img { border-color: transparent; } .cm-advent:not(.loaded) .nav-pills .nav-link.active:after { content: none; } .cm-advent .cm-advent__nav .nav-item:not(.loaded) .nav-link { position: relative; } .cm-advent .cm-advent__nav .nav-item:not(.loaded) .nav-link::before { content: ''; position: absolute; top: 16px; left: 50%; transform: translateX(-50%); width: 56px; height: 56px; z-index: 10; display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiBmaWxsPSJub25lIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiNGM0YzRjMiLz4KPHBhdGggZD0iTTM1Ljk5MzcgNjIuOTAwMUMzNS45OTM3IDYwLjY0NTYgMzcuODIxMyA1OC44MDAzIDQwLjA3NTkgNTguODAwM0M0Mi4zMzA0IDU4LjgwMDMgNDQuMTU4IDYwLjY0NTYgNDQuMTU4IDYyLjkwMDFDNDQuMTU4IDY1LjE1NDcgNDIuMzMwNCA2NyA0MC4wNzU5IDY3QzM3LjgyMTMgNjcgMzUuOTkzNyA2NS4xNTQ3IDM1Ljk5MzcgNjIuOTAwMVpNMjcuMTAwMSAzMC43MjkxQzI1LjM4MDggMzAuNzI5MSAyMy45NDg3IDI5LjM0NjcgMjQuMTUyMyAyNy42Mzk2QzI0LjMxNTQgMjYuMjcyNiAyNC42MDk0IDI0Ljk2MzIgMjUuMDM0MyAyMy43MTE0QzI1LjgxODkgMjEuNTQ0NSAyNi45MjIyIDE5LjY3MyAyOC4zNDQyIDE4LjA5NzFDMjkuNzY2MiAxNi40NzIgMzEuNTA3IDE1LjIxNjEgMzMuNTY2NCAxNC4zMjk3QzM1LjYyNTkgMTMuNDQzMiAzNy45MzA2IDEzIDQwLjQ4MDQgMTNDNDIuNzg1IDEzIDQ0Ljg2OSAxMy4zNDQ3IDQ2LjczMjQgMTQuMDM0MkM0OC42NDQ3IDE0LjY3NDQgNTAuMjg3NCAxNS42MzQ3IDUxLjY2MDQgMTYuOTE1MkM1My4wMzM0IDE4LjE0NjQgNTQuMDg3NiAxOS42NzMgNTQuODIzMiAyMS40OTUyQzU1LjYwNzcgMjMuMzE3NCA1NiAyNS40MTA0IDU2IDI3Ljc3NDNDNTYgMjkuMzAxIDU1LjgwMzkgMzAuNjc5OSA1NS40MTE2IDMxLjkxMTFDNTUuMDY4MyAzMy4wOTMgNTQuNjAyNSAzNC4xNzY1IDU0LjAxNDEgMzUuMTYxNEM1My40MjU3IDM2LjE0NjQgNTIuNzM5MiAzNy4wNTc1IDUxLjk1NDYgMzcuODk0N0M1MS4yMTkxIDM4LjczMTkgNTAuNDU5IDM5LjU0NDUgNDkuNjc0NSA0MC4zMzI0QzQ4Ljg4OTkgNDEuMDcxMSA0OC4xMDUzIDQxLjgzNDUgNDcuMzIwOCA0Mi42MjI0QzQ2LjU4NTMgNDMuMzYxMiA0NS44OTg4IDQ0LjE3MzcgNDUuMjYxMyA0NS4wNjAyQzQ0LjY3MjkgNDUuODk3NCA0NC4xODI1IDQ2LjgzMzEgNDMuNzkwMyA0Ny44NjczQzQzLjQ0NyA0OC44NTIzIDQzLjI3NTQgNDkuOTg1IDQzLjI3NTQgNTEuMjY1NEM0My4yNzU0IDUyLjg1NjUgNDEuOTg1NSA1NC4xNDY0IDQwLjM5NDQgNTQuMTQ2NEg0MC4xNDk0QzM4LjQyMyA1NC4xNDY0IDM3LjAyMzQgNTIuNzQ2OCAzNy4wMjM0IDUxLjAyMDRWNTAuNjc0NEMzNy4xMjE1IDQ4LjYwNiAzNy40ODkzIDQ2Ljg1NzcgMzguMTI2NyA0NS40Mjk1QzM4LjgxMzIgNDMuOTUyMSAzOS42MjIzIDQyLjY0NzEgNDAuNTUzOSA0MS41MTQ0QzQxLjUzNDYgNDAuMzgxNyA0Mi41Mzk5IDM5LjM0NzUgNDMuNTY5NiAzOC40MTE4QzQ0LjY0ODQgMzcuNDI2OCA0NS42MjkxIDM2LjQxNzIgNDYuNTExNyAzNS4zODNDNDcuNDQzNCAzNC4yOTk2IDQ4LjE3ODkgMzMuMTE3NiA0OC43MTgzIDMxLjgzNzJDNDkuMjU3NyAzMC41NTY4IDQ5LjQ3ODMgMjkuMDA1NSA0OS4zODAzIDI3LjE4MzNDNDkuMTg0MSAyNC40NzQ3IDQ4LjMwMTUgMjIuMzU3IDQ2LjczMjQgMjAuODMwNEM0NS4yMTIzIDE5LjMwMzcgNDMuMTI4MyAxOC41NDA0IDQwLjQ4MDQgMTguNTQwNEMzOC43MTUxIDE4LjU0MDQgMzcuMTk1IDE4Ljg2MDUgMzUuOTIwMSAxOS41MDA3QzM0LjY0NTIgMjAuMTQwOSAzMy41NjY0IDIxLjAwMjcgMzIuNjgzOCAyMi4wODYyQzMxLjg1MDIgMjMuMTY5NiAzMS4yMzczIDI0LjQ1MDEgMzAuODQ1IDI1LjkyNzVDMzAuNzAyNiAyNi40NjM3IDMwLjU4NjEgMjcuMDE2MiAzMC40OTU0IDI3LjU4NDlDMzAuMjIwOCAyOS4zMDY0IDI4Ljg0MzQgMzAuNzI5MSAyNy4xMDAxIDMwLjcyOTFaIiBmaWxsPSIjRERFNUVEIi8+Cjwvc3ZnPg=="); } /* .cm-advent .cm-advent__nav .nav-item:not(.loaded) p { font-size: 0; } */ .cm-advent .cm-advent__nav .nav-item:not(.loaded) img { font-size: 0; } .cm-advent .cm-advent__nav .nav-item:not(.loaded) p::after { font-size: .875rem; } .cm-advent .nav-item:not(.loaded) h2 { font-size: 0; } .cm-advent .cm-advent__nav .nav-item:not(.loaded) h2::after { font-size: 14px; font-weight: bold; text-transform: uppercase; } .cm-advent .cm-advent__nav .nav-item:not(.loaded) h2::after { content: 'MORE TO COME'; } html[lang="fr"] .cm-advent .cm-advent__nav .nav-item:not(.loaded) h2::after { content: "D'AUTRES OFFRES À VENIR"; } html[lang="es"] .cm-advent .cm-advent__nav .nav-item:not(.loaded) h2::after { content: 'MÁS PRÓXIMAMENTE'; } @media (max-width: 767px) { .cm-advent__content .cm-plp-hero--full .cm-plp-hero__body>.align-items-center { align-items: flex-end !important; } .cm-advent__content .cm-plp-hero--full .cm-plp-hero__body>.align-items-center .text-center, .cm-advent__content .cm-plp-hero--full .cm-plp-hero__body>.align-items-center .text-right, .cm-advent__content .cm-plp-hero--full .cm-plp-hero__body>.align-items-center .text-left { text-align: center !important; width: 100%; } .cm-advent__content .cm-plp-hero--full .cm-plp-hero__body>.align-items-center .text-center>div, .cm-advent__content .cm-plp-hero--full .cm-plp-hero__body>.align-items-center .text-right>div, .cm-advent__content .cm-plp-hero--full .cm-plp-hero__body>.align-items-center .text-left>div, .cm-advent__content .cm-plp-hero--full .cm-plp-hero__body>.align-items-center .text-center>div>p, .cm-advent__content .cm-plp-hero--full .cm-plp-hero__body>.align-items-center .text-right>div>p, .cm-advent__content .cm-plp-hero--full .cm-plp-hero__body>.align-items-center .text-left>div>p { margin: 0 !important; } }