/* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset calendarWin2k1Css Path: js/calendar/calendar-win2k-1.css */ /* The main calendar widget. DIV containing a table. */ .calendar { position: relative; display: none; border: 1px solid #d1d4e3; overflow: hidden; border-radius: 5px; font-size: 11px; color: #000; cursor: default; background: #FFF; /* font-family: tahoma,verdana,sans-serif; */ } .calendar table { border-top: none; border-right: none; border-bottom: none; border-left: none; font-size: 12px; color: #1e293b; cursor: default; background: #FFF; font-family: tahoma,verdana,sans-serif; } /* Header part -- contains navigation buttons and day names. */ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; padding: 1px; /* color: #111827; */ border: none !important; /* border-right: 1px solid #000; */ /* border-bottom: 1px solid #000; */ /* border-left: 1px solid #fff; */ border-radius: 0; vertical-align: middle; } .calendar .headrow .button { background: #cbd5e1; color: #020617; } .calendar .nav { /* height: 1.5em; */ background: #cbd5e1; line-height: 1.5; } .calendar .nav.hilite { background-color: #1A759F; color: #FFF !important; } .calendar thead .title { /* This holds the current "month, year" */ font-weight: bold; padding: 1px; border: none; background: #1A759F; color: #fff; text-align: center; } .calendar thead .headrow { /* Row containing navigation buttons */ } .calendar thead .daynames { /* Row containing the day names */ } .calendar thead .name { /* Cells containing the day names */ border-bottom: 1px solid #e2e8f0; padding: 2px; text-align: center; background: #f1f5f9; color: #0f172a; } .calendar thead .weekend { /* How a weekend day name shows in header */ color: #94a3b8; } .calendar thead .hilite { /* How do the buttons in header appear when hover */ background-color: #1A759F; color: #FFF !important; } .calendar thead .active { /* Active (pressed) buttons in header */ /* padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; background-color: #c4c0b8; */ } /* The body part -- contains all the days in month. */ .calendar tbody .day { /* Cells containing month days dates */ width: 2.25em; text-align: center; padding: 0; vertical-align: middle; } .calendar tbody .day.othermonth { font-size: 80%; color: #aaa; } .calendar tbody .day.othermonth.oweekend { color: #faa; } .calendar table .wn { color: #0f172a; padding: 2px; border-right: 1px solid #e2e8f0; background: #f1f5f9; } .calendar tbody .rowhilite td { background: #e2e8f0; } .calendar tbody .rowhilite td.wn { background: #e2e8f0; } .calendar tbody td.hilite { /* Hovered cells */ background: #298DBB; color: #FFF !important; } .calendar tbody td.active { /* Active (pressed) cells */ /* padding: 2px 2px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; */ } .calendar tbody td.selected { /* Cell showing selected date */ font-weight: bold; border: none; /* border-right: 1px solid #fff; */ /* border-bottom: 1px solid #fff; */ /* border-left: 1px solid #000; */ padding: 2px; color: white !important; background: #297AA3; } .calendar tbody td.weekend { /* Cells showing weekend days */ color: #9ca3af; } .calendar tbody td.today { /* Cell showing today date */ font-weight: bold; color: #030712; } .calendar tbody .disabled { color: #999; } .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ visibility: hidden; } .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ display: none; } /* The footer part -- status bar and "Close" button */ .calendar tfoot .footrow { /* The in footer (only one right now) */ } .calendar tfoot .ttip { /* Tooltip (status bar) cell */ background: #f4f0e8; padding: 1px; border: none; background: #cbd5e1; color: #020617; text-align: center; } .calendar tfoot .hilite { /* Hover style for buttons in footer */ border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; padding: 1px; background: #e4e0d8; } .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; } /* Combo boxes (menus that display months/years for direct selection) */ .calendar .combo { position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; background: #e4e0d8; font-size: 90%; padding: 1px; z-index: 100; } .calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; } .calendar .combo .label-IEfix { width: 4em; } .calendar .combo .active { background: #c4c0b8; padding: 0px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; } .calendar .combo .hilite { background: #048; color: #fea; } .calendar td.time { border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #f4f0e8; } .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff; } .calendar td.time .ampm { text-align: center; } .calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; } .calendar td.time span.hilite { border-color: #000; background-color: #766; color: #fff; } .calendar td.time span.active { border-color: #f00; background-color: #000; color: #0f0; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset pixAjaxSuiteCss Path: skin/designcenter/pixafy/module/pixajaxsuite.scss */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/module/pixajaxsuite.scss ================================================== **/ #pix-fe .link-quickview.button { display: none; } #pix-fe .zoey-product .link-quickview { position: absolute; top: auto; bottom: 20px; left: 50%; margin-left: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: -16px; } #pix-fe .zoey-product .link-quickview .loader { position: static; width: 12px; height: 12px; vertical-align: middle; margin-left: 4px; display: none; } #pix-fe .zoey-product.loading .link-quickview .loader { display: inline-block; } #pix-fe .zoey-product.loading .quick-view-loader-container .quickview-loading-graphic { display: inline-block; width: 20px; } #pix-fe .zoey-product.loading .quick-view-loader-container .quickview-loading-graphic + .link-quickview { display: none; } #pix-fe .zoey-product:not(.loading) .quick-view-loader-container .quickview-loading-graphic { display: none; } #pix-fe .zoey-product:not(.loading) .quick-view-loader-container .link-quickview { display: inline-block; position: static; top: auto; bottom: initial; left: initial; margin-left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); margin-top: 0; } #pix-fe.media-d .zoey-product:hover .link-quickview { display: inline-block; } #pix-fe.media-d .zoey-product.loading .link-quickview { display: inline-block; } #pix-fe #pixajaxsuite-modal #pixajaxsuite-modal-close { background: none; opacity: 1; width: auto; height: auto; font-size: 16px; } #pix-fe #pixajaxsuite-modal .loader-image { width: 30px; height: 30px; margin-bottom: 10px; } #pix-fe .desigcenter-quickview { text-align: left; } #pix-fe .desigcenter-quickview .product-name { margin-bottom: 20px; } #pix-fe .desigcenter-quickview .product-name h1 { font-size: 24px; font-weight: normal; } #pix-fe .desigcenter-quickview .grouped-items-table-wrapper .product-options { max-width: 250px; } #pix-fe .desigcenter-quickview .product-shop .short-description { font-size: 14px; color: #333; padding-bottom: 26px; border-bottom: 1px solid #e7e7e7; line-height: 1.5; margin-bottom: 10px; clear: both; } #pix-fe .desigcenter-quickview .product-shop .short-description-content { max-height: 150px; overflow: hidden; } #pix-fe .desigcenter-quickview .product-shop .view-more-link-wrapper { margin-top: 10px; } #pix-fe .desigcenter-quickview .product-shop .extra-info .availability { font-size: 12px; color: #333; padding-bottom: 20px; } #pix-fe .desigcenter-quickview .product-shop .product-essentials-attribute-group .label { margin-right: 5px; } #pix-fe .desigcenter-quickview .product-shop .product-essentials-attribute-group .label:after { content: ':'; } #pix-fe .desigcenter-quickview .product-essential .product-shop .price-info .price-box { font-size: 17px; color: #333; } #pix-fe .desigcenter-quickview .product-essential .product-shop .price-info .price-box .regular-price .price, #pix-fe .desigcenter-quickview .product-essential .product-shop .price-info .price-box .old-price .price, #pix-fe .desigcenter-quickview .product-essential .product-shop .price-info .price-box .special-price .price { font-size: inherit; color: inherit; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip { position: relative; display: inline-block; margin-left: 5px; padding: 0; background: none; border: none; vertical-align: top; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip:before { display: none; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip i.icon-tooltip { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; background: rgba(51, 51, 51, 1); color: rgba(255, 255, 255, 1); width: 15px; border-radius: 50%; line-height: 14px; height: 15px; display: inline-block; text-align: center; vertical-align: text-bottom; font-style: normal; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip i.icon-tooltip:before { content: ''; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip:not(:hover) .content { display: none; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip .content { width: 220px; padding: 20px; position: absolute; z-index: 999; left: 100%; border-width: 1px; border-style: solid; border-color: rgba(204, 204, 204, 1); background-color: rgba(255, 255, 255, 1); color: rgba(68, 68, 68, 1); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-box { padding-top: 10px; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-cart { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: none; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .qty-wrapper { margin-bottom: 0; margin-right: 0; min-height: 30px; width: 100%; padding: 0; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .qty-wrapper .qty { height: 30px; width: 100%; border: 1px solid #333; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-cart-buttons { float: left; margin-right: 10px; padding-top: 35px; width: 100%; min-height: 40px; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-links { display: block; text-align: center; margin-top: 0; margin-right: 15px; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-links li { font-size: 10px; display: inline-block; float: none; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-links li a { display: inline-block; padding: 2px 7px 2px 0; margin-left: 7px; border-right: 1px solid #ccc; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-links li:first-child a { margin-left: 0; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-links li:last-child a { border-right: 0; } #pix-fe .desigcenter-quickview .more-views .product-image-thumbs li { padding: 15px 0 0 0; display: inline-block; } #pix-fe .desigcenter-quickview .more-views .product-image-thumbs li a { display: block; width: 60px; height: 60px; border: 1px solid #ccc; background-size: contain; background-repeat: no-repeat; background-position: center; } #pix-fe .desigcenter-quickview .more-views .product-image-thumbs li.disabled { display: none; } #pix-fe .desigcenter-quickview .zoey-zoom-container-parent { z-index: 999; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } #pix-fe .desigcenter-quickview .zoey-zoom-container-parent .zoomContainer { position: static !important; } #pix-fe .desigcenter-quickview .zoey-zoom-container-parent .zoomContainer .zoomWindowContainer > div { background-color: transparent; } #pix-fe .desigcenter-quickview .product-image { border: none; } #pix-fe .desigcenter-quickview .or, #pix-fe .desigcenter-quickview .separator { display: none; } #pix-fe .desigcenter-quickview .add-to-links { width: 100%; } #pix-fe .desigcenter-quickview .product-image-gallery .gallery-image { display: none; } #pix-fe .desigcenter-quickview .product-image-gallery .gallery-image.visible { display: block; } #pix-fe .desigcenter-quickview .product-view .product-shop .price-info { width: 100%; max-width: initial; padding-left: 0; text-align: left; } #pix-fe .desigcenter-quickview .product-view .product-shop .price-box { text-align: left; } #pix-fe .desigcenter-quickview .block-related, #pix-fe .desigcenter-quickview .box-up-sell { display: none; } #pix-fe .desigcenter-quickview .more-views.carousel { position: relative; overflow: hidden; } #pix-fe .desigcenter-quickview .more-views.carousel .carousel-container { position: absolute; } #pix-fe .desigcenter-quickview .more-views.carousel .carousel-next-button, #pix-fe .desigcenter-quickview .more-views.carousel .carousel-prev-button { display: block; position: absolute; opacity: 0; background-color: rgba(255, 255, 255, 0.5); cursor: pointer; } #pix-fe .desigcenter-quickview .more-views.carousel .carousel-next-button:before, #pix-fe .desigcenter-quickview .more-views.carousel .carousel-prev-button:before { font-family: 'pixafy-fe-default'; } #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-next-button, #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-prev-button { height: 100%; width: 20px; } #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-next-button:before, #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-prev-button:before { margin: 0 auto; display: block; text-align: center; position: absolute; top: 50%; font-size: 25px; margin-top: -11px; width: 100%; } #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-next-button { right: 0; } #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-prev-button { left: 0; } #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-next-button, #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-prev-button { width: 100%; height: 20px; } #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-next-button:before, #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-prev-button:before { margin: 0 auto; display: block; text-align: center; width: 100%; font-size: 25px; } #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-next-button { bottom: 0; } #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-prev-button { top: 0; } #pix-fe .desigcenter-quickview .more-views.carousel:hover .carousel-next-button, #pix-fe .desigcenter-quickview .more-views.carousel:hover .carousel-prev-button { opacity: 1; } #pix-fe .desigcenter-quickview .more-views .carousel-next-button, #pix-fe .desigcenter-quickview .more-views .carousel-prev-button { display: none; } #pix-fe .desigcenter-quickview .more-views img { width: 75px; height: 75px; } #pix-fe .desigcenter-quickview-drawer { width: 360px; max-width: 100%; height: 100%; position: fixed; top: 0; right: -100%; z-index: 999999; overflow-y: auto; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .5); transition: right 0.3s; } #pix-fe .desigcenter-quickview-drawer .product-view { padding: 20px 30px; } #pix-fe .desigcenter-quickview-drawer .product-view > .row { margin-right: 0; margin-left: 0; } #pix-fe .desigcenter-quickview-drawer .product-view > .row > [class*="col-xs-"] { width: 100%; float: none; padding-left: 0; padding-right: 0; } #pix-fe .desigcenter-quickview-drawer > .close { position: absolute; right: 10px; top: 10px; font-size: 16px; } #pix-fe .desigcenter-quickview-drawer.active { right: 0; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_HYxBDoAgDAT/0nBUufuWXkgtkURaQjlIjH8XvM3MJvuAa70w7EBmsICzSkNKukPs6ElzUWFphr6qNvQnh4Mr+pwkUaijRP3nKWsilcHW+sXbfHw/ Path: skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/style.css Parent uid: cp_5f3d3063b8886268964759 */ @font-face { font-family: 'cart-icons'; src: url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/fonts/cart-icons.eot?j2x3fg"); src: url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/fonts/cart-icons.eot?j2x3fg#iefix") format('embedded-opentype'), url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/fonts/cart-icons.ttf?j2x3fg") format('truetype'), url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/fonts/cart-icons.woff?j2x3fg") format('woff'), url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/fonts/cart-icons.svg?j2x3fg#cart-icons") format('svg'); font-weight: normal; font-style: normal; font-display: block;}[class^="cart-icon-"]:before, [class*=" cart-icon-"]:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'cart-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.cart-icon-line:before { content: "\e916";}.cart-icon-purse:before { content: "\e906";}.cart-icon-bag-black:before { content: "\e900";}.cart-icon-bag-thin:before { content: "\e901";}.cart-icon-shopping-bag-round:before { content: "\e908";}.cart-icon-shopping-bag:before { content: "\e909";}.cart-icon-grocery:before { content: "\e90a";}.cart-icon-shopping-bag-full:before { content: "\e90b";}.cart-icon-basket:before { content: "\e902";}.cart-icon-cart-black:before { content: "\e903";}.cart-icon-cart-mesh:before { content: "\e904";}.cart-icon-cart-thin:before { content: "\e905";}.cart-icon-cart:before { content: "\e82f";}.cart-icon-shopping-cart:before { content: "\e90c";}.cart-icon-cart-thin-2:before { content: "\e90d";}.cart-icon-cart-full:before { content: "\e90e";}.cart-icon-calculator:before { content: "\e927";}.cart-icon-calculator2:before { content: "\e907";}.cart-icon-cargo-truck:before { content: "\e90f";}.cart-icon-cargo-truck-round:before { content: "\e910";}.cart-icon-cargo-truck-left:before { content: "\e911";}.cart-icon-cargo-truck-fast:before { content: "\e912";}.cart-icon-cargo-truck-outline-fast:before { content: "\e913";}.cart-icon-cargo-truck-thin-fast:before { content: "\e914";}.cart-icon-ship:before { content: "\e915";} /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_FcsxCoAwDADAv4SOanD1LQGpNWLBNqHJoIh/V8cb7obglzJMkMygg2AtfdB8xu0iTFJUKlc3wibihDvHldtcZMkHE2pjY+/Hwf7/vA== Path: skin/designcenter/pixafy/components/root/header_mobile/preset-1.scss Parent uid: cp_5f3d3063b8886268964759 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/root/header_mobile/preset-1.scss ================================================== **/ #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-mobile .title, #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu .zoey-account-links-mobile .title { color: var(--zoey-subheading-color); } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-mobile .title, #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu .zoey-account-links-mobile .title { font-family: var(--zoey-h2-font-family); font-size: var(--zoey-h2-font-size); font-weight: var(--zoey-h2-font-weight); font-style: var(--zoey-h2-font-style); line-height: var(--zoey-h2-line-height); letter-spacing: var(--zoey-h2-letter-spacing); text-transform: var(--zoey-h2-text-transform); margin-bottom: var(--zoey-h2-margin-bottom); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-search button.icon-search, #pix-fe .zoey-header-mobile-search button.icon-search { --zoey-btn-font-family: initial; --zoey-btn-font-size: initial; --zoey-btn-line-height: initial; --zoey-btn-letter-spacing: initial; --zoey-btn-font-weight: initial; --zoey-btn-font-weight-hover: var(--zoey-btn-font-weight); --zoey-btn-font-weight-active: var(--zoey-btn-font-weight); --zoey-btn-font-style: initial; --zoey-btn-text-transform: initial; --zoey-btn-text-decoration: initial; --zoey-btn-text-decoration-hover: var(--zoey-btn-text-decoration); --zoey-btn-text-decoration-active: var(--zoey-btn-text-decoration); --zoey-btn-padding: 0px; --zoey-btn-border-size: 0px; --zoey-btn-border-radius: 0px; --zoey-btn-bg-color: transparent; --zoey-btn-bg-color-hover: transparent; --zoey-btn-bg-color-active: transparent; --zoey-btn-text-color: initial; --zoey-btn-text-color-hover: initial; --zoey-btn-text-color-active: initial; --zoey-btn-border-color: transparent; --zoey-btn-border-color-hover: transparent; --zoey-btn-border-color-active: transparent; --zoey-btn-text-color-disabled: var(--zoey-color-disabled); --zoey-btn-text-decoration-disabled: none; --zoey-btn-bg-color-disabled: transparent; --zoey-btn-border-color-disabled: transparent; --zoey-btn-font-weight-disabled: var(--zoey-btn-font-weight); } #pix-fe { --zoey-mobile-menu-bg-color: var(--zoey-color-light); --zoey-mobile-header-logo-height: 25px; --zoey-mobile-header-logo-max-width: 200px; --zoey-mobile-header-border-color: var(--zoey-border-color); --zoey-mobile-header-bg-color: #ffffff; --zoey-mobile-header-text-color: #444444; --zoey-mobile-header-padding-y: 15px; --zoey-mobile-menu-padding-x: 20px; --zoey-mobile-menu-padding-y: 20px; --zoey-mobile-drawer-header-padding-y: 15px; --zoey-mobile-menu-close-color: var(--zoey-mobile-header-text-color); --zoey-mobile-menu-close-font-size: 30px; --zoey-mobile-menu-level-0-menu-spacer: 0px; --zoey-mobile-menu-level-0-menu-bg-color: var(--zoey-background-color); --zoey-mobile-menu-level-0-menu-padding-x: 0px; --zoey-mobile-menu-level-0-menu-padding-y: 0px; --zoey-mobile-menu-level-0-menu-padding: 0px; --zoey-mobile-menu-level-0-menu-border-color: var(--zoey-border-color); --zoey-mobile-menu-level-0-menu-border-width: 0px; --zoey-mobile-menu-level-0-menu-border-style: solid; --zoey-mobile-menu-level-0-menu-border-radius: 3px; --zoey-mobile-menu-level-0-item-bg-color: transparent; --zoey-mobile-menu-level-0-item-text-color: var(--zoey-mobile-header-text-color); --zoey-mobile-menu-level-0-item-font-weight: normal; --zoey-mobile-menu-level-0-item-text-decoration: none; --zoey-mobile-menu-level-0-item-line-height: 1.2; --zoey-mobile-menu-level-0-item-border-color: var(--zoey-border-color); --zoey-mobile-menu-level-0-item-border-width: 0px; --zoey-mobile-menu-level-0-item-border-style: solid; --zoey-mobile-menu-level-0-item-border-radius: 0px; --zoey-mobile-menu-level-0-item-padding-x: 20px; --zoey-mobile-menu-level-0-item-padding-y: 10px; --zoey-mobile-menu-level-0-item-font-size: 16px; --zoey-mobile-menu-level-0-item-font-style: normal; --zoey-mobile-menu-level-0-item-text-transform: none; --zoey-mobile-menu-level-0-item-text-align: left; --zoey-mobile-menu-level-0-icon-font-size: 16px; --zoey-mobile-menu-level-0-icon-bg-color: transparent; --zoey-mobile-menu-level-0-icon-text-color: initial; --zoey-mobile-menu-level-0-icon-width: 40px; --zoey-mobile-menu-level-0-item-bg-color-active: var(--zoey-mobile-menu-level-0-item-bg-color); --zoey-mobile-menu-level-0-item-text-color-active: var(--zoey-mobile-menu-level-0-item-text-color); --zoey-mobile-menu-level-0-item-font-weight-active: normal; --zoey-mobile-menu-level-0-item-text-decoration-active: none; --zoey-mobile-menu-level-0-icon-bg-color-active: var(--zoey-mobile-menu-level-0-item-bg-color-active); --zoey-mobile-menu-level-0-icon-text-color-active: var(--zoey-mobile-menu-level-0-item-text-color-active); --zoey-mobile-menu-level-1-menu-spacer: 0px; --zoey-mobile-menu-level-1-menu-item-indent: var(--zoey-mobile-menu-level-0-item-padding-x); --zoey-mobile-menu-level-1-menu-bg-color: color-mix(in oklch shorter hue, var(--zoey-color-light) 50%, var(--zoey-background-color) 50%); --zoey-mobile-menu-level-1-menu-padding-x: 0px; --zoey-mobile-menu-level-1-menu-padding-y: 0px; --zoey-mobile-menu-level-1-menu-border-color: transparent; --zoey-mobile-menu-level-1-menu-border-width: 0px; --zoey-mobile-menu-level-1-menu-border-style: solid; --zoey-mobile-menu-level-1-menu-border-radius: 0px; --zoey-mobile-menu-level-1-item-bg-color: transparent; --zoey-mobile-menu-level-1-item-text-color: ; --zoey-mobile-menu-level-1-item-font-weight: var(--zoey-mobile-menu-level-0-item-font-weight); --zoey-mobile-menu-level-1-item-text-decoration: var(--zoey-mobile-menu-level-0-item-text-decoration); --zoey-mobile-menu-level-1-item-line-height: var(--zoey-mobile-menu-level-0-item-line-height); --zoey-mobile-menu-level-1-item-border-color: transparent; --zoey-mobile-menu-level-1-item-border-width: 0px; --zoey-mobile-menu-level-1-item-border-style: solid; --zoey-mobile-menu-level-1-item-border-radius: 0px; --zoey-mobile-menu-level-1-item-padding-x: 20px; --zoey-mobile-menu-level-1-item-padding-y: 10px; --zoey-mobile-menu-level-1-item-font-size: var(--zoey-mobile-menu-level-0-item-font-size); --zoey-mobile-menu-level-1-item-font-style: var(--zoey-mobile-menu-level-0-item-font-style); --zoey-mobile-menu-level-1-item-text-transform: var(--zoey-mobile-menu-level-0-item-text-transform); --zoey-mobile-menu-level-1-item-text-align: var(--zoey-mobile-menu-level-0-item-text-align); --zoey-mobile-menu-level-1-icon-font-size: var(--zoey-mobile-menu-level-0-icon-font-size); --zoey-mobile-menu-level-1-icon-bg-color: var(--zoey-mobile-menu-level-1-item-bg-color); --zoey-mobile-menu-level-1-icon-text-color: var(--zoey-mobile-menu-level-1-item-text-color); --zoey-mobile-menu-level-1-icon-width: 40px; --zoey-mobile-menu-level-1-item-bg-color-active: var(--zoey-mobile-menu-level-1-item-bg-color); --zoey-mobile-menu-level-1-item-text-color-active: var(--zoey-mobile-menu-level-1-item-text-color); --zoey-mobile-menu-level-1-item-font-weight-active: normal; --zoey-mobile-menu-level-1-item-text-decoration-active: none; --zoey-mobile-menu-level-1-icon-bg-color-active: var(--zoey-mobile-menu-level-1-item-bg-color-active); --zoey-mobile-menu-level-1-icon-text-color-active: var(--zoey-mobile-menu-level-1-item-text-color-active); --zoey-mobile-menu-level-2-menu-spacer: 0px; --zoey-mobile-menu-level-2-menu-item-indent: var(--zoey-mobile-menu-level-1-item-padding-x); --zoey-mobile-menu-level-2-menu-bg-color: var(--zoey-mobile-menu-level-1-menu-bg-color); --zoey-mobile-menu-level-2-menu-padding-x: 0px; --zoey-mobile-menu-level-2-menu-padding-y: 0px; --zoey-mobile-menu-level-2-menu-border-color: transparent; --zoey-mobile-menu-level-2-menu-border-width: 0px; --zoey-mobile-menu-level-2-menu-border-style: solid; --zoey-mobile-menu-level-2-menu-border-radius: 0px; --zoey-mobile-menu-level-2-item-bg-color: var(--zoey-mobile-menu-level-1-item-bg-color); --zoey-mobile-menu-level-2-item-text-color: var(--zoey-mobile-menu-level-1-item-text-color); --zoey-mobile-menu-level-2-item-font-weight: var(--zoey-mobile-menu-level-0-item-font-weight); --zoey-mobile-menu-level-2-item-text-decoration: var(--zoey-mobile-menu-level-0-item-text-decoration); --zoey-mobile-menu-level-2-item-line-height: var(--zoey-mobile-menu-level-0-item-line-height); --zoey-mobile-menu-level-2-item-border-color: transparent; --zoey-mobile-menu-level-2-item-border-width: 0px; --zoey-mobile-menu-level-2-item-border-style: solid; --zoey-mobile-menu-level-2-item-border-radius: 0px; --zoey-mobile-menu-level-2-item-padding-x: 20px; --zoey-mobile-menu-level-2-item-padding-y: 10px; --zoey-mobile-menu-level-2-item-font-size: var(--zoey-mobile-menu-level-0-item-font-size); --zoey-mobile-menu-level-2-item-font-style: var(--zoey-mobile-menu-level-0-item-font-style); --zoey-mobile-menu-level-2-item-text-transform: var(--zoey-mobile-menu-level-0-item-text-transform); --zoey-mobile-menu-level-2-item-text-align: var(--zoey-mobile-menu-level-0-item-text-align); --zoey-mobile-menu-level-2-icon-font-size: var(--zoey-mobile-menu-level-0-icon-font-size); --zoey-mobile-menu-level-2-icon-bg-color: var(--zoey-mobile-menu-level-2-item-bg-color); --zoey-mobile-menu-level-2-icon-text-color: var(--zoey-mobile-menu-level-2-item-text-color); --zoey-mobile-menu-level-2-icon-width: 40px; --zoey-mobile-menu-level-2-item-bg-color-active: var(--zoey-mobile-menu-level-2-item-bg-color); --zoey-mobile-menu-level-2-item-text-color-active: var(--zoey-mobile-menu-level-2-item-text-color); --zoey-mobile-menu-level-2-item-font-weight-active: normal; --zoey-mobile-menu-level-2-item-text-decoration-active: none; --zoey-mobile-menu-level-2-icon-bg-color-active: var(--zoey-mobile-menu-level-2-item-bg-color-active); --zoey-mobile-menu-level-2-icon-text-color-active: var(--zoey-mobile-menu-level-2-item-text-color-active); --zoey-mobile-menu-account-links-menu-spacer: var(--zoey-mobile-menu-level-0-menu-spacer); --zoey-mobile-menu-account-links-menu-bg-color: var(--zoey-mobile-menu-level-0-menu-bg-color); --zoey-mobile-menu-account-links-menu-padding-x: var(--zoey-mobile-menu-level-0-menu-padding-x); --zoey-mobile-menu-account-links-menu-padding-y: var(--zoey-mobile-menu-level-0-menu-padding-y); --zoey-mobile-menu-account-links-menu-border-color: var(--zoey-mobile-menu-level-0-menu-border-color); --zoey-mobile-menu-account-links-menu-border-width: var(--zoey-mobile-menu-level-0-menu-border-width); --zoey-mobile-menu-account-links-menu-border-style: var(--zoey-mobile-menu-level-0-menu-border-style); --zoey-mobile-menu-account-links-menu-border-radius: var(--zoey-mobile-menu-level-0-menu-border-radius); --zoey-mobile-menu-account-links-item-bg-color: var(--zoey-mobile-menu-level-0-item-bg-color); --zoey-mobile-menu-account-links-item-text-color: var(--zoey-mobile-menu-level-0-item-text-color); --zoey-mobile-menu-account-links-item-font-weight: var(--zoey-mobile-menu-level-0-item-font-weight); --zoey-mobile-menu-account-links-item-text-decoration: var(--zoey-mobile-menu-level-0-item-text-decoration); --zoey-mobile-menu-account-links-item-line-height: var(--zoey-mobile-menu-level-0-item-line-height); --zoey-mobile-menu-account-links-item-border-color: var(--zoey-mobile-menu-level-0-item-border-color); --zoey-mobile-menu-account-links-item-border-width: var(--zoey-mobile-menu-level-0-item-border-width); --zoey-mobile-menu-account-links-item-border-style: var(--zoey-mobile-menu-level-0-item-border-style); --zoey-mobile-menu-account-links-item-border-radius: var(--zoey-mobile-menu-level-0-item-border-radius); --zoey-mobile-menu-account-links-item-padding-x: var(--zoey-mobile-menu-level-0-item-padding-x); --zoey-mobile-menu-account-links-item-padding-y: var(--zoey-mobile-menu-level-0-item-padding-y); --zoey-mobile-menu-account-links-item-font-size: var(--zoey-mobile-menu-level-0-item-font-size); --zoey-mobile-menu-account-links-item-font-style: var(--zoey-mobile-menu-level-0-item-font-style); --zoey-mobile-menu-account-links-item-text-transform: var(--zoey-mobile-menu-level-0-item-text-transform); --zoey-mobile-menu-account-links-item-text-align: var(--zoey-mobile-menu-level-0-item-text-align); --zoey-mobile-menu-account-links-item-bg-color-active: var(--zoey-mobile-menu-level-0-item-bg-color-active); --zoey-mobile-menu-account-links-item-text-color-active: var(--zoey-mobile-menu-level-0-item-text-color-active); --zoey-mobile-menu-account-links-item-font-weight-active: var(--zoey-mobile-menu-level-0-item-font-weight-active); --zoey-mobile-menu-account-links-item-text-decoration-active: var(--zoey-mobile-menu-level-0-item-text-decoration-active); } #pix-fe .cp-5f3d3063b8886268964759 { --zoey-mobile-header-logo-height: 25px; --zoey-mobile-header-logo-max-width: 200px; --zoey-mobile-header-border-color: var(--zoey-border-color); --zoey-mobile-header-bg-color: #ffffff; --zoey-mobile-header-text-color: #444444; --zoey-mobile-header-padding-y: 15px; --zoey-form-element-font-color: var(--zoey-mobile-header-text-color); --zoey-link-color: var(--zoey-mobile-header-text-color); --zoey-mobile-icon-color: var(--zoey-mobile-header-text-color); background-color: var(--zoey-mobile-header-bg-color); color: var(--zoey-mobile-header-text-color); width: 100%; z-index: 10 !important; min-width: 100px; } #pix-fe .cp-5f3d3063b8886268964759.is_stuck, #pix-fe .cp-5f3d3063b8886268964759 .is_stuck { z-index: 1000 !important; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select, #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select.default { --zoey-form-element-text-color: var(--zoey-mobile-header-text-color); background: transparent; color: var(--zoey-form-element-text-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select:before, #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select.default:before { content: var(--zoey-icon-chevron-down) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: inherit; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; z-index: 2; top: 50%; right: 6px; font-size: 1.25em; line-height: 1; margin-top: 1px; pointer-events: none; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select select, #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select.default select { background: transparent; padding: 10px 33px 10px 10px; box-shadow: none; line-height: 1.3; border-radius: 0px; height: auto; border: 0; font-size: 16px; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select select:not(:-webkit-autofill), #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select.default select:not(:-webkit-autofill), #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select select:not(:hover), #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select.default select:not(:hover), #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select select:not(:focus), #pix-fe .cp-5f3d3063b8886268964759 .zoey-styled-select.default select:not(:focus) { background: transparent; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-logo { display: flex; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-logo .pix-logo { flex-grow: 1; height: 100%; display: flex; align-items: center; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-logo .pix-logo img { object-fit: contain; object-position: left center; display: block; width: 200px; height: 25px; max-width: 100%; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-language-currency { border-top-style: solid; border-top-width: var(--zoey-border-width); border-top-color: var(--zoey-mobile-header-border-color); border-bottom-style: solid; border-bottom-width: var(--zoey-border-width); border-bottom-color: var(--zoey-mobile-header-border-color); display: flex; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-language-currency > div { flex-grow: 1; background-color: var(--zoey-mobile-header-bg-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-language-currency > div:not(:only-child) { width: 50%; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-language-currency > div:not(:only-child):not(:last-child) { border-right-style: solid; border-right-width: var(--zoey-border-width); border-right-color: var(--zoey-mobile-header-border-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-cart .zoey-header-cart-trigger > .label { display: none; } #pix-fe .cp-5f3d3063b8886268964759 #header-cart-mobile, #pix-fe .cp-5f3d3063b8886268964759 #header-cart-mobile-b2bquote { display: none; } #pix-fe .cp-5f3d3063b8886268964759 #header-cart-mobile.active, #pix-fe .cp-5f3d3063b8886268964759 #header-cart-mobile-b2bquote.active { display: block; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-search .search-container { position: relative; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-search input { width: 100%; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-search button.icon-search { position: absolute; top: 0; right: 0; aspect-ratio: 1; min-height: var(--zoey-mobile-header-search-height, 44px); display: flex; align-items: center; justify-content: center; text-align: center; color: initial; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-search button.icon-search::before { content: var(--zoey-icon-search) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3em; line-height: 1 !important; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-cart-trigger { display: flex; gap: 5px; align-items: center; font-size: 1em; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-cart-trigger > span { display: flex; gap: 5px; align-items: center; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-cart-trigger > span.label:empty { display: none; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-cart-trigger [class*="quote-icon"]::before, #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-cart-trigger [class*="cart-icon"]::before { line-height: 1 !important; font-size: 1.3em; display: flex; flex-direction: column; align-items: center; justify-content: center; text-box: cap alphabetic; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-cart-trigger .count { font-family: var(--zoey-paragraph-font-family); display: block; line-height: 1; text-box: cap alphabetic; } #pix-fe .cp-5f3d3063b8886268964759 .icon-close { display: none; color: inherit; margin-right: 8px; font-size: 20px; position: absolute; top: -5px; left: -1px; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-top-menu-container { display: flex; align-items: center; gap: 10px; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-banner-top { --zoey-paragraph-font-weight: normal; --zoey-paragraph-font-size: 19px; --zoey-paragraph-font-style: normal; --zoey-paragraph-text-transform: none; --zoey-text-color: #333333; --zoey-heading-color: var(--zoey-text-color); --zoey-subheading-color: var(--zoey-text-color); padding: 0px; background-repeat: no-repeat; background-size: cover; background-position: center; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-banner-top .container { background-color: transparent; padding: ; text-align: center; color: var(--zoey-text-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-banner-top .container a:not(.button) { color: inherit; text-transform: inherit; font-style: inherit; font-weight: inherit; } #pix-fe .zoey-header-mobile-search .search-container { position: relative; } #pix-fe .zoey-header-mobile-search input { width: 100%; } #pix-fe .zoey-header-mobile-search button.icon-search { position: absolute; top: 0; right: 0; aspect-ratio: 1; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: initial; } #pix-fe .zoey-header-mobile-search button.icon-search::before { content: var(--zoey-icon-search) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3em; line-height: 1 !important; } #pix-fe button.zoey-header-mobile-top-menu-trigger.btn-text { --zoey-btn-text-color: var(--zoey-mobile-icon-color); } #pix-fe #header-cart-mobile, #pix-fe #header-cart-mobile-b2bquote, #pix-fe .zoey-header-mobile-content { background-color: var(--zoey-mobile-menu-bg-color); } #pix-fe .zoey-header-mobile-top-menu { transition: all 0.3s ease-in-out; } #pix-fe .zoey-header-mobile-top-menu .img-container { display: none; } #pix-fe .zoey-header-mobile-top-menu .zoey-header-mobile-search .form-search .search-container { position: relative; } #pix-fe .zoey-header-mobile-top-menu .zoey-header-mobile-search .form-search input { width: 100%; height: var(--zoey-mobile-header-search-height, 44px); padding-right: var(--zoey-mobile-header-search-height, 44px); } #pix-fe .zoey-header-mobile-top-menu .zoey-header-mobile-search .form-search button.icon-search { border: 0 !important; display: flex; align-items: center; justify-content: center; text-align: center; color: initial; } #pix-fe .zoey-header-mobile-top-menu .zoey-header-mobile-search .form-search button.icon-search::before { content: var(--zoey-icon-search) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 1 !important; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary { display: flex; flex-direction: column; gap: var(--zoey-mobile-menu-level-0-spacer); background-color: var(--zoey-mobile-menu-level-0-menu-bg-color); padding: var(--zoey-mobile-menu-level-0-menu-padding); border-radius: var(--zoey-mobile-menu-level-0-menu-border-radius); position: relative; overflow: hidden; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li { border-bottom: var(--zoey-mobile-menu-level-0-menu-border-width) var(--zoey-mobile-menu-level-0-menu-border-style) var(--zoey-mobile-menu-level-0-menu-border-color); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li:last-of-type { border-bottom: 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li > a { background-color: var(--zoey-mobile-menu-level-0-item-bg-color); color: var(--zoey-mobile-menu-level-0-item-text-color); font-weight: var(--zoey-mobile-menu-level-0-item-font-weight); font-size: var(--zoey-mobile-menu-level-0-item-font-size); font-style: var(--zoey-mobile-menu-level-0-item-font-style); text-transform: var(--zoey-mobile-menu-level-0-item-text-transform); text-decoration: var(--zoey-mobile-menu-level-0-item-text-decoration); text-align: var(--zoey-mobile-menu-level-0-item-text-align); line-height: var(--zoey-mobile-menu-level-0-item-line-height); display: flex; align-items: center; gap: 10px; padding: var(--zoey-mobile-menu-level-0-item-padding-y) var(--zoey-mobile-menu-level-0-item-padding-x); border-radius: var(--zoey-mobile-menu-level-0-item-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li > a:hover, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li > a:focus-visible, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li > a:active { background-color: var(--zoey-mobile-menu-level-0-item-bg-color-active); color: var(--zoey-mobile-menu-level-0-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-0-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-0-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li > a .toggle-menu-element { background-color: var(--zoey-mobile-menu-level-0-icon-bg-color); color: var(--zoey-mobile-menu-level-0-icon-text-color); font-size: var(--zoey-mobile-menu-level-0-icon-font-size); width: var(--zoey-mobile-menu-level-0-icon-width); margin: calc(var(--zoey-mobile-menu-level-0-item-padding-y) * -1) calc(var(--zoey-mobile-menu-level-0-item-padding-x) * -1) calc(var(--zoey-mobile-menu-level-0-item-padding-y) * -1) 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li.active > a { background-color: var(--zoey-mobile-menu-level-0-item-bg-color-active); color: var(--zoey-mobile-menu-level-0-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-0-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-0-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul { display: none; flex-direction: column; position: relative; overflow: hidden; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul[style*="display: block"] { display: flex !important; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 { gap: var(--zoey-mobile-menu-level-1-spacer); background-color: var(--zoey-mobile-menu-level-1-menu-bg-color); padding: var(--zoey-mobile-menu-level-1-menu-padding-y) var(--zoey-mobile-menu-level-1-menu-padding-x); border: var(--zoey-mobile-menu-level-1-menu-border-width) var(--zoey-mobile-menu-level-1-menu-border-style) var(--zoey-mobile-menu-level-1-menu-border-color); border-radius: var(--zoey-mobile-menu-level-1-menu-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li { padding-left: var(--zoey-mobile-menu-level-1-menu-item-indent); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li > a { background-color: var(--zoey-mobile-menu-level-1-item-bg-color); color: var(--zoey-mobile-menu-level-1-item-text-color); font-weight: var(--zoey-mobile-menu-level-1-item-font-weight); font-size: var(--zoey-mobile-menu-level-1-item-font-size); font-style: var(--zoey-mobile-menu-level-1-item-font-style); text-transform: var(--zoey-mobile-menu-level-1-item-text-transform); text-decoration: var(--zoey-mobile-menu-level-1-item-text-decoration); text-align: var(--zoey-mobile-menu-level-1-item-text-align); line-height: var(--zoey-mobile-menu-level-1-item-line-height); display: flex; gap: 10px; padding: var(--zoey-mobile-menu-level-1-item-padding-y) var(--zoey-mobile-menu-level-1-item-padding-x); border: var(--zoey-mobile-menu-level-1-item-border-width) var(--zoey-mobile-menu-level-1-item-border-style) var(--zoey-mobile-menu-level-1-item-border-color); border-radius: var(--zoey-mobile-menu-level-1-item-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li > a:hover, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li > a:focus-visible, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li > a:active { background-color: var(--zoey-mobile-menu-level-1-item-bg-color-active); color: var(--zoey-mobile-menu-level-1-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-1-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-1-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li > a .toggle-menu-element { background-color: var(--zoey-mobile-menu-level-1-icon-bg-color); color: var(--zoey-mobile-menu-level-1-icon-text-color); font-size: var(--zoey-mobile-menu-level-1-icon-font-size); width: var(--zoey-mobile-menu-level-1-icon-width); margin: calc(var(--zoey-mobile-menu-level-1-item-padding-y) * -1) calc(var(--zoey-mobile-menu-level-1-item-padding-x) * -1) calc(var(--zoey-mobile-menu-level-1-item-padding-y) * -1) 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li.active > a { background-color: var(--zoey-mobile-menu-level-1-item-bg-color-active); color: var(--zoey-mobile-menu-level-1-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-1-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-1-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul { gap: var(--zoey-mobile-menu-level-2-spacer); background-color: var(--zoey-mobile-menu-level-2-menu-bg-color); padding: var(--zoey-mobile-menu-level-2-menu-padding-y) var(--zoey-mobile-menu-level-2-menu-padding-x); border: var(--zoey-mobile-menu-level-2-menu-border-width) var(--zoey-mobile-menu-level-2-menu-border-style) var(--zoey-mobile-menu-level-2-menu-border-color); border-radius: var(--zoey-mobile-menu-level-2-menu-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li { padding-left: var(--zoey-mobile-menu-level-2-menu-item-indent); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li > a { background-color: var(--zoey-mobile-menu-level-2-item-bg-color); color: var(--zoey-mobile-menu-level-2-item-text-color); font-weight: var(--zoey-mobile-menu-level-2-item-font-weight); font-size: var(--zoey-mobile-menu-level-2-item-font-size); font-style: var(--zoey-mobile-menu-level-2-item-font-style); text-transform: var(--zoey-mobile-menu-level-2-item-text-transform); text-decoration: var(--zoey-mobile-menu-level-2-item-text-decoration); text-align: var(--zoey-mobile-menu-level-2-item-text-align); line-height: var(--zoey-mobile-menu-level-2-item-line-height); display: flex; gap: 10px; padding: var(--zoey-mobile-menu-level-2-item-padding-y) var(--zoey-mobile-menu-level-2-item-padding-x); border: var(--zoey-mobile-menu-level-2-item-border-width) var(--zoey-mobile-menu-level-2-item-border-style) var(--zoey-mobile-menu-level-2-item-border-color); border-radius: var(--zoey-mobile-menu-level-2-item-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li > a:hover, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li > a:focus-visible, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li > a:active { background-color: var(--zoey-mobile-menu-level-2-item-bg-color-active); color: var(--zoey-mobile-menu-level-2-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-2-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-2-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li > a .toggle-menu-element { background-color: var(--zoey-mobile-menu-level-2-icon-bg-color); color: var(--zoey-mobile-menu-level-2-icon-text-color); font-size: var(--zoey-mobile-menu-level-2-icon-font-size); width: var(--zoey-mobile-menu-level-2-icon-width); margin: calc(var(--zoey-mobile-menu-level-2-item-padding-y) * -1) calc(var(--zoey-mobile-menu-level-2-item-padding-x) * -1) calc(var(--zoey-mobile-menu-level-2-item-padding-y) * -1) 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li.active > a { background-color: var(--zoey-mobile-menu-level-2-item-bg-color-active); color: var(--zoey-mobile-menu-level-2-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-2-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-2-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary .parent > a { justify-content: space-between; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary .parent > a > .toggle-menu-element { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 100%; flex-grow: 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary .parent > a > .toggle-menu-element:after { content: var(--zoey-icon-plus) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1 !important; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary .parent.active > a > .toggle-menu-element:after { content: var(--zoey-icon-minus) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile { display: flex; flex-direction: column; gap: var(--zoey-mobile-menu-account-links-spacer); background-color: var(--zoey-mobile-menu-account-links-menu-bg-color); padding: var(--zoey-mobile-menu-account-links-menu-padding-y) var(--zoey-mobile-menu-account-links-menu-padding-x); border: var(--zoey-mobile-menu-account-links-menu-border-width) var(--zoey-mobile-menu-account-links-menu-border-style) var(--zoey-mobile-menu-account-links-menu-border-color); border-radius: var(--zoey-mobile-menu-account-links-menu-border-radius); position: relative; overflow: hidden; } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li:last-child > a { border-bottom: 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li > a { background-color: var(--zoey-mobile-menu-account-links-item-bg-color); color: var(--zoey-mobile-menu-account-links-item-text-color); font-weight: var(--zoey-mobile-menu-account-links-item-font-weight); font-size: var(--zoey-mobile-menu-account-links-item-font-size); font-style: var(--zoey-mobile-menu-account-links-item-font-style); text-transform: var(--zoey-mobile-menu-account-links-item-text-transform); text-decoration: var(--zoey-mobile-menu-account-links-item-text-decoration); text-align: var(--zoey-mobile-menu-account-links-item-text-align); line-height: var(--zoey-mobile-menu-account-links-item-line-height); display: flex; gap: 10px; padding: var(--zoey-mobile-menu-account-links-item-padding-y) var(--zoey-mobile-menu-account-links-item-padding-x); border-bottom: var(--zoey-mobile-menu-account-links-item-border-width) var(--zoey-mobile-menu-account-links-item-border-style) var(--zoey-mobile-menu-account-links-item-border-color); border-radius: var(--zoey-mobile-menu-account-links-item-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li > a:hover, #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li > a:focus-visible, #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li > a:active { background-color: var(--zoey-mobile-menu-account-links-item-bg-color-active); color: var(--zoey-mobile-menu-account-links-item-text-color-active); font-weight: var(--zoey-mobile-menu-account-links-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-account-links-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li > a .toggle-menu-element { background-color: var(--zoey-mobile-menu-account-links-icon-bg-color); color: var(--zoey-mobile-menu-account-links-icon-text-color); font-size: var(--zoey-mobile-menu-account-links-icon-font-size); } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li.active > a { background-color: var(--zoey-mobile-menu-account-links-bg-color-active); color: var(--zoey-mobile-menu-account-links-text-color-active); font-weight: var(--zoey-mobile-menu-account-links-font-weight-active); text-decoration: var(--zoey-mobile-menu-account-links-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-mobile { padding-top: 30px; } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-mobile .title:empty { display: none; } #pix-fe .zoey-header-mobile-top-menu-trigger { display: flex; align-items: center; justify-content: center; gap: 5px; } #pix-fe .zoey-header-mobile-top-menu-trigger .zoey-icon { line-height: 1 !important; font-size: 1.5em; display: flex; flex-direction: column; align-items: center; justify-content: center; } #pix-fe .zoey-header-mobile-top-menu-trigger span:not(.sr-only) { display: block; line-height: 1; text-box: cap alphabetic; } #pix-fe:not(.zoey-has-mobile-header) .cp-5f3d3063b8886268964759, #pix-fe.media-d .cp-5f3d3063b8886268964759, #pix-fe.media-t .cp-5f3d3063b8886268964759 { display: none; } #pix-fe.modal-body-content .cp-5f3d3063b8886268964759 { display: block; overflow: hidden; } #pix-fe .cp-5f3d3063b8886268964759 { min-width: 100px; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-language-currency { border-bottom-color: var(--zoey-mobile-header-border-color); background-color: var(--zoey-mobile-header-bg-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-language-currency > div { border-right-color: var(--zoey-mobile-header-border-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-top-menu-container { position: relative; padding: 10px; background-color: var(--zoey-mobile-header-bg-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-top-menu { display: none; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-cart { color: var(--zoey-mobile-header-text-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-cart a { color: var(--zoey-mobile-header-text-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-cart #header-cart-mobile { position: absolute; left: 0; width: 100%; background: var(--zoey-mobile-menu-bg-color); overflow: auto; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-logo { margin-right: auto; } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-cart-b2bquote { color: var(--zoey-mobile-header-text-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-cart-b2bquote a { color: var(--zoey-mobile-header-text-color); } #pix-fe .cp-5f3d3063b8886268964759 .zoey-header-mobile-cart-b2bquote #header-cart-mobile-b2bquote { position: absolute; left: 0; width: 100%; background: var(--zoey-mobile-menu-bg-color); overflow: auto; } #pix-fe .cp-5f3d3063b8886268964759 .cart-icon-cargo-truck:before, #pix-fe .cp-5f3d3063b8886268964759 .cart-icon-cargo-truck-fast:before, #pix-fe .cp-5f3d3063b8886268964759 .cart-icon-cargo-truck-round:before, #pix-fe .cp-5f3d3063b8886268964759 .cart-icon-cargo-truck-outline-fast:before { font-size: 1.3em; vertical-align: sub; } #pix-fe .cp-5f3d3063b8886268964759 .cart-icon-cargo-truck-left:before, #pix-fe .cp-5f3d3063b8886268964759 .cart-icon-cargo-truck-thin-fast:before { font-size: 1.2em; vertical-align: sub; } #pix-fe.zoey-core-header-mobile-preset1.media-m { --zoey-mobile-menu-bg-color: var(--zoey-color-light); } #pix-fe.zoey-core-header-mobile-preset1.media-m.zoey-core-header-mobile-menu-active { overflow: hidden; } #pix-fe.zoey-core-header-mobile-preset1.media-m.zoey-core-header-mobile-menu-active .zoey-header-mobile-top-menu { --zoey-mobile-menu-close-font-size: 30px; --zoey-btn-height: var(--zoey-mobile-header-search-height, 44px); display: flex !important; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #pix-fe.zoey-core-header-mobile-preset1.media-m.zoey-core-header-mobile-menu-active .zoey-header-mobile-top-menu .zoey-header-mobile-top-menu-trigger.btn-text.btn-icon { --zoey-btn-font-size: var(--zoey-mobile-menu-close-font-size); margin-right: -7px; margin-left: 0; } #pix-fe.zoey-core-header-mobile-preset1.media-m.zoey-core-header-mobile-menu-active .zoey-header-mobile-top-menu .zoey-header-mobile-top-menu-trigger.btn-text.btn-icon .icon-cancel-button { height: 31px; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu-trigger { margin-left: -7px; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow-y: auto; transform: translateX(-100%); transition: transform 0.3s ease-in-out; backface-visibility: hidden; background-color: var(--zoey-mobile-menu-bg-color); flex-direction: column; justify-content: start; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu > nav, #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu > .zoey-account-links-mobile { padding: 0; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu .zoey-account-links-mobile .title { margin-bottom: 0; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-search { padding: calc(var(--zoey-mobile-menu-padding-y) + env(safe-area-inset-top)) calc(var(--zoey-mobile-menu-padding-x) + env(safe-area-inset-right)) var(--zoey-mobile-menu-padding-y) calc(var(--zoey-mobile-menu-padding-x) + env(safe-area-inset-right)); background-color: var(--zoey-background-color); border-bottom: var(--zoey-border-width) solid var(--zoey-border-color); box-shadow: var(--zoey-shadow-sm); display: flex; align-items: center; gap: 5px; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-search form { flex-grow: 1; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-content { background-color: var(--zoey-mobile-menu-bg-color); flex-grow: 1; display: flex; flex-direction: column; overflow: auto; justify-content: start; padding: var(--zoey-mobile-menu-padding-y) calc(var(--zoey-mobile-menu-padding-x) + env(safe-area-inset-right)) calc(var(--zoey-mobile-menu-padding-y) + env(safe-area-inset-bottom)) calc(var(--zoey-mobile-menu-padding-x) + env(safe-area-inset-right)); gap: var(--zoey-mobile-menu-padding-y); } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-account-links-content-mobile, #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-nav-primary { box-shadow: var(--zoey-shadow-sm); border: var(--zoey-border-width) solid var(--zoey-border-color); } #pix-fe.zoey-core-header-mobile-preset1-mobile-minicart-active { overflow: hidden; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_5f3d3063b8886268964759 */ #pix-fe #cp-5f3d3063b8886268964759.pix-design-component { z-index: 3; } #pix-fe.media-dt #cp-5f3d3063b8886268964759.pix-design-component { z-index: 3; } #pix-fe.media-d #cp-5f3d3063b8886268964759.pix-design-component { z-index: 3; } #pix-fe.media-tm #cp-5f3d3063b8886268964759.pix-design-component { z-index: 3; } #pix-fe.media-t #cp-5f3d3063b8886268964759.pix-design-component { z-index: 3; } #pix-fe.media-m #cp-5f3d3063b8886268964759.pix-design-component { clear: left; z-index: 3; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP0i/LzS2L0M1ITU1KLYvSLSypzUov1ikHaagE= Path: skin/designcenter/pixafy/components/root/header/styles.scss Parent uid: cp_5f3d3063b8889705467452 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/root/header/styles.scss ================================================== **/ #pix-fe .cp-5f3d3063b8889705467452 > .component-content > .group-background-image-container { --pix-shadow-opacity: 0.07; position: relative; background-color: rgba(255, 255, 255, 0); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; box-shadow: var(--pix-shadow-size, var(--zoey-shadow-sm-size)) hsla(var(--pix-shadow-color, var(--zoey-shadow-color)), var(--pix-shadow-opacity, var(--zoey-shadow-sm-opacity))); -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } #pix-fe .cp-5f3d3063b8889705467452 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe .cp-5f3d3063b8889705467452 > .component-content > .group-background-image-container > .full-width-content-element { padding: ; } #pix-fe .cp-5f3d3063b8889705467452 > .component-content > .group-background-image-container:before, #pix-fe .cp-5f3d3063b8889705467452 > .component-content > .group-background-image-container:after, #pix-fe .cp-5f3d3063b8889705467452 > .component-content > .group-background-image-container .full-width-content-element:before, #pix-fe .cp-5f3d3063b8889705467452 > .component-content > .group-background-image-container .full-width-content-element:after { content: ''; clear: both; display: block; } #pix-fe.media-t .cp-5f3d3063b8889705467452 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-t .cp-5f3d3063b8889705467452 > .component-content > .group-background-image-container > .full-width-content-element { padding: ; } #pix-fe.pix-designcenter-admin .cp-5f3d3063b8889705467452 .group-background-image-container:not(.full-width-element):empty, #pix-fe.pix-designcenter-admin .cp-5f3d3063b8889705467452 .group-background-image-container > .full-width-content-element:empty { min-height: 150px; } #pix-fe.zoey-has-mobile-header.media-m .cp-5f3d3063b8889705467452 { display: none; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_5f3d3063b8889705467452 */ #pix-fe #cp-5f3d3063b8889705467452.pix-design-component { margin-left: -1050%; clear: left; z-index: 3; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #pix-fe.media-dt #cp-5f3d3063b8889705467452.pix-design-component { z-index: 3; } #pix-fe.media-d #cp-5f3d3063b8889705467452.pix-design-component { margin-left: -1050%; z-index: 3; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #pix-fe.media-tm #cp-5f3d3063b8889705467452.pix-design-component { z-index: 3; } #pix-fe.media-t #cp-5f3d3063b8889705467452.pix-design-component { z-index: 3; } #pix-fe.media-m #cp-5f3d3063b8889705467452.pix-design-component { z-index: 3; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0c/NTSnNSY/SB/JL8/JySzAI9kLpaAA== Path: skin/designcenter/pixafy/module/pixtooltip.css Parent uid: cp_5f3d3063b888a843789153 */ .tooltip { position: fixed; z-index: 1000; background: var(--admin-tooltip-bg); color: var(--admin-tooltip-color); font-size: var(--admin-tooltip-font-size); max-width: var(--admin-tooltip-max-width); padding: var(--admin-tooltip-padding); line-height: var(--admin-tooltip-line-height); border-radius: var(--admin-tooltip-border-radius); border: none; font-weight: normal; } .tooltip:before { content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); width: 0; height: 0; border-left: var(--admin-arrow-width) solid transparent; border-right: var(--admin-arrow-width) solid transparent; border-bottom: var(--admin-arrow-width) solid var(--admin-tooltip-bg); } .tooltip.right:before { top: 50%; left: 0; transform: translate(-100%, -50%); border-left: none; border-right: var(--admin-arrow-width) solid var(--admin-tooltip-bg); border-top: var(--admin-arrow-width) solid transparent; border-bottom: var(--admin-arrow-width) solid transparent; } .tooltip.left:before { top: 50%; left: 100%; transform: translate(0, -50%); border-left: var(--admin-arrow-width) solid var(--admin-tooltip-bg); border-right: none; border-top: var(--admin-arrow-width) solid transparent; border-bottom: var(--admin-arrow-width) solid transparent; } .tooltip.top:before { top: 100%; left: 50%; transform: translate(-50%, 0); border-left: var(--admin-arrow-width) solid transparent; border-right: var(--admin-arrow-width) solid transparent; border-top: var(--admin-arrow-width) solid var(--admin-tooltip-bg); border-bottom: none; } .tooltip-content { line-height: var(--admin-tooltip-line-height); max-width: var(--admin-tooltip-max-width); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP0i/LzS2L0k/JTKiFkcIBeMUhTLQA= Path: skin/designcenter/pixafy/components/root/body/bodySP.scss Parent uid: cp_5f3d3063b888a843789153 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/root/body/bodySP.scss ================================================== **/ #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container { position: relative; min-height: 400px; background-color: #ffffff; background-image: ; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container:not(.full-width-element), #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container:not(.full-width-element), #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container > .full-width-content-element, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container > .full-width-content-element { padding: 30px 30px 30px 30px; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container:before, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container:before, #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container:after, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container:after, #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container .pix-grid:before, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container .pix-grid:before, #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container .pix-grid:after, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container .pix-grid:after { content: ''; clear: both; display: block; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container .after-body, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container .after-body { clear: both; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp { display: table; table-layout: fixed; width: 100%; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont { display: table-row; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar, #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content { display: table-cell; vertical-align: top; min-height: 100%; height: 100%; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar { width: 200px; background: rgba(73,175,205,0.95); } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group { padding: 25px 0px 25px 0; margin: 0 5px; text-align: left; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link { padding: 5px; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link a, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link a { display: block; font-size: 0; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link a:hover, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link a:hover { text-decoration: none; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link a i, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link a i { vertical-align: middle; font-size: 48px; font-style: normal; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link a .link-label, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link a .link-label { vertical-align: middle; font-size: 18px; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link a :nth-child(2), #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link a :nth-child(2) { margin-left: 4px; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.main-links .link a, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.main-links .link a { color: #ffffff; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.main-links .link a:hover, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.main-links .link a:hover { color: #333333; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.categories, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.categories { border-width: 1px 0 0 0; border-style: solid; border-color: #ffffff; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.categories .link a, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.categories .link a { color: #ffffff; } #pix-fe .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.categories .link a:hover, #pix-fe .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.categories .link a:hover { color: #333333; } #pix-fe.media-t .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container, #pix-fe.media-t .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container { background-size: ; background-repeat: ; background-position: ; } #pix-fe.media-t .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-t .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-t .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container > .full-width-content-element, #pix-fe.media-t .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container > .full-width-content-element { padding: 10px 10px 10px 10px; } #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container { background-size: ; background-repeat: ; background-position: ; } #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container > .full-width-content-element, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content > .group-background-image-container > .full-width-content-element { padding: 10px 10px 10px 10px; } #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp { display: block; } #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont { display: block; } #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-main-content, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-main-content { display: block; min-height: auto; height: auto; } #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar { width: 100%; } #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .body-sidebar-content, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .body-sidebar-content { line-height: 2; } #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group { padding: 0 25px; margin: 0; text-align: center; } #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group .link { display: inline-block; vertical-align: middle; padding-top: 0; padding-bottom: 0; } #pix-fe.media-m .cp-5f3d3063b888a843789153 > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.categories, #pix-fe.media-m .cp-5f3d3063b888a843789153 > .product-view > .component-content > .body-sp > .body-sp-cont > .body-sidebar .link-group.categories { display: none; } #pix-fe .body-sp-tooltip { background-color: #000; color: #ffffff; font-size: 14px; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; padding: 10px 10px 10px 10px; border: none; } #pix-fe .body-sp-tooltip.right:before { border-right-color: #000; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP0i/LzS2L0k/JTKiFkcECMfmZyfh5QqrikMidVD2RCLQA= Path: skin/designcenter/pixafy/components/root/body/bodySP/icons/style.css Parent uid: cp_5f3d3063b888a843789153 */ @font-face { font-family: 'zoey-sp-icon'; src: url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/body/bodySP/icons/fonts/zoey-sp-icon.eot?m8yj72"); src: url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/body/bodySP/icons/fonts/zoey-sp-icon.eot?m8yj72#iefix") format('embedded-opentype'), url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/body/bodySP/icons/fonts/zoey-sp-icon.woff?m8yj72") format('woff'), url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/body/bodySP/icons/fonts/zoey-sp-icon.ttf?m8yj72") format('truetype'), url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/body/bodySP/icons/fonts/zoey-sp-icon.svg?m8yj72#zoey-sp-icon") format('svg'); font-weight: normal; font-style: normal;}[class^="zoey-sp-icon-"], [class*=" zoey-sp-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'zoey-sp-icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.zoey-sp-icon-account_balance:before { content: "\e900";}.zoey-sp-icon-account_box:before { content: "\e901";}.zoey-sp-icon-account_circle:before { content: "\e902";}.zoey-sp-icon-all_inbox:before { content: "\e903";}.zoey-sp-icon-announcement:before { content: "\e904";}.zoey-sp-icon-apps:before { content: "\e905";}.zoey-sp-icon-arrow_back:before { content: "\e906";}.zoey-sp-icon-assessment:before { content: "\e907";}.zoey-sp-icon-autorenew:before { content: "\e908";}.zoey-sp-icon-bookmark_border:before { content: "\e909";}.zoey-sp-icon-bookmark:before { content: "\e90a";}.zoey-sp-icon-bookmarks:before { content: "\e90b";}.zoey-sp-icon-build:before { content: "\e90c";}.zoey-sp-icon-business:before { content: "\e90d";}.zoey-sp-icon-cached:before { content: "\e90e";}.zoey-sp-icon-calendar_today:before { content: "\e90f";}.zoey-sp-icon-category:before { content: "\e910";}.zoey-sp-icon-change_history:before { content: "\e911";}.zoey-sp-icon-check_box_outline_blank:before { content: "\e912";}.zoey-sp-icon-check_box:before { content: "\e913";}.zoey-sp-icon-check_circle_outline:before { content: "\e914";}.zoey-sp-icon-check_circle:before { content: "\e915";}.zoey-sp-icon-code:before { content: "\e916";}.zoey-sp-icon-contact_support:before { content: "\e917";}.zoey-sp-icon-contacts:before { content: "\e918";}.zoey-sp-icon-credit_card:before { content: "\e919";}.zoey-sp-icon-dehaze:before { content: "\e91a";}.zoey-sp-icon-description:before { content: "\e91b";}.zoey-sp-icon-edit:before { content: "\e91c";}.zoey-sp-icon-email:before { content: "\e91d";}.zoey-sp-icon-exit_to_app:before { content: "\e91e";}.zoey-sp-icon-extension:before { content: "\e91f";}.zoey-sp-icon-folder_open:before { content: "\e920";}.zoey-sp-icon-folder:before { content: "\e921";}.zoey-sp-icon-get_app:before { content: "\e922";}.zoey-sp-icon-grade:before { content: "\e923";}.zoey-sp-icon-help_outline:before { content: "\e924";}.zoey-sp-icon-help:before { content: "\e925";}.zoey-sp-icon-history:before { content: "\e926";}.zoey-sp-icon-home:before { content: "\e927";}.zoey-sp-icon-https:before { content: "\e928";}.zoey-sp-icon-import_contacts:before { content: "\e929";}.zoey-sp-icon-info:before { content: "\e92a";}.zoey-sp-icon-label_important:before { content: "\e92b";}.zoey-sp-icon-label:before { content: "\e92c";}.zoey-sp-icon-launch:before { content: "\e92d";}.zoey-sp-icon-layers:before { content: "\e92e";}.zoey-sp-icon-list_alt:before { content: "\e92f";}.zoey-sp-icon-list:before { content: "\e930";}.zoey-sp-icon-local_offer:before { content: "\e931";}.zoey-sp-icon-local_shipping:before { content: "\e932";}.zoey-sp-icon-location_on:before { content: "\e933";}.zoey-sp-icon-mail_outline:before { content: "\e934";}.zoey-sp-icon-menu:before { content: "\e935";}.zoey-sp-icon-message:before { content: "\e936";}.zoey-sp-icon-more_horiz:before { content: "\e937";}.zoey-sp-icon-more_vert:before { content: "\e938";}.zoey-sp-icon-note_add:before { content: "\e939";}.zoey-sp-icon-open_in_new:before { content: "\e93a";}.zoey-sp-icon-pageview:before { content: "\e93b";}.zoey-sp-icon-radio_button_checked:before { content: "\e93c";}.zoey-sp-icon-settings_applications:before { content: "\e93d";}.zoey-sp-icon-settings:before { content: "\e93e";}.zoey-sp-icon-shopping_cart:before { content: "\e93f";}.zoey-sp-icon-star_rate:before { content: "\e940";}.zoey-sp-icon-store:before { content: "\e941";}.zoey-sp-icon-view_list:before { content: "\e942";}.zoey-sp-icon-whatshot:before { content: "\e943";}.zoey-sp-icon-quotes:before { content: "\e944";} /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-min-height.html Parent uid: cp_5f3d3063b888a843789153 */ #pix-fe #cp-5f3d3063b888a843789153.pix-design-component { margin-left: -1100%; z-index: 1; clear: none; } #pix-fe.media-dt #cp-5f3d3063b888a843789153.pix-design-component { z-index: 1; } #pix-fe.media-d #cp-5f3d3063b888a843789153.pix-design-component { margin-left: -1100%; z-index: 1; clear: none; } #pix-fe.media-tm #cp-5f3d3063b888a843789153.pix-design-component { z-index: 1; } #pix-fe.media-t #cp-5f3d3063b888a843789153.pix-design-component { margin-left: -1100%; z-index: 1; } #pix-fe.media-m #cp-5f3d3063b888a843789153.pix-design-component { margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); z-index: 1; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP0i/LzS2L004BkalGMfkFRanFqia6hXjFIYy0A Path: skin/designcenter/pixafy/components/root/footer/preset-1.scss Parent uid: cp_5f3d3063b888b091418056 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/root/footer/preset-1.scss ================================================== **/ #pix-fe .cp-5f3d3063b888b091418056 > .component-content > .group-background-image-container { background-color: rgba(255,255,255,0); background-image: ; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } #pix-fe .cp-5f3d3063b888b091418056 > .component-content > .group-background-image-container:empty { min-height: 150px; } #pix-fe .cp-5f3d3063b888b091418056 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe .cp-5f3d3063b888b091418056 > .component-content > .group-background-image-container > .full-width-content-element { padding: 0 0 0 200px; } #pix-fe.media-t .cp-5f3d3063b888b091418056 > .component-content > .group-background-image-container { background-size: ; background-repeat: ; background-position: ; } #pix-fe.media-t .cp-5f3d3063b888b091418056 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-t .cp-5f3d3063b888b091418056 > .component-content > .group-background-image-container > .full-width-content-element { padding: ; } #pix-fe.media-m .cp-5f3d3063b888b091418056 > .component-content > .group-background-image-container { background-size: ; background-repeat: ; background-position: ; } #pix-fe.media-m .cp-5f3d3063b888b091418056 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m .cp-5f3d3063b888b091418056 > .component-content > .group-background-image-container > .full-width-content-element { padding: 0 0 0 0; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-min-height.html Parent uid: cp_5f3d3063b888b091418056 */ #pix-fe #cp-5f3d3063b888b091418056.pix-design-component { margin-left: -1100%; clear: left; z-index: 2; } #pix-fe.media-dt #cp-5f3d3063b888b091418056.pix-design-component { z-index: 2; } #pix-fe.media-d #cp-5f3d3063b888b091418056.pix-design-component { margin-left: -1100%; z-index: 2; } #pix-fe.media-tm #cp-5f3d3063b888b091418056.pix-design-component { z-index: 2; } #pix-fe.media-t #cp-5f3d3063b888b091418056.pix-design-component { z-index: 2; } #pix-fe.media-m #cp-5f3d3063b888b091418056.pix-design-component { margin-left: -1100%; z-index: 2; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset iconFontQuote Path: /skin/designcenter/fonts/quote-icons/style.css Parent uid: cp_5f3d3063b93d2878970157 */ @font-face { font-family: 'quote-icons'; src: url("//www.superoutlet.ca//skin/designcenter/fonts/quote-icons/fonts/quote-icons.eot?rb4f5b"); src: url("//www.superoutlet.ca//skin/designcenter/fonts/quote-icons/fonts/quote-icons.eot?rb4f5b#iefix") format('embedded-opentype'), url("//www.superoutlet.ca//skin/designcenter/fonts/quote-icons/fonts/quote-icons.woff?rb4f5b") format('woff'), url("//www.superoutlet.ca//skin/designcenter/fonts/quote-icons/fonts/quote-icons.ttf?rb4f5b") format('truetype'), url("//www.superoutlet.ca//skin/designcenter/fonts/quote-icons/fonts/quote-icons.svg?rb4f5b#quote-icons") format('svg'); font-weight: normal; font-style: normal; font-display: block;}[class^="quote-icon-"], [class*=" quote-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'quote-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.quote-icon-register:before { content: "\e900";}.quote-icon-calculator-buttons:before { content: "\e901";}.quote-icon-calculator:before { content: "\e902";}.quote-icon-accounting:before { content: "\e903";}.quote-icon-accounting-round:before { content: "\e904";}.quote-icon-calculator-square:before { content: "\e905";}.quote-icon-calculator-buttons-square-thin:before { content: "\e906";}.quote-icon-calculator-buttons-square:before { content: "\e907";}.quote-icon-tag:before { content: "\e908";}.quote-icon-paper:before { content: "\e909";} /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset iconFontAccount Path: skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/style.css Parent uid: cp_5f3d3063b93d2878970157 */ @font-face { font-family: 'account-icons'; src: url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/fonts/account-icons.eot?6iwdag"); src: url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/fonts/account-icons.eot?6iwdag#iefix") format('embedded-opentype'), url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/fonts/account-icons.ttf?6iwdag") format('truetype'), url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/fonts/account-icons.woff?6iwdag") format('woff'), url("//www.superoutlet.ca/skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/fonts/account-icons.svg?6iwdag#account-icons") format('svg'); font-weight: normal; font-style: normal; font-display: block;}[class^="account-icon-"]::before, [class*=" account-icon-"]::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'account-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.account-icon-pix-bi-gear-fill:before { content: "\e916";}.account-icon-pix-bi-gear:before { content: "\e917";}.account-icon-pix-bi-list:before { content: "\e918";}.account-icon-pix-bi-bank:before { content: "\e919";}.account-icon-pix-bi-bank2:before { content: "\e91a";}.account-icon-pix-bi-building:before { content: "\e91b";}.account-icon-pix-bi-file-person-fill:before { content: "\e91c";}.account-icon-pix-bi-file-person:before { content: "\e91d";}.account-icon-pix-bi-house-door-fill:before { content: "\e91e";}.account-icon-pix-bi-house-door:before { content: "\e91f";}.account-icon-pix-bi-house-fill:before { content: "\e920";}.account-icon-pix-bi-house-gear-fill:before { content: "\e921";}.account-icon-pix-bi-house-gear:before { content: "\e922";}.account-icon-pix-bi-house:before { content: "\e923";}.account-icon-pix-bi-people-fill:before { content: "\e924";}.account-icon-pix-bi-people:before { content: "\e925";}.account-icon-pix-bi-person-badge-fill:before { content: "\e926";}.account-icon-pix-bi-person-badge:before { content: "\e927";}.account-icon-pix-bi-person-bounding-box:before { content: "\e928";}.account-icon-pix-bi-person-circle:before { content: "\e929";}.account-icon-pix-bi-person-fill-gear:before { content: "\e92a";}.account-icon-pix-bi-person-fill:before { content: "\e92b";}.account-icon-pix-bi-person-gear:before { content: "\e92c";}.account-icon-pix-bi-person-rolodex:before { content: "\e92d";}.account-icon-pix-bi-person-square:before { content: "\e92e";}.account-icon-pix-bi-person-vcard-fill:before { content: "\e92f";}.account-icon-pix-bi-person-vcard:before { content: "\e930";}.account-icon-pix-bi-person:before { content: "\e931";}.account-icon-pix-bi-shop-window:before { content: "\e932";}.account-icon-pix-bi-shop:before { content: "\e933";}.account-icon-1:before { content: "\e900";}.account-icon-2:before { content: "\e901";}.account-icon-3:before { content: "\e902";}.account-icon-4:before { content: "\e903";}.account-icon-5:before { content: "\e904";}.account-icon-outline-thick:before { content: "\e7ff";}.account-icon-avatar:before { content: "\e905";}.account-icon-user:before { content: "\e906";}.account-icon-users:before { content: "\e907";}.account-icon-users-2:before { content: "\e908";}.account-icon-user-circle-thin:before { content: "\e909";}.account-icon-user-circle:before { content: "\e90a";}.account-icon-user-square:before { content: "\e90b";}.account-icon-user-folder:before { content: "\e90c";}.account-icon-user-calendar:before { content: "\e90d";}.account-icon-user-bubble:before { content: "\e90e";}.account-icon-building:before { content: "\e90f";}.account-icon-horizontal-lines-long:before { content: "\e910";}.account-icon-horizontal-lines-short:before { content: "\e911";}.account-icon-horizontal-dotted-line:before { content: "\e912";}.account-icon-vertical-dotted-line:before { content: "\e913";}.account-icon-cog:before { content: "\e914";}.account-icon-line:before { content: "\e915";} /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCGamJKalFrsXFQG5mYg4WkeAAvWKQabUA Path: /js/zoeydev/components/headerEssentials/headerEssentialsSP.scss Parent uid: cp_5f3d3063b93d2878970157 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/headerEssentials/headerEssentialsSP.scss ================================================== **/ #pix-fe .zoey-account-links-content { background: rgba(255, 255, 255, 1); padding: 15px 30px 15px 30px; -webkit-box-shadow: 0 4px 6px 0px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 4px 6px 0px rgba(51, 51, 51, 0.5); box-shadow: 0 4px 6px 0px rgba(51, 51, 51, 0.5); } #pix-fe .zoey-account-links-content li { text-align: left; padding: 4px 0 4px 0; } #pix-fe .zoey-account-links-content li a { color: #333333; font-size: 14px; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; } #pix-fe .zoey-account-links-content li a:hover { color: #49afcd; } #pix-fe .cp-5f3d3063b93d2878970157 { width: 100%; border: 0 !important; } #pix-fe .cp-5f3d3063b93d2878970157 [class^="pix-icon-"]:before, #pix-fe .cp-5f3d3063b93d2878970157 [class*=" pix-icon-"]:before { font-family: 'pix-icons' !important; } #pix-fe .cp-5f3d3063b93d2878970157 .pix-grid { max-width: 100%; } #pix-fe .cp-5f3d3063b93d2878970157 .header-wrap { display: table; width: 100%; padding: 0px 15px 0px 10px; } #pix-fe .cp-5f3d3063b93d2878970157 .header-wrap > * { display: inline-block; vertical-align: middle; } #pix-fe .cp-5f3d3063b93d2878970157 .header-wrap.is-scrolling { visibility: hidden; } #pix-fe .cp-5f3d3063b93d2878970157 .main-content { background-color: rgba(73,175,205,1); box-shadow: 0 0 5px rgba(0, 0, 0, .5); } #pix-fe .cp-5f3d3063b93d2878970157 .float-container { padding: 10px 20px 10px 20px; } #pix-fe .cp-5f3d3063b93d2878970157 .logo-container { display: table-cell; vertical-align: middle; } #pix-fe .cp-5f3d3063b93d2878970157 .logo-container img { max-height: 60px; max-width: 165px; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-search-container { display: table-cell; vertical-align: middle; width: 100%; padding: 10px 0 10px 20px; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-search-container .zoey-catalog-search .search-container { position: relative; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-search-container .zoey-catalog-search .search-container input { width: 100%; background-color: #ffffff; color: #333333; font-size: 19px; border-width: 1px 1px 1px 1px; border-color: transparent; border-style: solid; border-radius: 4px; padding: 8px 10px 8px 40px; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-search-container .zoey-catalog-search .search-container input::-webkit-input-placeholder { color: #333333; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-search-container .zoey-catalog-search .search-container input::-moz-placeholder { color: #333333; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-search-container .zoey-catalog-search .search-container input:-ms-input-placeholder { color: #333333; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-search-container .zoey-catalog-search .search-container input:-moz-placeholder { color: #333333; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-search-container .zoey-catalog-search .search-container button { position: absolute; top: 52%; left: 10px; background: transparent; color: #333333; font-size: 26px; line-height: 1; padding: 0; transform: translate(0, -50%); border: none; } #pix-fe .cp-5f3d3063b93d2878970157 .extras-container { display: table-cell; width: 100%; padding-left: 20px; text-align: right; } #pix-fe .cp-5f3d3063b93d2878970157 .extras-container .extra { display: inline-block; padding-top: 5px; } #pix-fe .cp-5f3d3063b93d2878970157 .extras-container .extra .extra-table { display: table; } #pix-fe .cp-5f3d3063b93d2878970157 .extras-container .extra .extra-table > * { display: table-cell; vertical-align: middle; padding-left: 10px; text-align: left; } #pix-fe .cp-5f3d3063b93d2878970157 .extras-container .extra .extra-table > *:first-child { padding-left: 0; } #pix-fe .cp-5f3d3063b93d2878970157 .extras-container .extra .extra-table .account-link { vertical-align: middle; padding-left: 20px; } #pix-fe .cp-5f3d3063b93d2878970157 .extras-container .extra.top { text-align: right; } #pix-fe .cp-5f3d3063b93d2878970157 .extras-container .extra.top .extra-table > span { color: #444444; font-size: 13px; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; } #pix-fe .cp-5f3d3063b93d2878970157 .extras-container .extra.top .extra-table > * { display: table-cell; vertical-align: middle; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language { position: relative; z-index: 999; vertical-align: top; display: inline-block; padding: 5px 0; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language .dropdown-container label { float: left; cursor: pointer; margin: 0; width: 100%; white-space: nowrap; color: inherit; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language .dropdown-container label .icon-down-arrow-slim { color: #333333; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language .dropdown-container .selected { position: relative; display: inline-block; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language img { width: 30px; display: inline-block; height: auto; max-width: none; vertical-align: middle; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language input[type="checkbox"] { display: none; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language input[type="checkbox"]:not(:checked) + ul { display: none; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language input[type="checkbox"] + ul { margin-top: 20px; left: -10px; text-align: left; width: 150px; border: 1px solid #ccc; position: absolute; z-index: 999; background: #fff; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language input[type="checkbox"] + ul > li { padding: 7px 9px; position: relative; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language input[type="checkbox"] + ul > li img + span { padding-left: 15px; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language input[type="checkbox"] + ul > li span { font-size: 12px; line-height: 125%; color: #333333; display: inline-block; max-width: 100px; word-wrap: break-word; white-space: normal; text-align: left; vertical-align: middle; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language input[type="checkbox"] + ul > li span:hover { color: #49afcd; } #pix-fe .cp-5f3d3063b93d2878970157 .form-language input[type="checkbox"] + ul > li:before, #pix-fe .cp-5f3d3063b93d2878970157 .form-language input[type="checkbox"] + ul > li:after { content: ''; clear: both; display: block; } #pix-fe .cp-5f3d3063b93d2878970157 .currency-switcher { position: relative; display: inline-block; vertical-align: top; font-size: 16px; } #pix-fe .cp-5f3d3063b93d2878970157 .currency-switcher .zoey-styled-select { display: block; background: none; white-space: nowrap; } #pix-fe .cp-5f3d3063b93d2878970157 .currency-switcher select { font-size: 14px; display: inline-block; padding: 5px 12px 5px 0; color: #333333; background-color: transparent; font-weight: bold; text-transform: uppercase; width: auto !important; } #pix-fe .cp-5f3d3063b93d2878970157 .currency-switcher .icon-down-arrow-slim { margin-left: -12px; color: #333333; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-cart { padding-top: 1px; cursor: pointer; white-space: nowrap; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-cart a { display: inline-block; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-header-cart a:hover { text-decoration: none; } #pix-fe .cp-5f3d3063b93d2878970157 #header-cart-link, #pix-fe .cp-5f3d3063b93d2878970157 #header-cart-link-b2bquote { display: inline-block; color: #333333; position: relative; } #pix-fe .cp-5f3d3063b93d2878970157 #header-cart-link:hover, #pix-fe .cp-5f3d3063b93d2878970157 #header-cart-link-b2bquote:hover { color: #49afcd; } #pix-fe .cp-5f3d3063b93d2878970157 #header-cart-link .cart-i:before, #pix-fe .cp-5f3d3063b93d2878970157 #header-cart-link-b2bquote .cart-i:before { margin-right: 4px; font-size: 21px; vertical-align: middle; } #pix-fe .cp-5f3d3063b93d2878970157 #header-cart-link .count, #pix-fe .cp-5f3d3063b93d2878970157 #header-cart-link-b2bquote .count { position: absolute; right: -10px; top: -10px; background: #fe8181; width: 22px; line-height: 22px; text-align: center; border-radius: 100%; overflow: hidden; color: #fff; font-size: 10px; } #pix-fe .cp-5f3d3063b93d2878970157 .icon-down-arrow-slim { vertical-align: middle; display: inline-block; margin-left: 3px; font-size: 8px; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-account-links { cursor: pointer; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-account-links a { display: inline-block; color: #333333; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-account-links a:hover { color: #49afcd; text-decoration: none; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-account-links a span { text-decoration: inherit; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-account-links a.zoey-account-link { background: #fff; border-radius: 100%; width: 44px; height: 44px; line-height: 40px; text-align: center; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-account-links a.zoey-account-link .account-icon { margin-right: 0; } #pix-fe .cp-5f3d3063b93d2878970157 .zoey-account-links a.zoey-account-link .account-icon:before { font-size: 26px; line-height: 40px; } #pix-fe.media-t .cp-5f3d3063b93d2878970157 .header-wrap { padding: 0 5px; } #pix-fe.media-t .cp-5f3d3063b93d2878970157 .logo-container img { max-width: 170px; } #pix-fe.media-t .cp-5f3d3063b93d2878970157 .form-language img { width: 24px; } #pix-fe.media-t .cp-5f3d3063b93d2878970157 .extras-container .extra .extra-table > * { padding-left: 7px; } #pix-fe.media-t .cp-5f3d3063b93d2878970157 .extras-container .extra .extra-table .account-link { padding-left: 10px; } #pix-fe.media-t .cp-5f3d3063b93d2878970157 .zoey-account-links a.zoey-account-link { width: 36px; height: 36px; } #pix-fe.media-t .cp-5f3d3063b93d2878970157 .zoey-account-links a.zoey-account-link .account-icon:before { font-size: 22px; line-height: 34px; } #pix-fe.media-t .cp-5f3d3063b93d2878970157 #header-cart-link .count { right: -4px; width: 18px; line-height: 18px; } #pix-fe .mini-products-list .product-image { display: block; } #pix-fe .mini-products-list .product-image img { width: 80px; height: 80px; } #pix-fe .mini-products-list .product-details > div { margin-top: 5px; } #pix-fe .mini-products-list .product-details > .product-image-container { margin-top: 0; } #pix-fe .mini-products-list .product-details .product-name { margin: 0 0 6px 0; } #pix-fe .mini-products-list .product-details .item-options { font-size: 12px; } #pix-fe .mini-products-list .product-details .item-options dt { font-style: normal; margin: 3px 0; } #pix-fe .mini-products-list .product-details .item-options dd { margin: 3px 0; padding-left: 0; } #pix-fe .mini-products-list .product-details .item-options dd.downloadable-item { padding-right: 5px; } #pix-fe .mini-products-list li { margin-bottom: 10px; clear: both; } #pix-fe .mini-products-list li:after { content: ''; display: table; clear: both; } #pix-fe .zoey-minicart-content-container { position: absolute; z-index: 200; top: 40px; right: 0; width: 400px; background: white; } @media only screen and (min-width: 771px) { #pix-fe .zoey-minicart-content-container.skip-active { display: block; position: absolute; z-index: 200; top: 40px; right: 0; width: 320px; background: white; } } #pix-fe .zoey-minicart-content-container .minicart-wrapper { height: 100%; } #pix-fe .zoey-minicart-content-container .minicart-wrapper .mini-cart-frame { height: 100%; } #pix-fe .zoey-minicart-content-container .minicart-wrapper .mini-cart-content { height: 100%; display: grid; grid-template-rows: auto 1fr auto; } #pix-fe .zoey-minicart-content-container .minicart-wrapper .mini-products-list { max-height: none; border-top: 0; } #pix-fe .zoey-minicart-content-container .info-wrapper { margin-bottom: 0.5em; } #pix-fe .zoey-minicart-content-container .info-wrapper th { text-transform: uppercase; padding-right: 10px; } #pix-fe .zoey-minicart-content-container .info-wrapper td { color: #333333; clear: right; } #pix-fe .zoey-minicart-content-container .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } #pix-fe .zoey-minicart-content-container .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 30px; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; margin-top: -1px; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button[disabled] { cursor: default; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button.visible { opacity: 1; } #pix-fe .zoey-minicart-content-container .jcarousel-control-prev, #pix-fe .zoey-minicart-content-container .jcarousel-control-next { display: none; } #pix-fe .minicart-wrapper.loading .minicart-loader { display: block; } #pix-fe .minicart-wrapper .minicart-loader { background-color: #fff; opacity: 0.9; z-index: 2; background-image: var(--loading-graphic-background-image-url); background-repeat: no-repeat; background-position: center; background-size: 50px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } #pix-fe .minicart-wrapper .minicart-loader .minicart-loader-text { position: absolute; bottom: 50%; left: 0; right: 0; width: 100%; margin-bottom: -60px; text-align: center; font-size: 12px; } #pix-fe .minicart-wrapper .block-subtitle { font-size: 12px; font-weight: bold; line-height: 1.4; padding: 8px 0 5px 10px; border-bottom: 1px solid #eee; margin-bottom: 0; min-height: 28px; position: relative; } #pix-fe .minicart-wrapper .block-subtitle .close { position: absolute; top: 8px; right: 10px; text-transform: lowercase; cursor: pointer; font-weight: normal; } #pix-fe .minicart-wrapper .mini-products-list { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #pix-fe .minicart-wrapper .mini-products-list > li { padding: 10px 35px 10px 10px; border-top: 1px solid #eee; border-bottom: none; position: relative; margin-bottom: 0; } #pix-fe .minicart-wrapper .mini-products-list > li.first { border-top: none; border-bottom: none; } #pix-fe .minicart-wrapper .mini-products-list > li.parent-item { border-top: none; text-align: left; background: #f7f7f7; padding-left: 10px; font-weight: bold; width: 100%; } #pix-fe .minicart-wrapper .mini-products-list > li.parent-item .btn-cancel { position: absolute; top: 50%; right: 10px; margin-top: -6px; } #pix-fe .minicart-wrapper .mini-products-list > li.child-item { border-top: none; border-bottom: none; } #pix-fe .minicart-wrapper .mini-products-list > li.child-item.parent-product-type-configurable .product-name { display: none; } #pix-fe .minicart-wrapper .mini-products-list > li .product-details { position: relative; } #pix-fe .minicart-wrapper .mini-products-list .btn-cancel { position: absolute; right: 10px; top: 15px; display: none; } #pix-fe .minicart-wrapper .mini-products-list .btn-cancel.ajax-remove, #pix-fe .minicart-wrapper .mini-products-list .btn-cancel.show { display: block; } #pix-fe .minicart-wrapper .mini-products-list .btn-edit { display: inline-block; margin-top: 10px; } #pix-fe .minicart-wrapper .subtotal { text-align: right; font-weight: 600; font-size: 16px; padding: 10px 35px 5px; } #pix-fe .minicart-wrapper .subtotal .label { color: #000; margin-right: 20px; } #pix-fe .minicart-wrapper .minicart-message { display: none; } #pix-fe .minicart-wrapper .minicart-message li { padding: 10px 10px 10px 45px; position: relative; min-height: 34px; } #pix-fe .minicart-wrapper .minicart-message li:before { position: absolute; left: 10px; top: 50%; margin-top: -10px; border-radius: 50%; width: 20px; height: 20px; } #pix-fe .minicart-wrapper .minicart-actions { padding: 0 20px; margin-top: 0; margin-bottom: 15px; overflow: hidden; position: relative; } #pix-fe .minicart-wrapper .minicart-actions .checkout-button { min-width: 145px; } #pix-fe .minicart-wrapper .minicart-actions .checkout-button.font-sm { font-size: 12px; } #pix-fe .minicart-wrapper .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; } #pix-fe .minicart-wrapper .mini-cart-content .empty { padding: 50px 20px; text-align: center; } #pix-fe .minicart-wrapper .continue-shopping-block { text-align: center; padding: 10px 5px 30px; } #pix-fe .minicart-wrapper .continue-shopping-block a { cursor: pointer; } #pix-fe .ui-drawer-title .block-subtitle { margin-bottom: 0; } #pix-fe .ui-drawer-title .minicart-subtitle { display: inline-block; max-width: 100%; line-height: 1.3; } #pix-fe .ui-drawer-title .skip-link-close { display: none; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content { height: 100%; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content .minicart-wrapper { height: 100%; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content .minicart-wrapper .mini-cart-frame { height: 100%; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content .minicart-wrapper .mini-cart-content { height: 100%; display: grid; grid-template-rows: auto 1fr auto; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content .minicart-wrapper .mini-products-list { max-height: none; border-top: 0; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content .zoey-mini-cart-content-body { overflow: auto; } #pix-fe.checkout-cart-index .minicart-wrapper .mini-products-list .btn-cancel, #pix-fe.checkout-onepage-index .minicart-wrapper .mini-products-list .btn-cancel { display: block; } #pix-fe.checkout-cart-index .minicart-wrapper .mini-products-list .btn-cancel.ajax-remove, #pix-fe.checkout-onepage-index .minicart-wrapper .mini-products-list .btn-cancel.ajax-remove { display: none; } #pix-fe #header-cart-mobile { display: none; } #pix-fe #header-cart-mobile.active { display: block; } #pix-fe #header-cart-mobile .minicart-wrapper .minicart-loader { position: fixed; top: initial; } #pix-fe.zoey-has-mobile-header.media-m .zoey-header-mobile-cart #header-cart-mobile { color: #000; } #pix-fe.zoey-has-mobile-header.media-m .zoey-header-mobile-cart-b2bquote #header-cart-mobile-b2bquote { color: #000; } #pix-fe .zoey-header-cart .zoey-header-cart-trigger { text-decoration: none; } #pix-fe .zoey-minicart-content-container { position: absolute; z-index: 200; top: 40px; right: 0; width: 400px; background: white; } @media only screen and (min-width: 771px) { #pix-fe .zoey-minicart-content-container.skip-active { display: block; position: absolute; z-index: 200; top: 40px; right: 0; width: 320px; background: white; } } #pix-fe .zoey-minicart-content-container .minicart-wrapper { position: relative; clear: both; } #pix-fe .zoey-minicart-content-container .minicart-wrapper .mini-cart-frame { height: 100%; overflow: auto; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .5); box-shadow: 0 2px 10px rgba(0, 0, 0, .5); } #pix-fe .zoey-minicart-content-container .minicart-wrapper .mini-products-list { max-height: 260px; overflow-y: auto; } #pix-fe .zoey-minicart-content-container .mini-cart-content .skip-link-close { position: absolute; top: 0; right: 0; } #pix-fe .zoey-minicart-content-container .info-wrapper { margin-bottom: 0.5em; } #pix-fe .zoey-minicart-content-container .info-wrapper th { text-transform: uppercase; padding-right: 10px; } #pix-fe .zoey-minicart-content-container .info-wrapper td { clear: right; } #pix-fe .zoey-minicart-content-container .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } #pix-fe .zoey-minicart-content-container .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 30px; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; margin-top: -1px; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button[disabled] { cursor: default; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button.visible { opacity: 1; } #pix-fe .zoey-minicart-content-container .jcarousel-control-prev, #pix-fe .zoey-minicart-content-container .jcarousel-control-next { display: none; } #pix-fe .minicart-wrapper.loading .minicart-loader { display: block; } #pix-fe .minicart-wrapper .minicart-loader { background-color: #fff; opacity: 0.9; z-index: 2; background-image: var(--loading-graphic-background-image-url); background-repeat: no-repeat; background-position: center; background-size: 50px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } #pix-fe .minicart-wrapper .minicart-loader .minicart-loader-text { position: absolute; bottom: 50%; left: 0; right: 0; width: 100%; margin-bottom: -60px; text-align: center; font-size: 12px; } #pix-fe .minicart-wrapper .block-subtitle { font-size: 12px; font-weight: bold; line-height: 1.4; padding: 8px 0 5px 10px; border-bottom: 1px solid #eee; margin-bottom: 0; min-height: 28px; position: relative; } #pix-fe .minicart-wrapper .block-subtitle .close { position: absolute; top: 8px; right: 10px; text-transform: lowercase; cursor: pointer; font-weight: normal; } #pix-fe .minicart-wrapper .block-subtitle .minicart-subtitle { max-width: 100%; padding-right: 50px; display: inline-block; } #pix-fe .minicart-wrapper .mini-products-list { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #pix-fe .minicart-wrapper .mini-products-list > li { padding: 10px 35px 10px 10px; border-bottom: 1px solid #eee; position: relative; margin-bottom: 0; } #pix-fe .minicart-wrapper .mini-products-list > li.last { border: none; } #pix-fe .minicart-wrapper .mini-products-list > li .product-details { position: relative; } #pix-fe .minicart-wrapper .mini-products-list .btn-cancel { position: absolute; right: 10px; top: 15px; display: none; } #pix-fe .minicart-wrapper .mini-products-list .btn-cancel.ajax-remove, #pix-fe .minicart-wrapper .mini-products-list .btn-cancel.show { display: block; } #pix-fe .minicart-wrapper .mini-products-list .btn-edit { display: inline-block; margin-top: 10px; } #pix-fe .minicart-wrapper .subtotal { text-align: right; font-weight: 600; font-size: 16px; padding: 10px 35px 5px; } #pix-fe .minicart-wrapper .subtotal .label { color: #000; margin-right: 20px; } #pix-fe .minicart-wrapper .minicart-message { display: none; } #pix-fe .minicart-wrapper .minicart-message li { padding: 10px 10px 10px 45px; position: relative; min-height: 34px; } #pix-fe .minicart-wrapper .minicart-message li:before { position: absolute; left: 10px; top: 50%; margin-top: -10px; border-radius: 50%; width: 20px; height: 20px; } #pix-fe .minicart-wrapper .minicart-actions { padding: 0 20px; margin-top: 0; margin-bottom: 15px; overflow: hidden; position: relative; } #pix-fe .minicart-wrapper .minicart-actions .checkout-button { min-width: 145px; } #pix-fe .minicart-wrapper .minicart-actions .checkout-button.font-sm { font-size: 12px; } #pix-fe .minicart-wrapper .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; } #pix-fe .minicart-wrapper .mini-cart-content .empty { padding: 50px 20px; text-align: center; } #pix-fe .minicart-wrapper .continue-shopping-block { text-align: center; padding: 10px 5px 30px; } #pix-fe .minicart-wrapper .continue-shopping-block a { cursor: pointer; } #pix-fe .minicart-wrapper .checkout-types.minicart { text-align: center; } #pix-fe .minicart-wrapper .checkout-types.minicart li { margin-top: 10px; } #pix-fe .minicart-wrapper .checkout-types.minicart li .button { min-width: 50%; font-weight: bold; } #pix-fe .minicart-wrapper .checkout-types.minicart li.button-group .button { min-width: 100%; width: 100%; } #pix-fe .minicart-wrapper .checkout-types.minicart .paypal-logo a { display: block; } #pix-fe .minicart-wrapper .checkout-types.minicart .paypal-logo a img { display: inline-block; } #pix-fe .minicart-wrapper .checkout-types.minicart img { display: inline-block; } #pix-fe:not(.pix-designcenter-admin) .cp-5f3d3063b93d2878970157 .extras-container { min-height: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_5f3d3063b93d2878970157 */ #pix-fe #cp-5f3d3063b93d2878970157.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; } #pix-fe.media-d #cp-5f3d3063b93d2878970157.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP003PykxJzYvTLixILClKLYvQLilKLU0t0DfWKQXprAQ== Path: skin/designcenter/pixafy/components/global/wrapper/preset-1.scss Parent uid: cp_5f3d3063b9496745117198 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/global/wrapper/preset-1.scss ================================================== **/ #pix-fe .cp-5f3d3063b9496745117198 { width: 300px; min-height: 5px; padding: 0 !important; } #pix-fe .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container { position: relative; border-style: solid; border-width: 0 0 2px 0; border-color: #cccccc; -webkit-border-radius: ; -moz-border-radius: ; -ms-border-radius: ; border-radius: ; background-color: transparent; background-image: ; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } #pix-fe .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container:not(.toggle-group-is-full-width), #pix-fe .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container > .full-width-content-element { padding: 20px 0 5px 0; } #pix-fe .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container:before, #pix-fe .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container:after, #pix-fe .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container .full-width-content-element:before, #pix-fe .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container .full-width-content-element:after { content: ''; clear: both; display: block; } #pix-fe.pix-designcenter-admin .cp-5f3d3063b9496745117198 .group-background-image-container:empty, #pix-fe.pix-designcenter-admin .cp-5f3d3063b9496745117198 .group-background-image-container.toggle-group-is-full-width > .full-width-content-element:empty { height: 40px; } #pix-fe.media-t .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container { border-width: ; border-color: rgba(204, 204, 204, 1); -webkit-border-radius: ; -moz-border-radius: ; -ms-border-radius: ; border-radius: ; background-size: ; background-repeat: ; background-position: ; } #pix-fe.media-t .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container:not(.toggle-group-is-full-width), #pix-fe.media-t .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container > .full-width-content-element { padding: ; } #pix-fe.media-m .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container { border-width: ; border-color: rgba(204, 204, 204, 1); -webkit-border-radius: ; -moz-border-radius: ; -ms-border-radius: ; border-radius: ; background-size: ; background-repeat: ; background-position: ; } #pix-fe.media-m .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container:not(.toggle-group-is-full-width), #pix-fe.media-m .cp-5f3d3063b9496745117198 > .component-content > .group-background-image-container > .full-width-content-element { padding: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset stickyCss Path: js/sticky/sticky.css Parent uid: cp_5f3d3063b9496745117198 */ .sticky.is_stuck { z-index: 9999; } /* #pix-fe.media-d .pix-design-component.sticky-d { position: -webkit-sticky !important; position: sticky !important; top: 0; left: initial !important; margin-left: initial !important; } #pix-fe.media-t .sticky-t { position: -webkit-sticky !important; position: sticky !important; top: attr(data-sticky-offset px); } */ #pix-fe.media-m .pix-design-component.zoey-core-group.sticky-m { position: -webkit-sticky !important; position: sticky !important; left: 0 !important; margin-left: 0 !important; z-index: 9999; top: attr(data-sticky-offset px) !important; } #pix-fe.media-m.sticky-enabled .design-center-wrapper{ overflow: initial; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-min-height.html Parent uid: cp_5f3d3063b9496745117198 */ #pix-fe #cp-5f3d3063b9496745117198.pix-design-component { width: 85.02943650126157%; margin-left: -1100%; margin-top: 0px; clear: left; } #pix-fe.media-d #cp-5f3d3063b9496745117198.pix-design-component { width: 85.02943650126157%; margin-left: -1100%; margin-top: 0px; clear: left; } #pix-fe.media-m #cp-5f3d3063b9496745117198.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCJakVJTH6xSWVOal6xSBNtQA= Path: /js/zoeydev/components/text/style.scss Parent uid: cp_5f50f3b91a0df859858897 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/text/style.scss ================================================== **/ #pix-fe .cp-5f50f3b91a0df859858897 li { font-family: var(--zoey-paragraph-font-family); font-size: var(--zoey-paragraph-font-size); font-weight: var(--zoey-paragraph-font-weight); font-style: var(--zoey-paragraph-font-style); line-height: var(--zoey-paragraph-line-height); letter-spacing: var(--zoey-paragraph-letter-spacing); text-transform: var(--zoey-paragraph-text-transform); margin-bottom: var(--zoey-paragraph-margin-bottom); } #pix-fe .cp-5f50f3b91a0df859858897 { width: 400px; max-width: 100%; min-height: 14px; } #pix-fe .cp-5f50f3b91a0df859858897 .pix-fe-ws-top-node.text-align-left { text-align: left; } #pix-fe .cp-5f50f3b91a0df859858897 .pix-fe-ws-top-node.text-align-center { text-align: center; } #pix-fe .cp-5f50f3b91a0df859858897 .pix-fe-ws-top-node.text-align-right { text-align: right; } #pix-fe .cp-5f50f3b91a0df859858897 a { font-size: inherit; font-weight: inherit; } #pix-fe .cp-5f50f3b91a0df859858897 [style*='color'] > a, #pix-fe .cp-5f50f3b91a0df859858897 [color] > a { color: inherit; } #pix-fe .cp-5f50f3b91a0df859858897 ul { list-style: disc outside; } #pix-fe .cp-5f50f3b91a0df859858897 ol { list-style: decimal outside; } #pix-fe .cp-5f50f3b91a0df859858897 li { color: #444444; margin-left: 2em; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_5f50f3b91a0df859858897 */ #pix-fe #cp-5f50f3b91a0df859858897.pix-design-component { width: 51.745164003364174%; margin-left: -1100%; margin-top: 29.27081298828125px; clear: left; } #pix-fe.media-d #cp-5f50f3b91a0df859858897.pix-design-component { width: 51.745164003364174%; margin-left: -1100%; margin-top: 29.27081298828125px; clear: left; } #pix-fe.media-m #cp-5f50f3b91a0df859858897.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCJakVJTH6xSWVOal6xSBNtQA= Path: /js/zoeydev/components/text/style.scss Parent uid: cp_5f50f51a93c55330286316 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/text/style.scss ================================================== **/ #pix-fe .cp-5f50f51a93c55330286316 li { font-family: var(--zoey-paragraph-font-family); font-size: var(--zoey-paragraph-font-size); font-weight: var(--zoey-paragraph-font-weight); font-style: var(--zoey-paragraph-font-style); line-height: var(--zoey-paragraph-line-height); letter-spacing: var(--zoey-paragraph-letter-spacing); text-transform: var(--zoey-paragraph-text-transform); margin-bottom: var(--zoey-paragraph-margin-bottom); } #pix-fe .cp-5f50f51a93c55330286316 { width: 400px; max-width: 100%; min-height: 14px; } #pix-fe .cp-5f50f51a93c55330286316 .pix-fe-ws-top-node.text-align-left { text-align: left; } #pix-fe .cp-5f50f51a93c55330286316 .pix-fe-ws-top-node.text-align-center { text-align: center; } #pix-fe .cp-5f50f51a93c55330286316 .pix-fe-ws-top-node.text-align-right { text-align: right; } #pix-fe .cp-5f50f51a93c55330286316 a { font-size: inherit; font-weight: inherit; } #pix-fe .cp-5f50f51a93c55330286316 [style*='color'] > a, #pix-fe .cp-5f50f51a93c55330286316 [color] > a { color: inherit; } #pix-fe .cp-5f50f51a93c55330286316 ul { list-style: disc outside; } #pix-fe .cp-5f50f51a93c55330286316 ol { list-style: decimal outside; } #pix-fe .cp-5f50f51a93c55330286316 li { color: #444444; margin-left: 2em; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_5f50f51a93c55330286316 */ #pix-fe #cp-5f50f51a93c55330286316.pix-design-component { width: 99.5640272504828%; margin-left: -1099.7820104106088%; margin-top: 45px; clear: left; } #pix-fe.media-d #cp-5f50f51a93c55330286316.pix-design-component { width: 99.5640272504828%; margin-left: -1099.7820104106088%; margin-top: 45px; clear: left; } #pix-fe.media-m #cp-5f50f51a93c55330286316.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCafn5JalFrsXFQG5mYg4WEV1DvWKQabUA Path: /js/zoeydev/components/footerEssentials/footerEssentials-1.scss Parent uid: cp_5f3d3063b95dc507030466 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/footerEssentials/footerEssentials-1.scss ================================================== **/ #pix-fe .cp-5f3d3063b95dc507030466 { width: 100%; } #pix-fe .cp-5f3d3063b95dc507030466.zoey-core-footer-essentials { min-width: 100% !important; } #pix-fe .cp-5f3d3063b95dc507030466 > .component-content > .group-background-image-container { background-color: rgba(73,175,205,0.9); background-image: ; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer { margin-top: 0px; border-top-style: solid; border-top-width: 0px; border-top-color: rgba(204,204,204,0); padding: 0 0 0 0; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer-links { background: rgba(73,175,205,0.09); padding: 10px 0 0 0; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer-links > .full-width-content-element { overflow-x: hidden; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer-links .link.level-top { display: inline-block; padding: 0 10px 0 10px; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer-links .link.level-top > div.label { padding: 5px 10px 5px 10px; border-style: solid; border-bottom-width: 0px; border-color: rgba(68,68,68,0); color: #ffffff; font-size: 19px; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; text-align: center; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer-links .link.level-top > div.label a { color: #ffffff; font-size: 19px; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer-links .link.level-top > div.label a:hover { color: #444444; text-decoration: none; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer-links .link ul { padding: 10px 10px 10px 10px; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer-links .link ul li { padding: 20px 20px 20px 20px; color: #333333; font-size: 14px; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; text-align: center; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer-links .link ul li a { color: #333333; font-size: 14px; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-footer-links .link ul li a:hover { color: #444444; text-transform: none; } #pix-fe .cp-5f3d3063b95dc507030466 .row { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #pix-fe .cp-5f3d3063b95dc507030466 .row[class*="grid-"] { display: grid; } #pix-fe .cp-5f3d3063b95dc507030466 .row[class*="grid-"]:before, #pix-fe .cp-5f3d3063b95dc507030466 .row[class*="grid-"]:after { display: none; } #pix-fe .cp-5f3d3063b95dc507030466 [class*="col-xs-"] { float: none; padding: 0; } #pix-fe .cp-5f3d3063b95dc507030466 [class*="col-xs-"].float-right { order: 999; } #pix-fe .cp-5f3d3063b95dc507030466 ul.row > li { padding: 0 20px; box-sizing: border-box; } #pix-fe .cp-5f3d3063b95dc507030466 ul.row > li:last-child { margin-right: 0; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe { margin: 0 10px 10px 0; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe .zoey-newsletter-subscribe-form-container { width: 100%; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form { position: relative; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form .newsletter-wrapper { --zoey-form-element-padding: 11px 11px 11px 11px; --zoey-form-element-font-size: 13px; --zoey-form-element-text-color: #333333; --zoey-form-element-placeholder-color: zoeyPrimaryFormElementPlaceholder; overflow: hidden; display: flex; border-style: solid; border-radius: var(--zoey-form-element-border-radius); border-width: 1px; border-color: rgba(204,204,204,0); background-color: #ffffff; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form .newsletter-wrapper:focus-within { box-shadow: 0 0 0 2px rgba(var(--zoey-color-focus-rgb), 0.75); } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form .newsletter-wrapper input { width: 100%; flex-grow: 1; border: none; background-color: transparent; color: inherit; box-shadow: none; border-radius: 0; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form .newsletter-wrapper input:focus-visible { box-shadow: none; outline: none; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form button { --zoey-btn-text-color: #cccccc; --zoey-btn-font-family: unset; --zoey-btn-font-size: unset; --zoey-btn-line-height: unset; --zoey-btn-letter-spacing: unset; --zoey-btn-font-weight: unset; --zoey-btn-font-weight-hover: var(--zoey-btn-font-weight); --zoey-btn-font-weight-active: var(--zoey-btn-font-weight); --zoey-btn-font-style: unset; --zoey-btn-text-transform: unset; --zoey-btn-text-decoration: unset; --zoey-btn-text-decoration-hover: var(--zoey-btn-text-decoration); --zoey-btn-text-decoration-active: var(--zoey-btn-text-decoration); --zoey-btn-padding: var(--zoey-form-element-padding); --zoey-btn-bg-color: transparent; --zoey-btn-bg-color-hover: transparent; --zoey-btn-bg-color-active: transparent; --zoey-btn-text-color-hover: #cccccc; --zoey-btn-text-color-active: #cccccc; --zoey-btn-border-color: transparent; --zoey-btn-border-color-hover: transparent; --zoey-btn-border-color-active: transparent; --zoey-btn-font-size: 1.2em; --zoey-btn-line-height: 1; --zoey-btn-letter-spacing: 0; --zoey-btn-font-weight: normal !important; --zoey-btn-font-weight-hover: normal !important; --zoey-btn-font-weight-active: normal !important; --zoey-btn-font-style: normal !important; --zoey-btn-text-transform: none !important; --zoey-btn-text-decoration: none !important; --zoey-btn-text-decoration-hover: none !important; --zoey-btn-text-decoration-active: none !important; --zoey-btn-border-size: 0px; --zoey-btn-border-radius: 0px; aspect-ratio: 1; backface-visibility: hidden; display: flex; align-items: center; justify-content: center; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form button:focus-visible { box-shadow: none; outline: none; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form button::before { display: none !important; } #pix-fe .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form button i { display: flex; align-items: center; justify-content: center; line-height: 1; } #pix-fe .cp-5f3d3063b95dc507030466 .social-links { margin: 0 0 0 0; text-align: right; } #pix-fe .cp-5f3d3063b95dc507030466 .social-links:empty { display: none; } #pix-fe .cp-5f3d3063b95dc507030466 .social-links li { display: inline-block; vertical-align: middle; width: 30px; margin-right: 10px; } #pix-fe .cp-5f3d3063b95dc507030466 .social-links li:last-child { margin-right: 0; } #pix-fe .cp-5f3d3063b95dc507030466 .social-links a { display: block; } #pix-fe .cp-5f3d3063b95dc507030466 .social-links div { background-size: contain; padding-bottom: 100%; background-repeat: no-repeat; background-position: 50% 50%; } #pix-fe .cp-5f3d3063b95dc507030466 .trust-badges { margin: 0 0 0 0; text-align: left; display: inline-block; } #pix-fe .cp-5f3d3063b95dc507030466 .trust-badges:empty { display: none; } #pix-fe .cp-5f3d3063b95dc507030466 .trust-badges li { display: inline-block; vertical-align: middle; width: 55px; margin-right: 20px; } #pix-fe .cp-5f3d3063b95dc507030466 .trust-badges li:last-child { margin-right: 0; } #pix-fe .cp-5f3d3063b95dc507030466 .trust-badges a { display: block; } #pix-fe .cp-5f3d3063b95dc507030466 .trust-badges div { background-size: contain; padding-bottom: 100%; background-repeat: no-repeat; background-position: 50% 50%; } #pix-fe .cp-5f3d3063b95dc507030466 .credit-card-logos { margin: 0 0 0 0; text-align: left; display: inline-flex; gap: 3px; } #pix-fe .cp-5f3d3063b95dc507030466 .credit-card-logos:empty { display: none; } #pix-fe .cp-5f3d3063b95dc507030466 .credit-card-logos li { display: inline-block; vertical-align: middle; width: 36px; } #pix-fe .cp-5f3d3063b95dc507030466 .credit-card-logos a { display: block; } #pix-fe .cp-5f3d3063b95dc507030466 .credit-card-logos div { background-size: contain; padding-bottom: 100%; background-repeat: no-repeat; background-position: 50% 50%; } #pix-fe .cp-5f3d3063b95dc507030466 .copyright { line-height: 1.4em; color: #ffffff; font-size: 0px; text-align: left; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; margin: 10px 0 10px 25px; } #pix-fe.media-t .cp-5f3d3063b95dc507030466 .zoey-footer { padding: 0 0 20px 0; } #pix-fe.media-t .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe .zoey-newsletter-subscribe-form-container .heading { font-size: 16px; } #pix-fe.media-t .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form input { font-size: 12px; } #pix-fe.media-t .cp-5f3d3063b95dc507030466 .social-links li { width: 30px; margin-right: 10px; } #pix-fe.media-t .cp-5f3d3063b95dc507030466 .credit-card-logos { text-align: left; } #pix-fe.media-t .cp-5f3d3063b95dc507030466 .credit-card-logos li { width: 30px; margin-right: 10px; } #pix-fe.media-t .cp-5f3d3063b95dc507030466 .copyright { font-size: 12px; margin: 10px 0 10px 0; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .zoey-footer { padding: 0 0 20px 0; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .zoey-footer [class*="col-xs-"] { width: 100%; text-align: center; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .trust-badges { margin: 20px 30px 20px 0; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe { margin: 0 20px 20px 20px; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe .zoey-newsletter-subscribe-form-container .heading { font-size: 16px; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .zoey-newsletter-subscribe form input { font-size: 12px; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .social-links { margin: 20px 0 20px 0; text-align: center; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .social-links li { width: 30px; margin-right: 10px; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .credit-card-logos { text-align: left; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .credit-card-logos li { width: 30px; margin-right: 10px; } #pix-fe.media-m .cp-5f3d3063b95dc507030466 .copyright { font-size: 12px; text-align: center; margin: 10px 0 10px 0; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_5f3d3063b95dc507030466 */ #pix-fe #cp-5f3d3063b95dc507030466.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; } #pix-fe.media-d #cp-5f3d3063b95dc507030466.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; } #pix-fe.media-m #cp-5f3d3063b95dc507030466.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCJakVJTH6xSWVOal6xSBNtQA= Path: /js/zoeydev/components/text/style.scss Parent uid: cp_5f3d3063baad6011189982 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/text/style.scss ================================================== **/ #pix-fe .cp-5f3d3063baad6011189982 li { font-family: var(--zoey-paragraph-font-family); font-size: var(--zoey-paragraph-font-size); font-weight: var(--zoey-paragraph-font-weight); font-style: var(--zoey-paragraph-font-style); line-height: var(--zoey-paragraph-line-height); letter-spacing: var(--zoey-paragraph-letter-spacing); text-transform: var(--zoey-paragraph-text-transform); margin-bottom: var(--zoey-paragraph-margin-bottom); } #pix-fe .cp-5f3d3063baad6011189982 { width: 400px; max-width: 100%; min-height: 14px; } #pix-fe .cp-5f3d3063baad6011189982 .pix-fe-ws-top-node.text-align-left { text-align: left; } #pix-fe .cp-5f3d3063baad6011189982 .pix-fe-ws-top-node.text-align-center { text-align: center; } #pix-fe .cp-5f3d3063baad6011189982 .pix-fe-ws-top-node.text-align-right { text-align: right; } #pix-fe .cp-5f3d3063baad6011189982 a { font-size: inherit; font-weight: inherit; } #pix-fe .cp-5f3d3063baad6011189982 [style*='color'] > a, #pix-fe .cp-5f3d3063baad6011189982 [color] > a { color: inherit; } #pix-fe .cp-5f3d3063baad6011189982 ul { list-style: disc outside; } #pix-fe .cp-5f3d3063baad6011189982 ol { list-style: decimal outside; } #pix-fe .cp-5f3d3063baad6011189982 li { color: #444444; margin-left: 2em; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_5f3d3063baad6011189982 */ #pix-fe #cp-5f3d3063baad6011189982.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; } #pix-fe.media-d #cp-5f3d3063baad6011189982.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; } #pix-fe.media-m #cp-5f3d3063baad6011189982.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }