/* PROMO BACKGROUNDS */ .banner.full-width-promo { background: #F4F0E2; } /* promo banner */ .banner.promo-banner { background: #F4F0E2; } /* plum plus */ .pp-promo { background: #C7D1C5; } /*********************************/ /***** GENERAL PAGE STYLING ******/ .page-frame { padding: 0 80px; margin: 0 auto; max-width: 1440px; width: 100%; box-sizing: border-box; } .viewed-history-container { overflow-x: hidden; } .full-width { width: 100vw; margin-left: calc((100vw - 100%) / -2); } .primary--title { font-family: "Futura Book", "Gibson Regular", Arial, Helvetica, sans-serif; font-size: 36px; font-weight: normal; letter-spacing: 0.028em; line-height: 1.2; display: inline-block; text-transform: none; margin-bottom: 15px; } /* BANNERS */ /* General */ img { vertical-align: middle; } .banner__image-picture { width: 100%; } .banner__caption-title, .banner__caption-text, .cta { color: #222; } .cta { font-family: "Gibson Regular", Helvetica, Arial, Verdana, sans-serif; border: none; font-size: 15px; text-transform: none; padding-left: 0; letter-spacing: 0.066em; padding: 0; font-weight: normal; color: #222; display: block; } .cta:after { padding-left: 7px; margin-left: 7px; content: ""; background: url(//static.indigoimages.ca/2017/triangle-cta.svg); background-position: center; background-repeat: no-repeat; } .cta:hover, .cta:focus { color: #222; } .white .banner__caption-title, .white .banner__caption-text, .white .cta, .white .cta:hover, .white .cta:focus { color: #fff; } .white .cta:after { padding-left: 7px; margin-left: 7px; content: ""; background: url(//static.indigoimages.ca/2018/reusable-triangle-cta.svg); background-position: center; background-repeat: no-repeat; } .banner sup { font-size: 60%; } /* Main Hero */ .feat-hero { display: flex; width: 100%; justify-content: space-between; align-items: center; } .feat-hero p { color: black; } .feat-hero .banner__copy-container { width: 32%; position: relative; display: flex; flex-direction: column; justify-content: center; order: 1; } .feat-hero .banner__inside-copy-container { width: 86%; } .feat-hero .banner__caption-title { font-size: 58px; letter-spacing: 1px; line-height: 1.06; font-family: "Futura Medium"; color: #222; text-transform: none; text-align: left; margin-left: 0; } .feat-hero .banner__caption-title:before, .fh-event .banner__button.cta--promo:before { font-family: "Futura Medium"; display: block; font-size: 22px; line-height: 1.2; letter-spacing: 1px; margin-bottom: 20px; border-bottom: 1px solid #222; width: 80%; max-width: 300px; content: ""; content: "Books"; padding-bottom: 10px; } /* Special promo events */ .fh-event.feat-hero .banner__caption-title:before { display: none; } .fh-event .banner__button.cta--promo:before { order: -1; } .feat-hero .banner__caption-title:after { display: none; } .title-container p { font-size: 32px; font-family: "Futura Medium"; } .feat-hero .banner__caption-text, .fh-event .banner__button.cta--promo { font-size: 24px; font-family: "Futura Book"; margin-top: 10px; margin-bottom: 20px; letter-spacing: 0.042em; line-height: 1.3; text-transform: none; text-align: left; margin-left: 0; background-color: transparent; width: auto; padding: 0; color: #222; } .feat-hero .banner__container { width: 65.8%; order: 2; } .feat-hero .banner__button { font-family: "Gibson Regular"; font-size: 15px; line-height: 14px; margin: 10px 0 0; background: none; text-transform: none; font-weight: initial; text-align: center; background-color: #222; border: none; width: 150px; color: white; padding: 15px 0; letter-spacing: 1.286px; } .fh-event .banner__button.cta--promo { order: -1; } .feat-hero .banner__button:hover, .feat-hero .banner__button:focus { background-color: #666; transition: all 0.2s; } .feat-hero .banner__button:focus { border: 1.5px dashed black; } .feat-hero .banner__button.cta--promo:hover, .feat-hero .banner__button.cta--promo:focus { background: transparent; } /* Feat hero with keystone */ .feat-hero .fh-keystone .banner__caption-title:before { display: none; } .feat-hero .fh-keystone .keystone.banner__button { background: none; letter-spacing: 1px; line-height: 1.06; font-family: "Futura Medium"; font-size: 22px; line-height: 1.2; letter-spacing: 1px; margin-bottom: 20px; border: none; padding: 0 0 10px 0; text-transform: none; } .feat-hero .fh-keystone .keystone.banner__button:before { margin-bottom: 20px; border-bottom: 1px solid #222; width: 80%; max-width: 300px; padding: 0 0 10px 0; content: "Books"; } /* FEAT STORY */ /* featured stories */ .feat-story { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #faf8f4; } .feat-story .banner__container { width: 50%; } .feat-story .banner__copy-container { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-content: center; background: transparent; position: relative; /* -ms-flex-order: -1; order: -1; */ } .fs-l.feat-story .banner__copy-container { -ms-flex-order: -1; order: -1; } .feat-story .banner__caption-title { font-size: 36px; font-family: "Futura Book"; text-transform: none; text-align: left; padding: 0 16%; margin-bottom: 0; line-height: 1.1; } .feat-story .banner__caption-title:after { display: none; } .feat-story .banner__caption-text { margin-bottom: 10px; font-family: "Gibson Light", Helvetica, Arial, Verdana, sans-serif; border: none; font-size: 15px; text-transform: none; padding-left: 0; letter-spacing: 0.066em; padding: 0; text-align: left; padding: 0 16%; } .feat-story .cta { font-family: "Gibson Regular", Helvetica, Arial, Verdana, sans-serif; border: none; font-size: 15px; text-transform: none; padding-left: 0; letter-spacing: 0.066em; padding: 0; text-align: left; padding-left: 16%; font-weight: normal; color: #222; } .feat-story .cta:after { padding-left: 7px; margin-left: 7px; content: ""; background: url(//static.indigoimages.ca/2017/triangle-cta.svg); background-position: center; background-repeat: no-repeat; } /* .feat-story .cta.bold { font-family: "Gibson Regular", Helvetica, Arial, Verdana, sans-serif; } */ /* Grid Banners */ .wide .banner__copy-container { position: relative; text-align: left; } .wide .banner__caption-title { font-family: "Futura Medium"; margin: 15px 0 10px 0; font-size: 24px; letter-spacing: 1px; line-height: 1.2; width: 100%; display: block; text-transform: none; font-weight: normal; } .wide .banner__caption-title:after { display: none; } .wide .banner__caption-text { font-family: "Gibson Light"; font-size: 15px; line-height: 1.3; letter-spacing: 1px; margin: 0; text-transform: none; } .wide .cta { font-family: "Gibson Regular"; font-size: 15px; line-height: 1; margin-top: 10px; padding: 0; letter-spacing: 0.085em; background: none; text-transform: none; border: none; color: #222; font-weight: initial; text-align: left; } .wide .cta:hover, .banner__cta a:hover { text-decoration: underline; } .wide .cta:after, .banner__cta a:after { padding-left: 7px; margin-left: 7px; content: ""; background: url(//static.indigoimages.ca/2017/triangle-cta.svg); background-position: center; background-repeat: no-repeat; } /* PROMOS */ /* Full-width promo */ .banner.full-width-promo { min-height: 80px; margin-bottom: 20px; max-height: 80px; overflow-y: hidden; display: flex; align-items: center; } .banner.full-width-promo .banner__container { width: 100%; max-width: 100% !important; } .banner.full-width-promo .banner__copy-container, .banner.promo-banner .banner__copy-container { margin: 0; width: 100%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .banner.full-width-promo .banner__copy-container .banner__caption-title { color: #222; font-family: "Gibson Regular"; text-transform: none; text-align: center; font-size: 19px; line-height: 1.2; margin: 0; letter-spacing: 1.2px; } .banner.full-width-promo .banner__copy-container .banner__caption-title:after { display: none; } .banner.full-width-promo .banner__copy-container .banner__caption-text { color: #222; font-family: "Gibson Light"; text-transform: none; text-align: center; font-size: 16px; margin: 0; line-height: 1; margin-top: 5px; letter-spacing: 1.2px; } .banner.full-width-promo .banner__copy-container .banner__caption-text:after { padding-left: 7px; margin-left: 7px; content: ""; /*background: url(//static.indigoimages.ca/2018/reusable-triangle-cta.svg);*/ background: url(//static.indigoimages.ca/2017/triangle-cta.svg); background-position: center; background-repeat: no-repeat; display: inline; } .banner__caption-text em { font-style: italic; } /* promo banner - not full width */ .banner.promo-banner { min-height: 80px; margin-bottom: 20px; display: block; } .banner.promo-banner .banner__caption-title { font-family: "Futura Medium"; text-transform: none; text-align: center; font-size: 21px; line-height: 1.2; margin: 0; letter-spacing: 1.2px; color: #222; } .banner.promo-banner .banner__caption-title:after { display: none; } .banner.promo-banner .banner__caption-text { font-family: "Gibson Light"; text-transform: none; text-align: center; font-size: 16px; margin: 0; line-height: 1; margin-top: 5px; letter-spacing: 1.2px; color: #222; } .banner.promo-banner .banner__caption-text:after { padding-left: 7px; margin-left: 7px; content: ""; background: url(//static.indigoimages.ca/2017/triangle-cta.svg); background-position: center; background-repeat: no-repeat; } /* plum PLUS */ .pp-promo { display: flex; padding: 20px 0; justify-content: center; align-items: center; } .pp-promo .banner__container { margin-right: 50px; max-width: 109px; } .pp-promo .banner__copy-container { position: relative; width: 65%; text-align: left; } .pp-promo .banner__caption-text { font-family: "Gibson Light", Helvetica, Arial, sans-serif; text-transform: none; font-size: 20px; letter-spacing: 0.067em; line-height: 1.4; margin: 0 0 5px 0; } .pp-promo .banner__caption-text strong { font-family: "Gibson Semibold", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; } .pp-promo .cta { margin-bottom: 0; } /* LOR banner */ .lor-banner { background: #e8a515; position: relative; min-height: auto; height: 90px; overflow-y: hidden; } .lor-banner .banner__image-picture { display: block; } .lor-banner .banner__copy-container { max-width: 695px; width: 75%; position: absolute; text-align: left; display: flex; left: 50%; top: 50%; transform: translate(-50%, -50%); } .lor-banner .banner__caption-title { font-family: "Futura Medium", "Gibson Regular", Arial, Helvetica, sans-serif; font-size: 26px; color: #fff; letter-spacing: 0.025em; width: 219px; line-height: 1.1; text-transform: none; margin-bottom: 0; } .lor-banner .banner__caption-title:after { display: block; content: ""; width: 2px; height: 45px; background: #fff; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 28px; } .lor-banner .banner__caption-text { font-family: "Futura Medium", "Gibson Regular", Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.05em; margin: 5px 0 5px; color: #fff; } .lor-banner .cta { position: absolute; left: 219px; bottom: 5px; margin-bottom: 0; color: #fff; } /* DEALS OF THE WEEK BANNER */ .banner.dotw__banner, .banner.sale__banner { min-height: 100%; } .banner.dotw__banner { margin-top: 30px; } .banner.sale__banner .banner__copy-container { margin: 0; width: 100%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .banner.dotw__banner .banner__copy-container { margin: 0; width: 100%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; /*display: flex;*/ /*flex-direction: row;*/ /*flex-wrap: wrap;*/ } .banner.dotw__banner .banner__copy-container a { width: 100%; } .banner.dotw__banner .banner__copy-container .banner__caption-title { text-align: center; } .banner.dotw__banner .banner__copy-container .banner__caption-title, .banner.dotw__banner .banner__copy-container .banner__caption-text, .banner.sale__banner .banner__copy-container .banner__caption-title { color: white; font-family: "Futura Medium"; text-transform: none; font-size: 49px; letter-spacing: 0.49px; line-height: 1.1; margin-top: 0; margin-bottom: 0; } .banner.dotw__banner .banner__copy-container .banner__caption-title span { text-decoration: underline; } .banner.dotw__banner .banner__copy-container .banner__caption-title:after, .banner.sale__banner .banner__copy-container .banner__caption-title:after { display: none; } .banner.dotw__banner .banner__copy-container a.banner__button, .banner.sale__banner .banner__copy-container .banner__button { border: none; color: white; text-transform: none; font-family: "Gibson Regular"; font-size: 15px; padding: 0; margin: 0; width: 100%; margin-top: 5px; letter-spacing: 1.286px; } .banner.dotw__banner .banner__copy-container .banner__button:after, .banner.sale__banner .banner__copy-container .banner__button:after { padding-left: 7px; margin-left: 7px; content: ""; background: url(//static.indigoimages.ca/2018/reusable-triangle-cta.svg); background-position: center; background-repeat: no-repeat; } .banner.dotw__banner .banner__copy-container .banner__button:hover, .banner.sale__banner .banner__copy-container .banner__button:hover { text-decoration: underline; } /* THIN PROMO BANNERS */ .swb { min-height: auto; } /* Brands container */ .brands__container { padding: 20px 0 30px; text-align: center; background: #faf8f4; margin-bottom: 50px; } .brands__list { display: flex; justify-content: space-between; align-items: center; max-width: 1140px; width: 90%; margin: 25px auto 0 !important; } .brands__list img { width: 100%; height: 100%; max-height: 108px; } .brands__item { margin-right: 50px; } .list--grid .brands__item { margin-right: 30px; } .brands__item:last-of-type, .list--grid .brands__item:last-of-type { margin-right: 0; } .brands__item a:hover img, .brands__item a:focus img { opacity: 0.6; transition: all 0.2s; } /* TITLES, SUBCOPY , PRODUCT LISTS & QUICK LINKS */ /* Page title */ .page_title { font-family: "Futura Medium", "Gibson Regular", Arial, Helvetica, sans-serif; font-size: 58px; letter-spacing: 0.007em; line-height: 0.95; display: inline-block; color: #222; position: relative; left: 50%; transform: translateX(-50%); text-transform: none; padding-bottom: 0; text-align: center; } .feat-header .banner__copy-container { position: static; text-align: center; } .feat-header .banner__caption-text { margin-top: 15px; font-size: 15px; letter-spacing: 0.067em; line-height: 1.3; color: #222; } /* Subcopy below Feat Hero */ section.feat-hero { margin-bottom: 0; } section.feat-hero .banner__copy-container { max-width: 1060px; width: 82.8%; margin: 0 auto; } section.feat-hero .banner__caption-text { margin-bottom: 0; } section.feat-hero .cta--underline { font-size: 24px; font-family: "Futura Book"; letter-spacing: 0.042em; line-height: 1.3; text-transform: none; color: #222; text-decoration: underline; font-weight: normal; } /* PRODUCT LISTS */ .banner__title, .product-list__title, [class^="product-list__title"], [class*=" product-list__title"] { font-family: "Futura Book"; padding: 0; margin-top: 20px; color: #222; font-size: 24px; line-height: 1.2; letter-spacing: 1px; text-transform: none; border: none; } .product-list__title-and-view-all-link { margin-bottom: 15px; } .product-list__view-all-link { color: #222; font-weight: normal; font-family: "Gibson Regular", Arial, Helvetica, sans-serif !important; text-transform: none; font-size: 15px !important; letter-spacing: 0.085em !important; } .product-list__view-all-link:after { padding-left: 7px; margin-left: 7px; content: ""; background: url(//static.indigoimages.ca/2017/triangle-cta.svg); background-position: center; background-repeat: no-repeat; } /* QUICKLINKS */ .quickLinks.mobileMenu { margin-top: 60px; } .quickLinks.mobileMenu.noHeading { margin-top: 0; } .quickLinks.mobileMenu.noHeading.browse-menu .merched-menu .merched-menu__heading { display: none; } .quickLinks.mobileMenu.browse-menu .merched-menu .merched-menu__heading { display: block; } .quickLinks.mobileMenu.browse-menu .merched-menu .merched-menu__heading span { font-family: "Futura Book", "Gibson Regular", Arial, Helvetica, sans-serif; font-size: 36px; text-align: center; font-weight: normal; letter-spacing: 0.028em; line-height: 1.2; display: inline-block; text-transform: none; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); padding: 0; color: #222; } .quickLinks.mobileMenu.browse-menu-list-group { margin: 0; } .quickLinks.mobileMenu.quickLinks-background .merched-menu { background: #faf8f4; padding: 30px 0; } .quickLinks.mobileMenu.quickLinks-background .merched-menu__menu-group { width: 70%; margin: 0 auto; } /* INSTAGRAM FEED */ .instagramOnlyTitle .product-list__title-container .product-list__title { font-family: "Futura Book"; padding: 0; margin-top: 15px; color: #222; font-size: 24px; line-height: 1.2; letter-spacing: 1px; text-transform: none; border: none; } .instagramOnlyTitle .product-list__title-container .product-list__title a { font-family: "Futura Book"; font-size: 24px; } #instafeed { margin-bottom: 30px; } @media (max-width: 1279px) { .page-frame { padding: 0 40px; } .primary--title { font-size: calc(28px + (36 - 28) * ((100vw - 675px) / (1279 - 675))); } section.feat-hero .cta--underline { font-size: calc(15px + (24 - 15) * ((100vw - 675px) / (1279 - 675))); } /* .carousel__slide { width: calc(130px + (200 - 130) * ((100vw - 675px) / (1279 - 675))) !important; /*width: 125px !important;*/ } @media (max-width: 1279px) and (min-width: 675px) { .banner.full-width-promo .banner__copy-container .banner__caption-title, .banner.full-width-promo .banner__copy-container .banner__caption-text, .banner.promo-banner .banner__caption-title, .banner.promo-banner .banner__caption-text { font-size: calc(16px + (19 - 16) * ((100vw - 675px) / (1279 - 675))); } .plum .banner__copy-container .banner__caption-text sup { font-size: calc(7px + (9 - 7) * ((100vw - 675px) / (1279 - 675))); } .feat-hero .banner__caption-title:before, .fh-event .banner__button.cta--promo:before { /* font-size: 22px; */ font-size: calc(18px + (30 - 18) * ((100vw - 675px) / (1279 - 675))); margin-bottom: 5%; } .feat-hero .banner__caption-title { font-size: calc(30px + (58- 30) * ((100vw - 675px) / (1279 - 675))); margin-bottom: 2.5%; } .feat-hero .banner__inside-copy-container { width: 100%; } .feat-hero .banner__caption-text { font-size: calc(15px + (24 - 15) * ((100vw - 675px) / (1279 - 675))); margin: 2.5% 0 5%; } .feat-hero .banner__button { font-size: calc(12px + (15 - 12) * ((100vw - 675px) / (1279 - 675))); width: 16vw; max-width: 150px; } .fh-event .banner__button.cta--promo { font-size: calc(15px + (24 - 15) * ((100vw - 675px) / (1279 - 675))); max-width: 100%; width: 100%; } /* .banner__title { font-size: calc(36px + (40 - 36) * ((100vw - 675px) / (1279 - 675))); } */ .feat-hero .banner__copy-container { width: 31.2%; } .feat-story .banner__caption-title { font-size: 3vw; } .banner__title, .product-list__title, [class^="product-list__title"], [class*=" product-list__title"] { font-size: calc(18px + (24 - 18) * ((100vw - 675px) / (1279 - 675))); } .wide .banner__caption-title { font-size: calc(18px + (24 - 18) * ((100vw - 675px) / (1279 - 675))); line-height: 1.3; } .wide .banner__caption-text, .wide .cta { font-size: calc(14px + (16 - 14) * ((100vw - 675px) / (1279 - 675))); } .wide .banner__caption-text { width: 100%; line-height: 1.5; } /* LOR banner */ .lor-banner { height: auto; overflow: auto; } /* DOTW banner */ .banner.dotw__banner .banner__copy-container .banner__caption-title, .banner.dotw__banner .banner__copy-container .banner__caption-text, .banner.sale__banner .banner__copy-container .banner__caption-title { font-size: calc(21px + (49 - 21) * ((100vw - 675px) / (1279 - 675))); } .banner.dotw__banner .banner__copy-container a.banner__button { font-size: calc(7px + (15 - 7) * ((100vw - 675px) / (1279 - 675))); } .banner.sale__banner .banner__copy-container a.banner__button { font-size: calc(9px + (15 - 9) * ((100vw - 675px) / (1279 - 675))); } /* Quicklink titles */ .quickLinks.mobileMenu.browse-menu .merched-menu .merched-menu__heading span { font-size: calc(28px + (36 - 28) * ((100vw - 675px) / (1279 - 675))); } /* Brands */ /*.brands__list img {*/ /* width: 70%;*/ /*}*/ } @media (max-width: 1023px) { .page-frame { padding: 0 20px; } } @media (max-width: 939px) { .viewed-history-container { overflow-x: auto; } .cta { font-size: calc(14px + (16 - 14) * ((100vw - 675px) / (1279 - 675))); } .quickLinks.mobileMenu.quickLinks-background .merched-menu__menu-group { width: 90%; } .pp-promo .banner__caption-text { font-size: 15px; } .pp-promo .cta { font-size: 13px; } .lor-banner .banner__copy-container { width: calc(490px + (620 - 490) * ((100vw - 675px) / (939 - 675))); } .lor-banner .banner__caption-title { font-size: calc(16px + (23 - 16) * ((100vw - 675px) / (939 - 675))); width: calc(125px + (175 - 125) * ((100vw - 675px) / (939 - 675))); } .lor-banner .banner__caption-title:after { height: calc(25px + (45 - 25) * ((100vw - 675px) / (939 - 675))); right: calc(15px + (18 - 15) * ((100vw - 675px) / (939 - 675))); } .lor-banner .banner__caption-text { font-size: calc(12px + 3 * ((100vw - 675px) / (939 - 675))); margin: 0; } .lor-banner .cta { font-size: calc(12px + 3 * ((100vw - 675px) / (939 - 675))); left: calc(125px + (175 - 125) * ((100vw - 675px) / (939 - 675))); bottom: 0; } .page_title { font-size: calc(42px + (58 - 42) * ((100vw - 320px) / (939 - 320))); border: none; margin: 0 auto; } .feat-header .banner__caption-text { letter-spacing: 0.055em; } } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next, .text { font-size: 11px; } } @media (max-width: 675px) { /* temporary line break */ .full-width-promo.holiday .banner__caption-title span { display: block; } .full-width-mobile { width: 100vw; margin-left: -20px; } .banner__title, .product-list__title, [class^="product-list__title"], [class*=" product-list__title"] { font-size: 16px; font-family: "Gibson Regular"; } .banner__title { font-size: 32px; margin-bottom: 0; } .primary--title { font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (675 - 320))); margin-bottom: 10px; } .site-footer .page-frame { width: auto; } .cta { font-size: 15px; } .product-list__title-and-view-all-link { margin-bottom: 0; margin-top: 0; } .swb { width: 100vw; margin-left: -20px; } /* PAGE TITLE + SUBCOPY */ .page_title { font-size: calc(34px + (50 - 34) * ((100vw - 320px) / (675 - 320))); letter-spacing: 0.033em; max-width: calc(280px + (400 - 280) * ((100vw - 320px) / (675 - 320))); width: 100%; } /* subcopy below hero */ section.feat-hero .banner__copy-container { width: 100%; } section.feat-hero .cta--underline { line-height: 1.2; font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (675 - 320))); } .feat-header .banner__caption-text { font-size: 14px; margin: 8px 0 0; width: 100%; } /* TOP BANNER */ .feat-hero { flex-direction: column; } .feat-hero .banner__copy-container { width: 100%; margin-bottom: 25px; /*order: 2;*/ } .feat-hero .banner__container { width: 100vw; max-width: 100vw !important; /*order: 1;*/ } .feat-hero .banner__caption-title:before, .fh-event .banner__button.cta--promo:before { font-size: calc(18px + (32 - 18) * ((100vw - 320px) / (675 - 320))); letter-spacing: 0.84px; width: 100%; max-width: 100%; padding-bottom: 10px; margin-bottom: 15px; } .feat-hero .banner__caption-title { width: 100%; margin-bottom: 10px; font-size: calc(42px + (79 - 42) * ((100vw - 320px) / (675 - 320))); line-height: 1; letter-spacing: 0.024em; } .feat-hero .banner__caption-text, .fh-event .banner__button.cta--promo { line-height: 1.2; font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (675 - 320))); margin-bottom: 10px; width: 100%; margin-top: 5px; } .fh-event .banner__button.cta--promo { margin: 0 0 15px; } .fs-l.feat-story .banner__copy-container { order: 1; } /* Secondary stories */ .feat-story { flex-direction: column; width: 100vw; margin-left: -20px; } .feat-story .banner__container, .feat-story .banner__copy-container { width: 100%; } .feat-story .banner__copy-container { width: calc(100% - 40px); margin: 0 auto; } .feat-story .banner__caption-title { font-size: 24px; margin: 23px 0 10px 0; letter-spacing: 0.042em; line-height: 1.16; } .feat-story .banner__caption-text { font-size: 14px; margin: 0; } .feat-story .banner__caption-title, .feat-story .banner__caption-text, .feat-story .cta { padding: 0; } .feat-story .cta { margin: 10px 0 22px; } /* GRID BANNERS */ div#ctl00_ctl00_MainContent_MainContent_BlankPageDropZone_BlankPageDropZone_columnDisplay_ctl02_zone, .DropzoneColumn.BlankPageDropZone_2, div#ctl00_ctl00_MainContent_MainContent_BlankPageDropZone_BlankPageDropZone_columnDisplay_ctl03_zone, .DropzoneColumn.BlankPageDropZone_3 { width: 100% !important; } ul#ctl00_ctl00_MainContent_MainContent_BlankPageDropZone_BlankPageDropZone_columnDisplay_ctl02_column, .DropzoneColumn.BlankPageDropZone_2 { flex-direction: column; } .DropzoneColumn.BlankPageDropZone_3 { float: left; } .banner.wide { width: 100%; margin: 20px 0 0; } .banner.wide.two-column .banner__container { width: 100vw; margin-left: -20px; } .wide .banner__caption-title { font-size: 24px; margin-top: 15px; } /* PROMO BANNERS */ /* Full-width promo banners */ .banner.full-width-promo, .banner.promo-banner { min-height: 11vh; height: 80px; /*height: 26vw;*/ margin-left: -20px; max-height: 100%; } .banner.promo-banner { display: block; } .banner.full-width-promo .banner__copy-container, .banner.promo-banner .banner__copy-container { position: absolute; } .banner.full-width-promo .banner__copy-container .banner__caption-title, .banner.promo-banner .banner__copy-container .banner__caption-title { width: calc(100% - 40px); margin: 0 auto; font-size: 20px; /*font-size: 5.3vw; */ line-height: 1.2; } .banner.full-width-promo .banner__copy-container .banner__caption-text, .banner.promo-banner .banner__copy-container .banner__caption-text { font-size: 15px; /*font-size: 3.8vw;*/ margin: 5px auto 0; width: calc(100% - 40px); } /* Promo banners - not full-width */ .banner.promo-banner { padding: 30px 0; } .banner.promo-banner .banner__caption-title { font-size: 19px; } .banner.promo-banner .banner__caption-text { margin-top: 5px; } /* plum PLUS */ .pp-promo { flex-direction: column; } .pp-promo .banner__container { width: 33.125vw; max-width: 130px; margin: 0 0 15px; } .pp-promo .banner__copy-container { max-width: calc(100% - 40px); width: 320px; text-align: center; } .pp-promo .banner__caption-text, .pp-promo .cta { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (675 - 320))); } .pp-promo .banner__caption-text { margin-bottom: 10px; } /* LOR */ .lor-banner { background: url(//static.indigoimages.ca/2020/lor-bcl-en__m.png) no-repeat center; padding: 20px 0; background-size: cover; height: auto; overflow: auto; } .lor-banner .banner__container { margin: 0 auto; display: none; } .lor-banner .banner__copy-container { position: static; transform: none; width: auto; text-align: center; padding: 0 20px; display: block; margin: 0 auto; max-width: 350px; } .lor-banner .banner__caption-title { width: 100%; font-size: calc(26px + 4 * ((100vw - 320px) / (939 - 320))); color: #fff; } .lor-banner .banner__caption-title:after { display: none; } .lor-banner .banner__caption-text { font-family: "Gibson Regular", Arial, Helvetica, sans-serif; font-size: calc(14px + 4 * ((100vw - 320px) / (939 - 320))); letter-spacing: 0.083em; margin: 10px auto 15px; color: #fff; } .lor-banner .cta { font-size: calc(14px + 4 * ((100vw - 320px) / (939 - 320))); position: static; color: #fff; } .lor-banner .cta:after { background: url(//static.indigoimages.ca/2017/white-triangle.png) no-repeat center; } /* DOTW and sale banner */ .banner.dotw__banner, .banner.sale__banner { width: 101vw; margin-left: -23px; } .banner.dotw__banner .banner__copy-container, .banner.sale__banner .banner__copy-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .banner.dotw__banner .banner__copy-container .banner__caption-title { margin-bottom: 5px; font-size: calc(40px + (49 - 40) * ((100vw - 320px) / (675 - 320))); } .banner.dotw__banner .banner__copy-container .banner__caption-text { font-size: calc(30px + (39 - 30) * ((100vw - 320px) / (675 - 320))); } .banner.sale__banner .banner__copy-container .banner__caption-title { font-family: "Futura Book"; font-size: 47px; } .banner.sale__banner .banner__copy-container .banner__button { font-size: 17px; margin-top: 7px; } /* QUICK LINKS */ .quickLinks.mobileMenu { margin-top: 40px; } .quickLinks.mobileMenu.quickLinks-background .merched-menu { padding: 30px 20px; } .quickLinks.mobileMenu.browse-menu .merched-menu .merched-menu__heading span { font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (675 - 320))); } .quickLinks.mobileMenu .merched-menu__menu-group { margin-top: 0 !important; } .quickLinks.mobileMenu.quickLinks-background .merched-menu__menu-group { width: 100%; } .merched-menu__heading { margin-bottom: 2%; } /* BRANDS */ .brands__container { width: 100vw; margin-left: -20px; margin-bottom: 30px; } /* default - four logos */ .brands__list { flex-wrap: wrap; justify-content: space-around; margin-top: 25px; } .brands__list img { width: 100%; max-height: auto; } .brands__item { display: flex; align-items: center; justify-content: center; height: 18vw; width: 39%; margin: 0; } /* five logos */ .brands__list.list--grid .brands__item:nth-of-type(1), .brands__list.list--grid .brands__item:nth-of-type(2) { flex-basis: 46%; } .brands__list.list--grid .brands__item { flex-basis: 23%; } .brands__list.list--grid .brands__item { margin: 0; } /* INSTAGRAM FEED */ .instagramOnlyTitle .product-list__title-container .product-list__title { font-size: 18px; } .instagramOnlyTitle .product-list__title-container .product-list__title a { font-size: 18px; } } @media (max-width: 568px) { .full-width { margin-left: -20px; } .pp-promo .banner__copy-container { width: calc(100% - 40px); } } /* PRODUCT LISTS */ @media (min-width: 940px) { /* Product carousel */ .bx-wrapper { max-width: 100% !important; } .carousel__slide { width: 236px !important; } /* Product Grids */ .product-list__product--grid, .product-list-container__grid-view .product-list__product { width: calc(100% / 4); } } /* interactive states */ /*.banner a[data-type="bannerLink"]:focus .banner__caption-title,*/ /*.banner a[data-type="bannerLink"]:focus .banner__caption-text,*/ /*.cta:focus {*/ /* border: 1px dashed #222;*/ /*}*/ /*.full-width-promo a[data-type="bannerLink"]:focus .banner__caption-title,*/ /*.full-width-promo a[data-type="bannerLink"]:focus .banner__caption-text,*/ /*.promo-banner a[data-type="bannerLink"]:focus .banner__caption-title,*/ /*.promo-banner a[data-type="bannerLink"]:focus .banner__caption-text {*/ /* border-color: white;*/ /* display: inline-block;*/ /*}*/ /*.feat-story a[data-type="bannerLink"]:focus .banner__caption-title,*/ /*.feat-story a[data-type="bannerLink"]:focus .banner__caption-text,*/ /*.feat-story .cta:focus {*/ /* border: none;*/ /* text-decoration: underline dashed;*/ /* text-underline-offset: 5px;*/ /* outline: none;*/ /*}*/

Dates limites pour les commandes

Applicable uniquement aux articles en stock

Comme la Saint-Valentin arrive à grand pas, nous vous invitons à suivre les recommandations suivantes :

1
Prenez de l’avance pour faire vos achats en ligne. Pour vous assurer de recevoir vos colis avant le 12 février, nous vous conseillons de passer vos commandes d’articles en stock avant le lundi 1 février.
2
Magasinez en ligne et ramassez vos achats en magasin en aussi peu que 3 heures. Le service de cueillette sans contact est également offert à l’extérieur de certains magasins.
3
Prévoyez plus de temps pour la livraison si vous vous trouvez dans une région éloignée.

Expédition dans la région du grand Toronto, à Windsor, à Montréal et à Ottawa (pour livraison au plus tard le 12 février)

Disponibilité des articles Date limite de commande
Articles en stock 8 février

Expédition dans les grands centres urbains (pour livraison au plus tard le 12 février)

Disponibilité des articles Date limite de commande
Articles en stock 3 février

Expédition ailleurs au Canada* (pour livraison au plus tard le 12 février)

Disponibilité des articles Date limite de commande
Articles en stock 1 février

Commandes destinées à la cueillette en magasin* (pour livraison au plus tard le 12 février)

Disponibilité des articles Date limite de commande
Articles en stock 3 février

* Veuillez prévoir une semaine de plus pour la livraison de commandes dans les régions du Nord et dans les endroits éloignés.

Note: Les dates de livraison et de cueillette prévues seront affichées au moment de passer à la caisse, en fonction des articles de votre commande et de votre adresse d’expédition. Certains articles pourraient être expédiés plus rapidement que d’autres.

Magasiner vos cadeaux pour la Saint-Valentin

Expédition internationale

Nous pouvons expédier les commandes en dehors du Canada ou des États-Unis, mais ne pouvons pas garantir les délais de livraison pour ces destinations.

Vous avez manqué la date limite?

Ne vous inquiétez pas! Une foule de façons s’offrent à vous pour magasiner vos cadeaux. Vous pouvez opter pour la cueillette express en magasin en aussi peu que 3 heures, envoyer une carte-cadeau électronique Chapters Indigo ou choisir la livraison à domicile en aussi peu que 2 heures grâce à Instacart.

Expédition standard gratuite

au Canada sur les commandes admissibles d’au moins 35 $. Consulter les critères d’admissibilité

Cueillette sans contact gratuite à l’extérieur du magasin

pour la plupart des articles, dans certains magasins. Consulter les critères d’admissibilité

Retours gratuits

pour les articles admissibles dans un délai de 30 jours suivant la date d’expédition. Consulter les critères d’admissibilité et la politique de retour