/* TEMPORARY FIX FOR SIMPLY BE SUPERSITE LOGO */ .icon-super-tab-DAL { text-indent: -99999px; background-image: url("/repo/DAL/desktop/supersites/02-images/dal-logo-v1.png"); background-repeat: no-repeat; background-position: center; background-size: 80px; } .super-sites a.icon-super-tab-DAL { padding-right: 45px !important; } .icon-super-tab-IHM { width: 70px; text-indent: -99999px; background-image: url("/repo/IHM/desktop/responsiveheader/02-images/logo-IHM.svg"); background-repeat: no-repeat; background-position: center; background-size: 53px; } .super-sites a.icon-super-tab-IHM { padding-right: 45px !important; } /* Header Top */ .gui-header-top { border: none; background: #F5F5F5; } .gui-header-top-links ul li a { font-family: "LinetoBrownRegular"; text-transform: uppercase; } .gui-header-top-links ul li:first-child { display: none; } .gui-top-links li a:before { height: 20px; margin-right: 5px; content: ""; background-repeat: no-repeat; } /* Icons */ .gui-store-locator-icon:before { width: 16px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'/%3e%3c/svg%3e"); } .gui-user-icon:before { width: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e"); } .gui-sign-out-icon:before { width: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z'/%3e%3c/svg%3e"); } .gui-save-it-icon:before { width: 33px !important; height: 50px !important; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 595.3 841.9' style='enable-background:new 0 0 595.3 841.9;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M494.2,357.3c0-58.8-47.7-106.4-106.4-106.4c-38.4,0-71.9,20.4-90.6,50.9c-18.7-30.5-52.3-50.9-90.7-50.9 c-58.8,0-106.4,47.7-106.4,106.4c0,32,14.2,60.6,36.5,80.1l150.8,150.8c2.6,2.6,6.1,4,9.7,4c3.6,0,7.1-1.4,9.7-4l150.8-150.8 C480,418,494.2,389.3,494.2,357.3L494.2,357.3z M494.2,357.3'/%3E%3C/g%3E%3C/svg%3E"); } /* Super Sites */ .super-sites ul li a { font-family: "LinetoBrownRegular"; text-transform: uppercase; color: #7E7E7E; } .super-sites ul { border-right: 1px solid #EEE; } .super-sites ul li#CGN-tab { background: #FFF; } .super-sites ul li a { border-left: 1px solid #EEE; } .super-sites ul > li#DAL-tab { display:none; } /* Super Sites Dropdown */ .gui-nav-super-sites { font-family: "LinetoBrownRegular"; } /* Sub Nav Toggle */ .gui-sub-nav-toggle span { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cpath fill='%238E8E8E' d='M324.9,257.4L122.1,54.5c-6-6-6-15.7,0-21.6l11.7-11.8c6-6,15.7-6,21.6,0l225,225c2.9,2.9,4.5,6.9,4.5,10.9 c0,4-1.5,7.9-4.5,10.9l-225,225.2c-6,6-15.7,6-21.6,0l-11.3-11.3c-6-6-6-15.7,0-21.6L324.9,257.4z'/%3e%3c/svg%3e"); background-position: center center; background-size: 13px 13px; } .gui-show .gui-sub-nav-toggle span { transform: rotate(90deg); background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cpath fill='%238E8E8E' d='M324.9,257.4L122.1,54.5c-6-6-6-15.7,0-21.6l11.7-11.8c6-6,15.7-6,21.6,0l225,225c2.9,2.9,4.5,6.9,4.5,10.9 c0,4-1.5,7.9-4.5,10.9l-225,225.2c-6,6-15.7,6-21.6,0l-11.3-11.3c-6-6-6-15.7,0-21.6L324.9,257.4z'/%3e%3c/svg%3e"); } @media only screen and (min-width:768px) { .gui-sub-nav-content-grid > div { width: 261px; } } @media only screen and (min-width:992px) { .gui-sub-nav-content-grid > div { width: 261px; } } /* Header Main */ @media (max-width: 767px) { body .gui-secondary-nav { background: #F5F5F5; display: block; margin-bottom: 10px; border-top: 0.5px solid grey; } body .gui-secondary-nav .gui-container ul li { display: block; background: transparent; color: black; } body .gui-secondary-nav .gui-container ul li a, .gui-secondary-nav .gui-container ul li a::after { display: block; justify-content: unset; margin: 0; background: none; color: black; font-size: 12px; font-family: LineToBrownRegular; font-weight: normal; } body .gui-secondary-nav .gui-container { padding: 0; } body #Page_Container .row[data-row=CATEGORY_SCROLL] { padding: 0px 8px 10px; } /* * Mobile only fixed positioning * Site Canvas preventing expected position: sticky behaviour from combine */ .gui-header-sticky { /* position:fixed; */ } .site-canvas { /* padding-top:52px; */ } /* * gui lock override */ body.gui-lock-canvas { position: static; overflow: hidden; } .gui-sub-nav-toggle { bottom: 0; display: none; padding: 10px 5px; } .gui-nav-list li a { font-family: "AlternateGotNo2"; font-size: 22px; margin: 10px 0; padding: 12px; background-color: #fff; /* text-transform: uppercase; */ } .gui-sub-nav-content .gui-sub-nav-content-list a { font-size: 20px; padding: 11px 10px 10px; border: none; } .gui-show .gui-sub-nav-toggle { background-color: transparent; } .gui-header-main .block-3 { width: auto; } .gui-header-main-links { display: flex; flex-flow: row wrap; justify-content: flex-end; } .logo img { display: block; width: 75%; height: auto; margin: 0 auto; } .gui-nav-list { width: 80%; padding: 12px; } .gui-sub-nav-content-grid>div .gui-sub-nav-title { display: none; } a#topNav_Sale, a#topNav_Clearance { color: #FF0004; } a#topNav_NewIn { position: relative; padding-left: 72px; white-space: nowrap; } a#topNav_NewIn:after, a#topNav_Deals:after, a#topNav_Clothing:after, a#topNav_StayAtHome:after, a#topNav_Jeans:after, a#topNav_Shoes:after, a#topNav_Accessories:after, a#topNav_Grooming:after, a#topNav_Activewear:after, a#topNav_Occasion:after, a#topNav_Occasionwear:after, a#topNav_Holiday::after, a[id="topNav_Tech&Gaming"]:after, a#topNav_Brands:after, a#topNav_Christmas:after, a#topNav_Outlet:after, a#topNav_TrueFit:after, a#topNav_FindYourFit:after, a#topNav_Inspiration::after, a#topNav_ShopTheEdit::after, a#topNav_Gifts::after, a#topNav_ShopByEdit::after, a#topNav_Sale:after, a#topNav_Clearance:after, a#topNav_BlackFriday::after, a#topNav_DecemberDeals::after{ position: absolute; top: 0; left: 0; width: 60px; height: 60px; padding: 14px; content: ""; border-radius: 50%; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } a#topNav_Sale:after, a#topNav_Clearance:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.01/CGN_020223_BM_Clearance.png"); } a#topNav_BlackFriday:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/211105_BM_BlackFriday.jpg"); } a#topNav_Deals:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.11/JAC_DM_MOB_DEALS_281122v3.png"); } a#topNav_NewIn:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.03/CGM_BM_230228_NewIn.jpg"); } a#topNav_Clothing:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.03/CGM_BM_230228_Clothing.jpg"); } a#topNav_Jeans:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/2007-BM-Jeans.jpg"); } a#topNav_StayAtHome:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/2007-BM-StayAtHome.jpg"); } a#topNav_Shoes:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.03/CGM_BM_230228_Shoes.jpg"); } a#topNav_Accessories:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.03/CGM_BM_230228_Accessories.jpg"); } a#topNav_Grooming:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.03/CGM_BM_230228_Grooming.jpg"); } a#topNav_Activewear:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.03/CGM_BM_230228_Activewear.jpg"); } a[id="topNav_Tech&Gaming"]:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/2102-BM-TechGaming.jpg"); } a#topNav_Brands:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.03/CGM_BM_230228_Brands.jpg"); } a#topNav_Christmas:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/BM-Christmas.jpg"); } a#topNav_Outlet:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.06/13072022_BM_Outlet.jpg"); } a#topNav_TrueFit:after { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/BM-Trufit.jpg"); } a#topNav_Inspiration::after { background-image: url('/repo/CGN/desktop/responsiveheader/02-images/210325_BM_Inspiration.png'); } a#topNav_ShopTheEdit::after { background-image: url('/repo/CGN/desktop/responsiveheader/02-images/2111_BM_ShopbyEdit.jpg'); } a#topNav_ShopByEdit::after { background-image: url('/repo/CGN/desktop/responsiveheader/02-images/23.03/CGM_BM_230228_Edit.jpg'); } a#topNav_Gifts::after { background-image: url('/repo/CGN/desktop/responsiveheader/02-images/2111_BM_Gifting.jpg'); } a#topNav_Holiday::after { background-image: url('/repo/CGN/desktop/responsiveheader/02-images/22.06/13072022_BM_HolidayShop.jpg'); } a#topNav_Occasionwear::after { background-image: url('/repo/CGN/desktop/responsiveheader/02-images/23.03/CGM_BM_230228_Occasionwear.jpg'); } a#topNav_FindYourFit::after { background-image: url('/repo/CGN/desktop/responsiveheader/02-images/22.11/311022_BM_FINDYOURFIT.jpg'); } a#topNav_BlackFriday, a#topNav_DecemberDeals, a#topNav_Deals, a#topNav_Sale, a#topNav_Clearance, a#topNav_Clothing, a#topNav_StayAtHome, a#topNav_Jeans, a#topNav_Shoes, a#topNav_Accessories, a#topNav_Grooming, a#topNav_Activewear, a#topNav_Brands, a#topNav_Christmas, a#topNav_Outlet, a#topNav_TrueFit, a#topNav_FindYourFit, a#topNav_Outlet, a[id="topNav_Tech&Gaming"], a#topNav_Inspiration, a#topNav_ShopTheEdit, a#topNav_ShopByEdit, a#topNav_Gifts, a#topNav_Holiday, a#topNav_Occasionwear { position: relative; padding-left: 72px !important; white-space: nowrap; } #topNav_visitourothersites { background-color: transparent; } a#topNav_Clearance { color: #ff0004; } .gui-nav-list>li>a[id^='topNav_Upto'] { margin-bottom: 0; padding: 12px 0; } .gui-header-main .gui-search-toggle.active { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Close%3C/title%3E%3Cg id='Light-/-Close' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M0.585786438,0.585786438 C1.36683502,-0.195262146 2.63316498,-0.195262146 3.41421356,0.585786438 L3.41421356,0.585786438 L32,29.171 L60.5857864,0.585786438 C61.3257272,-0.154154326 62.5012114,-0.193098576 63.2869988,0.468953686 L63.4142136,0.585786438 C64.1952621,1.36683502 64.1952621,2.63316498 63.4142136,3.41421356 L63.4142136,3.41421356 L34.829,32 L63.4142136,60.5857864 C64.1541543,61.3257272 64.1930986,62.5012114 63.5310463,63.2869988 L63.4142136,63.4142136 C62.633165,64.1952621 61.366835,64.1952621 60.5857864,63.4142136 L60.5857864,63.4142136 L32,34.829 L3.41421356,63.4142136 C2.6742728,64.1541543 1.49878864,64.1930986 0.713001205,63.5310463 L0.585786438,63.4142136 C-0.195262146,62.633165 -0.195262146,61.366835 0.585786438,60.5857864 L0.585786438,60.5857864 L29.171,32 L0.585786438,3.41421356 C-0.154154326,2.6742728 -0.193098576,1.49878864 0.468953686,0.713001205 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-size: 16px; } .gui-nav-list>li { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; border-bottom: none; border-bottom: 1px solid #eee; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .gui-nav-list>li.gui-show>a { /* border-bottom: 1px solid #dedede; */ } .gui-show>.gui-sub-nav-content { position: relative; top: -10px; /* background-color: #eeeeee; */ padding-bottom: 0; } /* * Category header */ a#topNav_visitourothersites, a#topNav_FollowUs, a#topNav_YourDetails { font-family: AlternateGotNo2; font-size: 20px; /* width: 100vw; */ margin-right: -12px; margin-left: -12px; padding: 10px 10px 10px 25px; text-transform: uppercase; color: white; border: 0; background: black; } .gui-nav-overlay span { font-size: 0; } } @media (min-width: 768px) { /* .mobile-sign-in { display:none; }*/ .gui-show .gui-sub-nav-toggle { background: #000; } .gui-nav-default .gui-sub-nav-content { /* z-index: 100; */ z-index: -1; display: block; visibility: hidden; width: 100%; transition: opacity .2s ease-in-out, visibility .2s ease-in-out; opacity: 0; right: 0; } .gui-no-touch .gui-nav-default .gui-nav-list>li:hover .gui-sub-nav-content, .gui-touch .gui-nav-default .gui-nav-list>li.gui-show .gui-sub-nav-content { z-index: 100; visibility: visible; opacity: 1; } .gui-nav { border-top: 1px solid var(--color-grey-200); border-bottom: 1px solid var(--color-grey-200); } .gui-nav-default .gui-sub-nav-content-grid { -ms-flex-pack: distribute; justify-content: space-around; } .gui-nav-default .gui-nav-list { justify-content: space-between; padding: 0 8px; } .gui-header-main .block-3 { width: 285px; } /*.gui-header-main .block-4 { width:36%; }*/ } /* Header Main Links */ .gui-header-main .block-3>* { margin: 0; } .gui-header-main-links ul li { margin-right: 5px; } .gui-header-main-links ul li a { font-size: 10px; padding: 10px 5px; border: none; } /* Sub Nav Content Lists */ .gui-sub-nav-content .gui-sub-nav-content-list { display: grid; grid-column-gap: 1px; grid-gap: 1px; grid-template-columns: 1fr; } .gui-sub-nav-content .gui-sub-nav-content-list li:last-child a { margin-bottom: 0; } /* Main Links */ .gui-main-links li a { font-family: "LinetoBrownRegular"; text-transform: uppercase; } .gui-main-links li a:before { height: 20px; margin-right: 5px; content: ""; background-repeat: no-repeat; } /* Header Toggles */ .gui-header button { font-family: "LinetoBrownRegular"; text-transform: uppercase; } .gui-nav-toggle, .gui-minibag-toggle, .gui-search-toggle { border: none; } /* Minibag Toggle */ .gui-minibag-toggle { line-height: 1.875; } .gui-minibag-toggle-text { font-size: 12px; line-height: 2.2; } .gui-minibag-toggle-count { line-height: 2.4; } /* Search */ /*@media (min-width:768px) { .gui-search { max-width:210px; } }*/ .gui-search input { font-family: "LinetoBrownRegular"; text-transform: capitalize; } .gui-search button { margin-bottom: 0 !important; border-left: none; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Search%3C/title%3E%3Cg id='Light-/-Search' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M24,0 C37.254834,0 48,10.745166 48,24 C48,29.9071276 45.8658878,35.3158066 42.3266105,39.4970899 L63.4142136,60.5857864 C64.1952621,61.366835 64.1952621,62.633165 63.4142136,63.4142136 C62.633165,64.1952621 61.366835,64.1952621 60.5857864,63.4142136 L60.5857864,63.4142136 L39.4970899,42.3266105 C35.3158066,45.8658878 29.9071276,48 24,48 C10.745166,48 0,37.254834 0,24 C0,10.745166 10.745166,0 24,0 Z M24,4 C12.954305,4 4,12.954305 4,24 C4,35.045695 12.954305,44 24,44 C35.045695,44 44,35.045695 44,24 C44,12.954305 35.045695,4 24,4 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 16px; } /* Logo */ .logo { width: 100px; } @media (min-width: 768px) { .logo { width: 120px; } } /* Main Nav Hover/Touch Style */ .gui-no-touch .gui-nav-list>li:hover, .gui-touch .gui-nav-list>li.gui-show { background: none; } .gui-no-touch .gui-nav-list>li a:hover, .gui-touch .gui-nav-list>li.gui-show a:hover { text-decoration: underline; } /* Nav Fonts */ .gui-nav-list>li>a { font-family: "AlternateGotNo2"; } .gui-sub-nav-content-grid>div .gui-sub-nav-title { /* font-family:"LinetoBrownBold"; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #000; */ display: none; } .gui-sub-nav-content a { font-family: "LinetoBrownRegular"; } .gui-sub-nav-content .gui-btn-close { border-radius: 50%; background: #000; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.54 47.54'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;stroke:%23FFF;stroke-miterlimit:10;stroke-width:5px;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eclose%3c/title%3e%3cline class='cls-1' x1='1.77' y1='45.77' x2='45.77' y2='1.77'/%3e%3cline class='cls-1' x1='1.77' y1='1.77' x2='45.77' y2='45.77'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: 10px; background-size: 11px 10px; } /* Sub Nav Toggle Style */ /* Default Nav Style */ .gui-nav-default .gui-nav-list>li>a { padding: 16px 0; color: var(--color-grey-500); } .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a { padding: 5px 0; } .gui-no-touch .gui-nav-default .gui-nav-list>li:hover, .gui-touch .gui-nav-default .gui-nav-list>li.gui-show { background: none; } .gui-nav-default .gui-sub-nav-content { border: 1px solid #000; } /* Main Nav Flex Override to align links centrally */ @media (min-width: 768px) { .gui-nav-list>li>a#topNav_Sale, .gui-nav-list>li>a#topNav_Clearance { color: #E32D3A; } } @media (min-width: 1200px) { .gui-nav-default .gui-nav-list>li { -ms-flex: none; flex: none; -webkit-box-flex: 0; } .gui-nav-default .gui-nav-list>li>a { padding: 10px 30px; } .gui-nav-list>li>a#topNav_Sale, .gui-nav-list>li>a#topNav_Clearance { color: #E32D3A; } } /* Secondary Nav */ .gui-secondary-nav { font-family: "LinetoBrownRegular"; font-size: 12px; margin: 0; } .gui-secondary-nav ul li { text-transform: uppercase; } /* Back to Top */ .hd-backtotop { position: fixed; z-index: 2000; right: 20px; bottom: 20px; display: none; width: 55px; height: 55px; text-align: center; text-indent: -99999px; opacity: .7; border: 1px solid #000; background: url("/repo/CGN/desktop/header/02-images/Jacamo_header_footer_sprite_150814.png") -16px -76px no-repeat #FFF; } body { overflow-x: hidden; -webkit-text-size-adjust: 100%; } /* Fixed FF overscroll issue w44 */ .cgn-dropdown-overlay { position: fixed; z-index: -1; top: 0; display: block; visibility: hidden; width: 100vw; height: 100vh; transition: opacity .2s ease-in-out, visibility .2s ease-in-out; opacity: 0; background-color: rgba(0, 0, 0, .8); } .cgn-dropdown-overlay.cgn-dropdown-overlay--show { z-index: 12; visibility: visible; opacity: 1; } /* reduced header height */ .gui-nav-default .gui-header-main { padding: 10px 0 5px; } @media (min-width: 1200px) { .gui-nav-default .gui-nav-list>li>a { padding: 8px 10px; } .logo { width: 148px; } .gui-search button, .gui-search-toggle { height: 36px; } .gui-search input { padding: 5px 12px; } } /* test account dropdown styling - do not deploy */ .gui-header-main-links { position: relative; } .cgn-account-dropdown { position: absolute; z-index: 1; top: 100%; display: none; -ms-flex-direction: column; flex-direction: column; width: 200px; border: 1px solid black; background-color: white; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .cgn-account-dropdown.cgn-account-dropdown--show { display: -webkit-box; display: -ms-flexbox; display: flex; } .cgn-account-dropdown a { padding: 10px; border-bottom: 1px solid black; } .cgn-account-dropdown a:last-child { margin-bottom: 0; } .cgn-account-dropdown:before { position: absolute; top: -10px; right: 0; left: 7px; width: 0; content: ""; border-right: 15px solid transparent; border-bottom: 10px solid black; border-left: 15px solid transparent; } #DDM_pro__NewInFeatured1, #DDM_pro__NewInFeatured2, #DDM_pro__NewInFeatured3, #DDM_pro__ClothingFeatured1, #DDM_pro__ClothingFeatured2, #DDM_pro__ClothingFeatured3, #DDM_pro__StayHomeFeatured1, #DDM_pro__StayHomeFeatured2, #DDM_pro__StayHomeFeatured3, #DDM_pro__OccasionwearFeatured1, #DDM_pro__OccasionwearFeatured2, #DDM_pro__OccasionwearFeatured3, #DDM_pro__AccessoriesFeatured1, #DDM_pro__AccessoriesFeatured2, #DDM_pro__AccessoriesFeatured3, #DDM_pro__ActivewearFeatured1, #DDM_pro__ActivewearFeatured2, #DDM_pro__ActivewearFeatured3, #DDM_pro__ShoesFeatured1, #DDM_pro__ShoesFeatured2, #DDM_pro__ShoesFeatured3, #DDM_pro__GroomingFeatured1, #DDM_pro__GroomingFeatured2, #DDM_pro__GroomingFeatured3, #DDM_pro__TechFeatured1, #DDM_pro__TechFeatured2, #DDM_pro__TechFeatured3, #DDM_pro__OutletFeatured3, #DDM_pro__JeansFeatured1, #DDM_pro__JeansFeatured2, #DDM_pro__JeansFeatured3, #DDM_pro__ChristmasFeatured1, #DDM_pro__ChristmasFeatured2, #DDM_pro__ChristmasFeatured3, #DDM_pro__BrandsFeatured3, #DDM_pro__ShortsFeatured2, #DDM_pro__ShortsFeatured3, #DDM_pro__HomeTechFeatured1, #DDM_pro__HomeTechFeatured2, #DDM_pro__HomeTechFeatured3, #DDM_pro__HolidayFeatured1, #DDM_pro__HolidayFeatured2, #DDM_pro__SaleFeatured3, #DDM_pro__BlackFridayFeatured1, #DDM_pro__BlackFridayFeatured2, #DDM_pro__BlackFridayFeatured3, #DDM_pro__DecemberDealsFeatured1, #DDM_pro__DecemberDealsFeatured2, #DDM_pro__DecemberDealsFeatured3 { /* height: 265px; */ height: 237px; color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; } #DDM_pro__NewInFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_New_01.jpg"); } #DDM_pro__NewInFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_New_02.jpg"); } #DDM_pro__NewInFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_New_03.jpg"); } /* #DDM_pro__ClothingFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/CGN_HM_211005_Clothing_01.jpg"); } */ #DDM_pro__ClothingFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Clothing_01.jpg"); } #DDM_pro__ClothingFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Clothing_02.jpg"); } #DDM_pro__StayHomeFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/WK27-StayAtHome1.jpg"); } #DDM_pro__StayHomeFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/WK27-StayAtHome2.jpg"); } #DDM_pro__StayHomeFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/WK27-StayAtHome2.jpg"); } #DDM_pro__OccasionwearFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Occasion_01.jpg"); } #DDM_pro__OccasionwearFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Occasion_02.jpg"); } #DDM_pro__OccasionwearFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Occasion_03.jpg"); } #DDM_pro__AccessoriesFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Accessories_01.jpg"); } #DDM_pro__AccessoriesFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Accessories_02.jpg"); } #DDM_pro__AccessoriesFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Accessories_03.jpg"); } #DDM_pro__ActivewearFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Activewear_01.jpg"); } #DDM_pro__ActivewearFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Activewear_01.jpg"); } #DDM_pro__ShoesFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Shoes_02.jpg"); } #DDM_pro__ShoesFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Shoes_01.jpg"); } #DDM_pro__ShoesFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Shoes_03.jpg"); } #DDM_pro__GroomingFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Grooming_01.jpg"); } #DDM_pro__GroomingFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Grooming_02.jpg"); } #DDM_pro__GroomingFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Grooming_03.jpg"); } #DDM_pro__OutletFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/1807s-Hover-Outlet.png"); } #DDM_pro__JeansFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/Wk45-Jeans1.jpg"); } #DDM_pro__JeansFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/CGN-HM-Jeans2.jpg"); } #DDM_pro__JeansFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/Wk45-Jeans3.jpg"); } #DDM_pro__BrandsFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Brands_01.jpg"); } #DDM_pro__ChristmasFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.11/CGN_HM_221027_xmas_02.jpg"); } #DDM_pro__ChristmasFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.11/CGN_HM_221027_xmas_01.jpg"); } #DDM_pro__ChristmasFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.11/CGN_HM_221027_xmas_03.jpg"); } #DDM_pro__ShortsFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/wk19-ShortsFeatured2.jpg"); } #DDM_pro__ShortsFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/wk19-ShortsFeatured3.jpg"); } #DDM_pro__HomeTechFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_230310_Tech_01.jpg"); } #DDM_pro__HomeTechFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_220310_Tech_03.jpg"); } #DDM_pro__HomeTechFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.04/CGN_HM_220310_Tech_03.jpg"); } #DDM_pro__HolidayFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/WK30-HolidayFeatured1.jpg"); } #DDM_pro__HolidayFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/WK30-HolidayFeatured3.jpg"); } #DDM_pro__SaleFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/23.01/CGN_HM_230202_Sale_01.png"); } #DDM_pro__BlackFridayFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.11/CGN_HM_221027_BLKFRI_01.jpg"); } #DDM_pro__BlackFridayFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.11/CGN_HM_221027_BLKFRI_02.jpg"); } #DDM_pro__BlackFridayFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.11/CGN_HM_221027_BLKFRI_03.jpg"); } #DDM_pro__DecemberDealsFeatured1 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.11/CGN_HM_221128_DEALS_01.jpg"); } #DDM_pro__DecemberDealsFeatured2 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.11/CGN_HM_221128_DEALS_02.jpg"); } #DDM_pro__DecemberDealsFeatured3 { background-image: url("/repo/CGN/desktop/responsiveheader/02-images/22.11/CGN_HM_221128_DEALS_03.jpg"); } @media only screen and (min-width: 1024px) { #DDM_pro__NewInFeatured1, #DDM_pro__NewInFeatured2, #DDM_pro__NewInFeatured3, #DDM_pro__ClothingFeatured1, #DDM_pro__ClothingFeatured2, #DDM_pro__ClothingFeatured3, #DDM_pro__StayHomeFeatured1, #DDM_pro__StayHomeFeatured2, #DDM_pro__StayHomeFeatured3, #DDM_pro__OccasionwearFeatured1, #DDM_pro__OccasionwearFeatured2, #DDM_pro__OccasionwearFeatured3, #DDM_pro__AccessoriesFeatured1, #DDM_pro__AccessoriesFeatured2, #DDM_pro__AccessoriesFeatured3, #DDM_pro__ActivewearFeatured1, #DDM_pro__ActivewearFeatured2, #DDM_pro__ActivewearFeatured3, #DDM_pro__ShoesFeatured1, #DDM_pro__ShoesFeatured2, #DDM_pro__ShoesFeatured3, #DDM_pro__GroomingFeatured1, #DDM_pro__GroomingFeatured2, #DDM_pro__GroomingFeatured3, #DDM_pro__TechFeatured1, #DDM_pro__TechFeatured2, #DDM_pro__TechFeatured3, #DDM_pro__OutletFeatured3, #DDM_pro__JeansFeatured1, #DDM_pro__JeansFeatured2, #DDM_pro__JeansFeatured3, #DDM_pro__ChristmasFeatured1, #DDM_pro__ChristmasFeatured2, #DDM_pro__ChristmasFeatured3, #DDM_pro__BrandsFeatured3, #DDM_pro__ShortsFeatured2, #DDM_pro__ShortsFeatured3, #DDM_pro__HomeTechFeatured1, #DDM_pro__HomeTechFeatured2, #DDM_pro__HomeTechFeatured3, #DDM_pro__HolidayFeatured1, #DDM_pro__HolidayFeatured2, #DDM_pro__SaleFeatured3, #DDM_pro__BlackFridayFeatured1, #DDM_pro__BlackFridayFeatured2, #DDM_pro__BlackFridayFeatured3, #DDM_pro__DecemberDealsFeatured1, #DDM_pro__DecemberDealsFeatured2, #DDM_pro__DecemberDealsFeatured3 { height: 321px; } } a#topNav_BlackFridayDeals+div+div { right: auto !important; left: 0px; width: auto; } /* DDM SPRITE ICONS Added 25/03/21 */ @media only screen and (min-width: 768px) { /* DDM Icon center links */ .gui-nav-container>ul>li>[name="topNav_Clothing"]~div.gui-sub-nav-content>div>div:nth-child(2) a, .gui-nav-container>ul>li>[name="topNav_Activewear"]~div.gui-sub-nav-content>div>div:nth-child(2) a, .gui-nav-container>ul>li>[name="topNav_Activewear"]~div.gui-sub-nav-content>div>div:nth-child(3) a, .gui-nav-container>ul>li>[name="topNav_Shoes"]~div.gui-sub-nav-content>div>div:nth-child(2) a, .gui-nav-container>ul>li>[name="topNav_Tech&Gaming"]~div.gui-sub-nav-content>div>div:nth-child(2) a { display: flex; justify-content: flex-start; align-items: center; } /* DDM Icon Sprite */ #DDM_pro__LongandTall::before, #DDM_pro__JacamoActive::before, #DDM_pro__BackInStock::before, #DDM_pro__JacamoExclusives::before, #DDM_pro__TheLoungewearEdit::before, #DDM_pro__WorkingFromHome::before, #DDM_pro__ValuePacks::before, #DDM_pro__HolidayShop::before, #DDM_pro__The12thAprilEdit::before, #DDM_pro__BackToTheGym::before, #DDM_pro__The21stJuneEdit::before, #DDM_pro__The19thJulyEdit::before, #DDM_pro__EverydayEssentials::before, #DDM_pro__Staycation::before, .gui-nav-container>ul>li>[name="topNav_Activewear"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__adidas::before, .gui-nav-container>ul>li>[name="topNav_Shoes"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__adidas::before, .gui-nav-container>ul>li>[name="topNav_Shoes"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__BOSS::before, .gui-nav-container>ul>li>[name="topNav_Shoes"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__NewBalance::before, .gui-nav-container>ul>li>[name="topNav_Shoes"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__PoloRalphLauren::before, .gui-nav-container>ul>li>[name="topNav_Shoes"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__Skechers::before, .gui-nav-container>ul>li>[name="topNav_Shoes"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__Timberland::before, .gui-nav-container>ul>li>[name="topNav_Shoes"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__Vans::before, .gui-nav-container>ul>li>[name="topNav_Activewear"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__ellesse::before, .gui-nav-container>ul>li>[name="topNav_Activewear"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__Puma::before, .gui-nav-container>ul>li>[name="topNav_Activewear"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__Snowdonia::before, .gui-nav-container>ul>li>[name="topNav_Activewear"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__UnderArmour::before, .gui-nav-container>ul>li>[name="topNav_Activewear"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__Reebok::before, .gui-nav-container>ul>li>[name="topNav_Activewear"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__NewBalance::before, #DDM_pro__Cycling::before, #DDM_pro__Football::before, #DDM_pro__Golf::before, #DDM_pro__Gym::before, #DDM_pro__Rugby::before, #DDM_pro__Running::before, #DDM_pro__Walking::before, #DDM_pro__Apple::before, #DDM_pro__Samsung::before, #DDM_pro__Nintendo::before, #DDM_pro__XboxOne::before, #DDM_pro__XboxSeriesX::before, #DDM_pro__PS4::before, #DDM_pro__PS5::before, #DDM_pro__SwimShop::before, #DDM_pro__Occasionwear::before, #DDM_pro__TheHalloweenEdit::before, #DDM_pro__WeddingShop::before, #DDM_pro__GoingOutStyles::before, #DDM_pro__Layering::before, #DDM_pro__GiftsForHim::before, #DDM_pro__Partywear::before, #DDM_pro__TopRatedByYou::before, #DDM_pro__Smart-Casual::before, #DDM_pro__GiftsforHim::before, #DDM_pro__Festivaledit::before, #DDM_pro__GreatOutdoors::before, #DDM_pro__Outdoors::before, #DDM_pro__FootballReady::before, #DDM_pro__FindYourFit::before, #DDM_pro__WinterSun::before, .gui-nav-container>ul>li>[name="topNav_Clothing"]~div.gui-sub-nav-content>div>div:nth-child(2) #DDM_pro__Wellness::before, #DDM_pro__ValentinesGifts::before, a[id^="DDM_pro__Valentine"]::before { display: block; width: 34px; height: 34px; margin-right: 8px; content: ""; background-image: url('/repo/CGN/desktop/responsiveheader/02-images/23.01/JA_SS_Edit_roundel_24012023.png'); } /* DDM Icon Positions */ #DDM_pro__LongandTall::before { background-position: -77px -101px; } #DDM_pro__FindYourFit::before { background-position: -133px -101px; } #DDM_pro__Smart-Casual::before { background-position: -77px -148px; } #DDM_pro__BackInStock::before { background-position: -133px -340px; } #DDM_pro__Festivaledit::before { background-position: -133px -292px; } #DDM_pro__Layering::before { background-position: -77px -196px; } #DDM_pro__GreatOutdoors::before { background-position: -133px -388px; } #DDM_pro__WinterSun::before { background-position: -133px -436px; } #DDM_pro__Wellness::before { background-position: -132px -484px; } #DDM_pro__JacamoExclusives::before { background-position: -77px -196px; } #DDM_pro__WorkingFromHome::before { background-position: -77px -292px; } #DDM_pro__ValuePacks::before { background-position: -77px -340px; } #DDM_pro__HolidayShop::before { background-position: -77px -582px; } #DDM_pro__The12thAprilEdit::before { background-position: -77px -388px; } #DDM_pro__BackToTheGym::before { background-position: -77px -436px; } #DDM_pro__The21stJuneEdit::before { background-position: -77px -484px; } #DDM_pro__The19thJulyEdit::before { background-position: -77px -732px; } #DDM_pro__Staycation::before { background-position: -77px -532px; } #DDM_pro__EverydayEssentials::before { background-position: -78px -388px; } #DDM_pro__GoingOutStyles::before { background-position: -78px -782px; } #DDM_pro__SwimShop::before { background-position: -77px -582px; } #DDM_pro__Occasionwear::before { background-position: -77px -629px; } #DDM_pro__TheHalloweenEdit::before { background-position: -78px -833px; } #DDM_pro__FootballReady::before { background-position: -78px -833px; } a[id^="DDM_pro__Valentine"]::before { background-position: -134px -533px; } #DDM_pro__Partywear::before { background-position: -133px -148px; } #DDM_pro__WeddingShop::before { background-position: -77px -682px; } #DDM_pro__adidas::before { background-position: -208px -100px; } #DDM_pro__ellesse::before { background-position: -208px -146px; } #DDM_pro__Puma::before { background-position: -208px -192px; } #DDM_pro__Snowdonia::before { background-position: -208px -238px; } #DDM_pro__UnderArmour::before { background-position: -208px -284px; } #DDM_pro__Reebok::before { background-position: -208px -330px; } #DDM_pro__JacamoActive::before { background-position: -208px -376px; } #DDM_pro__NewBalance::before { background-position: -208px -376px; } #DDM_pro__Cycling::before { background-position: -208px -423px; } #DDM_pro__Football::before { background-position: -208px -469px; } #DDM_pro__Golf::before { background-position: -208px -515px; } #DDM_pro__Gym::before { background-position: -208px -561px; } #DDM_pro__Rugby::before { background-position: -208px -607px; } #DDM_pro__Running::before { background-position: -208px -653px; } #DDM_pro__Walking::before { background-position: -208px -699px; } #DDM_pro__Apple::before { background-position: -345px -100px; } #DDM_pro__Samsung::before { background-position: -345px -150px; } #DDM_pro__Nintendo::before { background-position: -345px -201px; } #DDM_pro__XboxOne::before { background-position: -345px -250px; } #DDM_pro__XboxSeriesX::before { background-position: -345px -300px; } #DDM_pro__PS4::before { background-position: -345px -350px; } #DDM_pro__PS5::before { background-position: -345px -400px; } #DDM_pro__TopRatedByYou::before { background-position: -133px -196px; } #DDM_pro__Outdoors::before { background-position: -208px -699px; } #DDM_pro__BOSS::before { background-position: -263px -100px; } #DDM_pro__NewBalance::before { background-position: -263px -146px; } #DDM_pro__PoloRalphLauren::before { background-position: -263px -192px; } #DDM_pro__Skechers::before { background-position: -263px -238px; } #DDM_pro__Timberland::before { background-position: -263px -284px; } #DDM_pro__Vans::before { background-position: -263px -330px; } } #DDM_pro__FootballReady { display: none; } /* Start - Mobile Navigation Links */ #topNav_MyAccount, #topNav_WishList, #topNav_TrackMyOrder, #topNav_Help, #topNav_Facebook, #topNav_Twitter, #topNav_Instagram, #topNav_SavedItems { margin: 0; padding: 12px 0; background-repeat: no-repeat; background-position: right 10px center; background-size: 14px 14px; /* border-bottom: 1px solid #eeeeee; */ } #topNav_MyAccount { margin-bottom: 10px; /* background-color: #eee; */ padding-left: 12px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23878787' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e"); } #topNav_WishList { margin-bottom: 10px; padding-left: 12px; background-color: #eee; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23878787' d='M229.9,464.2L79.6,316.6c-6.5-6-62.5-59.8-62.5-126.7c0-82.8,51.8-137.6,138.7-137.6 c37.8,0,73.6,20.8,102.3,45.4c28.6-24.6,64.5-45.4,102.3-45.4c83.7,0,138.7,51.6,138.7,137.6c0,47.4-29,94.4-62.1,126.6l-0.3,0.3 L286.1,464.2C270.5,479.6,245.5,479.6,229.9,464.2L229.9,464.2z'/%3e%3c/svg%3e"); } #topNav_SavedItems { margin-bottom: 10px; /* background-color: #eee; */ padding-left: 12px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23878787' d='M229.9,464.2L79.6,316.6c-6.5-6-62.5-59.8-62.5-126.7c0-82.8,51.8-137.6,138.7-137.6 c37.8,0,73.6,20.8,102.3,45.4c28.6-24.6,64.5-45.4,102.3-45.4c83.7,0,138.7,51.6,138.7,137.6c0,47.4-29,94.4-62.1,126.6l-0.3,0.3 L286.1,464.2C270.5,479.6,245.5,479.6,229.9,464.2L229.9,464.2z'/%3e%3c/svg%3e"); } #topNav_TrackMyOrder { margin-bottom: 10px; /* background-color: #eee; */ padding-left: 12px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23878787' d='M255,5.7c-82.3,0-149.1,66.8-149.1,149.1c0,26,6.6,50.3,18.2,71.6l132.6,282.7l129-282.6c11.7-21.3,18.4-45.7,18.4-71.7 C404.1,72.5,337.3,5.7,255,5.7z M255,228.3c-40.6,0-73.5-32.9-73.5-73.5s32.9-73.5,73.5-73.5s73.5,32.9,73.5,73.5 S295.6,228.3,255,228.3z'/%3e%3c/svg%3e"); } #topNav_Help { /* background-color: #eee; */ padding-left: 12px; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Discounts' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve' fill='%23878787'%3e%3cg%3e%3cpath d='M99.6,189.1c1.2-97.1,65.1-153,161-153c76.8,0,153.6,40.6,153.6,125.4c0,59.6-28.9,81.1-75.6,110.6 c-32,20.9-39.9,30.1-40.6,67h-97.1v-30.7c0-47.9,27-68.8,49.8-85.4c25.2-17.2,49.2-30.1,49.2-60.8c0-23.4-17.8-37.5-39.9-37.5 c-33.8,0-51,20.3-52.8,52.8v11.7H99.6z M192.3,369.7h114.3V484H192.3V369.7z'/%3e%3c/g%3e%3c/svg%3e"); } #topNav_visitourothersites { pointer-events: none; } /*#topNav_SimplyBe, .gui-nav-list > li > a[id^='topNav_Home'] { padding: 0px; } */ .gui-nav-list>li>a[id^='topNav_Home'] { /*margin: 0;*/ } #topNav_Facebook { margin-bottom: 10px; padding-left: 12px; background-color: #eee; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cpath fill='%23878787' d='M452.2,35.5H59.8c-13.4,0-24.3,10.9-24.3,24.3v392.4c0,13.4,10.9,24.3,24.3,24.3h211.3V306h-57.3v-66.8h57.3 v-49.1c0-19.6,4.1-36.1,11.6-49.3c2.7-4.8,5.9-9.2,9.4-13.1c1.8-2,3.7-3.8,5.6-5.6c2-1.7,4.1-3.4,6.2-4.9c1.1-0.8,2.2-1.5,3.3-2.2 c2.3-1.4,4.6-2.7,7-3.9c6.1-3,12.7-5.2,19.8-6.7c5.7-1.2,11.6-1.9,17.9-2.2c1.6-0.1,3.1-0.1,4.7-0.1c24.3,0,45.3,1.8,51.4,2.6v59.5 l-35,0c-27.7,0-33,13.1-33,32.4v42.5h66.1l-8.6,66.8H340v170.6h112.2c13.4,0,24.3-10.9,24.3-24.3V59.8 C476.5,46.4,465.6,35.5,452.2,35.5z'/%3e%3c/svg%3e"); } #topNav_Twitter { margin-bottom: 10px; padding-left: 12px; background-color: #eee; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg version='1.1' id='Twitter' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cpath fill='%23878787' d='M173.8,435c167.2,0,258.6-138.5,258.6-258.6c0-3.9-0.1-7.9-0.3-11.8c17.7-12.8,33.2-28.8,45.3-47.1 c-16.3,7.2-33.8,12.1-52.2,14.3c18.8-11.3,33.2-29.1,40-50.3c-17.6,10.4-37,18-57.7,22.1C391,86,367.4,75,341.2,75 c-50.2,0-90.9,40.7-90.9,90.9c0,7.1,0.8,14.1,2.4,20.7c-75.5-3.8-142.5-40-187.4-95C57.5,105,53,120.7,53,137.3 c0,31.5,16,59.4,40.4,75.7c-14.9-0.5-28.9-4.6-41.2-11.4c0,0.4,0,0.8,0,1.2c0,44,31.3,80.8,72.9,89.1c-7.6,2.1-15.7,3.2-24,3.2 c-5.9,0-11.6-0.6-17.1-1.6c11.6,36.1,45.1,62.4,84.9,63.1c-31.1,24.4-70.3,38.9-112.9,38.9c-7.3,0-14.6-0.4-21.7-1.3 C74.7,420,122.5,435,173.8,435'/%3e%3c/svg%3e"); } #topNav_Instagram { margin-bottom: 10px; padding-left: 12px; border-bottom: none; background-color: #eee; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cg%3e%3cpath fill='%23878787' d='M255.9,50.5c67.3,0,75.2,0.3,101.8,1.5c24.6,1.1,37.9,5.2,46.8,8.7c11.8,4.6,20.2,10,29,18.8 c8.8,8.8,14.3,17.2,18.8,29c3.4,8.9,7.6,22.2,8.7,46.8c1.2,26.6,1.5,34.5,1.5,101.8s-0.3,75.2-1.5,101.8 c-1.1,24.6-5.2,37.9-8.7,46.8c-4.6,11.8-10,20.2-18.8,29c-8.8,8.8-17.2,14.3-29,18.8c-8.9,3.4-22.2,7.6-46.8,8.7 c-26.6,1.2-34.5,1.5-101.8,1.5s-75.2-0.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7c-11.8-4.6-20.2-10-29-18.8 c-8.8-8.8-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8c-1.2-26.6-1.5-34.5-1.5-101.8s0.3-75.2,1.5-101.8 c1.1-24.6,5.2-37.9,8.7-46.8c4.6-11.8,10-20.2,18.8-29c8.8-8.8,17.2-14.3,29-18.8c8.9-3.4,22.2-7.6,46.8-8.7 C180.7,50.7,188.7,50.5,255.9,50.5 M255.9,5.1c-68.4,0-77,0.3-103.9,1.5c-26.8,1.2-45.1,5.5-61.2,11.7 c-16.6,6.4-30.6,15.1-44.6,29.1c-14,14-22.6,28.1-29.1,44.6C11,108,6.7,126.3,5.5,153.1C4.3,180,4,188.6,4,257 c0,68.4,0.3,77,1.5,103.9C6.7,387.7,11,406,17.2,422c6.4,16.6,15.1,30.6,29.1,44.6c14,14,28.1,22.6,44.6,29.1 c16,6.2,34.3,10.5,61.2,11.7c26.9,1.2,35.4,1.5,103.9,1.5s77-0.3,103.9-1.5c26.8-1.2,45.1-5.5,61.2-11.7 c16.6-6.4,30.6-15.1,44.6-29.1c14-14,22.6-28.1,29.1-44.6c6.2-16,10.5-34.3,11.7-61.2c1.2-26.9,1.5-35.4,1.5-103.9 s-0.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2c-6.4-16.6-15.1-30.6-29.1-44.6c-14-14-28.1-22.6-44.6-29.1 c-16-6.2-34.3-10.5-61.2-11.7C332.9,5.4,324.3,5.1,255.9,5.1L255.9,5.1z'/%3e%3cpath fill='%23878787' d='M255.9,127.6c-71.4,0-129.4,57.9-129.4,129.4s57.9,129.4,129.4,129.4S385.3,328.4,385.3,257 S327.4,127.6,255.9,127.6z M255.9,341c-46.4,0-84-37.6-84-84s37.6-84,84-84s84,37.6,84,84S302.3,341,255.9,341z'/%3e%3ccircle fill='%23878787' cx='390.4' cy='122.5' r='30.2'/%3e%3c/g%3e%3c/svg%3e "); } /* End - Mobile Navigation Links */ /* START - My Account Selector */ .gui-my-account-selector * { font-family: 'LinetoBrownRegular', Arial, Helvetica, sans-serif; } .gui-my-account-selector .gui-dropdown-menu { margin-top: 0px; border: 1px solid #eeeeee; background: #f5f5f5; } .gui-my-account-selector .gui-dropdown-toggle { color: #000000; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; background: #f5f5f5; } .gui-my-account-selector .gui-dropdown-toggle:after { font-family: "LinetoBrownRegular"; font-size: 12px; line-height: 2.6; display: none; width: auto; height: auto; content: ""; } /* Welcome Name Surname */ .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-welcome { font-size: 12px; padding: 10px 0; text-transform: uppercase; color: #000; border-bottom: 1px solid #e5e5e5; } /* Dropdown Button - Sign In/Out Button */ .gui-my-account-selector .gui-dropdown-menu ul li:first-child { display: block; border-bottom: 1px solid #e5e5e5; } /* Signed In */ .gui-my-account-selector .gui-dropdown-menu.signed-in ul li:first-child { display: block; } .gui-my-account-selector .gui-dropdown-menu.signed-in ul li:last-child { display: block; margin-top: 6px; padding-top: 4px; border-top: 1px solid #e5e5e5; } /* Sign In Button */ .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin { color: #fff; background-color: #000; } .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:hover { color: #fff; background-color: #3e3d3c; } .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23ffffff' d='M444.5,159.1C426.3,71,348.2,4.4,254.7,4.4S83,71,64.9,159.1H3v348.4h505.8V159.1H444.5z M254.7,77.1 c53.1,0,98.3,34.4,114.6,82.1H140.1C156.3,111.5,201.5,77.1,254.7,77.1z M282.1,336.9v94.8c0,7.7-6.3,14-14,14h-24.6 c-7.7,0-14-6.3-14-14v-94.8c-18-9.6-30.4-28.4-30.4-50.3c0-31.3,25.4-56.8,56.8-56.8s56.8,25.4,56.8,56.8 C312.7,308.3,300.3,327.3,282.1,336.9z'/%3e%3c/svg%3e"); } /* Sign Out Button */ .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout:after { display: none; } .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout:hover { background-color: #fff; } /* Drop Down Links*/ .gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li a { font-size: 12px; } .gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a { color: #000; } .gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a:hover { text-decoration: underline; color: #3e3d3c; } .gui-my-account-selector .gui-dropdown-menu.signed-in ul li.credit-available+li { margin-top: 0; } /* Available to Spend*/ .gui-my-account-selector .gui-dropdown-menu ul li.credit-available { font-size: 12px; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; justify-content: space-between; padding: 10px 0; text-transform: uppercase; color: #000; border-top: 1px solid #e5e5e5; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .gui-my-account-selector .gui-dropdown-menu ul li.credit-available strong { color: #3a981e; } .gui-my-account-selector .gui-dropdown-menu ul li.credit-available span:not(:first-child) { text-align: right; } /* Account Notifications */ .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification { margin: 0; padding: 4px 0; border-bottom: 1px solid #e5e5e5; } .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification .gui-my-account-notifications { font-weight: 400; line-height: 13px; position: absolute; right: 0; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 23px; height: 23px; text-align: center; color: #fff; border-radius: 50%; background-color: #000; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; } .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification a:hover .gui-my-account-notifications { color: #fff; background-color: #3e3d3c; } /* END - Notifications */ /* Mobile - My Account Link/Dropdown */ .gui-header-main .gui-my-account-selector .gui-dropdown-toggle { position: relative; z-index: 2; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-justify-content: center; justify-content: center; width: auto; height: auto; padding: 7px 10px 9px; color: #222222; border: 1px solid #ffffff; border-bottom: none; background-color: #ffffff; -webkit-box-pack: center; -ms-flex-pack: center; } @media (max-width: 479px) { .gui-header-main .gui-my-account-selector .gui-dropdown-toggle { padding: 5px 7px; } } .gui-header-main .gui-my-account-selector.gui-active .gui-dropdown-toggle { border: 1px solid #e5e5e5; border-bottom: none; } .gui-header-main .gui-my-account-selector .gui-dropdown-menu { z-index: 1; margin-top: -1px; border: 1px solid #e5e5e5; background-color: #ffffff; } /* END - My Account Selector */ span#numItemsInBag:before { display: none; } span#numItemsInBag:after { display: none; } /* Custom Properties */ :root { --color-primary-400: #3b098c; --color-primary-500: #28055f; --color-primary-600: #11012b; --color-secondary-400: #055483; --color-secondary-500: #033959; --color-secondary-600: #011928; --color-tertiary-400: #b20045; --color-tertiary-500: #79002f; --color-tertiary-600: #360015; --color-grey-100: #f5f5f5; --color-grey-200: #e5e5e5; --color-grey-300: #c5c5c5; --color-grey-400: #b5b5b5; --color-grey-500: #454545; --color-grey-600: #353535; --color-grey-700: #252525; --color-grey-800: #151515; --color-success: #13662f; --color-warning: #ffc600; --color-information: #1158a5; --color-danger: #b4001c; --font-display-1-font-size: 72px; --font-display-1-line-height: 84px; --font-display-2-font-size: 60px; --font-display-2-line-height: 76px; --font-display-3-font-size: 48px; --font-display-3-line-height: 64px; --font-display-4-font-size: 36px; --font-display-4-line-height: 52px; --font-display-5-font-size: 30px; --font-display-5-line-height: 40px; --font-display-6-font-size: 24px; --font-display-6-line-height: 32px; --font-body-large-font-size: 20px; --font-body-large-line-height: 28px; --font-body-font-size: 16px; --font-body-line-height: 24px; --font-body-small-font-size: 13px; --font-body-small-line-height: 20px; --font-small-print-font-size: 10px; --font-small-print-line-height: 16px; } body { font-family: 'LinetoBrownRegular' !important; background: #ffffff; } h1, h2, h3, h4, h5, h6 { font-family: "AlternateGotNo2"; letter-spacing: 2px; text-transform: uppercase; } /************************************************************/ /* BRAND FONT */ /************************************************************/ @font-face { font-family: 'AlternateGotNo2'; font-weight: normal; font-style: normal; src: url(/repo/CGN/common/fonts/AlternateGothicEF/AlternateGothicEF-NoTwo.woff) format('woff'); } @font-face { font-family: 'FranchiseBold'; font-weight: normal; font-style: normal; src: url(/repo/CGN/common/fonts/Franchise/franchise-bold.woff) format('woff'); } @font-face { font-family: 'LinetoBrownLight'; font-weight: normal; font-style: normal; src: url(/repo/CGN/common/fonts/LinetoBrown/lineto-brown-light.woff) format('woff'); } @font-face { font-family: 'LinetoBrownRegular'; font-weight: normal; font-style: normal; src: url(/repo/CGN/common/fonts/LinetoBrown/lineto-brown-regular.woff) format('woff'); } @font-face { font-family: 'LinetoBrownBold'; font-weight: normal; font-style: normal; src: url(/repo/CGN/common/fonts/LinetoBrown/lineto-brown-bold.woff) format('woff'); } /* Multi-page Styling */ .smoothscroll.hd-backtotop { display: none !important; } select { font-family: "LinetoBrownRegular"; } /* End Multi-page Styling */ header .gui-header-main { padding: 0; } header .gui-header-main .gui-header-main-container { padding: 0; } header.gui-header .gui-search-box { margin-top: 0; } header.gui-header .logo img { display: block; max-height: 20px; } header .gui-minibag-toggle { position: relative; } header .gui-minibag-toggle-count { font-family: "LinetoBrownRegular"; font-size: var(--font-small-print-font-size); line-height: var(--font-small-print-line-height); position: absolute; top: 8px; right: -2px; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50px; background: var(--color-information); } @media (max-width: 767px) { header .gui-minibag-toggle-count { right: 9px; } } header .gui-header-main .gui-nav-toggle, header .gui-header-main .gui-search-toggle, header .gui-header-main .gui-my-account-selector .gui-dropdown-toggle, header .gui-header-main .gui-minibag-toggle { width: 48px; height: 48px; padding: 0; border: none; } header .gui-header-main .gui-nav-toggle { background-color: transparent; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Menu%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M62,50 C63.1045695,50 64,50.8954305 64,52 C64,53.1045695 63.1045695,54 62,54 L62,54 L2,54 C0.8954305,54 0,53.1045695 0,52 C0,50.8954305 0.8954305,50 2,50 L2,50 Z M2,30 L62,30 C63.1045695,30 64,30.8954305 64,32 C64,33.0543618 63.1841222,33.9181651 62.1492623,33.9945143 L62,34 L2,34 C0.8954305,34 0,33.1045695 0,32 C0,30.9456382 0.815877791,30.0818349 1.85073766,30.0054857 L2,30 L62,30 Z M2,10 L62,10 C63.1045695,10 64,10.8954305 64,12 C64,13.0543618 63.1841222,13.9181651 62.1492623,13.9945143 L62,14 L2,14 C0.8954305,14 0,13.1045695 0,12 C0,10.9456382 0.815877791,10.0818349 1.85073766,10.0054857 L2,10 L62,10 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-position: center center; background-size: 16px; } header .gui-header-main .gui-search-toggle { margin-left: 0; background-color: transparent; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Search%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Search' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M24,0 C37.254834,0 48,10.745166 48,24 C48,29.9071276 45.8658878,35.3158066 42.3266105,39.4970899 L63.4142136,60.5857864 C64.1952621,61.366835 64.1952621,62.633165 63.4142136,63.4142136 C62.633165,64.1952621 61.366835,64.1952621 60.5857864,63.4142136 L60.5857864,63.4142136 L39.4970899,42.3266105 C35.3158066,45.8658878 29.9071276,48 24,48 C10.745166,48 0,37.254834 0,24 C0,10.745166 10.745166,0 24,0 Z M24,4 C12.954305,4 4,12.954305 4,24 C4,35.045695 12.954305,44 24,44 C35.045695,44 44,35.045695 44,24 C44,12.954305 35.045695,4 24,4 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-position: center center; background-size: 16px; } header.gui-header .gui-header-main .gui-my-account-selector .gui-dropdown-toggle { margin: 0; background-color: transparent; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / User%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-User' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M4.58578644,40.5857864 C5.36683502,39.8047379 6.63316498,39.8047379 7.41421356,40.5857864 C8.19526215,41.366835 8.19526215,42.633165 7.41421356,43.4142136 L7.41421356,43.4142136 L4.58578644,46.2426407 C4.21071368,46.6177134 4,47.1264213 4,47.6568542 L4,47.6568542 L4,58 C4,59.1045695 4.8954305,60 6,60 L6,60 L58,60 C59.1045695,60 60,59.1045695 60,58 L60,58 L60,47.6568542 C60,47.1264213 59.7892863,46.6177134 59.4142136,46.2426407 L59.4142136,46.2426407 L56.5857864,43.4142136 C55.8047379,42.633165 55.8047379,41.366835 56.5857864,40.5857864 C57.366835,39.8047379 58.633165,39.8047379 59.4142136,40.5857864 L59.4142136,40.5857864 L62.2426407,43.4142136 C63.367859,44.5394318 64,46.0655553 64,47.6568542 L64,47.6568542 L64,58 C64,61.3137085 61.3137085,64 58,64 L58,64 L6,64 C2.6862915,64 0,61.3137085 0,58 L0,58 L0,47.6568542 C0,46.0655553 0.632141042,44.5394318 1.75735931,43.4142136 L1.75735931,43.4142136 Z M32,0 C45.254834,0 56,10.745166 56,24 C56,37.254834 45.254834,48 32,48 C18.745166,48 8,37.254834 8,24 C8,10.745166 18.745166,0 32,0 Z M32,4 C20.954305,4 12,12.954305 12,24 C12,35.045695 20.954305,44 32,44 C43.045695,44 52,35.045695 52,24 C52,12.954305 43.045695,4 32,4 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 16px; } .gui-header-main .block-3>* { margin: 0; } header .gui-header-main .gui-minibag-toggle { margin: 0; background-color: transparent; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Bag%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Bag' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M32,-3.55271368e-15 C40.836556,-3.55271368e-15 48,7.163444 48,16 L60,16 C62.209139,16 64,17.790861 64,20 L64,48 C64,56.836556 56.836556,64 48,64 L16,64 C7.163444,64 0,56.836556 0,48 L0,20 C0,17.790861 1.790861,16 4,16 L16,16 C16,7.163444 23.163444,-3.55271368e-15 32,-3.55271368e-15 Z M60,20 L4,20 L4,48 C4,54.627417 9.372583,60 16,60 L48,60 C54.627417,60 60,54.627417 60,48 L60,20 Z M32,4 C25.372583,4 20,9.372583 20,16 L44,16 C44,9.372583 38.627417,4 32,4 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 16px; } .autocomplete-suggestions { padding: 0 16px; border: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .autocomplete-suggestions .autocomplete-suggestion { font-size: var(--font-body-font-size); line-height: var(--font-body-line-height); box-sizing: border-box; padding: 8px 0; } .autocomplete-suggestions .autocomplete-suggestion:not(:last-child) { border-bottom: 1px solid var(--color-grey-100); } @media screen and (min-width: 768px) { header.gui-header .gui-logo-center { padding: 16px; } header.gui-header .logo img { height: 40px; max-height: none; } /*.gui-search { display: flex; align-items: center; }*/ .gui-search>div { display: flex; flex-flow: row-reverse; } .gui-search-box input, .gui-search-box button { position: relative; order: -1; border: none; } .gui-search-box input { font-size: var(--font-body-small-font-size); line-height: var(--font-body-small-line-height); display: flex; align-items: center; height: 48px; padding: 16px 0; color: #000000; } .gui-search-box button#searchButton { height: 48px; margin-bottom: 0; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Search%3C/title%3E%3Cg id='Light-/-Search' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M24,0 C37.254834,0 48,10.745166 48,24 C48,29.9071276 45.8658878,35.3158066 42.3266105,39.4970899 L63.4142136,60.5857864 C64.1952621,61.366835 64.1952621,62.633165 63.4142136,63.4142136 C62.633165,64.1952621 61.366835,64.1952621 60.5857864,63.4142136 L60.5857864,63.4142136 L39.4970899,42.3266105 C35.3158066,45.8658878 29.9071276,48 24,48 C10.745166,48 0,37.254834 0,24 C0,10.745166 10.745166,0 24,0 Z M24,4 C12.954305,4 4,12.954305 4,24 C4,35.045695 12.954305,44 24,44 C35.045695,44 44,35.045695 44,24 C44,12.954305 35.045695,4 24,4 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-position: center center; background-size: 16px; } .gui-nav-container { padding: 0; } .gui-nav-list>li>a { font-family: "AlternateGotNo2"; font-size: var(--font-body-large-font-size); line-height: var(--font-body-large-line-height-line-height); text-transform: capitalize; } nav#breadcrumbNav { display: flex; align-items: center; border: none; border-bottom: 1px solid var(--color-grey-200); background: transparent; } nav#breadcrumbNav:before { content: ''; } nav#breadcrumbNav>div { display: flex; align-items: center; flex-flow: row wrap; } nav#breadcrumbNav>div a { display: flex; align-items: center; box-sizing: border-box; padding: 16px; } nav#breadcrumbNav>div a span, nav#breadcrumbNav>div>span h1 { font-family: "AlternateGotNo2"; font-size: var(--font-body-font-size) !important; line-height: var(--font-body-line-height) !important; letter-spacing: 0; text-transform: uppercase; color: var(--color-grey-500) !important; } nav#breadcrumbNav .breadcrumbcuelink h1 { padding: 0 12px; } nav#breadcrumbNav>div:first-child a:before { width: 16px; height: 16px; margin-right: 8px; content: ''; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Home%3C/title%3E%3Cg id='Light-/-Home' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M58,24 C59.0543618,24 59.9181651,24.8158778 59.9945143,25.8507377 L60,26 L60,58 C60,61.2383969 57.4344251,63.8775718 54.2249383,63.9958615 L54,64 L46,64 C42.7616031,64 40.1224282,61.4344251 40.0041385,58.2249383 L40,58 L40,42 C40,40.9456382 39.1841222,40.0818349 38.1492623,40.0054857 L38,40 L26,40 C24.9456382,40 24.0818349,40.8158778 24.0054857,41.8507377 L24,42 L24,58 C24,61.2383969 21.4344251,63.8775718 18.2249383,63.9958615 L18,64 L10,64 C6.76160306,64 4.12242824,61.4344251 4.00413847,58.2249383 L4,58 L4,26 C4,24.8954305 4.8954305,24 6,24 C7.0543618,24 7.91816512,24.8158778 7.99451426,25.8507377 L8,26 L8,58 C8,59.0543618 8.81587779,59.9181651 9.85073766,59.9945143 L10,60 L18,60 C19.0543618,60 19.9181651,59.1841222 19.9945143,58.1492623 L20,58 L20,42 C20,38.7616031 22.5655749,36.1224282 25.7750617,36.0041385 L26,36 L38,36 C41.2383969,36 43.8775718,38.5655749 43.9958615,41.7750617 L44,42 L44,58 C44,59.0543618 44.8158778,59.9181651 45.8507377,59.9945143 L46,60 L54,60 C55.0543618,60 55.9181651,59.1841222 55.9945143,58.1492623 L56,58 L56,26 C56,24.8954305 56.8954305,24 58,24 Z M6,-1.11022302e-16 C7.0543618,-1.11022302e-16 7.91816512,0.815877791 7.99451426,1.85073766 L8,2 L7.99960522,12.533 L31.0588235,0.235294118 C31.5935829,-0.0499108734 32.2255712,-0.0758385999 32.7780086,0.157510938 L32.9411765,0.235294118 L62.9411765,16.2352941 C63.9157966,16.7550915 64.2845033,17.9665563 63.7647059,18.9411765 C63.2449085,19.9157966 62.0334437,20.2845033 61.0588235,19.7647059 L61.0588235,19.7647059 L32,4.26666667 L2.94117647,19.7647059 C1.96655632,20.2845033 0.755091529,19.9157966 0.235294118,18.9411765 C-0.284503294,17.9665563 0.0842033827,16.7550915 1.05882353,16.2352941 L1.05882353,16.2352941 L3.99960522,14.666 L4,2 C4,0.8954305 4.8954305,-1.11022302e-16 6,-1.11022302e-16 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-size: contain; } /*header.gui-header .gui-logo-center.gui-header-main div[class^="block"] { flex: 0 0 33%; }*/ .gui-header .gui-my-account-selector.gui-dropdown { display: flex; } .gui-header .gui-my-account-selector.gui-dropdown.gui-active { background: var(--color-grey-100); } .gui-header .gui-my-account-selector.gui-dropdown.gui-active .gui-dropdown-menu { top: 48px; background: var(--color-grey-100); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .gui-dropdown-menu .gui-btn.gui-lock-black-right { display: flex; align-items: center; color: #ffffff; border-radius: 4px; background: var(--color-grey-800); } .gui-dropdown-menu .gui-btn.gui-lock-black-right div { font-size: var(--font-body-small-font-size); line-height: var(--font-body-small-line-height); text-transform: capitalize; } .gui-dropdown-menu .gui-btn.gui-lock-black-right:after { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='52px' height='64px' viewBox='0 0 52 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Lock%3C/title%3E%3Cg id='Light-/-Lock' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M26,0 C33.6275002,0 39.8303269,6.09975237 39.996578,13.687355 L40,14 L40,24 L48,24 C50.209139,24 52,25.790861 52,28 L52,60 C52,62.209139 50.209139,64 48,64 L4,64 C1.790861,64 0,62.209139 0,60 L0,28 C0,25.790861 1.790861,24 4,24 L12,24 L12,14 L12.003422,13.687355 C12.1696731,6.09975237 18.3724998,0 26,0 Z M48,28 L4,28 L4,60 L48,60 L48,28 Z M26,32 C29.3137085,32 32,34.6862915 32,38 C32,40.2927738 30.7139823,42.285182 28.8239253,43.2952464 L32,56 L20,56 L23.1760747,43.2952464 C21.2860177,42.285182 20,40.2927738 20,38 C20,34.6862915 22.6862915,32 26,32 Z M26,4 C20.5606501,4 16.1213572,8.34868097 16.0031825,13.7311342 L16,14 L16,24 L36,24 L36,14 C36,8.4771525 31.5228475,4 26,4 Z' id='Colour' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .gui-minibag-toggle-text { display: none; } .autocomplete-suggestions { margin: 0 -16px; padding: 0 16px; border: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .autocomplete-suggestions .autocomplete-suggestion { font-size: var(--font-body-small-font-size); line-height: var(--font-body-small-line-height); box-sizing: border-box; padding: 8px 0; } .autocomplete-suggestions .autocomplete-suggestion:not(:last-child) { border-bottom: 1px solid var(--color-grey-100); } } /* ------------------------ */ /* Auto Suggestions - START */ /* ------------------------ */ .gui-search { margin: 0 16px 16px; } @media screen and (min-width: 768px) { .gui-search { width: auto; min-width: 283px; margin: 0; } } .gui-search input { font-family: "LinetoBrownRegular", Arial, Helvetica, sans-serif; font-size: 13px; font-size: var(--font-body-small-font-size); line-height: 20px; line-height: var(--font-body-small-line-height); padding: 12px 16px 12px 16px; color: #000000; } @media screen and (min-width: 768px) { .gui-search input { padding: 10px 16px 10px 0; } } /* recent Search */ .gui-search-container { margin-left: 0; border: 1px solid #e5e5e5; border-top: none; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 768px) { .gui-search-container { margin-left: 23px; border-top: 1px solid #e5e5e5; } } .gui-search-container li { font-family: "LinetoBrownRegular", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; border-bottom: 1px solid #e5e5e5; } .gui-search-container li:last-child { border-bottom: none; } .gui-search-container .gui-search-heading { font-family: "LinetoBrownBold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; padding: 12px 16px; letter-spacing: inherit; text-transform: none; color: #000; } .gui-search-container .gui-search-item-link { font-size: 14px; padding: 12px 16px; color: #000; } .gui-search-container .gui-search-dismissable:after { transform: rotate(45deg); background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Plus' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3e%3cpath d='M74.93,1.35c2.53,0,4.59,2.05,4.59,4.59l0,0v64.24h64.24c2.42,0,4.4,1.87,4.58,4.25l0.01,0.34 c0,2.53-2.05,4.59-4.59,4.59l0,0H79.52v64.24c0,2.42-1.87,4.4-4.25,4.58l-0.34,0.01c-2.53,0-4.59-2.05-4.59-4.59l0,0V79.35H6.11 c-2.42,0-4.4-1.87-4.58-4.25l-0.01-0.34c0-2.53,2.05-4.59,4.59-4.59l0,0h64.24V5.94c0-2.42,1.87-4.4,4.25-4.58L74.93,1.35z'/%3e%3c/svg%3e "); } /* auto suggestion */ .auto-suggestions { margin-left: 0; border: 1px solid #e5e5e5; border-top: none; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 768px) { .auto-suggestions { margin-left: 23px; border-top: 1px solid #e5e5e5; } } .auto-suggestion:first-child div { border-top: none; border-bottom: none; } .auto-suggestion div { border-top: 1px solid #e5e5e5; border-bottom: none; } .auto-suggestion.product div { border-top: 1px solid #e5e5e5; border-bottom: none; } .auto-suggestion b { color: #727272; } /* auto suggestion keywords */ .auto-suggestion { font-family: "LinetoBrownRegular", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; color: #000; } /* auto suggestion product */ .auto-suggestion-header { font-family: "LinetoBrownBold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; padding: 12px 16px; color: #000; } .auto-suggestion.product span span.title { color: #000; } .auto-suggestion.product span span.price { font-size: 13px; padding: 0; color: #000; } /* auto suggestion btn */ a.auto-suggestion-btn .btn { font-family: "LinetoBrownRegular", Arial, Helvetica, sans-serif; font-size: 16px; border-radius: 4px; } a.auto-suggestion-btn:hover .btn { background-color: #3e3d3c; } /* ---------------------- */ /* Auto Suggestions - END */ /* ---------------------- */