@charset "UTF-8"; input :focus-visible, button :focus-visible, textarea :focus-visible, select :focus-visible, details :focus-visible, [href] :focus-visible, [tabindex]:not([tabindex="-1"]) :focus-visible, [contenteditable="true"] :focus-visible { outline: 2px solid #0f7fff !important; outline-offset: 1px !important; } input:focus:not(:focus-visible), button:focus:not(:focus-visible), textarea:focus:not(:focus-visible), select:focus:not(:focus-visible), details:focus:not(:focus-visible), [href]:focus:not(:focus-visible), [tabindex]:not([tabindex="-1"]):focus:not(:focus-visible), [contenteditable="true"]:focus:not(:focus-visible) { outline: 0 !important; } input:focus-visible, button:focus-visible, textarea:focus-visible, select:focus-visible, details:focus-visible, [href]:focus-visible, [tabindex]:not([tabindex="-1"]):focus-visible, [contenteditable="true"]:focus-visible { outline: 2px solid #0f7fff !important; outline-offset: 1px !important; } [tabindex]:not([tabindex="-1"]) :focus-visible { outline-offset: 1px !important; } input:focus + label { outline: 2px solid #0f7fff !important; outline-offset: 1px !important; } input:focus:not(:focus-visible) + label { outline: 0 !important; } input:focus-visible + label { outline: 2px solid #0f7fff !important; outline-offset: 1px !important; } /* =============================================================================*/ /* TYPOGRAPHY*/ /* =============================================================================*/ /* Global Type Vars*/ /* -----------------------------------------------------------------------------*/ /**/ /* IMPORTANT: These variables are NOT to be consumed in components/apps.*/ /* Instead use the maps and functions outlined below.*/ /**/ /* 1. Set up the REM units for the rest of the framework (pixel value).*/ /* The stencilNumber() function outputs a pixel value by default.*/ /* 2. Your base font size should always start at 1rem;*/ /* 3. Your line-height. This value is used for spacing calculations,*/ /* where spacing is = $fontSize-root * $lineHeight-base.*/ /**/ /* -----------------------------------------------------------------------------*/ /* Font families*/ /* -----------------------------------------------------------------------------*/ /* papathemes-beautify*/ /* papathemes-beautify*/ /* papathemes-beautify*/ /* Font sizes*/ /* -----------------------------------------------------------------------------*/ /* 1*/ /* 2*/ /* papathemes-beautify*/ /* Line heights*/ /* -----------------------------------------------------------------------------*/ /* 3*/ /* Font weights*/ /* -----------------------------------------------------------------------------*/ /* Letter spacing*/ /* -----------------------------------------------------------------------------*/ /* papathemes: mods letter spacing*/ meta.foundation-version { font-family: "/5.5.3/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0; } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 551px)/"; width: 0; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:551px)/"; width: 551px; } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:551px) and (max-width:801px)/"; width: 551px; } meta.foundation-mq-large { font-family: "/only screen and (min-width:801px)/"; width: 801px; } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:801px) and (max-width:1261px)/"; width: 801px; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:1261px)/"; width: 1261px; } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/"; width: 1261px; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:1681px)/"; width: 1681px; } meta.foundation-data-attribute-namespace { font-family: false; } .row { margin: 0 auto; max-width: layout("max"); width: 100%; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { margin: 0 -0.9375rem; max-width: none; width: auto; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { margin: 0; max-width: none; width: auto; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } .column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: right; } .column + .column.end, .columns + .column.end, .column + .columns.end, .columns + .columns.end { float: left; } @media only screen { .small-push-0 { position: relative; left: 0; right: auto; } .small-pull-0 { position: relative; right: 0; left: auto; } .small-push-1 { position: relative; left: 8.33333%; right: auto; } .small-pull-1 { position: relative; right: 8.33333%; left: auto; } .small-push-2 { position: relative; left: 16.66667%; right: auto; } .small-pull-2 { position: relative; right: 16.66667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.33333%; right: auto; } .small-pull-4 { position: relative; right: 33.33333%; left: auto; } .small-push-5 { position: relative; left: 41.66667%; right: auto; } .small-pull-5 { position: relative; right: 41.66667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.33333%; right: auto; } .small-pull-7 { position: relative; right: 58.33333%; left: auto; } .small-push-8 { position: relative; left: 66.66667%; right: auto; } .small-pull-8 { position: relative; right: 66.66667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.33333%; right: auto; } .small-pull-10 { position: relative; right: 83.33333%; left: auto; } .small-push-11 { position: relative; left: 91.66667%; right: auto; } .small-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .small-1 { width: 8.33333%; } .small-2 { width: 16.66667%; } .small-3 { width: 25%; } .small-4 { width: 33.33333%; } .small-5 { width: 41.66667%; } .small-6 { width: 50%; } .small-7 { width: 58.33333%; } .small-8 { width: 66.66667%; } .small-9 { width: 75%; } .small-10 { width: 83.33333%; } .small-11 { width: 91.66667%; } .small-12 { width: 100%; } .small-offset-0 { margin-left: 0 !important; } .small-offset-1 { margin-left: 8.33333% !important; } .small-offset-2 { margin-left: 16.66667% !important; } .small-offset-3 { margin-left: 25% !important; } .small-offset-4 { margin-left: 33.33333% !important; } .small-offset-5 { margin-left: 41.66667% !important; } .small-offset-6 { margin-left: 50% !important; } .small-offset-7 { margin-left: 58.33333% !important; } .small-offset-8 { margin-left: 66.66667% !important; } .small-offset-9 { margin-left: 75% !important; } .small-offset-10 { margin-left: 83.33333% !important; } .small-offset-11 { margin-left: 91.66667% !important; } .small-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; } .row.small-collapse .row { margin-left: 0; margin-right: 0; } .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } } @media only screen and (min-width: 551px) { .medium-push-0 { position: relative; left: 0; right: auto; } .medium-pull-0 { position: relative; right: 0; left: auto; } .medium-push-1 { position: relative; left: 8.33333%; right: auto; } .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } .medium-push-2 { position: relative; left: 16.66667%; right: auto; } .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.33333%; right: auto; } .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } .medium-push-5 { position: relative; left: 41.66667%; right: auto; } .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.33333%; right: auto; } .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } .medium-push-8 { position: relative; left: 66.66667%; right: auto; } .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.33333%; right: auto; } .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } .medium-push-11 { position: relative; left: 91.66667%; right: auto; } .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .medium-1 { width: 8.33333%; } .medium-2 { width: 16.66667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.33333%; } .medium-5 { width: 41.66667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; } .medium-8 { width: 66.66667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.33333%; } .medium-11 { width: 91.66667%; } .medium-12 { width: 100%; } .medium-offset-0 { margin-left: 0 !important; } .medium-offset-1 { margin-left: 8.33333% !important; } .medium-offset-2 { margin-left: 16.66667% !important; } .medium-offset-3 { margin-left: 25% !important; } .medium-offset-4 { margin-left: 33.33333% !important; } .medium-offset-5 { margin-left: 41.66667% !important; } .medium-offset-6 { margin-left: 50% !important; } .medium-offset-7 { margin-left: 58.33333% !important; } .medium-offset-8 { margin-left: 66.66667% !important; } .medium-offset-9 { margin-left: 75% !important; } .medium-offset-10 { margin-left: 83.33333% !important; } .medium-offset-11 { margin-left: 91.66667% !important; } .medium-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; } .row.medium-collapse .row { margin-left: 0; margin-right: 0; } .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .push-0 { position: relative; left: 0; right: auto; } .pull-0 { position: relative; right: 0; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 801px) { .large-push-0 { position: relative; left: 0; right: auto; } .large-pull-0 { position: relative; right: 0; left: auto; } .large-push-1 { position: relative; left: 8.33333%; right: auto; } .large-pull-1 { position: relative; right: 8.33333%; left: auto; } .large-push-2 { position: relative; left: 16.66667%; right: auto; } .large-pull-2 { position: relative; right: 16.66667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.33333%; right: auto; } .large-pull-4 { position: relative; right: 33.33333%; left: auto; } .large-push-5 { position: relative; left: 41.66667%; right: auto; } .large-pull-5 { position: relative; right: 41.66667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.33333%; right: auto; } .large-pull-7 { position: relative; right: 58.33333%; left: auto; } .large-push-8 { position: relative; left: 66.66667%; right: auto; } .large-pull-8 { position: relative; right: 66.66667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.33333%; right: auto; } .large-pull-10 { position: relative; right: 83.33333%; left: auto; } .large-push-11 { position: relative; left: 91.66667%; right: auto; } .large-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .large-1 { width: 8.33333%; } .large-2 { width: 16.66667%; } .large-3 { width: 25%; } .large-4 { width: 33.33333%; } .large-5 { width: 41.66667%; } .large-6 { width: 50%; } .large-7 { width: 58.33333%; } .large-8 { width: 66.66667%; } .large-9 { width: 75%; } .large-10 { width: 83.33333%; } .large-11 { width: 91.66667%; } .large-12 { width: 100%; } .large-offset-0 { margin-left: 0 !important; } .large-offset-1 { margin-left: 8.33333% !important; } .large-offset-2 { margin-left: 16.66667% !important; } .large-offset-3 { margin-left: 25% !important; } .large-offset-4 { margin-left: 33.33333% !important; } .large-offset-5 { margin-left: 41.66667% !important; } .large-offset-6 { margin-left: 50% !important; } .large-offset-7 { margin-left: 58.33333% !important; } .large-offset-8 { margin-left: 66.66667% !important; } .large-offset-9 { margin-left: 75% !important; } .large-offset-10 { margin-left: 83.33333% !important; } .large-offset-11 { margin-left: 91.66667% !important; } .large-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; } .row.large-collapse .row { margin-left: 0; margin-right: 0; } .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .push-0 { position: relative; left: 0; right: auto; } .pull-0 { position: relative; right: 0; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } } /** * Display sidebar bellow main content on mobile/tablet mode * * Example use:

*/ .u-papathemes-page-responsiveSidebar { display: flex; flex-direction: column; flex-wrap: wrap; } .u-papathemes-page-responsiveSidebar .page-sidebar { order: 2; } .u-papathemes-page-responsiveSidebar .page-content { order: 1; } @media (min-width: 801px) { .u-papathemes-page-responsiveSidebar { display: block; } } .papathemes-pbcst-loading::before, .papathemes-pbcst-loader.loading::before, .papathemes-specialProductsTabs .loading::before, .beautify__quickSearch.loading::after, .beautify__section .loading::before { content: ""; display: inline-block; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNTBweCcgaGVpZ2h0PSc1MHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgY2xhc3M9InVpbC1yaW5nIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIgY2xhc3M9ImJrIj48L3JlY3Q+PGRlZnM+PGZpbHRlciBpZD0idWlsLXJpbmctc2hhZG93IiB4PSItMTAwJSIgeT0iLTEwMCUiIHdpZHRoPSIzMDAlIiBoZWlnaHQ9IjMwMCUiPjxmZU9mZnNldCByZXN1bHQ9Im9mZk91dCIgaW49IlNvdXJjZUdyYXBoaWMiIGR4PSIwIiBkeT0iMCI+PC9mZU9mZnNldD48ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJibHVyT3V0IiBpbj0ib2ZmT3V0IiBzdGREZXZpYXRpb249IjAiPjwvZmVHYXVzc2lhbkJsdXI+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iYmx1ck91dCIgbW9kZT0ibm9ybWFsIj48L2ZlQmxlbmQ+PC9maWx0ZXI+PC9kZWZzPjxwYXRoIGQ9Ik0xMCw1MGMwLDAsMCwwLjUsMC4xLDEuNGMwLDAuNSwwLjEsMSwwLjIsMS43YzAsMC4zLDAuMSwwLjcsMC4xLDEuMWMwLjEsMC40LDAuMSwwLjgsMC4yLDEuMmMwLjIsMC44LDAuMywxLjgsMC41LDIuOCBjMC4zLDEsMC42LDIuMSwwLjksMy4yYzAuMywxLjEsMC45LDIuMywxLjQsMy41YzAuNSwxLjIsMS4yLDIuNCwxLjgsMy43YzAuMywwLjYsMC44LDEuMiwxLjIsMS45YzAuNCwwLjYsMC44LDEuMywxLjMsMS45IGMxLDEuMiwxLjksMi42LDMuMSwzLjdjMi4yLDIuNSw1LDQuNyw3LjksNi43YzMsMiw2LjUsMy40LDEwLjEsNC42YzMuNiwxLjEsNy41LDEuNSwxMS4yLDEuNmM0LTAuMSw3LjctMC42LDExLjMtMS42IGMzLjYtMS4yLDctMi42LDEwLTQuNmMzLTIsNS44LTQuMiw3LjktNi43YzEuMi0xLjIsMi4xLTIuNSwzLjEtMy43YzAuNS0wLjYsMC45LTEuMywxLjMtMS45YzAuNC0wLjYsMC44LTEuMywxLjItMS45IGMwLjYtMS4zLDEuMy0yLjUsMS44LTMuN2MwLjUtMS4yLDEtMi40LDEuNC0zLjVjMC4zLTEuMSwwLjYtMi4yLDAuOS0zLjJjMC4yLTEsMC40LTEuOSwwLjUtMi44YzAuMS0wLjQsMC4xLTAuOCwwLjItMS4yIGMwLTAuNCwwLjEtMC43LDAuMS0xLjFjMC4xLTAuNywwLjEtMS4yLDAuMi0xLjdDOTAsNTAuNSw5MCw1MCw5MCw1MHMwLDAuNSwwLDEuNGMwLDAuNSwwLDEsMCwxLjdjMCwwLjMsMCwwLjcsMCwxLjEgYzAsMC40LTAuMSwwLjgtMC4xLDEuMmMtMC4xLDAuOS0wLjIsMS44LTAuNCwyLjhjLTAuMiwxLTAuNSwyLjEtMC43LDMuM2MtMC4zLDEuMi0wLjgsMi40LTEuMiwzLjdjLTAuMiwwLjctMC41LDEuMy0wLjgsMS45IGMtMC4zLDAuNy0wLjYsMS4zLTAuOSwyYy0wLjMsMC43LTAuNywxLjMtMS4xLDJjLTAuNCwwLjctMC43LDEuNC0xLjIsMmMtMSwxLjMtMS45LDIuNy0zLjEsNGMtMi4yLDIuNy01LDUtOC4xLDcuMSBjLTAuOCwwLjUtMS42LDEtMi40LDEuNWMtMC44LDAuNS0xLjcsMC45LTIuNiwxLjNMNjYsODcuN2wtMS40LDAuNWMtMC45LDAuMy0xLjgsMC43LTIuOCwxYy0zLjgsMS4xLTcuOSwxLjctMTEuOCwxLjhMNDcsOTAuOCBjLTEsMC0yLTAuMi0zLTAuM2wtMS41LTAuMmwtMC43LTAuMUw0MS4xLDkwYy0xLTAuMy0xLjktMC41LTIuOS0wLjdjLTAuOS0wLjMtMS45LTAuNy0yLjgtMUwzNCw4Ny43bC0xLjMtMC42IGMtMC45LTAuNC0xLjgtMC44LTIuNi0xLjNjLTAuOC0wLjUtMS42LTEtMi40LTEuNWMtMy4xLTIuMS01LjktNC41LTguMS03LjFjLTEuMi0xLjItMi4xLTIuNy0zLjEtNGMtMC41LTAuNi0wLjgtMS40LTEuMi0yIGMtMC40LTAuNy0wLjgtMS4zLTEuMS0yYy0wLjMtMC43LTAuNi0xLjMtMC45LTJjLTAuMy0wLjctMC42LTEuMy0wLjgtMS45Yy0wLjQtMS4zLTAuOS0yLjUtMS4yLTMuN2MtMC4zLTEuMi0wLjUtMi4zLTAuNy0zLjMgYy0wLjItMS0wLjMtMi0wLjQtMi44Yy0wLjEtMC40LTAuMS0wLjgtMC4xLTEuMmMwLTAuNCwwLTAuNywwLTEuMWMwLTAuNywwLTEuMiwwLTEuN0MxMCw1MC41LDEwLDUwLDEwLDUweiIgZmlsbD0iIzk4OTg5OCIgZmlsdGVyPSJ1cmwoI3VpbC1yaW5nLXNoYWRvdykiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDUwIDUwIiB0bz0iMzYwIDUwIDUwIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyI+PC9hbmltYXRlVHJhbnNmb3JtPjwvcGF0aD48L3N2Zz4="); background-size: 100%; } .u-block { display: block !important; } .u-inlineBlock { display: inline-block !important; max-width: 100% !important; } .u-hidden { display: none !important; } .u-hiddenVisually { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .is-srOnly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .u-textAlignCenter { text-align: center !important; } .u-textAlignLeft { text-align: left !important; } .u-textAlignRight { text-align: right !important; } .u-textBreak { word-wrap: break-word !important; } .u-textInheritColor { color: inherit !important; } .u-textKern { text-rendering: optimizeLegibility !important; font-feature-settings: "kern" 1 !important; font-kerning: normal !important; } .u-textLead { line-height: 1.6 !important; font-size: 1.1em !important; } .u-textNoWrap { white-space: nowrap !important; } .u-textTruncate { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important; } .u-fontSmoothing { -moz-osx-font-smoothing: grayscale !important; -webkit-font-smoothing: antialiased !important; } @font-face { font-family: "papathemesicons"; src: url("../fonts/papathemesicons.eot?jpwbml"); src: url("../fonts/papathemesicons.eot?jpwbml#iefix") format("embedded-opentype"), url("../fonts/papathemesicons.woff2?jpwbml") format("woff2"), url("../fonts/papathemesicons.ttf?jpwbml") format("truetype"), url("../fonts/papathemesicons.woff?jpwbml") format("woff"), url("../fonts/papathemesicons.svg?jpwbml#papathemesicons") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^="papathemes-icon-"], [class*=" papathemes-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "papathemesicons" !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; } .papathemes-icon-elegant-search::before { content: "U"; } .papathemes-icon-elegant-gift::before { content: ""; } .papathemes-icon-elegant-bag::before { content: ""; } .papathemes-icon-elegant-cart::before { content: ""; } .papathemes-icon-ui-head-phone::before { content: ""; } .papathemes-icon-listing-box::before { content: ""; } .papathemes-icon-location-pin::before { content: ""; } .papathemes-icon-linear-inbox::before { content: ""; } .papathemes-icon-linear-phone-handset::before { content: ""; } .papathemes-icon-linear-heart::before { content: ""; } .papathemes-icon-linear-map-marker::before { content: ""; } .papathemes-icon-linear-bus::before { content: ""; } .papathemes-icon-cart3::before { content: ""; } .papathemes-icon-linear-user::before { content: ""; } .papathemes-icon-linear-banknote::before { content: ""; } .papathemes-icon-credit-card::before { content: ""; } .papathemes-icon-coin-dollar::before { content: ""; } .papathemes-icon-compare::before { content: ""; } .papathemes-icon-cart2::before { content: ""; } .papathemes-icon-gift::before { content: ""; } .papathemes-icon-present::before { content: ""; } .papathemes-icon-linear-magnifier::before { content: ""; } .papathemes-icon-linear-cart::before { content: ""; } .papathemes-icon-search3::before { content: ""; } .papathemes-icon-heart::before { content: ""; } .papathemes-icon-login::before { content: ""; } .papathemes-icon-bag::before { content: ""; } .papathemes-icon-sign-in::before { content: ""; } .papathemes-icon-heart-o::before { content: ""; } .papathemes-icon-search2::before { content: ""; } .papathemes-icon-shopping-bag::before { content: ""; } .papathemes-icon-compare_arrows::before { content: ""; } .papathemes-icon-search::before { content: ""; } .papathemes-icon-shopping_cart::before { content: ""; } .papathemes-icon-cart::before { content: ""; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass::before { content: "\f000"; } .fa-music::before { content: "\f001"; } .fa-search::before { content: "\f002"; } .fa-envelope-o::before { content: "\f003"; } .fa-heart::before { content: "\f004"; } .fa-star::before { content: "\f005"; } .fa-star-o::before { content: "\f006"; } .fa-user::before { content: "\f007"; } .fa-film::before { content: "\f008"; } .fa-th-large::before { content: "\f009"; } .fa-th::before { content: "\f00a"; } .fa-th-list::before { content: "\f00b"; } .fa-check::before { content: "\f00c"; } .fa-remove::before, .fa-close::before, .fa-times::before { content: "\f00d"; } .fa-search-plus::before { content: "\f00e"; } .fa-search-minus::before { content: "\f010"; } .fa-power-off::before { content: "\f011"; } .fa-signal::before { content: "\f012"; } .fa-gear::before, .fa-cog::before { content: "\f013"; } .fa-trash-o::before { content: "\f014"; } .fa-home::before { content: "\f015"; } .fa-file-o::before { content: "\f016"; } .fa-clock-o::before { content: "\f017"; } .fa-road::before { content: "\f018"; } .fa-download::before { content: "\f019"; } .fa-arrow-circle-o-down::before { content: "\f01a"; } .fa-arrow-circle-o-up::before { content: "\f01b"; } .fa-inbox::before { content: "\f01c"; } .fa-play-circle-o::before { content: "\f01d"; } .fa-rotate-right::before, .fa-repeat::before { content: "\f01e"; } .fa-refresh::before { content: "\f021"; } .fa-list-alt::before { content: "\f022"; } .fa-lock::before { content: "\f023"; } .fa-flag::before { content: "\f024"; } .fa-headphones::before { content: "\f025"; } .fa-volume-off::before { content: "\f026"; } .fa-volume-down::before { content: "\f027"; } .fa-volume-up::before { content: "\f028"; } .fa-qrcode::before { content: "\f029"; } .fa-barcode::before { content: "\f02a"; } .fa-tag::before { content: "\f02b"; } .fa-tags::before { content: "\f02c"; } .fa-book::before { content: "\f02d"; } .fa-bookmark::before { content: "\f02e"; } .fa-print::before { content: "\f02f"; } .fa-camera::before { content: "\f030"; } .fa-font::before { content: "\f031"; } .fa-bold::before { content: "\f032"; } .fa-italic::before { content: "\f033"; } .fa-text-height::before { content: "\f034"; } .fa-text-width::before { content: "\f035"; } .fa-align-left::before { content: "\f036"; } .fa-align-center::before { content: "\f037"; } .fa-align-right::before { content: "\f038"; } .fa-align-justify::before { content: "\f039"; } .fa-list::before { content: "\f03a"; } .fa-dedent::before, .fa-outdent::before { content: "\f03b"; } .fa-indent::before { content: "\f03c"; } .fa-video-camera::before { content: "\f03d"; } .fa-photo::before, .fa-image::before, .fa-picture-o::before { content: "\f03e"; } .fa-pencil::before { content: "\f040"; } .fa-map-marker::before { content: "\f041"; } .fa-adjust::before { content: "\f042"; } .fa-tint::before { content: "\f043"; } .fa-edit::before, .fa-pencil-square-o::before { content: "\f044"; } .fa-share-square-o::before { content: "\f045"; } .fa-check-square-o::before { content: "\f046"; } .fa-arrows::before { content: "\f047"; } .fa-step-backward::before { content: "\f048"; } .fa-fast-backward::before { content: "\f049"; } .fa-backward::before { content: "\f04a"; } .fa-play::before { content: "\f04b"; } .fa-pause::before { content: "\f04c"; } .fa-stop::before { content: "\f04d"; } .fa-forward::before { content: "\f04e"; } .fa-fast-forward::before { content: "\f050"; } .fa-step-forward::before { content: "\f051"; } .fa-eject::before { content: "\f052"; } .fa-chevron-left::before { content: "\f053"; } .fa-chevron-right::before { content: "\f054"; } .fa-plus-circle::before { content: "\f055"; } .fa-minus-circle::before { content: "\f056"; } .fa-times-circle::before { content: "\f057"; } .fa-check-circle::before { content: "\f058"; } .fa-question-circle::before { content: "\f059"; } .fa-info-circle::before { content: "\f05a"; } .fa-crosshairs::before { content: "\f05b"; } .fa-times-circle-o::before { content: "\f05c"; } .fa-check-circle-o::before { content: "\f05d"; } .fa-ban::before { content: "\f05e"; } .fa-arrow-left::before { content: "\f060"; } .fa-arrow-right::before { content: "\f061"; } .fa-arrow-up::before { content: "\f062"; } .fa-arrow-down::before { content: "\f063"; } .fa-mail-forward::before, .fa-share::before { content: "\f064"; } .fa-expand::before { content: "\f065"; } .fa-compress::before { content: "\f066"; } .fa-plus::before { content: "\f067"; } .fa-minus::before { content: "\f068"; } .fa-asterisk::before { content: "\f069"; } .fa-exclamation-circle::before { content: "\f06a"; } .fa-gift::before { content: "\f06b"; } .fa-leaf::before { content: "\f06c"; } .fa-fire::before { content: "\f06d"; } .fa-eye::before { content: "\f06e"; } .fa-eye-slash::before { content: "\f070"; } .fa-warning::before, .fa-exclamation-triangle::before { content: "\f071"; } .fa-plane::before { content: "\f072"; } .fa-calendar::before { content: "\f073"; } .fa-random::before { content: "\f074"; } .fa-comment::before { content: "\f075"; } .fa-magnet::before { content: "\f076"; } .fa-chevron-up::before { content: "\f077"; } .fa-chevron-down::before { content: "\f078"; } .fa-retweet::before { content: "\f079"; } .fa-shopping-cart::before { content: "\f07a"; } .fa-folder::before { content: "\f07b"; } .fa-folder-open::before { content: "\f07c"; } .fa-arrows-v::before { content: "\f07d"; } .fa-arrows-h::before { content: "\f07e"; } .fa-bar-chart-o::before, .fa-bar-chart::before { content: "\f080"; } .fa-twitter-square::before { content: "\f081"; } .fa-facebook-square::before { content: "\f082"; } .fa-camera-retro::before { content: "\f083"; } .fa-key::before { content: "\f084"; } .fa-gears::before, .fa-cogs::before { content: "\f085"; } .fa-comments::before { content: "\f086"; } .fa-thumbs-o-up::before { content: "\f087"; } .fa-thumbs-o-down::before { content: "\f088"; } .fa-star-half::before { content: "\f089"; } .fa-heart-o::before { content: "\f08a"; } .fa-sign-out::before { content: "\f08b"; } .fa-linkedin-square::before { content: "\f08c"; } .fa-thumb-tack::before { content: "\f08d"; } .fa-external-link::before { content: "\f08e"; } .fa-sign-in::before { content: "\f090"; } .fa-trophy::before { content: "\f091"; } .fa-github-square::before { content: "\f092"; } .fa-upload::before { content: "\f093"; } .fa-lemon-o::before { content: "\f094"; } .fa-phone::before { content: "\f095"; } .fa-square-o::before { content: "\f096"; } .fa-bookmark-o::before { content: "\f097"; } .fa-phone-square::before { content: "\f098"; } .fa-twitter::before { content: "\f099"; } .fa-facebook-f::before, .fa-facebook::before { content: "\f09a"; } .fa-github::before { content: "\f09b"; } .fa-unlock::before { content: "\f09c"; } .fa-credit-card::before { content: "\f09d"; } .fa-feed::before, .fa-rss::before { content: "\f09e"; } .fa-hdd-o::before { content: "\f0a0"; } .fa-bullhorn::before { content: "\f0a1"; } .fa-bell::before { content: "\f0f3"; } .fa-certificate::before { content: "\f0a3"; } .fa-hand-o-right::before { content: "\f0a4"; } .fa-hand-o-left::before { content: "\f0a5"; } .fa-hand-o-up::before { content: "\f0a6"; } .fa-hand-o-down::before { content: "\f0a7"; } .fa-arrow-circle-left::before { content: "\f0a8"; } .fa-arrow-circle-right::before { content: "\f0a9"; } .fa-arrow-circle-up::before { content: "\f0aa"; } .fa-arrow-circle-down::before { content: "\f0ab"; } .fa-globe::before { content: "\f0ac"; } .fa-wrench::before { content: "\f0ad"; } .fa-tasks::before { content: "\f0ae"; } .fa-filter::before { content: "\f0b0"; } .fa-briefcase::before { content: "\f0b1"; } .fa-arrows-alt::before { content: "\f0b2"; } .fa-group::before, .fa-users::before { content: "\f0c0"; } .fa-chain::before, .fa-link::before { content: "\f0c1"; } .fa-cloud::before { content: "\f0c2"; } .fa-flask::before { content: "\f0c3"; } .fa-cut::before, .fa-scissors::before { content: "\f0c4"; } .fa-copy::before, .fa-files-o::before { content: "\f0c5"; } .fa-paperclip::before { content: "\f0c6"; } .fa-save::before, .fa-floppy-o::before { content: "\f0c7"; } .fa-square::before { content: "\f0c8"; } .fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: "\f0c9"; } .fa-list-ul::before { content: "\f0ca"; } .fa-list-ol::before { content: "\f0cb"; } .fa-strikethrough::before { content: "\f0cc"; } .fa-underline::before { content: "\f0cd"; } .fa-table::before { content: "\f0ce"; } .fa-magic::before { content: "\f0d0"; } .fa-truck::before { content: "\f0d1"; } .fa-pinterest::before { content: "\f0d2"; } .fa-pinterest-square::before { content: "\f0d3"; } .fa-google-plus-square::before { content: "\f0d4"; } .fa-google-plus::before { content: "\f0d5"; } .fa-money::before { content: "\f0d6"; } .fa-caret-down::before { content: "\f0d7"; } .fa-caret-up::before { content: "\f0d8"; } .fa-caret-left::before { content: "\f0d9"; } .fa-caret-right::before { content: "\f0da"; } .fa-columns::before { content: "\f0db"; } .fa-unsorted::before, .fa-sort::before { content: "\f0dc"; } .fa-sort-down::before, .fa-sort-desc::before { content: "\f0dd"; } .fa-sort-up::before, .fa-sort-asc::before { content: "\f0de"; } .fa-envelope::before { content: "\f0e0"; } .fa-linkedin::before { content: "\f0e1"; } .fa-rotate-left::before, .fa-undo::before { content: "\f0e2"; } .fa-legal::before, .fa-gavel::before { content: "\f0e3"; } .fa-dashboard::before, .fa-tachometer::before { content: "\f0e4"; } .fa-comment-o::before { content: "\f0e5"; } .fa-comments-o::before { content: "\f0e6"; } .fa-flash::before, .fa-bolt::before { content: "\f0e7"; } .fa-sitemap::before { content: "\f0e8"; } .fa-umbrella::before { content: "\f0e9"; } .fa-paste::before, .fa-clipboard::before { content: "\f0ea"; } .fa-lightbulb-o::before { content: "\f0eb"; } .fa-exchange::before { content: "\f0ec"; } .fa-cloud-download::before { content: "\f0ed"; } .fa-cloud-upload::before { content: "\f0ee"; } .fa-user-md::before { content: "\f0f0"; } .fa-stethoscope::before { content: "\f0f1"; } .fa-suitcase::before { content: "\f0f2"; } .fa-bell-o::before { content: "\f0a2"; } .fa-coffee::before { content: "\f0f4"; } .fa-cutlery::before { content: "\f0f5"; } .fa-file-text-o::before { content: "\f0f6"; } .fa-building-o::before { content: "\f0f7"; } .fa-hospital-o::before { content: "\f0f8"; } .fa-ambulance::before { content: "\f0f9"; } .fa-medkit::before { content: "\f0fa"; } .fa-fighter-jet::before { content: "\f0fb"; } .fa-beer::before { content: "\f0fc"; } .fa-h-square::before { content: "\f0fd"; } .fa-plus-square::before { content: "\f0fe"; } .fa-angle-double-left::before { content: "\f100"; } .fa-angle-double-right::before { content: "\f101"; } .fa-angle-double-up::before { content: "\f102"; } .fa-angle-double-down::before { content: "\f103"; } .fa-angle-left::before { content: "\f104"; } .fa-angle-right::before { content: "\f105"; } .fa-angle-up::before { content: "\f106"; } .fa-angle-down::before { content: "\f107"; } .fa-desktop::before { content: "\f108"; } .fa-laptop::before { content: "\f109"; } .fa-tablet::before { content: "\f10a"; } .fa-mobile-phone::before, .fa-mobile::before { content: "\f10b"; } .fa-circle-o::before { content: "\f10c"; } .fa-quote-left::before { content: "\f10d"; } .fa-quote-right::before { content: "\f10e"; } .fa-spinner::before { content: "\f110"; } .fa-circle::before { content: "\f111"; } .fa-mail-reply::before, .fa-reply::before { content: "\f112"; } .fa-github-alt::before { content: "\f113"; } .fa-folder-o::before { content: "\f114"; } .fa-folder-open-o::before { content: "\f115"; } .fa-smile-o::before { content: "\f118"; } .fa-frown-o::before { content: "\f119"; } .fa-meh-o::before { content: "\f11a"; } .fa-gamepad::before { content: "\f11b"; } .fa-keyboard-o::before { content: "\f11c"; } .fa-flag-o::before { content: "\f11d"; } .fa-flag-checkered::before { content: "\f11e"; } .fa-terminal::before { content: "\f120"; } .fa-code::before { content: "\f121"; } .fa-mail-reply-all::before, .fa-reply-all::before { content: "\f122"; } .fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: "\f123"; } .fa-location-arrow::before { content: "\f124"; } .fa-crop::before { content: "\f125"; } .fa-code-fork::before { content: "\f126"; } .fa-unlink::before, .fa-chain-broken::before { content: "\f127"; } .fa-question::before { content: "\f128"; } .fa-info::before { content: "\f129"; } .fa-exclamation::before { content: "\f12a"; } .fa-superscript::before { content: "\f12b"; } .fa-subscript::before { content: "\f12c"; } .fa-eraser::before { content: "\f12d"; } .fa-puzzle-piece::before { content: "\f12e"; } .fa-microphone::before { content: "\f130"; } .fa-microphone-slash::before { content: "\f131"; } .fa-shield::before { content: "\f132"; } .fa-calendar-o::before { content: "\f133"; } .fa-fire-extinguisher::before { content: "\f134"; } .fa-rocket::before { content: "\f135"; } .fa-maxcdn::before { content: "\f136"; } .fa-chevron-circle-left::before { content: "\f137"; } .fa-chevron-circle-right::before { content: "\f138"; } .fa-chevron-circle-up::before { content: "\f139"; } .fa-chevron-circle-down::before { content: "\f13a"; } .fa-html5::before { content: "\f13b"; } .fa-css3::before { content: "\f13c"; } .fa-anchor::before { content: "\f13d"; } .fa-unlock-alt::before { content: "\f13e"; } .fa-bullseye::before { content: "\f140"; } .fa-ellipsis-h::before { content: "\f141"; } .fa-ellipsis-v::before { content: "\f142"; } .fa-rss-square::before { content: "\f143"; } .fa-play-circle::before { content: "\f144"; } .fa-ticket::before { content: "\f145"; } .fa-minus-square::before { content: "\f146"; } .fa-minus-square-o::before { content: "\f147"; } .fa-level-up::before { content: "\f148"; } .fa-level-down::before { content: "\f149"; } .fa-check-square::before { content: "\f14a"; } .fa-pencil-square::before { content: "\f14b"; } .fa-external-link-square::before { content: "\f14c"; } .fa-share-square::before { content: "\f14d"; } .fa-compass::before { content: "\f14e"; } .fa-toggle-down::before, .fa-caret-square-o-down::before { content: "\f150"; } .fa-toggle-up::before, .fa-caret-square-o-up::before { content: "\f151"; } .fa-toggle-right::before, .fa-caret-square-o-right::before { content: "\f152"; } .fa-euro::before, .fa-eur::before { content: "\f153"; } .fa-gbp::before { content: "\f154"; } .fa-dollar::before, .fa-usd::before { content: "\f155"; } .fa-rupee::before, .fa-inr::before { content: "\f156"; } .fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: "\f157"; } .fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: "\f158"; } .fa-won::before, .fa-krw::before { content: "\f159"; } .fa-bitcoin::before, .fa-btc::before { content: "\f15a"; } .fa-file::before { content: "\f15b"; } .fa-file-text::before { content: "\f15c"; } .fa-sort-alpha-asc::before { content: "\f15d"; } .fa-sort-alpha-desc::before { content: "\f15e"; } .fa-sort-amount-asc::before { content: "\f160"; } .fa-sort-amount-desc::before { content: "\f161"; } .fa-sort-numeric-asc::before { content: "\f162"; } .fa-sort-numeric-desc::before { content: "\f163"; } .fa-thumbs-up::before { content: "\f164"; } .fa-thumbs-down::before { content: "\f165"; } .fa-youtube-square::before { content: "\f166"; } .fa-youtube::before { content: "\f167"; } .fa-xing::before { content: "\f168"; } .fa-xing-square::before { content: "\f169"; } .fa-youtube-play::before { content: "\f16a"; } .fa-dropbox::before { content: "\f16b"; } .fa-stack-overflow::before { content: "\f16c"; } .fa-instagram::before { content: "\f16d"; } .fa-flickr::before { content: "\f16e"; } .fa-adn::before { content: "\f170"; } .fa-bitbucket::before { content: "\f171"; } .fa-bitbucket-square::before { content: "\f172"; } .fa-tumblr::before { content: "\f173"; } .fa-tumblr-square::before { content: "\f174"; } .fa-long-arrow-down::before { content: "\f175"; } .fa-long-arrow-up::before { content: "\f176"; } .fa-long-arrow-left::before { content: "\f177"; } .fa-long-arrow-right::before { content: "\f178"; } .fa-apple::before { content: "\f179"; } .fa-windows::before { content: "\f17a"; } .fa-android::before { content: "\f17b"; } .fa-linux::before { content: "\f17c"; } .fa-dribbble::before { content: "\f17d"; } .fa-skype::before { content: "\f17e"; } .fa-foursquare::before { content: "\f180"; } .fa-trello::before { content: "\f181"; } .fa-female::before { content: "\f182"; } .fa-male::before { content: "\f183"; } .fa-gittip::before, .fa-gratipay::before { content: "\f184"; } .fa-sun-o::before { content: "\f185"; } .fa-moon-o::before { content: "\f186"; } .fa-archive::before { content: "\f187"; } .fa-bug::before { content: "\f188"; } .fa-vk::before { content: "\f189"; } .fa-weibo::before { content: "\f18a"; } .fa-renren::before { content: "\f18b"; } .fa-pagelines::before { content: "\f18c"; } .fa-stack-exchange::before { content: "\f18d"; } .fa-arrow-circle-o-right::before { content: "\f18e"; } .fa-arrow-circle-o-left::before { content: "\f190"; } .fa-toggle-left::before, .fa-caret-square-o-left::before { content: "\f191"; } .fa-dot-circle-o::before { content: "\f192"; } .fa-wheelchair::before { content: "\f193"; } .fa-vimeo-square::before { content: "\f194"; } .fa-turkish-lira::before, .fa-try::before { content: "\f195"; } .fa-plus-square-o::before { content: "\f196"; } .fa-space-shuttle::before { content: "\f197"; } .fa-slack::before { content: "\f198"; } .fa-envelope-square::before { content: "\f199"; } .fa-wordpress::before { content: "\f19a"; } .fa-openid::before { content: "\f19b"; } .fa-institution::before, .fa-bank::before, .fa-university::before { content: "\f19c"; } .fa-mortar-board::before, .fa-graduation-cap::before { content: "\f19d"; } .fa-yahoo::before { content: "\f19e"; } .fa-google::before { content: "\f1a0"; } .fa-reddit::before { content: "\f1a1"; } .fa-reddit-square::before { content: "\f1a2"; } .fa-stumbleupon-circle::before { content: "\f1a3"; } .fa-stumbleupon::before { content: "\f1a4"; } .fa-delicious::before { content: "\f1a5"; } .fa-digg::before { content: "\f1a6"; } .fa-pied-piper-pp::before { content: "\f1a7"; } .fa-pied-piper-alt::before { content: "\f1a8"; } .fa-drupal::before { content: "\f1a9"; } .fa-joomla::before { content: "\f1aa"; } .fa-language::before { content: "\f1ab"; } .fa-fax::before { content: "\f1ac"; } .fa-building::before { content: "\f1ad"; } .fa-child::before { content: "\f1ae"; } .fa-paw::before { content: "\f1b0"; } .fa-spoon::before { content: "\f1b1"; } .fa-cube::before { content: "\f1b2"; } .fa-cubes::before { content: "\f1b3"; } .fa-behance::before { content: "\f1b4"; } .fa-behance-square::before { content: "\f1b5"; } .fa-steam::before { content: "\f1b6"; } .fa-steam-square::before { content: "\f1b7"; } .fa-recycle::before { content: "\f1b8"; } .fa-automobile::before, .fa-car::before { content: "\f1b9"; } .fa-cab::before, .fa-taxi::before { content: "\f1ba"; } .fa-tree::before { content: "\f1bb"; } .fa-spotify::before { content: "\f1bc"; } .fa-deviantart::before { content: "\f1bd"; } .fa-soundcloud::before { content: "\f1be"; } .fa-database::before { content: "\f1c0"; } .fa-file-pdf-o::before { content: "\f1c1"; } .fa-file-word-o::before { content: "\f1c2"; } .fa-file-excel-o::before { content: "\f1c3"; } .fa-file-powerpoint-o::before { content: "\f1c4"; } .fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: "\f1c5"; } .fa-file-zip-o::before, .fa-file-archive-o::before { content: "\f1c6"; } .fa-file-sound-o::before, .fa-file-audio-o::before { content: "\f1c7"; } .fa-file-movie-o::before, .fa-file-video-o::before { content: "\f1c8"; } .fa-file-code-o::before { content: "\f1c9"; } .fa-vine::before { content: "\f1ca"; } .fa-codepen::before { content: "\f1cb"; } .fa-jsfiddle::before { content: "\f1cc"; } .fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: "\f1cd"; } .fa-circle-o-notch::before { content: "\f1ce"; } .fa-ra::before, .fa-resistance::before, .fa-rebel::before { content: "\f1d0"; } .fa-ge::before, .fa-empire::before { content: "\f1d1"; } .fa-git-square::before { content: "\f1d2"; } .fa-git::before { content: "\f1d3"; } .fa-y-combinator-square::before, .fa-yc-square::before, .fa-hacker-news::before { content: "\f1d4"; } .fa-tencent-weibo::before { content: "\f1d5"; } .fa-qq::before { content: "\f1d6"; } .fa-wechat::before, .fa-weixin::before { content: "\f1d7"; } .fa-send::before, .fa-paper-plane::before { content: "\f1d8"; } .fa-send-o::before, .fa-paper-plane-o::before { content: "\f1d9"; } .fa-history::before { content: "\f1da"; } .fa-circle-thin::before { content: "\f1db"; } .fa-header::before { content: "\f1dc"; } .fa-paragraph::before { content: "\f1dd"; } .fa-sliders::before { content: "\f1de"; } .fa-share-alt::before { content: "\f1e0"; } .fa-share-alt-square::before { content: "\f1e1"; } .fa-bomb::before { content: "\f1e2"; } .fa-soccer-ball-o::before, .fa-futbol-o::before { content: "\f1e3"; } .fa-tty::before { content: "\f1e4"; } .fa-binoculars::before { content: "\f1e5"; } .fa-plug::before { content: "\f1e6"; } .fa-slideshare::before { content: "\f1e7"; } .fa-twitch::before { content: "\f1e8"; } .fa-yelp::before { content: "\f1e9"; } .fa-newspaper-o::before { content: "\f1ea"; } .fa-wifi::before { content: "\f1eb"; } .fa-calculator::before { content: "\f1ec"; } .fa-paypal::before { content: "\f1ed"; } .fa-google-wallet::before { content: "\f1ee"; } .fa-cc-visa::before { content: "\f1f0"; } .fa-cc-mastercard::before { content: "\f1f1"; } .fa-cc-discover::before { content: "\f1f2"; } .fa-cc-amex::before { content: "\f1f3"; } .fa-cc-paypal::before { content: "\f1f4"; } .fa-cc-stripe::before { content: "\f1f5"; } .fa-bell-slash::before { content: "\f1f6"; } .fa-bell-slash-o::before { content: "\f1f7"; } .fa-trash::before { content: "\f1f8"; } .fa-copyright::before { content: "\f1f9"; } .fa-at::before { content: "\f1fa"; } .fa-eyedropper::before { content: "\f1fb"; } .fa-paint-brush::before { content: "\f1fc"; } .fa-birthday-cake::before { content: "\f1fd"; } .fa-area-chart::before { content: "\f1fe"; } .fa-pie-chart::before { content: "\f200"; } .fa-line-chart::before { content: "\f201"; } .fa-lastfm::before { content: "\f202"; } .fa-lastfm-square::before { content: "\f203"; } .fa-toggle-off::before { content: "\f204"; } .fa-toggle-on::before { content: "\f205"; } .fa-bicycle::before { content: "\f206"; } .fa-bus::before { content: "\f207"; } .fa-ioxhost::before { content: "\f208"; } .fa-angellist::before { content: "\f209"; } .fa-cc::before { content: "\f20a"; } .fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: "\f20b"; } .fa-meanpath::before { content: "\f20c"; } .fa-buysellads::before { content: "\f20d"; } .fa-connectdevelop::before { content: "\f20e"; } .fa-dashcube::before { content: "\f210"; } .fa-forumbee::before { content: "\f211"; } .fa-leanpub::before { content: "\f212"; } .fa-sellsy::before { content: "\f213"; } .fa-shirtsinbulk::before { content: "\f214"; } .fa-simplybuilt::before { content: "\f215"; } .fa-skyatlas::before { content: "\f216"; } .fa-cart-plus::before { content: "\f217"; } .fa-cart-arrow-down::before { content: "\f218"; } .fa-diamond::before { content: "\f219"; } .fa-ship::before { content: "\f21a"; } .fa-user-secret::before { content: "\f21b"; } .fa-motorcycle::before { content: "\f21c"; } .fa-street-view::before { content: "\f21d"; } .fa-heartbeat::before { content: "\f21e"; } .fa-venus::before { content: "\f221"; } .fa-mars::before { content: "\f222"; } .fa-mercury::before { content: "\f223"; } .fa-intersex::before, .fa-transgender::before { content: "\f224"; } .fa-transgender-alt::before { content: "\f225"; } .fa-venus-double::before { content: "\f226"; } .fa-mars-double::before { content: "\f227"; } .fa-venus-mars::before { content: "\f228"; } .fa-mars-stroke::before { content: "\f229"; } .fa-mars-stroke-v::before { content: "\f22a"; } .fa-mars-stroke-h::before { content: "\f22b"; } .fa-neuter::before { content: "\f22c"; } .fa-genderless::before { content: "\f22d"; } .fa-facebook-official::before { content: "\f230"; } .fa-pinterest-p::before { content: "\f231"; } .fa-whatsapp::before { content: "\f232"; } .fa-server::before { content: "\f233"; } .fa-user-plus::before { content: "\f234"; } .fa-user-times::before { content: "\f235"; } .fa-hotel::before, .fa-bed::before { content: "\f236"; } .fa-viacoin::before { content: "\f237"; } .fa-train::before { content: "\f238"; } .fa-subway::before { content: "\f239"; } .fa-medium::before { content: "\f23a"; } .fa-yc::before, .fa-y-combinator::before { content: "\f23b"; } .fa-optin-monster::before { content: "\f23c"; } .fa-opencart::before { content: "\f23d"; } .fa-expeditedssl::before { content: "\f23e"; } .fa-battery-4::before, .fa-battery::before, .fa-battery-full::before { content: "\f240"; } .fa-battery-3::before, .fa-battery-three-quarters::before { content: "\f241"; } .fa-battery-2::before, .fa-battery-half::before { content: "\f242"; } .fa-battery-1::before, .fa-battery-quarter::before { content: "\f243"; } .fa-battery-0::before, .fa-battery-empty::before { content: "\f244"; } .fa-mouse-pointer::before { content: "\f245"; } .fa-i-cursor::before { content: "\f246"; } .fa-object-group::before { content: "\f247"; } .fa-object-ungroup::before { content: "\f248"; } .fa-sticky-note::before { content: "\f249"; } .fa-sticky-note-o::before { content: "\f24a"; } .fa-cc-jcb::before { content: "\f24b"; } .fa-cc-diners-club::before { content: "\f24c"; } .fa-clone::before { content: "\f24d"; } .fa-balance-scale::before { content: "\f24e"; } .fa-hourglass-o::before { content: "\f250"; } .fa-hourglass-1::before, .fa-hourglass-start::before { content: "\f251"; } .fa-hourglass-2::before, .fa-hourglass-half::before { content: "\f252"; } .fa-hourglass-3::before, .fa-hourglass-end::before { content: "\f253"; } .fa-hourglass::before { content: "\f254"; } .fa-hand-grab-o::before, .fa-hand-rock-o::before { content: "\f255"; } .fa-hand-stop-o::before, .fa-hand-paper-o::before { content: "\f256"; } .fa-hand-scissors-o::before { content: "\f257"; } .fa-hand-lizard-o::before { content: "\f258"; } .fa-hand-spock-o::before { content: "\f259"; } .fa-hand-pointer-o::before { content: "\f25a"; } .fa-hand-peace-o::before { content: "\f25b"; } .fa-trademark::before { content: "\f25c"; } .fa-registered::before { content: "\f25d"; } .fa-creative-commons::before { content: "\f25e"; } .fa-gg::before { content: "\f260"; } .fa-gg-circle::before { content: "\f261"; } .fa-tripadvisor::before { content: "\f262"; } .fa-odnoklassniki::before { content: "\f263"; } .fa-odnoklassniki-square::before { content: "\f264"; } .fa-get-pocket::before { content: "\f265"; } .fa-wikipedia-w::before { content: "\f266"; } .fa-safari::before { content: "\f267"; } .fa-chrome::before { content: "\f268"; } .fa-firefox::before { content: "\f269"; } .fa-opera::before { content: "\f26a"; } .fa-internet-explorer::before { content: "\f26b"; } .fa-tv::before, .fa-television::before { content: "\f26c"; } .fa-contao::before { content: "\f26d"; } .fa-500px::before { content: "\f26e"; } .fa-amazon::before { content: "\f270"; } .fa-calendar-plus-o::before { content: "\f271"; } .fa-calendar-minus-o::before { content: "\f272"; } .fa-calendar-times-o::before { content: "\f273"; } .fa-calendar-check-o::before { content: "\f274"; } .fa-industry::before { content: "\f275"; } .fa-map-pin::before { content: "\f276"; } .fa-map-signs::before { content: "\f277"; } .fa-map-o::before { content: "\f278"; } .fa-map::before { content: "\f279"; } .fa-commenting::before { content: "\f27a"; } .fa-commenting-o::before { content: "\f27b"; } .fa-houzz::before { content: "\f27c"; } .fa-vimeo::before { content: "\f27d"; } .fa-black-tie::before { content: "\f27e"; } .fa-fonticons::before { content: "\f280"; } .fa-reddit-alien::before { content: "\f281"; } .fa-edge::before { content: "\f282"; } .fa-credit-card-alt::before { content: "\f283"; } .fa-codiepie::before { content: "\f284"; } .fa-modx::before { content: "\f285"; } .fa-fort-awesome::before { content: "\f286"; } .fa-usb::before { content: "\f287"; } .fa-product-hunt::before { content: "\f288"; } .fa-mixcloud::before { content: "\f289"; } .fa-scribd::before { content: "\f28a"; } .fa-pause-circle::before { content: "\f28b"; } .fa-pause-circle-o::before { content: "\f28c"; } .fa-stop-circle::before { content: "\f28d"; } .fa-stop-circle-o::before { content: "\f28e"; } .fa-shopping-bag::before { content: "\f290"; } .fa-shopping-basket::before { content: "\f291"; } .fa-hashtag::before { content: "\f292"; } .fa-bluetooth::before { content: "\f293"; } .fa-bluetooth-b::before { content: "\f294"; } .fa-percent::before { content: "\f295"; } .fa-gitlab::before { content: "\f296"; } .fa-wpbeginner::before { content: "\f297"; } .fa-wpforms::before { content: "\f298"; } .fa-envira::before { content: "\f299"; } .fa-universal-access::before { content: "\f29a"; } .fa-wheelchair-alt::before { content: "\f29b"; } .fa-question-circle-o::before { content: "\f29c"; } .fa-blind::before { content: "\f29d"; } .fa-audio-description::before { content: "\f29e"; } .fa-volume-control-phone::before { content: "\f2a0"; } .fa-braille::before { content: "\f2a1"; } .fa-assistive-listening-systems::before { content: "\f2a2"; } .fa-asl-interpreting::before, .fa-american-sign-language-interpreting::before { content: "\f2a3"; } .fa-deafness::before, .fa-hard-of-hearing::before, .fa-deaf::before { content: "\f2a4"; } .fa-glide::before { content: "\f2a5"; } .fa-glide-g::before { content: "\f2a6"; } .fa-signing::before, .fa-sign-language::before { content: "\f2a7"; } .fa-low-vision::before { content: "\f2a8"; } .fa-viadeo::before { content: "\f2a9"; } .fa-viadeo-square::before { content: "\f2aa"; } .fa-snapchat::before { content: "\f2ab"; } .fa-snapchat-ghost::before { content: "\f2ac"; } .fa-snapchat-square::before { content: "\f2ad"; } .fa-pied-piper::before { content: "\f2ae"; } .fa-first-order::before { content: "\f2b0"; } .fa-yoast::before { content: "\f2b1"; } .fa-themeisle::before { content: "\f2b2"; } .fa-google-plus-circle::before, .fa-google-plus-official::before { content: "\f2b3"; } .fa-fa::before, .fa-font-awesome::before { content: "\f2b4"; } .fa-handshake-o::before { content: "\f2b5"; } .fa-envelope-open::before { content: "\f2b6"; } .fa-envelope-open-o::before { content: "\f2b7"; } .fa-linode::before { content: "\f2b8"; } .fa-address-book::before { content: "\f2b9"; } .fa-address-book-o::before { content: "\f2ba"; } .fa-vcard::before, .fa-address-card::before { content: "\f2bb"; } .fa-vcard-o::before, .fa-address-card-o::before { content: "\f2bc"; } .fa-user-circle::before { content: "\f2bd"; } .fa-user-circle-o::before { content: "\f2be"; } .fa-user-o::before { content: "\f2c0"; } .fa-id-badge::before { content: "\f2c1"; } .fa-drivers-license::before, .fa-id-card::before { content: "\f2c2"; } .fa-drivers-license-o::before, .fa-id-card-o::before { content: "\f2c3"; } .fa-quora::before { content: "\f2c4"; } .fa-free-code-camp::before { content: "\f2c5"; } .fa-telegram::before { content: "\f2c6"; } .fa-thermometer-4::before, .fa-thermometer::before, .fa-thermometer-full::before { content: "\f2c7"; } .fa-thermometer-3::before, .fa-thermometer-three-quarters::before { content: "\f2c8"; } .fa-thermometer-2::before, .fa-thermometer-half::before { content: "\f2c9"; } .fa-thermometer-1::before, .fa-thermometer-quarter::before { content: "\f2ca"; } .fa-thermometer-0::before, .fa-thermometer-empty::before { content: "\f2cb"; } .fa-shower::before { content: "\f2cc"; } .fa-bathtub::before, .fa-s15::before, .fa-bath::before { content: "\f2cd"; } .fa-podcast::before { content: "\f2ce"; } .fa-window-maximize::before { content: "\f2d0"; } .fa-window-minimize::before { content: "\f2d1"; } .fa-window-restore::before { content: "\f2d2"; } .fa-times-rectangle::before, .fa-window-close::before { content: "\f2d3"; } .fa-times-rectangle-o::before, .fa-window-close-o::before { content: "\f2d4"; } .fa-bandcamp::before { content: "\f2d5"; } .fa-grav::before { content: "\f2d6"; } .fa-etsy::before { content: "\f2d7"; } .fa-imdb::before { content: "\f2d8"; } .fa-ravelry::before { content: "\f2d9"; } .fa-eercast::before { content: "\f2da"; } .fa-microchip::before { content: "\f2db"; } .fa-snowflake-o::before { content: "\f2dc"; } .fa-superpowers::before { content: "\f2dd"; } .fa-wpexplorer::before { content: "\f2de"; } .fa-meetup::before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } *, *:before, *:after { box-sizing: border-box; } html, body { height: 100%; } body { background: white; color: black; cursor: auto; margin: 0; padding: 0; position: relative; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } a:hover { cursor: pointer; } figure { margin: 0 0 1.5rem; } img { display: inline-block; height: auto; max-width: 100%; vertical-align: middle; } img { -ms-interpolation-mode: bicubic; } button { background: none; border: 0; } button:active, button:focus { box-shadow: none; outline: none; } textarea { height: auto; min-height: 50px; } select { width: 100%; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } html { font-size: 16px; } @media (min-width: 551px) { html { font-size: 16px; } } @media (min-width: 801px) { html { font-size: 16px; } } @media (min-width: 1261px) { html { font-size: 16px; } } body { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.5; } a { color: #767676; line-height: inherit; text-decoration: underline; } a:hover, a:focus { color: black; } p { margin-bottom: 1.5rem; } h1, h2, h3, h4, h5, h6 { color: black; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; line-height: 1.25; margin-bottom: 0.75rem; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #4f4f4f; font-size: 60%; line-height: 0; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } .subheader { font-weight: 400; line-height: 24px; margin-bottom: 0.75rem; } hr { border: solid whitesmoke; border-width: 1px 0 0; clear: both; height: 0; margin: 2rem 0 1.9375rem; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: 700; line-height: inherit; } small { font-size: 60%; line-height: inherit; } ul, ol, dl { list-style-position: outside; margin-bottom: 1.5rem; } ul ul, ul ol, ol ul, ol ol { margin-left: 1.2rem; margin-bottom: 0; } ul { margin-left: 1.5rem; } ol { margin-left: 0; } dl dt { font-weight: 700; margin-bottom: 0.375rem; } dl dd { margin-bottom: 1.5rem; } abbr, acronym { border-bottom: 1px dotted #dfdfdf; color: black; cursor: help; font-size: 90%; text-transform: uppercase; } abbr { text-transform: none; } blockquote { } blockquote, blockquote p { font-size: 20px; line-height: 29px; } cite { color: #a5a5a5; display: block; font-size: 1rem; } .icon { height: 1rem; width: 1rem; display: inline-block; vertical-align: middle; } .icon svg { display: inline-block; fill: #767676; height: 100%; vertical-align: top; width: 100%; } /*doc --- title: Lists name: lists category: Elements --- */ /*doc --- title: Inline List name: inline_list category: Elements parent: lists --- ```html_example

``` ##### Inline list settings ```sass_file_example src/settings/foundation/inlineList/_settings.scss ``` */ .inlineList { list-style: none; margin-top: 0; margin-bottom: 1.0625rem; margin-left: -1.375rem; margin-right: 0; overflow: hidden; padding: 0; } .inlineList > li { display: block; float: left; list-style: none; margin-left: 1.375rem; } .inlineList > li > * { display: block; } /*doc --- title: Tables name: tables category: Elements --- ```html_example

Table Header	Table Header	Totals
Content Goes Here	This is longer content Donec id elit non mi porta gravida at eget metus.	$10
Subtotal:		$60

``` ##### Tables settings ```sass_file_example src/settings/foundation/tables/_settings.scss ``` */ .table { border: solid 1px whitesmoke; margin-bottom: 2rem; table-layout: auto; width: 100%; } .table thead { background: #e5e5e5; } .table thead tr th, .table thead tr td { font-size: 1rem; font-weight: 700; padding: 0.75rem 1.5rem; } .table tr th, .table tr td { padding: 0.75rem 1.5rem; text-align: left; } .table thead tr th, .table tfoot tr th, .table tfoot tr td, .table tbody tr th, .table tbody tr td, .table tr td { display: table-cell; } .table th.table-header--numericData, .table td.table-cell--numericData { text-align: right; } .table-thead { border: 1px solid whitesmoke; } .table-tfoot { border: 1px solid whitesmoke; } .table-tbody tr { border-bottom: 1px solid whitesmoke; } .table-tbody tr:last-child { border-bottom: 0; } /*doc --- title: Buttons name: button category: Components --- These are all the button ```sass_file_example src/settings/foundation/buttons/_settings.scss ``` ```html_example Button ``` */ .button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 2px; cursor: pointer; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; line-height: normal; margin: 0 0 1rem; position: relative; text-align: center; text-decoration: none; display: inline-block; background-color: #666666; border-color: #666666; color: white; font-size: 1rem; padding: 0.875rem 2.25rem; border-radius: 0px; outline: none; vertical-align: middle; } .button:hover, .button:focus, .button.is-active, .button.active { background-color: #989898; border-color: #989898; color: whitesmoke; } .button:active { background-color: #989898; border: 2px solid #989898; color: whitesmoke; } .button:focus, .button.is-active, .button.active { outline: none; } @media (min-width: 481px) { .button + .button { margin-left: 0.75rem; } } /*doc --- title: Button states name: button_states category: Components parent: button --- ```html_example ``` */ .button--primary { background-color: #2d2d2d; border-color: #2d2d2d; color: white; } .button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active { background-color: #666666; border-color: #666666; color: whitesmoke; } .button--primary:active { background-color: #666666; border: 2px solid #666666; color: whitesmoke; } .button--tertiary { background-color: #dfdfdf; border-color: #dfdfdf; color: white; } .button--tertiary:hover, .button--tertiary:focus, .button--tertiary.is-active, .button--tertiary.active { background-color: #a5a5a5; border-color: #a5a5a5; color: whitesmoke; } .button--tertiary:active { background-color: #a5a5a5; border: 2px solid #a5a5a5; color: whitesmoke; } .button[disabled] { background-color: #eeeeee; border-color: #eeeeee; color: black; cursor: default; } /*doc --- title: Button sizes name: button_sizes category: Components parent: button --- ```html_example ``` And a special case, slab, which takes the full width of it's container and any size modifier ```html_example ``` */ .button--large { font-size: 18px; } .button--small { font-size: 14px; padding: 0.5625rem 1.5rem; } .button--tiny { } .button--slab { display: block; width: 100%; } .button + .button--slab { margin-left: 0; } .button--icon { font-size: 1rem; padding: 0.75rem 0.75rem; } .button--icon svg { fill: #888888; } /*doc --- title: Button Groups name: button_groups category: Components parent: button --- ```html_example

``` ##### Button group settings ```sass_file_example src/settings/bigcommerce/buttonGroup/_settings.scss ``` */ .buttonGroup { display: inline-block; } .buttonGroup > .button { border-radius: 0; border-right-width: 0; float: left; margin-left: 0; } .buttonGroup > .button:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .buttonGroup > .button:last-child { border-bottom-right-radius: 0px; border-right-width: 2px; border-top-right-radius: 0px; } /*doc --- title: Dropdowns name: dropdown category: Components --- Dropdowns are simple lists that can appear next to any element that can trigger a click event. They can be used by buttons, icons, links and other similar items. ```sass_file_example src/settings/foundation/dropdown/_settings.scss ``` ```html_example ``` */ .dropdown-menu { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #e8e8e8; font-size: 1rem; height: auto; width: 100%; z-index: 89; max-width: 200px; } .dropdown-menu.open { display: block; } .dropdown-menu > *:first-child { margin-top: 0; } .dropdown-menu > *:last-child { margin-bottom: 0; } .dropdown-menu--content { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #e8e8e8; font-size: 1rem; height: auto; padding: 0.75rem; width: 100%; z-index: 89; max-width: 200px; } .dropdown-menu--content.open { display: block; } .dropdown-menu--content > *:first-child { margin-top: 0; } .dropdown-menu--content > *:last-child { margin-bottom: 0; } .dropdown-menu-item { cursor: pointer; font-size: 1rem; line-height: 1.5; margin: 0; padding: 0.375rem 0.75rem; } .dropdown-menu-item a { display: block; padding: 0.375rem; } .dropdown-menu-item a { margin: -0.375rem; } /*doc --- title: Forms name: forms category: Forms --- ##### Foundation Forms settings ```sass_file_example src/settings/foundation/forms/_settings.scss ``` ##### Citadel Forms settings ```sass_file_example src/settings/foundation/forms/_settings.scss ``` */ /*doc --- title: Form basics name: 01forms_basics category: Forms parent: forms --- Citadel comes with styling for most form input types and some custom ones. To start things off a basic, semantic mark-up structure should be adhered too, including the `form`, `fieldset` and `legend` elements where ever possible. ```html_example ``` */ .form { margin: 0 0 1.5rem; } .form-fieldset { border-width: 0; margin: 0; padding: 0; } .form-legend { background: transparent; border: solid #4f4f4f; border-width: 0 0 1px; display: block; line-height: 32px; margin-bottom: 0.75rem; padding: 0; width: 100%; } /*doc --- title: Form labels and inputs name: 03forms_basics category: Forms parent: forms --- Inputs of all types should be associated with a label which has a `for` attribute ```html_example

Input Label

Number Label

Textarea Label additional context

``` */ .form-label { color: black; cursor: pointer; display: block; font-size: 1rem; line-height: 1.5; margin-bottom: 0.5rem; } .form-label small { color: #4f4f4f; font-size: 14px; text-transform: uppercase; vertical-align: bottom; } .form-input { appearance: none; background-color: white; border-color: #cccccc; border-style: solid; border-width: 1px; border-radius: 0px; color: black; display: block; font-family: inherit; font-size: 1rem; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; height: 3rem; margin: 0; padding: 0.75rem 1rem; transition: border-color 100ms ease-out; width: 100%; /*doc --- title: Disabled inputs name: 04forms_basics category: Forms parent: forms --- ```html_example

Input Label

``` */ } .form-input:disabled { background-color: white; color: #a5a5a5; cursor: not-allowed; } .form-input[readonly] { background-color: #f8f8f8; border-color: #4f4f4f; color: #989898; cursor: text; } .form-input:focus { border-color: #767676; outline: none; } .form-input[rows] { height: auto; } .form-input[type="search"] { box-sizing: border-box; } .form-input::-webkit-input-placeholder { color: #a5a5a5; } .form-input::-ms-clear { height: 0; width: 0; } .form-input::-moz-placeholder { color: #a5a5a5; } .form-input:-ms-input-placeholder { color: #a5a5a5; } /*doc --- title: Selects name: 05forms_basics category: Forms parent: forms --- ```html_example

Native Select label

``` */ .form-select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white; border-radius: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+"); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; color: black; font-family: inherit; font-size: 1rem; line-height: normal; padding: 0.75rem; border-radius: 0; cursor: pointer; height: 3rem; margin: 0; outline: 0; } .form-select::-ms-expand { display: none; } .form-select.radius { border-radius: 4px; } .form-select:focus { border-color: #767676; } .form-select:disabled { background-color: white; cursor: not-allowed; } .form-select:focus { border-color: #767676; } /*doc --- title: Form Panels and Layouts name: 13forms_layouts category: Forms parent: forms --- We provide a couple of component styles to layout forms. The more `form-field` components you place in the `form-row`, the smaller the columns gets. Columns are equal length, and calculated automatically by Flexbox by default. It's the same mark-up but depending on your browser support needs, you can switch between a flexbox layout or a more traditional grid based layout by setting `$formRow-modernBrowsers` to `false`. The grid based layout of `form-feilds` will require the use of modifiers to calculate the correct widths. We support `form-field--half`, `form-field--third` and `form-field--quarter` ```html_example

Form legend

Input Label

Prefixed Label

Input Label

Prefixed Label

Input Label

Prefixed Label

Input Label

Prefixed Label

``` */ .form-body { background-color: #f7f7f7; border: 1px solid #4f4f4f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13); margin-bottom: 1.5rem; max-width: none; padding: 1.5rem; } .form-row { margin: 0 -0.75rem; max-width: none; width: auto; } .form-row:before, .form-row:after { content: " "; display: table; } .form-row:after { clear: both; } .form-row .form-field { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; max-width: none; } @media (min-width: 551px) { .form-row--half .form-field { width: 50%; } .form-row--third .form-field { width: 33.33333%; } .form-row--quarter .form-field { width: 25%; } } /*doc --- title: Form Fields name: 02forms_basics category: Forms parent: forms --- Each form input should be wrapped in a `form-field` ```html_example

``` */ .form-field { display: block; margin: 0 0 2rem; max-width: none; } .form-field:before, .form-field:after { content: " "; display: table; } .form-field:after { clear: both; } /*doc --- title: Selects [multiple] name: 06forms_basics category: Forms parent: forms --- Styling of the select element with the multiple attribute ```html_example

Native Select Multiple label

``` */ .form-select[multiple] { height: auto; } .form-select[multiple] option { padding: 5px; } /*doc --- title: Radios and Checkbox name: 07forms_basics category: Forms parent: forms --- ```html_example

Field label Checkbox 1 label Checkbox 2 label

``` ```html_example

Field label Radio 1 label Radio 2 label

``` */ .form-checkbox, .form-radio { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-checkbox + .form-label, .form-radio + .form-label { display: inline-block; font-size: 1rem; font-weight: 400; margin-bottom: 0.375rem; padding-left: 1.875rem; position: relative; vertical-align: baseline; width: 100%; } .form-checkbox + .form-label::before, .form-checkbox + .form-label::after, .form-radio + .form-label::before, .form-radio + .form-label::after { content: ""; display: block; position: absolute; transition: all 50ms ease-out; } .form-checkbox + .form-label::before, .form-radio + .form-label::before { background-color: white; border: solid #cccccc; border-width: 1px; height: 1.125rem; left: 0; top: 0; width: 1.125rem; } .form-checkbox + .form-label::after, .form-radio + .form-label::after { height: 1rem; left: 1px; opacity: 0; top: 1px; transform: scale(0); width: 1rem; } .form-checkbox:checked + .form-label::after, .form-radio:checked + .form-label::after { opacity: 1; transform: scale(1); } .form-checkbox[disabled] + .form-label, .form-radio[disabled] + .form-label { cursor: default; } .form-checkbox[disabled] + .form-label::before, .form-radio[disabled] + .form-label::before { background-color: white; } .form-checkbox + .form-label::before { border-radius: 0px; } .form-checkbox + .form-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(118, 118, 118, 0.999)' /%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 100%; color: rgba(118, 118, 118, 0.999); content: ""; font-size: 1rem; line-height: 1; text-align: center; } .form-radio + .form-label::before { border-radius: 50%; } .form-radio + .form-label::after { background: rgba(118, 118, 118, 0.999); border: 3px solid white; border-radius: 1rem; } /*doc --- title: Inputs with Extras name: 08forms_inputextras category: Forms parent: forms --- Sometimes inputs need inline actions. An inline button for a search box for example. ```html_example

Input with action

``` */ .form-input.has-action { float: left; padding-right: 2.875rem; } .form-input.has-action + .button--inputAction { background: transparent; border: 0; border-radius: 0 0 0 0; float: left; height: 2.875rem; margin: 0.0625rem 0 0 -2.9375rem; width: 2.875rem; } /*doc --- title: Inputs with Icons name: 09forms_inputicons category: Forms parent: forms --- Sometimes inputs need to display an informative icon to convey a certain meaning, like secure. ```html_example

Input with icon

``` */ .form-input.has-icon { float: left; padding-right: 2.25rem; } .form-input.has-icon + .icon { height: 3rem; margin-left: -2.25rem; width: 1.25rem; } /*doc --- title: Form PrefixPostfix name: 10forms_prefixpostfix category: Forms parent: forms --- PrefixPostfix ```html_example

Prefixed Label (Inc. tax)

AUD $

Postfixed Label

``` ### PrefixPostfix with a button ```html_example

Prefixed Button

Postfixed Button

``` */ .form-prefixPostfix { display: flex; flex-direction: row; flex-wrap: nowrap; } .form-prefixPostfix .form-input { flex: 1; } .form-prefixPostfix .button { height: 3rem; } .form-prefixPostfix-input { border-radius: 0 0 0 0; } .form-prefixPostfix-label { background-color: white; border: solid #4f4f4f; border-width: 1px; flex: 1; font-weight: 300; height: 3rem; line-height: normal; max-width: 5.625rem; padding: 0.75rem; text-align: center; } .form-prefixPostfix-label--prefix { border-radius: 0 0 0 0; border-width: 1px 0 1px 1px; } .form-prefixPostfix-label--prefix + .form-input { border-radius: 0 0 0 0; } .form-prefixPostfix-label--postfix { border-radius: 0 0 0 0; border-width: 1px 1px 1px 0; } .form-prefixPostfix-button--prefix { margin: 0 0.75rem 0 0; } .form-prefixPostfix-button--postfix { margin: 0 0 0 0.75rem; } /*doc --- title: Form Switch name: 11forms_switch category: Forms parent: forms --- Switch ```html_example

Switching this setting off will...

On Switching this setting off will...

Off Switching this setting off will...

Down for Maintenance Open Switching this setting to off will enter your store into maintenance mode.

``` */ .switch-checkbox { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .switch-checkbox:focus + .switch-toggle { border-color: #888888; box-shadow: 0 0 4px rgba(136, 136, 136, 0.4); } .switch-toggle { background-color: #989898; border: 1px solid #989898; border-radius: 1.75rem; cursor: pointer; display: inline-block; height: 1.75rem; position: relative; transition: all 100ms ease-out; vertical-align: middle; width: 3.75rem; } .switch--important .switch-toggle { background-color: #d4cb49; border-color: #d4cb49; } .switch--checked .switch-toggle { background-color: #69d66f; border-color: #69d66f; } .switch--disabled .switch-toggle { background-color: #e8e8e8; border-color: #a5a5a5; cursor: default; } .switch-toggle::before { background: white; border-radius: 1.25003rem; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); content: ""; height: 1.25003rem; left: 0.18749rem; position: absolute; top: 0.18749rem; transition: all 100ms ease-out; width: 1.25003rem; } .switch--checked .switch-toggle::before { left: 2.18749rem; } .switch-label { color: white; height: 26px; line-height: 1.6875; position: absolute; right: 0.375rem; text-transform: uppercase; transition: all 100ms ease-out; } .switch--checked .switch-label { font-weight: 600; left: 0.375rem; right: auto; } .switch--disabled .switch-label { color: #989898; } .switch-label--icon.icon { height: 1.625rem; width: 1.625rem; } .switch-label--icon.icon svg { height: 1.625rem; width: 1.625rem; fill: white; } .switch--disabled .switch-label--icon.icon svg { fill: #989898; } .switch-description--off { color: #2d2d2d; margin-right: 5px; } .switch--checked .switch-description--off { color: #989898; } .switch-description--on { color: #989898; margin-left: 5px; } .switch--checked .switch-description--on { color: #2d2d2d; } .switch-ariaDescription { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*doc --- title: Form Actions name: 14forms_actions category: Forms parent: forms --- Forms require actions to submit or cancel (or what ever action a user should perform). Form actions come in 2 flavours; normal and fixed. ```html_example

Cancel

``` ### Form Actions --fixed ```html_example

Cancel

``` */ .form-actions { background: none; border: 0; text-align: center; } @media (min-width: 481px) { .form-actions { text-align: left; } } .form-actions > * { display: inline-block; margin-bottom: 1rem; width: 100%; } @media (min-width: 481px) { .form-actions > * { vertical-align: baseline; width: auto; } } @media (min-width: 481px) { .form-actions--fixed { background: #f7f7f7; border-top: 1px solid #4f4f4f; bottom: 0; left: 0; padding: 1.5rem 2rem; position: fixed; right: 0; text-align: right; z-index: 20; } } /*doc --- title: Form Errors name: 12forms_errors category: Forms parent: forms --- Form inline errors ```html_example

Valid field

Invalid field

This is not a valid email address

Warning field

Did you mean…

Select label

You must select a value

Checkbox label Checkbox 1 label Checkbox 2 label

Please select one or more

Radio label Radio 1 label Radio 2 label

Please select an option

Prefixed Label (Inc. tax)

AUD $

Please input a dollar amount

Postfixed Label

Please enter the weight in kilograms

Postfixed Button

This is a really long error message to give alot more detail to the user about what is wrong with this field.
Something else was wrong
You really messed up here

``` */ .form-input-indicator { height: 1.375rem; width: 1.375rem; float: left; margin: 0 0 0 -1.875rem; position: relative; top: 0.625rem; } .form-prefixPostfix .form-input-indicator { top: 0; } .form-input-indicator > svg { fill: #69d66f; } .form-field-errors { list-style: none; margin-left: 0; margin-left: 0; clear: both; margin-bottom: 0; margin-top: 0.1875rem; } .form-field-errors ul, .form-field-errors ol { list-style: none; margin-bottom: 0; } .form-inlineMessage { display: inline-block; line-height: 24px; margin: 0.375rem 0 -0.5rem; width: 100%; } .form-field--success .form-input, .form-field--error .form-input, .form-field--warning .form-input { float: left; } .form-field--success .form-input, .form-field--success .form-select, .form-field--success .form-checkbox + .form-label::before, .form-field--success .form-radio + .form-label::before, .form-field--success .form-prefixPostfix-label { border-color: #69d66f; } .form-field--success .form-field-error, .form-field--success .form-inlineMessage { color: #69d66f; } .form-field--success .form-input-indicator > svg { fill: #69d66f; } .form-field--error .form-input, .form-field--error .form-select, .form-field--error .form-checkbox + .form-label::before, .form-field--error .form-radio + .form-label::before, .form-field--error .form-prefixPostfix-label { border-color: #ff7d7d; } .form-field--error .form-field-error, .form-field--error .form-inlineMessage { color: #ff7d7d; } .form-field--error .form-input-indicator > svg { fill: #ff7d7d; } .form-field--warning .form-input, .form-field--warning .form-select, .form-field--warning .form-checkbox + .form-label::before, .form-field--warning .form-radio + .form-label::before, .form-field--warning .form-prefixPostfix-label { border-color: #d4cb49; } .form-field--warning .form-field-error, .form-field--warning .form-inlineMessage { color: #d4cb49; } .form-field--warning .form-input-indicator > svg { fill: #d4cb49; } /*doc --- title: Panels name: panel category: Components --- Panels are a simple container which is relatively positioned within the document which helps you section your content. Panels may also have a header, which contains a related title to describe the contents. ```sass_file_example src/settings/foundation/panels/_settings.scss ``` ```html_example

Panel Title

Some Panel Content

Should be able to handle any type of content.

``` */ .panel { position: relative; } .panel-header { background-color: #e5e5e5; margin: 0; padding: 1.5rem 2rem 0; } .panel-title { line-height: 1.5; margin: 0; } .panel-body { margin-bottom: 1.5rem; padding: 1rem 2rem 1.5rem; background: #e5e5e5; } .panel-body > :first-child { margin-top: 0; } .panel-body > :last-child { margin-bottom: 0; } .panel-body > :last-child { margin-bottom: 0; } .breadcrumbs { display: block; list-style: none; margin-left: 0; overflow: hidden; } .breadcrumb { color: #4f4f4f; float: left; font-size: 14px; line-height: 14px; margin: 0; line-height: 1.5; } .breadcrumb a { color: #4f4f4f; } .breadcrumb.current { color: #4f4f4f; cursor: default; } .breadcrumb.current a { color: #4f4f4f; cursor: default; } .breadcrumb.current:hover, .breadcrumb.current:hover a, .breadcrumb.current:focus, .breadcrumb.current:focus a { text-decoration: none; } .breadcrumb.unavailable { color: #a5a5a5; } .breadcrumb.unavailable a { color: #a5a5a5; } .breadcrumb.unavailable:hover, .breadcrumb.unavailable:hover a, .breadcrumb.unavailable:focus, .breadcrumb.unavailable a:focus { color: #a5a5a5; cursor: not-allowed; text-decoration: none; } .breadcrumb:before { color: #4f4f4f; content: "/"; margin: 0; position: relative; top: 1px; } .breadcrumb:first-child:before { content: " "; margin: 0; } .breadcrumb::before { margin: 0 0.5rem; } @media (min-width: 481px) { .breadcrumb::before { margin: 0 0.5rem; } } .breadcrumb-label { cursor: pointer; } .breadcrumb-label:hover { color: #767676; text-decoration: none; } .breadcrumb.is-active > .breadcrumb-label { color: #4f4f4f; cursor: default; } .breadcrumb.is-unavailable > .breadcrumb-label { color: #a5a5a5; cursor: default; } .tabs { border-bottom: 1px solid whitesmoke; margin: 0; } .tabs:before, .tabs:after { content: " "; display: table; } .tabs:after { clear: both; } .tab { border-bottom: white; display: block; list-style: none; margin: 0; padding: 0; position: relative; } @media (min-width: 551px) { .tab { float: left; } } .tab-title { display: block; padding: 0.75rem 1.5rem; } .tab-title:hover { color: black; } .tab.is-active .tab-title { color: black; font-weight: 600; } @media (min-width: 551px) { .tabs--vertical { border-bottom: 0; float: left; margin: 0 0 1.5rem; max-width: 20%; width: 20%; } } .tabs--vertical .tab { float: none; } .tabs-contents { margin-bottom: 1.5rem; } .tabs-contents:before, .tabs-contents:after { content: " "; display: table; } .tabs-contents:after { clear: both; } @media (min-width: 551px) { .tabs-contents--vertical { float: left; max-width: 80%; padding-left: 1.5rem; width: 80%; } .tabs-contents--vertical > .tab-content { padding: 0 1.5rem; } } .tab-content { display: none; padding: 1.5rem 0; } .tab-content.is-active { display: block; } .no-js .tab-content { display: block; float: none; } /*doc --- title: Navigation name: nav category: Components --- The navigation pattern holds a list of links wrapped in a navigation element. The links can help you navigate the document, or the information architecture. Each link should modify the URL in some way. ```sass_file_example src/settings/bigcommerce/nav/_settings.scss ``` We generate our own navigation abstractions through a `nav()` mixin. The mixin works as follows: ```scss_example nav($style: "navBar", $wrapper: "nav") ``` Where: - `$style` - The type of navigation (a bar or list) - `$wrapper` - The wrapper of the navigation (usually nav, ul or ol) There is also a `nav-action()` mixin, which when used will set the styles for any actionable items in your navigation list. ```scss_example nav-action($color, $fontFamily, $fontSize, $padding) ``` */ /*doc --- title: Navigation Bar name: navBar parent: nav category: Components --- The Navigation Bar is a horizontal navigation component, useful for page navigation or any other primary content navigation. ```html_example ``` You can create a navigation bar abstraction with the following mixin: ```scss_example .pageNavigation { @include nav("navBar", "nav"); @include nav-action($navBar-action-color, $navBar-action-fontFamily, $navBar-action-fontSize, $navBar-action-padding); } ``` */ .navBar:before, .navBar:after { content: " "; display: table; } .navBar:after { clear: both; } .navBar ul, .navBar ol { list-style: none; margin-left: 0; margin: 0; padding: 0; } .navBar ul ul, .navBar ul ol, .navBar ol ul, .navBar ol ol { list-style: none; margin-bottom: 0; } .navBar ul li, .navBar ol li { margin: 0; padding: 0; } .navBar-section { float: left; } .navBar-section:before, .navBar-section:after { content: " "; display: table; } .navBar-section:after { clear: both; } .navBar-section--alt { float: right; margin-left: 1.5rem; } .navBar-section + .navBar-section { margin-left: 1.5rem; } @media (min-width: 551px) { .navBar-item { float: left; } } .navBar-item, .navBar-action { display: block; } .navBar-action { color: #2d2d2d; padding: 0.75rem; } /*doc --- title: Navigation List name: navList parent: nav category: Components --- The Navigation List is a vertical navigation component, useful for secondary navigation like a list of child pages. ```html_example ``` You can create a navigation list abstraction with the following mixin: ```scss_example .subPagesList { @include nav("navList", "ul"); @include nav-action($navBar-action-color, $navBar-action-fontFamily, $navBar-action-fontSize, $navBar-action-padding); } ``` */ .navList:before, .navList:after { content: " "; display: table; } .navList:after { clear: both; } .navList ul, .navList ol { list-style: none; margin-left: 0; margin: 0; padding: 0; } .navList ul ul, .navList ul ol, .navList ol ul, .navList ol ol { list-style: none; margin-bottom: 0; } .navList ul li, .navList ol li { margin: 0; padding: 0; } .navList-section:before, .navList-section:after { content: " "; display: table; } .navList-section:after { clear: both; } .navList-section--alt { float: right; margin-left: 1.5rem; } .navList-section + .navList-section { margin-top: 1.5rem; } .navList-item, .navList-action { display: block; } .navList-action { color: #767676; padding: 0.1875rem 0; } .pagination-list { display: block; margin-left: 0; } .pagination-list li { color: black; font-size: 1rem; margin-left: 0.375rem; } .pagination-list li a, .pagination-list li button { border-radius: 4px; transition: background-color 300ms ease-out; background: none; color: #767676; display: block; font-size: 1em; font-weight: normal; line-height: inherit; padding: 0.3125rem 0.5rem; } .pagination-list li { display: block; } li.pagination-item { cursor: pointer; } li.pagination-item:first-child { margin-left: 0; } li.pagination-item a:hover { color: black; } li.pagination-item--current a, li.pagination-item--current button { color: black; cursor: default; } /*doc --- title: Alerts name: alerts category: Components --- Alerts can be used to inform users about the actions they perform, whether it's a successful message, a warning, error, or just information. They can be displayed at a page level or inside a specific container. They will take the full width of their containers. ```sass_file_example src/settings/foundation/alerts/_settings.scss ``` The alert box consists of three `alertBox-column`s: The `alertBox-icon` which contains the icon for the type of alert, the `alertBox-message` which can contain the heading and text for the alert message, and `alertBox-close` which holds the close button. You can set the vertical alignment of the columns in the setting variables. ```html_example

Generic alert

``` */ .alertBox { border-style: none; display: block; font-size: 1rem; font-weight: 400; margin-bottom: 0.75rem; padding: 0.75rem 1.125rem 0.75rem 1.125rem; position: relative; transition: opacity 300ms ease-out; background-color: #e8e8e8; border-color: #e8e8e8; color: #1a1a1a; } .alertBox .icon { height: 1.25rem; width: 1.25rem; } .alertBox .button { margin: 0 0 0 0.75rem; } .alertBox--info { background-color: #ede7db; border-color: #ede7db; color: #1a1a1a; } .alertBox--info svg { fill: black; } .alertBox--success { background-color: #d5ffd8; border-color: #d5ffd8; color: #1a1a1a; } .alertBox--success svg { fill: #69d66f; } .alertBox--warning { background-color: #fffdea; border-color: #fffdea; color: #1a1a1a; } .alertBox--warning svg { fill: #d4cb49; } .alertBox--error { background-color: #ffdddd; border-color: #ffdddd; color: #1a1a1a; } .alertBox--error svg { fill: #ff7d7d; } .alertBox-column { display: table-cell; text-align: center; vertical-align: middle; } .alertBox-icon { padding-right: 1.125rem; } .alertBox-message { margin: 0; text-align: left; width: 100%; } .alertBox-heading { margin: 0; } .alertBox-close { cursor: pointer; padding-left: 1.125rem; } .alertBox-close .icon { height: 1.25rem; width: 1.25rem; } .alertBox-close svg { fill: #4f4f4f; } /*doc --- title: Accordion name: accordion category: Components --- ```html_example

Dynamic Group Body - 1

``` ```sass_file_example src/settings/foundation/accordion/_settings.scss ``` */ .accordion { margin-bottom: 0; border: whitesmoke solid; border-width: 1px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13); margin: 0 0 1.5rem; } .accordion:before, .accordion:after { content: " "; display: table; } .accordion:after { clear: both; } .accordion-navigation { display: block; margin-bottom: 0 !important; border: whitesmoke solid; border-width: 1px 0; cursor: pointer; } .accordion-navigation.is-open > a { background: #f7f7f7; color: #2d2d2d; } .accordion-navigation > a { background: #f7f7f7; color: black; padding: 1.875rem; display: block; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 1rem; } .accordion-navigation > a:hover { background: #e5e5e5; } .accordion-navigation .accordion-title { padding: 1.5rem 1.875rem; } .accordion-title { font-weight: 700; line-height: 24px; } .accordion-content { display: none; padding: 2rem; border: whitesmoke solid; border-width: 0 0 1px; } .accordion-content.is-open { display: block; } .accordion-navigation--success .accordion-title, .accordion-navigation--success.is-open > a { color: #69d66f; } .accordion-navigation--error .accordion-title, .accordion-navigation--error.is-open > a { color: #ff7d7d; } .accordion-navigation--warning .accordion-title, .accordion-navigation--warning.is-open > a { color: #d4cb49; } body.has-activeModal { overflow: hidden; } .modal-background { background: #2d2d2d; background: rgba(45, 45, 45, 0.95); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1004; left: 0; } .has-activeModal .modal-background { display: block; } .modal { border-radius: 0; display: none; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 1005; left: 0; background-color: white; padding: 2.25rem 2.25rem; border: solid 0 whitesmoke; box-shadow: none; max-height: 80%; overflow: auto; position: fixed; } @media only screen and (max-width: 551px) { .modal { min-height: 100vh; } } .modal .column, .modal .columns { min-width: 0; } .modal > :first-child { margin-top: 0; } .modal > :last-child { margin-bottom: 0; } @media only screen and (min-width: 551px) { .modal { left: 0; margin: 0 auto; max-width: 80%; right: 0; width: 900px; } } @media only screen and (min-width: 551px) { .modal { top: 50% !important; } } @media (min-width: 551px) { .modal { transform: translateY(-50%); } } .modal--large { max-height: 90%; width: 1280px; } .modal--small { width: 500px; } .modal-header { border-bottom: 1px solid whitesmoke; padding: 1rem 0; position: relative; } .modal-header-title { margin: 0; } .modal-body { padding: 3rem 0; } .modal-body > :last-child { margin-bottom: 0; } .modal-footer { border-top: 1px solid whitesmoke; padding: 0.75rem 1.5rem; text-align: center; } @media (min-width: 481px) { .modal-footer { text-align: right; } } .modal-footer .button { display: block; } @media (min-width: 481px) { .modal-footer .button { display: inline-block; margin-bottom: 0; } } .modal-footer-link { display: inline-block; font-size: 14px; margin: 0 0 0.75rem; } @media (min-width: 481px) { .modal-footer-link { display: inline; margin: 1.5rem; } } .modal-close { color: #666666; cursor: pointer; font-size: 22px; font-weight: normal; line-height: 1; position: absolute; top: 1.05rem; right: 0.75rem; transform: translateY(none); } .modal-close .icon { height: 1.25rem; width: 1.25rem; } @media print { .modal { background: #FFFFFF !important; display: none; } } .loadingNotification { left: 50%; position: fixed; text-align: center; top: 3rem; transform: translateX(-50%); transform-style: preserve-3d; transition: all 200ms ease-out; z-index: 500; } .loadingNotification.ng-hide-remove, .loadingNotification.ng-hide-add-active { opacity: 0; top: 3.6rem; transform: scale(0.9) translateX(-50%); } .loadingNotification.ng-hide-remove-active { opacity: 1; top: 3rem; transform: scale(1) translateX(-50%); } .loadingNotification-label { background: #666666; border-radius: 4px; color: white; display: inline-block; font-size: 14px; padding: 0.375rem 0.75rem; } .loadingOverlay-container { min-height: 120px; position: relative; } .loadingOverlay { background: rgba(45, 45, 45, 0.9); bottom: 0; height: 100%; left: 0; opacity: 1; position: absolute; right: 0; top: 0; transition: all 250ms ease-out; width: 100%; } .loadingOverlay::before { height: 2.5rem; width: 2.5rem; border-radius: 2.5rem; border: solid 2px; border-color: white white #989898 #989898; content: ""; display: block; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(0deg); transform-style: preserve-3d; animation: spin 500ms infinite cubic-bezier(0.69, 0.31, 0.56, 0.83); } .loadingOverlay.ng-enter, .loadingOverlay.ng-leave.ng-leave-active { opacity: 0; } .loadingOverlay.ng-leave, .loadingOverlay.ng-enter.ng-enter-active { opacity: 1; } @keyframes spin { 0% { transform: translateY(-50%) rotate(0deg); } 100% { transform: translateY(-50%) rotate(360deg); } } /*doc --- title: ActionBar name: action_bar category: Patterns --- ```html_example

Advanced

Sort by

``` ```sass_file_example src/settings/bigcommerce/actionBar/_settings.scss ``` */ .actionBar { margin: 1.5rem 0; } .actionBar:before, .actionBar:after { content: " "; display: table; } .actionBar:after { clear: both; } .actionBar .button { margin-bottom: 0; } .actionBar .buttonGroup { vertical-align: middle; } .actionBar-link { display: block; padding: 0.75rem 0; } .actionBar-section:before, .actionBar-section:after { content: " "; display: table; } .actionBar-section:after { clear: both; } @media (min-width: 551px) { .actionBar-section { float: left; } .actionBar-section .form-label { display: inline-block; margin: 0 0.375rem 0 0; } .actionBar-section .form-select, .actionBar-section .form-input { display: inline-block; width: 12.5rem; } } @media (min-width: 551px) { .actionBar-section--alt { float: right; } } .actionBar-item { margin-bottom: 1.5rem; } @media (min-width: 551px) { .actionBar-item { display: inline-block; margin-bottom: 0; margin-right: 1.5rem; vertical-align: middle; } .actionBar-item:last-child { margin-right: 0; } } /*doc --- title: Cards name: cards category: Components --- Cards are a typical component consisting of a figure and a short snippet of descriptive text. This could include a heading and a caption or definition, and perhaps a call to action or other actionable functions. ```sass_file_example src/settings/bigcommerce/cards/_settings.scss ``` ```html_example

20% Off First Design Project

Custom Designs

Be seen by customers at the very moment that they are searching on Google for the things you offer.

``` */ .card { background-color: transparent; margin-bottom: 3rem; padding: 0 0; } .card-figure { background-color: #f7f7f7; margin-bottom: 0; padding: 0 0; position: relative; } .card-image { border: 1px solid #4f4f4f; width: 100%; } .card-figcaption { bottom: 0; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 0; } .card-figcaption:hover { opacity: 1; } .card-figcaption-action { display: block; height: 100%; } .card-figcaption-body { position: relative; top: 50%; transform: translateY(-50%); transform-style: preserve-3d; } .card-figcaption-body > :first-child { margin-top: 0; } .card-figcaption-body > :last-child { margin-bottom: 0; } .card-figcaption-body .card-text { color: #4f4f4f; } .card-figcaption-button { background-color: #2d2d2d; color: white; } .card-figcaption-button:hover { background-color: #e5e5e5; color: white; } .card-body { padding: 0.75rem 0 0; } .card-body > :first-child { margin-top: 0; } .card-body > :last-child { margin-bottom: 0; } .card-body .card-text { color: #4f4f4f; } .card-surTitle { float: right; margin-left: 1.5rem; max-width: 40%; text-align: right; } .card-footer { background-color: transparent; margin: 0; } .card-footer:before, .card-footer:after { content: " "; display: table; } .card-footer:after { clear: both; } .card-button { margin-bottom: 0; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff center center no-repeat; } /* Icons */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 0.8; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.6; } .slick-prev:before, .slick-next:before { font-family: inherit; font-size: 20px; line-height: 1; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: ""; } [dir="rtl"] .slick-prev:before { content: ""; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: ""; } [dir="rtl"] .slick-next:before { content: ""; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 0.8; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 20px; height: 20px; font-family: inherit; font-size: 60px; line-height: 20px; text-align: center; color: #cccccc; opacity: 0.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 1; } .slick-next, .slick-prev { z-index: 1; padding: 0.625rem; width: 2.5rem; height: 2.5rem !important; border-radius: 50%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); background: white; } .slick-next::before, .slick-prev::before { background-repeat: no-repeat; background-size: 100%; display: block; height: 1.125rem; width: 0.625rem; margin-left: auto; margin-right: auto; } .slick-next:hover, .slick-next:focus, .slick-prev:hover, .slick-prev:focus { background-position: 50%; background-repeat: no-repeat; background-size: 100%; background: #767676; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .slick-next:hover::after, .slick-prev:hover::after { border-color: black; } .slick-next { right: -10px; } @media (min-width: 1261px) { .slick-next { right: -3.375rem; } } .slick-next::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M10.1651 8.33934C10.6533 8.8414 10.6533 9.65675 10.1651 10.1588L2.66658 17.8705C2.17839 18.3726 1.38558 18.3726 0.897389 17.8705C0.409204 17.3685 0.409204 16.5531 0.897389 16.051L7.51328 9.24707L0.901295 2.4431C0.413109 1.94103 0.413109 1.12568 0.901295 0.623618C1.38948 0.121554 2.18229 0.121554 2.67048 0.623618L10.169 8.33532L10.1651 8.33934Z' fill='black'/%3E%3C/svg%3E%0A"); } .slick-next:focus::before, .slick-next:not(.slick-disabled):hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M10.1651 8.33934C10.6533 8.8414 10.6533 9.65675 10.1651 10.1588L2.66658 17.8705C2.17839 18.3726 1.38558 18.3726 0.897389 17.8705C0.409204 17.3685 0.409204 16.5531 0.897389 16.051L7.51328 9.24707L0.901295 2.4431C0.413109 1.94103 0.413109 1.12568 0.901295 0.623618C1.38948 0.121554 2.18229 0.121554 2.67048 0.623618L10.169 8.33532L10.1651 8.33934Z' fill='%232d2d2d'/%3E%3C/svg%3E%0A"); } .slick-next:focus::after, .slick-next:not(.slick-disabled):hover::after { border-color: #767676; } .slick-prev { left: -15px; } @media (min-width: 1261px) { .slick-prev { left: -3.375rem; } } .slick-prev::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M0.370547 8.11719C-0.124245 8.60547 -0.124245 9.39844 0.370547 9.88672L7.97055 17.3867C8.46534 17.875 9.26888 17.875 9.76367 17.3867C10.2585 16.8984 10.2585 16.1055 9.76367 15.6172L3.05826 9L9.75971 2.38281C10.2545 1.89453 10.2545 1.10156 9.75971 0.613281C9.26492 0.125 8.46138 0.125 7.96659 0.613281L0.366588 8.11328L0.370547 8.11719Z' fill='black'/%3E%3C/svg%3E"); } .slick-prev:focus::before, .slick-prev:not(.slick-disabled):hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M0.501821 8.33934C0.0136347 8.8414 0.0136347 9.65676 0.501821 10.1588L8.00036 17.8705C8.48854 18.3726 9.28136 18.3726 9.76954 17.8705C10.2577 17.3685 10.2577 16.5531 9.76954 16.051L3.15365 9.24707L9.76564 2.4431C10.2538 1.94103 10.2538 1.12568 9.76564 0.623618C9.27745 0.121554 8.48464 0.121554 7.99645 0.623618L0.497914 8.33532L0.501821 8.33934Z' fill='%232d2d2d'/%3E%3C/svg%3E%0A"); } .slick-prev:focus::after, .slick-prev:not(.slick-disabled):hover::after { border-color: #767676; } .slick-slide img { display: block; width: 100%; } .slick-dots li { margin: 0 2px; } .slick-dots li button, .slick-dots li button::before { height: 0.625rem; width: 0.625rem; border-radius: 50%; } .slick-dots li button { border: 0; display: inline-block; margin: 0; padding: 0; position: relative; text-align: center; vertical-align: middle; } .slick-dots li button::before { background: #cccccc; opacity: 1; } .slick-dots li button::before { display: block; transition: background 100ms ease-out; } .slick-dots li.slick-active button::before { background: black; } .slick-disabled { cursor: default; opacity: 0.1; } .slick-track { backface-visibility: hidden; perspective: 1000px; } div.slick-slider { width: 1px; min-width: 100%; *width: 100%; } .slick-slider { margin: 0; } .slick-slide .card-image { object-fit: contain; font-family: "object-fit: contain"; } .slick-next { right: 0; } .slick-prev { left: 0; } .slick-vertical .slick-prev { left: 50%; top: 0; transform: translateX(-50%); } .slick-vertical .slick-prev::before { transform: rotate(90deg); } .slick-vertical .slick-next { left: 50%; top: auto; bottom: 0; transform: translateX(-50%); } .slick-vertical .slick-next::before { transform: rotate(90deg); } .slick-vertical .slick-prev, .slick-vertical .slick-next { width: 3.625rem; height: 2.5rem; margin-top: 0; } .slick-vertical .slick-prev::before, .slick-vertical .slick-next::before { width: 2.5rem; height: 1.3125rem; } .blaze-slider { --slides-to-show:1; --slide-gap:20px; direction: ltr; } .blaze-container { position: relative; } .blaze-track-container { overflow: hidden; } .blaze-track { will-change: transform; touch-action: pan-y; display: flex; gap: var(--slide-gap); --slide-width:calc( (100% - (var(--slides-to-show) - 1) * var(--slide-gap)) / var(--slides-to-show) ); box-sizing: border-box; } .blaze-track > * { box-sizing: border-box; width: var(--slide-width); flex-shrink: 0; } @media (min-width: 801px) { .blaze-container { margin: 0 -0.75rem; } } .blaze-container .blaze-track-container { position: relative; padding: 0.1875rem 0.75rem; } @media (min-width: 1261px) { .blaze-container .blaze-track-container { padding: 0.1875rem 1rem; } } @media (max-width: 800px) { .blaze-container .blaze-track-container { padding: 0; } } .blaze-container .blaze-prev, .blaze-container .blaze-next { position: absolute; display: block; top: 50%; z-index: 1; padding: 0.625rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); background: white; } @media (max-width: 800px) { .blaze-container .blaze-prev, .blaze-container .blaze-next { display: none; } } .blaze-container .blaze-prev::before, .blaze-container .blaze-next::before { content: ""; background-repeat: no-repeat; background-size: 100%; display: block; height: 1.125rem; width: 0.625rem; margin-left: auto; margin-right: auto; } .blaze-container .blaze-prev:hover, .blaze-container .blaze-next:hover { background-position: 50%; background-repeat: no-repeat; background-size: 100%; background: #767676; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .blaze-container .blaze-prev:hover::after, .blaze-container .blaze-next:hover::after { border-color: black; } .blaze-container .blaze-prev { transform: translate(0, -50%); left: -2rem; } @media (min-width: 1750px) { .blaze-container .blaze-prev { left: -3.5rem; } } @media (max-width: 1260px) { .blaze-container .blaze-prev { left: 0.1875rem; } } .blaze-container .blaze-prev::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M0.370547 8.11719C-0.124245 8.60547 -0.124245 9.39844 0.370547 9.88672L7.97055 17.3867C8.46534 17.875 9.26888 17.875 9.76367 17.3867C10.2585 16.8984 10.2585 16.1055 9.76367 15.6172L3.05826 9L9.75971 2.38281C10.2545 1.89453 10.2545 1.10156 9.75971 0.613281C9.26492 0.125 8.46138 0.125 7.96659 0.613281L0.366588 8.11328L0.370547 8.11719Z' fill='black'/%3E%3C/svg%3E"); } .blaze-container .blaze-prev:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M0.501821 8.33934C0.0136347 8.8414 0.0136347 9.65676 0.501821 10.1588L8.00036 17.8705C8.48854 18.3726 9.28136 18.3726 9.76954 17.8705C10.2577 17.3685 10.2577 16.5531 9.76954 16.051L3.15365 9.24707L9.76564 2.4431C10.2538 1.94103 10.2538 1.12568 9.76564 0.623618C9.27745 0.121554 8.48464 0.121554 7.99645 0.623618L0.497914 8.33532L0.501821 8.33934Z' fill='%232d2d2d'/%3E%3C/svg%3E%0A"); } .blaze-container .blaze-next { transform: translate(0, -50%); right: -2rem; } @media (min-width: 1750px) { .blaze-container .blaze-next { right: -3.5rem; } } @media (max-width: 1260px) { .blaze-container .blaze-next { right: 0.1875rem; } } .blaze-container .blaze-next::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M10.1651 8.33934C10.6533 8.8414 10.6533 9.65675 10.1651 10.1588L2.66658 17.8705C2.17839 18.3726 1.38558 18.3726 0.897389 17.8705C0.409204 17.3685 0.409204 16.5531 0.897389 16.051L7.51328 9.24707L0.901295 2.4431C0.413109 1.94103 0.413109 1.12568 0.901295 0.623618C1.38948 0.121554 2.18229 0.121554 2.67048 0.623618L10.169 8.33532L10.1651 8.33934Z' fill='black'/%3E%3C/svg%3E%0A"); } .blaze-container .blaze-next:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M10.1651 8.33934C10.6533 8.8414 10.6533 9.65675 10.1651 10.1588L2.66658 17.8705C2.17839 18.3726 1.38558 18.3726 0.897389 17.8705C0.409204 17.3685 0.409204 16.5531 0.897389 16.051L7.51328 9.24707L0.901295 2.4431C0.413109 1.94103 0.413109 1.12568 0.901295 0.623618C1.38948 0.121554 2.18229 0.121554 2.67048 0.623618L10.169 8.33532L10.1651 8.33934Z' fill='%232d2d2d'/%3E%3C/svg%3E%0A"); } .blaze-container .blaze-pagination { display: flex; gap: 0.625rem; flex-wrap: wrap; justify-content: center; margin: 0.75rem 0; } .blaze-container .blaze-pagination button { color: transparent; font-size: 0; padding: 0; height: 0.625rem; width: 0.625rem; border-radius: 50%; background-color: #cccccc; } .blaze-container .blaze-pagination button.active { background-color: black; } .blaze-container .blaze-pagination:not(:has(button)) { display: none; } .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: 0.625em; overflow-y: hidden; background: #fff; box-shadow: 0 0 0.625em #d9d9d9; } .swal2-popup.swal2-toast .swal2-header { flex-direction: row; padding: 0; } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 0.6em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; } .swal2-popup.swal2-toast .swal2-close { position: static; width: 0.8em; height: 0.8em; line-height: 0.8; } .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; padding: 0; font-size: 1em; } .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0; } .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { font-size: .25em; } } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { top: .875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { left: .3125em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { right: .3125em; } .swal2-popup.swal2-toast .swal2-actions { flex-basis: auto !important; width: auto; height: auto; margin: 0 .3125em; } .swal2-popup.swal2-toast .swal2-styled { margin: 0 .3125em; padding: .3125em .625em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4); } .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { position: absolute; width: 1.6em; height: 3em; transform: rotate(45deg); border-radius: 50%; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] { top: -.8em; left: -.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] { top: -.25em; left: .9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: .4375em; width: .4375em; height: 2.6875em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] { height: .3125em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] { top: 1.125em; left: .1875em; width: .75em; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] { top: .9375em; right: .1875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-toast-animate-success-line-tip .75s; } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-toast-animate-success-line-long .75s; } .swal2-popup.swal2-toast.swal2-show { animation: swal2-toast-show 0.5s; } .swal2-popup.swal2-toast.swal2-hide { animation: swal2-toast-hide 0.1s forwards; } .swal2-container { display: flex; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: 0.625em; overflow-x: hidden; transition: background-color 0.1s; -webkit-overflow-scrolling: touch; } .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { background: rgba(0, 0, 0, 0.4); } .swal2-container.swal2-backdrop-hide { background: transparent !important; } .swal2-container.swal2-top { align-items: flex-start; } .swal2-container.swal2-top-start, .swal2-container.swal2-top-left { align-items: flex-start; justify-content: flex-start; } .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end; } .swal2-container.swal2-center { align-items: center; } .swal2-container.swal2-center-start, .swal2-container.swal2-center-left { align-items: center; justify-content: flex-start; } .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end; } .swal2-container.swal2-bottom { align-items: flex-end; } .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left { align-items: flex-end; justify-content: flex-start; } .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end; } .swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child { margin-top: auto; } .swal2-container.swal2-grow-fullscreen > .swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center; } .swal2-container.swal2-grow-row > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column; } .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom { align-items: center; } .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left { align-items: flex-start; } .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right { align-items: flex-end; } .swal2-container.swal2-grow-column > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-no-transition { transition: none !important; } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { margin: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-container .swal2-modal { margin: 0 !important; } } .swal2-popup { display: none; position: relative; box-sizing: border-box; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border: none; border-radius: 0.3125em; background: #fff; font-family: inherit; font-size: 1rem; } .swal2-popup:focus { outline: none; } .swal2-popup.swal2-loading { overflow-y: hidden; } .swal2-header { display: flex; flex-direction: column; align-items: center; padding: 0 1.8em; } .swal2-title { position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #595959; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; } .swal2-actions { display: flex; z-index: 1; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; margin: 1.25em auto 0; } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: .4; } .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { box-sizing: border-box; width: 2.5em; height: 2.5em; margin: .46875em; padding: 0; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: .25em solid transparent; border-radius: 100%; border-color: transparent; background-color: transparent !important; color: transparent !important; cursor: default; user-select: none; } .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px; } .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { content: ''; display: inline-block; width: 15px; height: 15px; margin-left: 5px; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: 3px solid #999999; border-radius: 50%; border-right-color: transparent; box-shadow: 1px 1px 1px #fff; } .swal2-styled { margin: .3125em; padding: .625em 2em; box-shadow: none; font-weight: 500; } .swal2-styled:not([disabled]) { cursor: pointer; } .swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background: initial; background-color: #3085d6; color: #fff; font-size: 1.0625em; } .swal2-styled.swal2-cancel { border: 0; border-radius: 0.25em; background: initial; background-color: #aaa; color: #fff; font-size: 1.0625em; } .swal2-styled:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4); } .swal2-styled::-moz-focus-inner { border: 0; } .swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #eee; color: #545454; font-size: 1em; } .swal2-timer-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; height: 0.25em; overflow: hidden; border-bottom-right-radius: 0.3125em; border-bottom-left-radius: 0.3125em; } .swal2-timer-progress-bar { width: 100%; height: 0.25em; background: rgba(0, 0, 0, 0.2); } .swal2-image { max-width: 100%; margin: 1.25em auto; } .swal2-close { position: absolute; z-index: 2; top: 0; right: 0; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; overflow: hidden; transition: color 0.1s ease-out; border: none; border-radius: 0; background: transparent; color: #cccccc; font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer; } .swal2-close:hover { transform: none; background: transparent; color: #f27474; } .swal2-close::-moz-focus-inner { border: 0; } .swal2-content { z-index: 1; justify-content: center; margin: 0; padding: 0 1.6em; color: #545454; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; word-wrap: break-word; } .swal2-input, .swal2-file, .swal2-textarea, .swal2-select, .swal2-radio, .swal2-checkbox { margin: 1em auto; } .swal2-input, .swal2-file, .swal2-textarea { box-sizing: border-box; width: 100%; transition: border-color 0.3s, box-shadow 0.3s; border: 1px solid #d9d9d9; border-radius: 0.1875em; background: inherit; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); color: inherit; font-size: 1.125em; } .swal2-input.swal2-inputerror, .swal2-file.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; } .swal2-input:focus, .swal2-file:focus, .swal2-textarea:focus { border: 1px solid #b4dbed; outline: none; box-shadow: 0 0 3px #c4e6f5; } .swal2-input::placeholder, .swal2-file::placeholder, .swal2-textarea::placeholder { color: #cccccc; } .swal2-range { margin: 1em auto; background: #fff; } .swal2-range input { width: 80%; } .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; } .swal2-range input, .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em; } .swal2-input { height: 2.625em; padding: 0 0.75em; } .swal2-input[type='number'] { max-width: 10em; } .swal2-file { background: inherit; font-size: 1.125em; } .swal2-textarea { height: 6.75em; padding: 0.75em; } .swal2-select { min-width: 50%; max-width: 100%; padding: .375em .625em; background: inherit; color: inherit; font-size: 1.125em; } .swal2-radio, .swal2-checkbox { align-items: center; justify-content: center; background: #fff; color: inherit; } .swal2-radio label, .swal2-checkbox label { margin: 0 .6em; font-size: 1.125em; } .swal2-radio input, .swal2-checkbox input { margin: 0 .4em; } .swal2-validation-message { display: none; align-items: center; justify-content: center; padding: 0.625em; overflow: hidden; background: #f0f0f0; color: #666666; font-size: 1em; font-weight: 300; } .swal2-validation-message::before { content: '!'; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 .625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; } .swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: .25em solid transparent; border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; user-select: none; } .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; } .swal2-icon.swal2-error { border-color: #f27474; color: #f27474; } .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: .3125em; border-radius: .125em; background-color: #f27474; } .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { left: 1.0625em; transform: rotate(45deg); } .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { right: 1em; transform: rotate(-45deg); } .swal2-icon.swal2-error.swal2-icon-show { animation: swal2-animate-error-icon .5s; } .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { animation: swal2-animate-error-x-mark .5s; } .swal2-icon.swal2-warning { border-color: #facea8; color: #f8bb86; } .swal2-icon.swal2-info { border-color: #9de0f6; color: #3fc3ee; } .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd; } .swal2-icon.swal2-success { border-color: #a5dc86; color: #a5dc86; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50%; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] { top: -.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] { top: -.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; } .swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -.25em; left: -.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; } .swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: .5em; left: 1.625em; width: .4375em; height: 5.625em; transform: rotate(-45deg); } .swal2-icon.swal2-success [class^='swal2-success-line'] { display: block; position: absolute; z-index: 2; height: .3125em; border-radius: .125em; background-color: #a5dc86; } .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { top: 2.875em; left: .8125em; width: 1.5625em; transform: rotate(45deg); } .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] { top: 2.375em; right: .5em; width: 2.9375em; transform: rotate(-45deg); } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-animate-success-line-tip .75s; } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-animate-success-line-long .75s; } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: swal2-rotate-success-circular-line 4.25s ease-in; } .swal2-progress-steps { align-items: center; margin: 0 0 1.25em; padding: 0; background: inherit; font-weight: 600; } .swal2-progress-steps li { display: inline-block; position: relative; } .swal2-progress-steps .swal2-progress-step { z-index: 20; width: 2em; height: 2em; border-radius: 2em; background: #3085d6; color: #fff; line-height: 2em; text-align: center; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #3085d6; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: #add8e6; color: #fff; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: #add8e6; } .swal2-progress-steps .swal2-progress-step-line { z-index: 10; width: 2.5em; height: .4em; margin: 0 -1px; background: #3085d6; } [class^='swal2'] { -webkit-tap-highlight-color: transparent; } .swal2-show { animation: swal2-show 0.3s; } .swal2-hide { animation: swal2-hide 0.15s forwards; } .swal2-noanimation { transition: none; } .swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .swal2-rtl .swal2-close { right: auto; left: 0; } .swal2-rtl .swal2-timer-progress-bar { right: 0; left: auto; } @supports (-ms-accelerator: true) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @-moz-document url-prefix() { .swal2-close:focus { outline: 2px solid rgba(50, 100, 150, 0.4); } } @keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0) rotateZ(0deg); } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @keyframes swal2-toast-animate-success-line-tip { 0% { top: .5625em; left: .0625em; width: 0; } 54% { top: .125em; left: .125em; width: 0; } 70% { top: .625em; left: -.25em; width: 1.625em; } 84% { top: 1.0625em; left: .75em; width: .5em; } 100% { top: 1.125em; left: .1875em; width: .75em; } } @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: .9375em; width: 0; } 84% { top: .9375em; right: 0; width: 1.125em; } 100% { top: .9375em; right: .1875em; width: 1.375em; } } @keyframes swal2-show { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes swal2-hide { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: .0625em; width: 0; } 54% { top: 1.0625em; left: .125em; width: 0; } 70% { top: 2.1875em; left: -.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: .8125em; width: 1.5625em; } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: .5em; width: 2.9375em; } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -.375em; transform: scale(1.15); } 100% { margin-top: 0; transform: scale(1); opacity: 1; } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; } body.swal2-height-auto { height: auto !important; } body.swal2-no-backdrop .swal2-container { top: auto; right: auto; bottom: auto; left: auto; max-width: calc(100% - 0.625em * 2); background-color: transparent !important; } body.swal2-no-backdrop .swal2-container > .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } body.swal2-no-backdrop .swal2-container.swal2-top { top: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left { top: 0; left: 0; } body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right { top: 0; right: 0; } body.swal2-no-backdrop .swal2-container.swal2-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left { top: 50%; left: 0; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right { top: 50%; right: 0; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-container.swal2-bottom { bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left { bottom: 0; left: 0; } body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right { right: 0; bottom: 0; } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] { display: none; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important; } } body.swal2-toast-shown .swal2-container { background-color: transparent; } body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; } body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { top: 0; right: auto; bottom: auto; left: 0; } body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { top: 50%; right: auto; bottom: auto; left: 0; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { top: auto; right: auto; bottom: 0; left: 0; } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto; } body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch; } body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: .3125em; } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center; } body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: .3125em auto; font-size: 1em; } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em; } .swal2-modal { background-color: white !important; border-radius: 4px; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .swal2-modal .swal2-title { color: black; font-size: 1.625rem; } .swal2-modal .swal2-content { color: black; font-size: 1.125rem; } .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea { border: 1px solid #cccccc; color: black; } .swal2-modal .swal2-checkbox, .swal2-modal .swal2-select { color: black; } .swal2-modal .swal2-buttonswrapper { margin: 25px 0 0; } .swal2-modal .swal2-styled { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 2px; cursor: pointer; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; line-height: normal; margin: 0 0 1rem; position: relative; text-align: center; text-decoration: none; display: inline-block; background-color: #666666; border-color: #666666; color: white; font-size: 1rem; padding: 0.875rem 2.25rem; border-radius: 0px; line-height: 1rem; outline: none; transition: all 0.15s ease; vertical-align: middle; } .swal2-modal .swal2-styled:hover, .swal2-modal .swal2-styled:focus, .swal2-modal .swal2-styled.is-active, .swal2-modal .swal2-styled.active { background-color: #989898; border-color: #989898; color: whitesmoke; } .swal2-modal .swal2-styled:active { background-color: #989898; border: 2px solid #989898; color: whitesmoke; } .swal2-modal .swal2-styled:focus { outline: none; } .swal2-modal .swal2-confirm { background-color: #2d2d2d; border-color: #2d2d2d; color: white; } .swal2-modal .swal2-confirm:focus, .swal2-modal .swal2-confirm:hover { background-color: #666666; border-color: #666666; color: whitesmoke; } .swal2-modal .swal2-confirm:active { background-color: #666666; border-color: #666666; color: whitesmoke; } .swal2-modal .swal2-cancel { background-color: #666666; border-color: #666666; color: white; } .swal2-modal .swal2-cancel:focus, .swal2-modal .swal2-cancel:hover { background-color: #989898; border-color: #989898; color: whitesmoke; } .swal2-modal .swal2-cancel:active { background-color: #989898; border-color: #989898; color: whitesmoke; } .swal2-modal .button + .button { margin-left: 0.75rem; } .swal2-icon { display: flex; } /*! * baguetteBox.js * @author feimosi * @version 1.8.2 * @url https://github.com/feimosi/baguetteBox.js */ #baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } #baguetteBox-overlay.visible { opacity: 1; } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; white-space: normal; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif; } #baguetteBox-overlay .full-image::before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease; transition: left 0.4s ease, -webkit-transform 0.4s ease; transition: left 0.4s ease, transform 0.4s ease; transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease; } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight 0.4s ease-out; animation: bounceFromRight 0.4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft 0.4s ease-out; animation: bounceFromLeft 0.4s ease-out; } @keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } @keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; } .baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color 0.4s ease; transition: background-color 0.4s ease; } .baguetteBox-button:focus, .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); } .baguetteBox-button#next-button { right: 2%; } .baguetteBox-button#previous-button { left: 2%; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; } .baguetteBox-button svg { position: absolute; left: 0; top: 0; } /* Preloader Borrowed from http://tobiasahlin.com/spinkit/ */ .baguetteBox-spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; } .baguetteBox-double-bounce1, .baguetteBox-double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } .baguetteBox-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } html, body { height: auto; } figure { margin-bottom: 2rem; margin-top: 2rem; } figure > figcaption { margin-bottom: -0.5rem; } figcaption { color: #a5a5a5; margin-top: 0.75rem; } body { font-size: 1rem; font-weight: 400; } h1, h2, h3, h4, h5, h6 { margin-top: 2.25rem; } h5, h6 { text-transform: uppercase; } a { transition: none; } cite { line-height: 1.5; margin: 0.5rem 0 0; } .page-heading { font-size: 24px; margin: 0 0 3rem; text-align: center; } .definitionList:before, .definitionList:after { content: " "; display: table; } .definitionList:after { clear: both; } .definitionList-key { color: #4f4f4f; float: left; font-weight: 400; margin: 0 0.375rem 0 0; } .definitionList-value { margin: 0; } body { -webkit-font-smoothing: antialiased; } @media (min-width: 801px) { [aria-selected], [aria-hidden] { outline: none; } } a { text-underline-position: under; } .papathemes-categoryPage-mainImage, .papathemes-brandPage-mainImage { display: block; margin: 0 auto 1.5rem; } @media (max-width: 800px) { .papathemes-categoryPage-mainImage, .papathemes-brandPage-mainImage { text-align: center; } } .u-hiddenVisually { margin: 0 !important; visibility: hidden; } .form-select { appearance: none; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 13 20'%3E%3Cpath d='M5.36741 14.6328C5.85569 15.1211 6.64866 15.1211 7.13694 14.6328L12.1369 9.63281C12.4963 9.27344 12.6018 8.73828 12.4065 8.26953C12.2112 7.80078 11.758 7.49609 11.2502 7.49609L1.25022 7.5C0.746315 7.5 0.289284 7.80469 0.0939715 8.27344C-0.101341 8.74219 0.00803397 9.27734 0.363503 9.63672L5.3635 14.6367L5.36741 14.6328Z' fill='rgba(153, 153, 153, 0.999)' /%3E%3C/svg%3E"); background-position: right 0.5625rem top 0.6875rem; border-radius: 0px; padding: 0.75rem 3rem 0.75rem 1rem; } .form-label small { float: right; margin-top: 0.375rem; } .form-label--inlineSmall small { color: #4f4f4f; float: none; font-size: inherit; font-weight: 400; margin-left: 0.375rem; text-transform: none; } .form-label--inlineSmall small { font-size: 12px; color: #a5a5a5; letter-spacing: 0.5px; text-transform: uppercase; vertical-align: middle; } .table { margin-top: 2rem; } .table td + td { border-left: 1px solid whitesmoke; } .table .table-alignCenter { text-align: center; } .table .table-alignRight { text-align: right; } .table-actions { margin: 1.5rem; text-align: center; } .table-actions .form { margin-bottom: 0; } .table-actions .button { display: block; margin-left: 0; margin-right: 0; width: 100%; } @media (min-width: 551px) { .table-actions .button { display: inline-block; margin-bottom: 0; width: auto; } } @media (min-width: 551px) { .table-actions .button + .button { margin-left: 0.375rem; } } .table--line { border-color: whitesmoke; border-width: 0 0 1px; } .table--line .table-thead { background-color: white; border-color: whitesmoke; border-width: 0 0 1px; } .table--line .table-thead tr th { padding-left: 0; padding-right: 0; } @media (min-width: 551px) { .table--line .table-thead tr th { text-align: center; } .table--line .table-thead tr th:first-child { text-align: left; } .table--line .table-thead tr th:last-child { text-align: right; } } .table--line .table-thead tr th + th { padding-left: 1.5rem; } .table--line tr { border-color: 1px solid whitesmoke; } .table--line tr td { display: block; padding-left: 0; padding-right: 0; } @media (min-width: 551px) { .table--line tr td { text-align: center; } .table--line tr td:first-child { text-align: left; } .table--line tr td:last-child { text-align: right; } } .table--line tr td + td { padding-left: 1.5rem; } .table--line td + td { border-left: 0; } .dropdown { left: -9999px; outline: none; position: absolute; } .dropdown-menu.is-loading .loadingOverlay { background: none; padding: 4.5rem 0; position: relative; } .dropdown-menu.is-open { display: block; } .dropdown-menu-item { text-align: left; } .dropdown-menu-item:first-child > a { padding-top: 0.75rem; } .dropdown-menu-item:last-child > a { padding-bottom: 1rem; } .dropdown-menu-item > a { margin: 0; padding: 0.25rem 1.125rem; text-decoration: none; } .form-wishlist { position: relative; } .dropdown-menu-button { width: 100%; } .dropdown-menu-button.is-open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .dropdown-menu-button .icon { float: right; margin-left: 10px; } .dropdown-menu-button .icon svg { fill: white; } .dropdown-menu-button .icon { height: 1rem; } @media (min-width: 1261px) { #wishlist-dropdown.is-open { padding-right: 0; } } .dropdown-menu ul { margin-left: 0; } .modal { margin: 0 auto; max-height: calc(100vh - 50px); max-width: calc(100vw - 50px); min-height: 240px; outline: none; overflow: hidden; padding: 0; } @media (max-width: 550px) { .modal { max-width: calc(100vw - 35px); max-height: calc(100vh - 35px); } } @media (min-width: 1261px) { .modal--large { width: 1280px; } } .modal-header { padding-left: 2.25rem; padding-right: 2.75rem; } .modal-header-title { font-size: 20px; text-align: center; } @media (min-width: 801px) { .modal-header-title { font-size: 22px; } } .modal-close { height: 2rem; width: 2rem; color: #767676; font-size: 26px; line-height: 2rem; padding: 0; position: absolute; text-align: center; text-decoration: none; z-index: 50; } @media (min-width: 801px) { .modal-close { font-size: 32px; } } .modal-close:hover { color: #4f4f4f; } .modal-body { overflow: auto; -webkit-overflow-scrolling: touch; padding: 2.25rem 2.25rem; } .modal--alert { background-color: white !important; border-radius: 4px; font-family: "Montserrat", Arial, Helvetica, sans-serif; padding: 40px 20px 20px; text-align: center; } .modal--alert .modal-content { color: black; font-size: 1.125rem; } .modal--alert .button-container { margin: 25px 0 0; } .modal--alert .button-container .confirm { background-color: #2d2d2d; border-color: #2d2d2d; color: white; } .modal--alert .button-container .confirm:focus, .modal--alert .button-container .confirm:hover { background-color: #666666; border-color: #666666; color: whitesmoke; } .modal--alert .button-container .confirm:active { background-color: #666666; border-color: #666666; color: whitesmoke; } .modal { overflow: visible; top: 50% !important; transform: translateY(-50%); left: 0; right: 0; border-radius: 0px; box-shadow: 0 5px 15px 15px rgba(0, 0, 0, 0.25); } .modal .loadingOverlay { border-radius: 0px; } .modal:has(.modal-question) .modal-close:hover .icon, .modal:has(.modal-nutrition) .modal-close:hover .icon { fill: #767676; } .modal-close { color: #4f4f4f; height: 2.8125rem; width: 2.8125rem; padding: 0.875rem; position: absolute; top: -16px; right: -16px; background-color: white; border-radius: 50%; display: flex; justify-self: center; align-items: center; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .modal-close .icon { display: block; width: 100%; height: 100%; } .modal-close:hover { color: #767676; } .modal-header ~ .modal-body { margin-top: 0; } @media (max-width: 800px) { .modal-header-title { font-size: 18px; } } .modal-content { border-radius: 0px; isolation: isolate; } .modal-content:has(.modal-nutrition) { border-radius: 0px; overflow: hidden; } .modal-body { max-height: calc(100vh - 150px); } .modal-body.modal-nutrition { border-radius: 0px; background-color: white; position: relative; } .modal-body.modal-nutrition h2, .modal-body.modal-nutrition h3, .modal-body.modal-nutrition p { color: black; } .modal-body.modal-nutrition::after, .modal-body.modal-nutrition::before { position: fixed; content: ""; display: block; right: 0; left: 0; height: 2.75rem; background-color: white; } @media (max-width: 800px) { .modal-body.modal-nutrition::after, .modal-body.modal-nutrition::before { height: 2rem; } } .modal-body.modal-nutrition::before { top: 0; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom: 0; height: 2rem; } .modal-body.modal-nutrition::after { bottom: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top: 0; } .modal-body.modal-nutrition::-webkit-scrollbar { display: none; } @media (max-width: 800px) { .modal-body { padding: 0.75rem; } } .has-activeModal--miniPreview .modal-background { display: none !important; } .breadcrumbs { display: none; font-size: 0; text-align: center; } @media (min-width: 551px) { .breadcrumbs { display: block; } } .breadcrumb { display: inline-block; float: none; } .breadcrumb.is-active > .breadcrumb-label { cursor: text; } .breadcrumb-label { text-decoration: none; } .breadcrumbs { text-align: center; margin-bottom: 0.75rem; } @media (min-width: 551px) { .breadcrumbs { margin-top: 0.5rem; } } @media (min-width: 801px) { .supermarket-pageType--cart .breadcrumbs, .supermarket-page--pages-page .breadcrumbs, .supermarket-page--pages-contact-us .breadcrumbs, .supermarket-page--pages-blog-post .breadcrumbs, .supermarket-page--pages-blog .breadcrumbs, .supermarket-page--pages-category .breadcrumbs, .supermarket-page--pages-custom-category-bulk-order .breadcrumbs, .supermarket-page--pages-custom-brand-bulk-order .breadcrumbs, .supermarket-page--pages-custom-product-no-sidebar .breadcrumbs, .supermarket-page--pages-brand .breadcrumbs, .supermarket-page--pages-brands .breadcrumbs, .supermarket-page--pages-search .breadcrumbs, .supermarket-page--pages-product .breadcrumbs { text-align: left; } } .supermarket-page--pages-gift-certificate-purchase .breadcrumbs, .supermarket-page--pages-blog .breadcrumbs { margin-top: 0; } .breadcrumb { text-transform: uppercase; } .panel-title { font-size: 18px; } .panel--large .panel-body { margin-bottom: 2rem; padding: 2rem; } .pagination-list { font-size: 0; margin-bottom: 3.75rem; text-align: center; } .pagination-list:before, .pagination-list:after { content: " "; display: table; } .pagination-list:after { clear: both; } @media (max-width: 800px) { .pagination-list { margin-bottom: 2.25rem; } } .pagination-list .pagination-item { display: inline-block; } .pagination-item { border: 1px solid transparent; line-height: 1; } .pagination-item .pagination-link { text-decoration: none; transition: all 0.2s ease; } .pagination-item .pagination-link:hover { color: black; } .pagination-item.pagination-item--current { border-color: whitesmoke; border-radius: 0px; margin: 0 0.375rem 0 0.75rem; } .pagination-item.pagination-item--previous > a, .pagination-item.pagination-item--next > a { color: #767676; } .pagination-item.pagination-item--previous > a:hover, .pagination-item.pagination-item--next > a:hover { color: black; } .pagination-item.pagination-item--previous > a:hover .icon > svg, .pagination-item.pagination-item--next > a:hover .icon > svg { fill: black; } .pagination-item--previous .icon, .pagination-item--next .icon { height: 1.25rem; margin-top: -0.125rem; width: 1.25rem; } .pagination-item--previous { float: left; } .pagination-item--previous .icon { margin-left: -0.75rem; } .pagination-item--next { float: right; } .pagination-item--next .icon { margin-right: -0.75rem; } .pagination-list--small { position: relative; } .pagination-list--small .pagination-item { color: #4f4f4f; cursor: inherit; line-height: 1.5; } .pagination-list--small .pagination-link { padding: 0 0.375rem; } .pagination-list--small .pagination-item--previous, .pagination-list--small .pagination-item--next { position: absolute; top: 0; } .pagination-list--small .pagination-item--previous { left: 0; } .pagination-list--small .pagination-item--next { right: 0; } .pagination:before, .pagination:after { content: " "; display: table; } .pagination:after { clear: both; } .pagination-info { vertical-align: top; padding: 0.75rem 0; color: #4f4f4f; text-align: center; } @media (min-width: 801px) { .pagination-info { display: inline-block; text-align: left; } } @media (min-width: 801px) { .pagination-info + .pagination-list { float: right; } } .pagination-item .icon svg { fill: #767676; } .pagination-item--previous { float: none; } .pagination-item--next { float: none; } .pagination-list li a, .pagination-list li button { padding: 0.75rem 1rem; } .button { line-height: 1rem; transition: all 0.15s ease; } .button + .button { margin-left: 0; } @media (min-width: 801px) { .button + .button { margin-left: 0.75rem; } } .button[disabled] { cursor: not-allowed; } .button--icon svg { stroke: white; } .button--icon:hover svg, .button--icon:focus svg { stroke: whitesmoke; } .button--icon:active svg { stroke: whitesmoke; } .button { text-transform: uppercase; } .tab { border-top: unset; float: none; } @media (min-width: 801px) { .tab { float: left; } } @media (min-width: 551px) { .tab.is-active { margin-bottom: -1px; } } @media (min-width: 801px) { .tab.is-active { border: 1px solid whitesmoke; border-bottom: 1px solid white; } } .tab.is-active .tab-title { text-decoration: none; color: #767676; } .tab.is-active .tab-title::after { color: #4f4f4f; } .tab-title { padding: 1.125rem 0; text-align: center; text-decoration: none; width: max-content; } @media (max-width: 550px) { .tab-title { padding: 1rem; } } @media (min-width: 551px) { .tab-title { text-align: left; } } @media (min-width: 801px) { .tab-title { padding: 0.75rem 1.5rem; } } .tab-content.has-jsContent { display: block; height: 0; overflow: hidden; padding: 0; visibility: hidden; } .tab-content.has-jsContent.is-active { height: auto; overflow: visible; padding: 1.5rem 0; visibility: visible; } @media (min-width: 551px) { .tab-content .productReview { width: 50%; } } @media (min-width: 801px) { .tab-content .productReview { width: 33.33333%; } } @media (min-width: 1261px) { .tab-content .productReview { width: 50%; } } .tab-content .productReviews { border-top: 0; } .tab { border-top-left-radius: 0px; border-top-right-radius: 0px; } .tab-title { font-weight: 600; color: #4f4f4f; font-weight: 400; } .tab-content .productReview { width: 100%; } .accordion { border-radius: 0px; box-shadow: none; } .accordion .navList { margin-bottom: 0; } .accordion-content { border: 0; } .accordion-content .form:only-child { margin-bottom: 0; } .accordion-title { margin: 0; } .accordion-navigation { margin-top: -1px; position: relative; text-decoration: none; } @media (min-width: 801px) { .accordion--navList { border: 0; } } @media (min-width: 801px) { .sidebarBlock + .accordion--navList { margin-top: 2rem; } } @media (min-width: 801px) { .accordion--navList .accordion-block { margin-top: 2rem; } } .accordion--navList .accordion-content { padding: 1rem; } @media (min-width: 801px) { .accordion--navList .accordion-content { padding: 0; } } @media (min-width: 801px) { .accordion--navList .accordion-navigation { background-position: right 0 top 50%; border: 0; } } .accordion--navList .accordion-title { font-weight: normal; padding: 1rem; text-decoration: none; text-transform: inherit; } @media (min-width: 801px) { .accordion--navList .accordion-title { margin-bottom: 0.75rem; margin-top: 0; padding: 0; } } .accordion--navList .accordion-indicator { fill: #a5a5a5; } .accordion--navList .accordion-navigation-actions { right: 1rem; top: 1.1875rem; } @media (min-width: 801px) { .accordion--navList .accordion-navigation-actions { right: 0; top: 0; } } .accordion-block:first-child { margin-top: 0; } .accordion-block:first-child .accordion-navigation { border-radius: 0px 0px 0 0; } .accordion-block:last-child .accordion-navigation, .accordion-block:last-child .accordion-content { border-radius: 0 0 0px 0px; } .accordion-block:last-child .accordion-navigation { border-bottom-width: 0; } .accordion-block:last-child .accordion-navigation.is-open { border-bottom-width: 1px; border-radius: 0; } .accordion-navigation-actions { position: absolute; right: 1.875rem; top: 1.5rem; } .accordion-navigation-actions > a { color: #4f4f4f; vertical-align: middle; } .accordion-navigation-actions > a:hover { color: #767676; } @media (min-width: 801px) { .accordion--navList .accordion-indicator { visibility: visible; width: 1rem; height: 1rem; } } .inlineList--labels { margin-bottom: 0; margin-left: -0.75rem; } .inlineList--labels > li { margin-bottom: 0.75rem; margin-left: 0.75rem; } .alertBox { border-radius: 4px; color: #4f4f4f; } .alertBox-icon .icon { height: 1.5625rem; width: 1.5625rem; } .alertBox--info { color: #1a1a1a; } .alertBox--info .alertBox-close svg { fill: black; } .form--hiddenLabels .form-label { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-inlineMessage { display: block; } .form-field--error .form-input { float: none; } .form-field--error .form-inlineMessage::before { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='rgba(255, 125, 125, 0.999)' /%3E%3C/svg%3E") no-repeat; background-size: 100%; content: ""; display: inline-block; height: 0.875rem; left: -0.125rem; margin-right: 0.0625rem; position: relative; top: 0.1875rem; width: 0.875rem; } .form-field--success .form-input[type="text"] { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(105, 214, 111, 0.999)' /%3E%3C/svg%3E"); background-position: right 0.6875rem center; background-repeat: no-repeat; padding-right: 3rem; } .form-field--success .form-input[name="credit_card_number"] { background-position: right 2.25rem center; } .form-field--success .form-input[name="cvv"] { background-position: right 2.25rem center; } .form-checkbox + .form-label:last-child, .form-radio + .form-label:last-child { display: block; margin-bottom: -0.3125rem; } .form-checkbox + .form-label::after, .form-radio + .form-label::after { top: 0.25rem; } .form-checkbox + .form-label::before, .form-radio + .form-label::before { top: 0.1875rem; } .form-actions { margin: 0 auto; max-width: 93.75rem; width: 100%; display: block; text-align: center; } .form-actions:before, .form-actions:after { content: " "; display: table; } .form-actions:after { clear: both; } @media (min-width: 551px) { .form-actions { margin-top: 1.5rem; } } .form-actions .button, .form-actions input, .form-actions a { vertical-align: top; width: 100%; } @media (min-width: 551px) { .form-actions .button, .form-actions input, .form-actions a { margin-bottom: 0; width: auto; } } .form-actions .button + .button, .form-actions .button + input, .form-actions .button + a, .form-actions input + .button, .form-actions input + input, .form-actions input + a, .form-actions a + .button, .form-actions a + input, .form-actions a + a { margin-top: 0.75rem; } @media (min-width: 551px) { .form-actions .button + .button, .form-actions .button + input, .form-actions .button + a, .form-actions input + .button, .form-actions input + input, .form-actions input + a, .form-actions a + .button, .form-actions a + input, .form-actions a + a { margin: 0 0 0 0.75rem; } } .form-label--alternate { font-size: 12px; margin-bottom: 0.1875rem; } .form-select--date { width: initial; } .form-select--date + .form-select--date { margin-left: 0.375rem; } .form-select--small, .form-select--date { background-position: right 0.5rem top 0.5rem; background-size: 1.125rem; font-size: 1rem; height: 2.25rem; line-height: 1rem; max-width: 20rem; padding: 0.5625rem 0.75rem; padding-right: 2rem; } .form-select--short { max-width: 6rem; width: 4.5rem; } .form-file { margin-bottom: 0.5rem; } .form-fileDescription { color: #a5a5a5; font-size: 12px; margin-bottom: 0; } .form-field-group { border: 1px solid #cccccc; border-radius: 0px; padding: 1.5rem; } .form-column { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 551px) { .form-column { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; } } .form-prefixPostfix.wrap { flex-wrap: wrap; } .form-prefixPostfix .form-input, .form-prefixPostfix .button { display: block; width: 100%; } @media (min-width: 1261px) { .form-prefixPostfix .form-input { width: auto; } } @media (min-width: 1261px) { .form-prefixPostfix .button { width: auto; } } .form-prefixPostfix .form-inlineMessage { margin-bottom: 0.375rem; } @media (min-width: 1261px) { .form-prefixPostfix .form-inlineMessage { margin-bottom: 0; } } .form-prefixPostfix--centeredColumn.wrap { flex-direction: column; } .form-prefixPostfix--centeredColumn .g-recaptcha { margin: 2em auto 0; } @media (min-width: 1261px) { .form-prefixPostfix--centeredColumn .form-prefixPostfix-button--postfix { margin: 1em 0 0.75rem; } } .form-prefixPostfix-button--postfix { margin: 0.75rem 0 0; order: 1; } @media (min-width: 1261px) { .form-prefixPostfix-button--postfix { margin: 0 0 0 0.75rem; order: 0; } } .form-increment .button { margin: 0; padding: 0.1875rem 0.3125rem; } .form-input--incrementTotal { border: 0; display: inline-block; font-weight: 700; height: auto; padding: 0; text-align: center; vertical-align: middle; width: 2.1875rem; } .form-option { border: 1px solid transparent; color: black; cursor: pointer; display: inline-block; font-size: 0; margin-bottom: 0.5rem; margin-right: 0.5rem; padding: 1px; transition: all 0.15s ease; box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px; } .form-option:hover { border-color: #767676; } .form-radio:checked + .form-option { border: 1px solid #767676; box-shadow: 0 0 0 1px #767676; } .form-option-variant { display: inline-block; font-size: 1rem; min-width: 2.375rem; padding: 1px 0.375rem; pointer-events: none; text-align: center; } .form-option-variant--color, .form-option-variant--pattern { height: 1.375rem; width: 1.375rem; min-width: initial; padding: 0; } @media (min-width: 551px) { .form-option-variant--color, .form-option-variant--pattern { pointer-events: inherit; } } .form-option-variant--pattern { background-position: center; background-repeat: no-repeat; } .form-input--small { font-size: 1rem; height: 2.25rem; line-height: 1rem; padding: 0.5625rem 0.75rem; } .form-minMaxRow { margin-left: -0.1875rem; margin-right: -0.1875rem; } .form-minMaxRow:before, .form-minMaxRow:after { content: " "; display: table; } .form-minMaxRow:after { clear: both; } .form-minMaxRow .form-field { padding-left: 0.75rem; padding-right: 0.75rem; width: 33.33333%; float: left; margin-bottom: 0; padding-left: 0.1875rem; padding-right: 0.1875rem; } .form-minMaxRow .form-input--small { padding-left: 0.375rem; padding-right: 0.1875rem; } .form-minMaxRow .button { margin-bottom: 0; padding-left: 0; padding-right: 0; width: 100%; } @media (min-width: 551px) { .form-row--half > .form-field:nth-child(odd) { clear: left; } } [data-product-attribute] .form-option { overflow: hidden; position: relative; } [data-product-attribute] .form-option.unavailable { background-color: #ddd; opacity: 0.3; } [data-product-attribute] .form-option.unavailable::before { background-color: #000; content: ""; height: 2px; right: 0; position: absolute; top: 0; transform: rotate(-45deg); transform-origin: 100% 0; width: 141%; } [data-product-attribute="set-radio"] .unavailable, [data-product-attribute="product-list"] .unavailable { opacity: 0.6; text-decoration: line-through; } .form-label--alternate { font-size: 1rem; } .form-option { border-radius: 0px; } .form-option-variant:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .form-option-variant:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } @media (-moz-touch-enabled: 1), (pointer: coarse) { .form-option-variant--color, .form-option-variant--pattern { pointer-events: none; } } .form-increment { display: inline-flex; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; white-space: nowrap; letter-spacing: -0.5em; border-radius: 0px; overflow: hidden; } .form-increment .button { border-radius: 0; border-top: 0; border-bottom: 0; border-color: #cccccc; padding: 0.5rem; } .form-input--incrementTotal { width: 3rem; } @media (min-width: 551px) { .form-prefixPostfix .form-input { width: auto; } } @media (min-width: 551px) { .form-prefixPostfix .button { width: auto; } } @media (min-width: 551px) { .form-prefixPostfix-button--postfix { margin: 0 0 0 0.75rem; } } .gift-certificate-form .form-column .form-field:not(.form-field-group) { padding-left: 0; padding-right: 0; } .card-figure { margin-top: 0; position: relative; } .card-figure:hover .card-figcaption { opacity: 1; } .card-img-container { display: block; max-width: 590px; } .card-img-container::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } .card-figcaption { display: none; margin: 0; pointer-events: none; } @media (min-width: 801px) { .card-figcaption { display: block; } } .card-figcaption-body { display: inline-block; pointer-events: all; transform: translate3d(0, -50%, 0); } .card-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 0; width: 100%; max-height: 100%; object-fit: contain; /* Object-fit polyfill */ font-family: "object-fit: contain"; } .card-title { font-size: 1rem; margin: 0 0 0.25rem; } .card-title > a { color: black; text-decoration: none; } .card-title > a:hover { color: #666666; } .card-text { margin-bottom: 0.375rem; } .card-text abbr { border: 0; color: inherit; font-size: inherit; } .card-figcaption-button { border: none; display: block; margin: 0.375rem 0 0; } .card-figcaption-button:focus:not(:disabled), .card-figcaption-button:hover:not(:disabled) { color: #666666; } .card-figcaption-button:active { color: #666666; background-color: #e5e5e5; border: none; } .card-figcaption-button + .card-figcaption-button { margin: 0.375rem 0 0; } .card-body { text-align: center; } @media (min-width: 551px) { .card-body { text-align: left; } } .card--alternate { border: 3px solid #4f4f4f; transition: all 0.15s ease; } .card--alternate .card-body { background-color: white; padding: 0.75rem; transition: all 0.15s ease; } @media (min-width: 551px) { .card--alternate .card-body { padding: 1.5rem; } } .card--alternate:hover { border-color: #888888; } .card--alternate:hover .card-body { background-color: #888888; } .card--alternate:hover .card-body .card-text { color: white; } .card--alternate:hover .card-title > a { color: white; } .card { margin-bottom: 0.75rem; } @media (min-width: 801px) { .card { margin-bottom: 1.5rem; } } .card-body { text-align: center; justify-items: center; } .card-body .productSwatches-attributes { align-items: center; } .card-body .productSwatches-attributes .productSwatches-swatches { place-content: center; } .card-body .price { font-size: 1rem; font-weight: 700; } .card-body .price-section { display: inline-block; } .card-body .price-section + .price-section { margin-left: 0.375rem; } .card-body .rrp-price--withTax + .price-section, .card-body .rrp-price--withoutTax + .price-section { margin-left: 0; } .card-body .card-text--summary { color: black; } .card-body > :last-child { margin-bottom: 1.25rem; } @media (max-width: 800px) { .card-body > :last-child { margin-bottom: 0.9375rem; } } .card-body .card-actions { display: none; gap: 0.3125rem; } .card-body .card-actions ._qtyAdd { display: flex; } .card-body .card-actions ._qtyAdd .form-field--increments { margin: 0; height: 2.5rem; width: 2.5rem; border: 2px solid #2d2d2d; border-radius: 0px 0 0 0px; background: white; } .card-body .card-actions ._qtyAdd .form-field--increments .form-label { display: none; } .card-body .card-actions ._qtyAdd .form-field--increments .form-increment .button { display: none; } .card-body .card-actions ._qtyAdd .form-field--increments .form-increment .form-input--incrementTotal { height: 2.25rem; width: 2.25rem; font-weight: 700; } .card-body .card-actions ._qtyAdd .card-figcaption-button { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; font-weight: 700; background: #2d2d2d; height: 2.5rem; } .card-body .card-actions ._qtyAdd .card-figcaption-button:not(:only-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-body .card-actions ._qtyAdd .card-figcaption-button span { padding: 0 1.5rem; color: white; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .card-body .card-actions ._qtyAdd .card-figcaption-button i { display: none; } .card-body .card-actions ._qtyAdd .card-figcaption-button i .icon { margin: 0; height: 1.25rem; width: 1.25rem; fill: white; } .card-body .card-actions ._qtyAdd:hover .form-field--increments { border-color: #666666; } .card-body .card-actions ._qtyAdd:hover .card-figcaption-button { background: #666666; } .card-body .card-actions ._qtyAdd:hover .card-figcaption-button span { color: whitesmoke; } .card-body .card-actions ._qtyAdd:hover .card-figcaption-button .icon { fill: whitesmoke; } .card-body .card-actions ._quickViewAndCompare { display: flex; gap: 0.3125rem; } .card-body .card-actions ._quickViewAndCompare .card-figcaption-button { margin: 0; padding: 0; height: 2.5rem; width: 2.5rem; display: flex; align-items: center; justify-content: center; background: #2d2d2d; } .card-body .card-actions ._quickViewAndCompare .card-figcaption-button .icon { margin: 0; height: 1.25rem; width: 1.25rem; fill: white; } .card-body .card-actions ._quickViewAndCompare .card-figcaption-button:hover { background: #e5e5e5; } .card-body .card-actions ._quickViewAndCompare .card-figcaption-button:hover .icon { fill: #666666; } .card-body .card-actions:has(.button--outstock) { width: 100%; } .card-body .card-actions:has(.button--outstock) .button--outstock { height: 2.5rem; display: flex; justify-content: center; align-items: center; padding: 0; width: fit-content; margin: 0; background-color: #eeeeee; color: black; } .card-body .card-actions:has(.button--outstock) .button--outstock span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 1.5rem; } .card-figcaption-body { display: inline; transform: none; position: static; } .card-figure { position: relative; overflow: hidden; } .card-image ~ .card-image { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.5s ease; height: 100%; background-color: #f7f7f7; } .card:hover .card-image ~ .card-image, .card:focus .card-image ~ .card-image, .card:active .card-image ~ .card-image { opacity: 1; } .card-figcaption-body-bottomGroup { position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; background: #2d2d2d; padding: 0.75rem 0; } .card-figcaption-body-bottomGroup .card-figcaption-button:first-child { margin-top: 0; } .card-figcaption-body-bottomGroup .card-figcaption-button:hover { background: #e5e5e5; } .card-figcaption-body-rightGroup { position: absolute; top: 0; right: 0; } .card-figcaption-body-rightGroup .card-figcaption-button { text-indent: -9999px; font-size: 0; padding: 5px; line-height: 20px; border: 0; background: transparent; } .card-figcaption-body-rightGroup .card-figcaption-button::before { font-family: "papathemesicons" !important; font-style: normal; content: ""; text-indent: 0; float: left; font-size: 20px; } .card-figcaption-body-rightGroup .card-figcaption-button:hover { background: transparent; opacity: 0.6; } .card-text--summary { display: none; } .navList, .navBar { margin-left: 0; } .navList-action, .navBar-action { text-decoration: none; } .navList-action.is-active { font-weight: 600; } .navList-action--checkbox { overflow-x: hidden; display: inline-block; font-size: 1rem; font-weight: 400; margin-bottom: 0.375rem; padding-left: 1.875rem; position: relative; vertical-align: baseline; width: 100%; } .navList-action--checkbox::before, .navList-action--checkbox::after { content: ""; display: block; position: absolute; transition: all 50ms ease-out; } .navList-action--checkbox::before { background-color: white; border: solid #cccccc; border-width: 1px; height: 1.125rem; left: 0; top: 0; width: 1.125rem; } .navList-action--checkbox::after { height: 1rem; left: 1px; opacity: 0; top: 1px; transform: scale(0); width: 1rem; } .navList-action--checkbox::before { border-radius: 0px; } .navList-action--checkbox::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(118, 118, 118, 0.999)' /%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 100%; color: rgba(118, 118, 118, 0.999); content: ""; font-size: 1rem; line-height: 1; text-align: center; } .navList-action--checkbox::before, .navList-action--checkbox::after { top: 50%; } .navList-action--checkbox::before { margin-top: -0.5625rem; } .navList-action--checkbox::after { margin-top: -0.5rem; } .navList-action--checkbox.is-disabled { cursor: default; } .navList-action--checkbox.is-disabled::before { background-color: white; } .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after { opacity: 1; transform: scale(1); } .navList-action-close { background: #e5e5e5; border-radius: 100%; display: inline-block; float: right; line-height: 0; opacity: 0; padding: 0.25rem; transition: opacity 0.3s ease; visibility: hidden; } .navList-action-close .icon { height: 0.8125rem; width: 0.8125rem; fill: #767676; } .navList-action.is-selected:hover .navList-action-close { opacity: 1; visibility: visible; } .navBar--sub { margin-bottom: 4.5rem; text-align: center; } .navBar--sub .navBar-section { float: none; } .navBar--sub .navBar-item { float: none; margin: 0 0.75rem; } @media (min-width: 801px) { .navBar--sub .navBar-item { display: inline-block; } } @media (min-width: 801px) { .navBar--sub .navBar-item.is-active { border-bottom: 1px solid black; } } .navBar--sub .navBar-item.is-active > .navBar-action { color: #666666; } @media (min-width: 801px) { .navBar--sub .navBar-item.navBar-item--separate { border-left: 1px solid #4f4f4f; margin: 0; padding-left: 0.75rem; } } .navBar--sub .navBar-action { color: #4f4f4f; font-size: 1rem; padding: 0; } .navBar--sub .navBar-action:hover { color: #767676; } .navList-subSection .navList-item { margin-left: 0.75rem; } .navList-subSection .navList-item::before { content: "-"; float: left; margin-left: -0.75rem; } .navBar--sub { margin-bottom: 1.5rem; margin-top: 0; } .navBar--sub .navBar-item.is-active { font-weight: 700; } .supermarket-page--pages-search .navBar--sub .navBar-item { display: inline-block; } .navBar--sub .navBar-action { padding-top: 0.375rem; padding-bottom: 0.375rem; color: #767676; } .navBar--sub .navBar-action:hover { color: black; } .navBar--sub .navBar-action:active { color: black; } .navBar--sub .navBar-action-color--active { color: black; padding: 0.75rem; display: block; } .supermarket-page--pages-search .navBar--sub { text-align: left; } .supermarket-page--pages-search .navBar--sub .navBar-item:first-child { margin-left: 0; } @media (max-width: 800px) { .navBar--sub { text-align: left; } .navBar--sub .navBar-item { margin-left: 0; margin-right: 1.5rem; } .navBar--sub .navBar-item.is-active { padding-top: 0.375rem; padding-bottom: 0.375rem; } } .loadingOverlay { background-color: rgba(255, 255, 255, 0.9); display: none; z-index: 20; } .icons-svg-sprite { display: none; } .icon, .icon svg { transition: all 0.15s ease; } .has-ribbon { position: relative; } .ribbon { background-color: #454545; color: white; cursor: default; font-weight: 700; margin: -0.6875rem -0.6875rem 0 0; padding: 0.0625rem 1rem; position: absolute; right: 0; text-transform: uppercase; top: 0; z-index: 1; } .navUser { position: absolute; top: 50%; transform: translateY(-50%); right: 0; top: 26px; width: 100%; z-index: 5; } .navUser:before, .navUser:after { content: " "; display: table; } .navUser:after { clear: both; } .navUser ul, .navUser ol { list-style: none; margin-left: 0; margin: 0; padding: 0; } .navUser ul ul, .navUser ul ol, .navUser ol ul, .navUser ol ol { list-style: none; margin-bottom: 0; } .navUser ul li, .navUser ol li { margin: 0; padding: 0; } .navUser-section { float: left; } .navUser-section:before, .navUser-section:after { content: " "; display: table; } .navUser-section:after { clear: both; } .navUser-section--alt { float: right; margin-left: 1.5rem; } .navUser-section + .navUser-section { margin-left: 1.5rem; } @media (min-width: 551px) { .navUser-item { float: left; } } .navUser-item, .navUser-action { display: block; } @media (min-width: 801px) { .navUser { padding: 0 1.5rem; position: relative; right: auto; top: auto; transform: none; z-index: 50; } } .navUser .dropdown-menu { background-color: white; border: 1px solid white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13); position: absolute; } .navUser .dropdown-menu.is-open::before { border: inset 10px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent white transparent; border-bottom-style: solid; bottom: 100%; left: 0.75rem; position: absolute; } .navUser .dropdown-menu.is-open::after { border: inset 8px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent white transparent; border-bottom-style: solid; bottom: 100%; left: 0.875rem; position: absolute; } .navUser-section { display: flex; align-items: center; position: relative; margin: 0; } @media (max-width: 800px) { .navUser-section { float: right; flex-direction: unset; } } .navUser-action { color: #4f4f4f; padding: 0.5rem; text-decoration: none; } @media (min-width: 801px) { .navUser-action { padding: 0; margin: 0 0 0 1.5rem; } } .navUser-action:hover, .navUser-action:focus, .navUser-action.is-open { color: black; } .navUser-action:hover svg, .navUser-action:focus svg, .navUser-action.is-open svg { fill: black; } .navUser-action .icon { height: 1.8125rem; width: 1.8125rem; margin: 0; } @media (min-width: 801px) { .navUser-action .icon { height: 1.625rem; width: 1.625rem; } } .navUser-action svg { fill: #4f4f4f; transition: all 0.15s ease; } @media (max-width: 800px) { .navUser-action:hover svg, .navUser-action:focus svg { fill: #cccccc; } } .navUser-action--cart { margin-right: 0; } @media (max-width: 800px) { .navUser-action--cart { margin-left: 0.375rem; } } .navUser-action--currencySelector + .dropdown-menu::before { left: auto !important; right: 0.75rem; } .navUser-action--currencySelector + .dropdown-menu::after { left: auto !important; right: 0.875rem; } .navUser-action--storeCredit + .dropdown-menu { max-width: 18.75rem; padding: 1.5rem; } .navUser-action--storeCredit + .dropdown-menu::before { left: 8.75rem !important; } .navUser-action--storeCredit + .dropdown-menu::after { left: 8.875rem !important; } .navUser-action-divider { border-right: 1px solid whitesmoke; color: #4f4f4f; display: inline-block; padding: 0 1.25rem 0 0; text-decoration: none; } @media (min-width: 801px) { .navUser-item { display: block; } .navUser-item.navUser-item--social { margin-top: 0.3125rem; padding-right: 0.3125rem; } .navUser-item.navUser-item--divider { font-size: 1.5625rem; margin-top: 0.5rem; padding-left: 0.125rem; } } .navUser-item--cart { display: block; } .navUser-item--cart .navUser-action { color: #4f4f4f; } .navUser-item--cart .navUser-action:hover, .navUser-item--cart .navUser-action.is-open { color: #cccccc; } .navUser-item--compare { display: none; } .navUser-item--compare.show { display: block; } .navUser-item--phone { display: block; } @media (min-width: 801px) { .navUser-item--phone { position: relative; width: auto; } .navUser-item--phone .navUser-action { margin: 0; display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0.9375rem; background-color: #4f4f4f; border-radius: 0px; width: max-content; transition: filter 0.2s linear; padding-left: 0; padding-right: 1.5rem; padding-top: 1.125rem; padding-bottom: 1.125rem; border-radius: 0; background-color: transparent; border-right: 1px solid rgba(0, 0, 0, 0.1); } .navUser-item--phone .navUser-action:hover, .navUser-item--phone .navUser-action:active, .navUser-item--phone .navUser-action:focus-visible { filter: saturate(70%); } .navUser-item--phone .navUser-action .icon { fill: black; transition: none; } .navUser-item--phone .navUser-action ._label { color: black; } .navUser-item--phone .navUser-action:hover .icon { fill: #4f4f4f; } .navUser-item--phone .navUser-action:hover ._label { color: #4f4f4f; } .navUser-item--phone .navUser-action ._label { font-weight: 700; color: #666666; } .navUser-item--phone a:hover .icon, .navUser-item--phone a .icon { fill: #666666; } .navUser-item--phone a:hover ._label { color: #666666; } } .navUser-item--phone.u-hideDesktop ._label { display: none; } @media (max-width: 800px) { .navUser-item--phone { margin-left: 0.375rem; } .navUser-item--phone:not(.u-hideDesktop) { display: none; } } .navUser-or { color: #4f4f4f; cursor: default; display: inline-block; margin: 0 -0.75rem; padding: 0 2px; position: relative; z-index: 1; } .navUser-action--quickSearch.is-open { position: relative; } .navUser-action--quickSearch.is-open::before { border: inset 10px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #e8e8e8 transparent; border-bottom-style: solid; bottom: 0; left: 50%; position: absolute; transform: translateX(-50%); } .dropdown--quickSearch { background-color: white; padding: 1.5rem 0; } @media (min-width: 551px) { .dropdown--quickSearch { padding: 3rem; } } .dropdown--quickSearch.is-open { left: 0 !important; outline: none; right: 0 !important; width: 100% !important; z-index: 50; } .dropdown--quickSearch .form { margin: auto; max-width: 30rem; } .dropdown--quickSearch .form, .dropdown--quickSearch .form-field { margin-bottom: 0; } .dropdown--quickSearch .form-input { font-size: 18px; height: unset; } .dropdown--quickSearch .productGrid { padding: 1.5rem 0 0; } @media (min-width: 551px) { .dropdown--quickSearch .productGrid { padding: 3rem 0 0; } } .countPill { border-radius: 50%; color: white; background-color: #4f4f4f; font-size: 0.625rem; letter-spacing: -0.05em; height: 14px; line-height: 14px; min-width: 14px; display: flex; justify-content: center; align-items: center; padding: 0 2px; } @media (min-width: 801px) { .countPill { height: 14px; min-width: 14px; line-height: 14px; font-size: 14px; } } @media (max-width: 800px) { .countPill { top: -5px; right: 12px; position: absolute; } .countPill:not(.countPill--positive) { display: none; } } .countPill--positive { display: inline-block; } @media (min-width: 801px) { .navUser { display: flex; align-items: center; position: static; } } .navUser-or { vertical-align: middle; padding: 0 0.375rem; } .navUser-item--compare { display: block; } .navUser-action--compare { display: none; } .navUser-action--compare.show { display: block; position: fixed; bottom: calc(-100vh + 150px); right: 0; padding: 0.75rem 1.5rem; color: white; background-color: #2d2d2d; } .navUser-action--compare.show:hover, .navUser-action--compare.show:focus { color: whitesmoke; background-color: #666666; } @media (min-width: 801px) { .navUser-action--compare.show { bottom: 0; } } .navUser-item-icon { font-size: 1.625rem; display: inline-block; padding-right: 0.75rem; } @media (min-width: 801px) { .navUser-item-icon { font-size: 1.25rem; } .navUser-item-icon::before { vertical-align: middle; } } .navUser-item-cartIcon { padding-right: 0; } @media (min-width: 801px) { .navUser-item-cartIcon { padding-right: 0.75rem; } } @media (min-width: 801px) and (max-width: 1680px) { .navUser-item-recentlyViewedIcon, .navUser-item-giftCertIcon, .navUser-item-wishlistIcon { padding-right: 0; } } .navUser-item--cart .dropdown-menu.is-open { margin-top: 1rem; } .navUser-item--cart .dropdown-menu:not(.is-loading) { width: auto; max-width: none; } .navUser-item--cart .navUser-action { position: relative; } .dropdown--quickSearch { padding: 0; margin: 0 auto; width: 100%; display: none; } @media (min-width: 801px) { .dropdown--quickSearch { padding: 0 1.5rem; } } @media (min-width: 1261px) { .dropdown--quickSearch { max-width: 100%; } } .dropdown--quickSearch.is-open { display: block; z-index: 45; } .dropdown--quickSearch.is-open + .papathemes-overlay { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 40; } .dropdown--quickSearch > .container { position: relative; padding: 0; } .dropdown--quickSearch .modal-close { color: #4f4f4f; top: 0; right: 0; } @media (min-width: 801px) { .dropdown--quickSearch .modal-close { right: -1.5rem; } } .dropdown--quickSearch .productGrid { padding: 0; margin: 0; } .dropdown--quickSearch.is-open .modal-close { display: block; } @media (max-width: 800px) { .dropdown--quickSearch.is-open .modal-close { position: fixed; top: auto; bottom: 0; background-color: #e5e5e5; } } .navUser-item--shipping-discount-and-cart { display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 551px) { .navUser-item--shipping-discount-and-cart { flex-direction: row; } } .has-activeNavPages { overflow: hidden; -webkit-overflow-scrolling: auto; } .navPages-action--storeCredit { color: #4f4f4f; } .navPages-action--compare { display: none; } .navPages-action--compare.show { display: block; } .navPages-quickSearch { border-bottom: 1px solid whitesmoke; margin-bottom: 0.75rem; } @media (min-width: 801px) { .navPages-quickSearch { display: none; } } .navPages-quickSearch > .container { padding: 0; } .navPages-quickSearch .form { margin: 0; } .navPages-quickSearch .form-field { margin-bottom: 0; } @media (min-width: 801px) { .navPages-list--user { display: none; } } .navPages-list--user #currencySelection2 { background-color: white; border: 1px solid whitesmoke; } .navPages-list--user #currencySelection2 .dropdown-menu-item { padding: 0; } .navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) { border-bottom: 1px solid whitesmoke; } .navPages-list--user #currencySelection2 a { padding: 0.75rem 1.5rem; } .tags { list-style: none; margin-left: 0; font-size: 0; text-align: center; } .tags ul, .tags ol { list-style: none; margin-bottom: 0; } .tag { display: inline-block; font-size: 1rem; } .tag a { color: #4f4f4f; display: inline-block; padding: 0.375rem 0.5rem; text-decoration: none; } .tag a:hover { color: #767676; } .tags { /*margin-top: spacing("single"); padding-top: spacing("single"); border-top: 1px solid container("borderColor");*/ } .socialLinks { list-style: none; margin-left: 0; margin: 0; padding: 0; line-height: 37px; } .socialLinks:before, .socialLinks:after { content: " "; display: table; } .socialLinks:after { clear: both; } .socialLinks ul, .socialLinks ol { list-style: none; margin-bottom: 0; } .socialLinks li { margin: 0; padding: 0; } .socialLinks .icon { height: 1.25rem; width: 1.25rem; margin: 0; text-decoration: none; } .socialLinks .icon:hover svg { fill: #4f4f4f; } .socialLinks .icon svg { fill: #767676; transition: all 0.15s ease; } .socialLinks-item { display: inline-block; font-size: 0; } .socialLinks .socialLinks-item { margin-bottom: 0.375rem; margin-right: 0.75rem; } .socialLinks .socialLinks-item:last-child { margin-right: 0; } .socialLinks--alt .icon { height: 1.3125rem; width: 1.3125rem; } .socialLinks--alt svg { fill: #4f4f4f; } .socialLinks { font-size: 0; } .socialLinks .socialLinks-item { margin: 0; } .socialLinks .socialLinks-item:last-child { margin-right: 0; } .socialLinks .socialLinks-item a:hover { opacity: 0.7; } .socialLinks .icon--google_plusone { padding-top: 0; padding-bottom: 0; display: inline-flex !important; align-items: center; width: 52px !important; display: none; } .socialLinks .icon { width: 1.75rem; height: 1.75rem; } .socialLinks .icon.icon--facebook svg { fill: #1877f2; } .socialLinks .icon.icon--twitter svg { fill: #1da1f2; } .socialLinks .icon.icon--linkedin svg { fill: #0a66c2; } .socialLinks .icon.icon--youtube svg { fill: #ff0302; } .socialLinks .icon.icon--pinterest svg { fill: #e60023; } .socialLinks .icon.icon--instagram svg { fill: #000100; } .socialLinks .socialLinks-item { margin: 0; } .socialLinks--alt { display: flex; flex-wrap: wrap; } .socialLinks--alt::before, .socialLinks--alt::after { content: unset; } .socialLinks--dark .socialLinks-item { margin: 0; } .socialLinks-item--facebook_like .icon { width: auto; } .socialLinks-item--facebook_like { display: inline-flex; align-items: center; vertical-align: middle; } .socialLinks-item--facebook_like iframe { position: static !important; } .google_plusone_iframe_widget { width: 38px !important; height: 24px !important; } .fb_iframe_widget + .fb_iframe_widget { display: none; } .addthis_button_facebook_like.icon--facebook_like > svg { display: none; } .addthis_button_facebook_like.icon--facebook_like { width: auto !important; overflow: hidden !important; padding-top: 0.375rem; } .heroCarousel { width: 1px; min-width: 100%; margin-bottom: 4.5rem; margin-top: -1.5rem; } @media (min-width: 801px) { .heroCarousel { margin-top: -2.5rem; } } .heroCarousel.slick-initialized { max-height: 62.5rem; opacity: 1; } .heroCarousel:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide { display: none; } .heroCarousel a { text-decoration: none; } .heroCarousel .slick-next, .heroCarousel .slick-prev { top: 50%; } .heroCarousel .slick-next { right: 15px; } @media (min-width: 801px) { .heroCarousel .slick-next { right: 25px; } } .heroCarousel .slick-prev { left: 15px; } @media (min-width: 801px) { .heroCarousel .slick-prev { left: 25px; } } .heroCarousel .slick-dots { bottom: 0; } .heroCarousel-slide { position: relative; } .heroCarousel-slide a { text-decoration: none; } @media (min-width: 801px) { .heroCarousel-slide .heroCarousel-image { object-fit: cover; max-height: 37.5rem; width: 100%; } } @media (min-width: 801px) { .heroCarousel-slide .heroCarousel-image-wrapper { max-height: 37.5rem; } } .heroCarousel-slide.compat-object-fit { background-size: cover; background-position: 50%; background-repeat: no-repeat; } @media (min-width: 1261px) { .heroCarousel-slide.compat-object-fit.stretch { background-size: 100% 100%; } } .heroCarousel-slide.compat-object-fit .heroCarousel-image { opacity: 0; } .heroCarousel-content { background-color: #f7f7f7; padding: 1.5rem; text-align: center; } @media (min-width: 801px) { .heroCarousel-content { background-color: #f7f7f7; background-color: rgba(247, 247, 247, 0.9); background-color: rgba(247, 247, 247, 0.9); left: 0; margin: 0 auto; padding: 2.25rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 46.875rem; } .heroCarousel-content.heroCarousel-content--empty { background-color: transparent; } } .heroCarousel-title { color: black; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 51.2px; line-height: 1; margin-top: 0; margin-bottom: 0.75rem; } @media (min-width: 801px) { .heroCarousel-title { font-size: 64px; } } .heroCarousel-description { color: black; font-size: 20px; margin-bottom: 1.5rem; } @media (min-width: 801px) { .heroCarousel-description { font-size: 24px; margin-bottom: 0; } } .heroCarousel-action { margin: 0; } .heroCarousel.blaze-slider .blaze-container { margin: 0; } .heroCarousel.blaze-slider .blaze-container:hover .blaze-prev, .heroCarousel.blaze-slider .blaze-container:hover .blaze-next, .heroCarousel.blaze-slider .blaze-container:has(.heroCarousel-slide:focus-visible) .blaze-prev, .heroCarousel.blaze-slider .blaze-container:has(.heroCarousel-slide:focus-visible) .blaze-next { opacity: 1; } .heroCarousel.blaze-slider .blaze-container:not(:has(.blaze-track .heroCarousel-slide:nth-child(2))) .blaze-pagination, .heroCarousel.blaze-slider .blaze-container:not(:has(.blaze-track .heroCarousel-slide:nth-child(2))) .blaze-prev, .heroCarousel.blaze-slider .blaze-container:not(:has(.blaze-track .heroCarousel-slide:nth-child(2))) .blaze-next { display: none; } .heroCarousel.blaze-slider .blaze-container .blaze-pagination { display: flex; } .heroCarousel.blaze-slider .blaze-track-container { padding: 0; } .heroCarousel.blaze-slider .blaze-track .heroCarousel-slide { display: block; opacity: 1; max-width: unset; max-height: unset; } .heroCarousel.blaze-slider .heroCarousel-image-wrapper a { position: relative; } .heroCarousel.blaze-slider .blaze-pagination { padding: 0.3125rem 0.625rem; border-radius: 0.625rem; width: fit-content; margin: 1.25rem auto; min-height: 1.25rem; } .heroCarousel.blaze-slider .blaze-pagination button { margin: 0 0.125rem; } .heroCarousel.blaze-slider .blaze-pagination:empty { opacity: 0; } @media (min-width: 1261px) { .heroCarousel.blaze-slider .blaze-pagination { background-color: rgba(247, 247, 247, 0.8); position: absolute; bottom: 1.25rem; left: 50%; margin: 0; transform: translateX(-50%); } } @media (max-width: 550px) { .heroCarousel.blaze-slider .blaze-pagination { margin: 1rem auto; } } .heroCarousel.blaze-slider .blaze-prev { left: 1.5625rem; } .heroCarousel.blaze-slider .blaze-prev::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 0 35 36' fill='none'%3E%3Cpath d='M0.744146 16.2344C-0.245438 17.2109 -0.245438 18.7969 0.744146 19.7734L15.9441 34.7734C16.9337 35.75 18.5408 35.75 19.5304 34.7734C20.52 33.7969 20.52 32.2109 19.5304 31.2344L6.11956 18L19.5225 4.76563C20.5121 3.78906 20.5121 2.20313 19.5225 1.22656C18.5329 0.25 16.9258 0.25 15.9362 1.22656L0.736228 16.2266L0.744146 16.2344Z' fill='%23cccccc'/%3E%3C/svg%3E%0A"); } .heroCarousel.blaze-slider .blaze-prev:hover::before, .heroCarousel.blaze-slider .blaze-prev:focus::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 0 35 36' fill='none'%3E%3Cpath d='M0.744146 16.2344C-0.245438 17.2109 -0.245438 18.7969 0.744146 19.7734L15.9441 34.7734C16.9337 35.75 18.5408 35.75 19.5304 34.7734C20.52 33.7969 20.52 32.2109 19.5304 31.2344L6.11956 18L19.5225 4.76563C20.5121 3.78906 20.5121 2.20313 19.5225 1.22656C18.5329 0.25 16.9258 0.25 15.9362 1.22656L0.736228 16.2266L0.744146 16.2344Z' fill='black'/%3E%3C/svg%3E%0A"); } .heroCarousel.blaze-slider .blaze-next { right: 1.5625rem; } .heroCarousel.blaze-slider .blaze-next::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 0 35 36' fill='none'%3E%3Cpath d='M19.5892 16.2344C20.5788 17.2109 20.5788 18.7969 19.5892 19.7734L4.38923 34.7734C3.39965 35.75 1.79256 35.75 0.802979 34.7734C-0.186605 33.7969 -0.186605 32.2109 0.802979 31.2344L14.2138 18L0.810895 4.76563C-0.178688 3.78906 -0.178688 2.20313 0.810895 1.22656C1.80048 0.25 3.40756 0.25 4.39715 1.22656L19.5971 16.2266L19.5892 16.2344Z' fill='%23cccccc'/%3E%3C/svg%3E%0A"); } .heroCarousel.blaze-slider .blaze-next:hover::before, .heroCarousel.blaze-slider .blaze-next:focus::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 0 35 36' fill='none'%3E%3Cpath d='M19.5892 16.2344C20.5788 17.2109 20.5788 18.7969 19.5892 19.7734L4.38923 34.7734C3.39965 35.75 1.79256 35.75 0.802979 34.7734C-0.186605 33.7969 -0.186605 32.2109 0.802979 31.2344L14.2138 18L0.810895 4.76563C-0.178688 3.78906 -0.178688 2.20313 0.810895 1.22656C1.80048 0.25 3.40756 0.25 4.39715 1.22656L19.5971 16.2266L19.5892 16.2344Z' fill='black'/%3E%3C/svg%3E%0A"); } .heroCarousel.blaze-slider .blaze-prev, .heroCarousel.blaze-slider .blaze-next { top: 50%; height: 5rem; width: 5rem; background-color: white; transition: all 0.2s linear; opacity: 0; } .heroCarousel.blaze-slider .blaze-prev::before, .heroCarousel.blaze-slider .blaze-next::before { height: 2.5rem; width: 2.5rem; } .heroCarousel.blaze-slider .blaze-prev:focus-visible, .heroCarousel.blaze-slider .blaze-next:focus-visible { opacity: 1; } .heroCarousel-container { display: flex; flex-flow: row wrap; width: 100%; } .heroCarousel-container .slick-dots { bottom: calc(3rem * -0.9); } @media (max-width: 800px) { .heroCarousel-container .slick-dots { bottom: calc(3rem * -0.7); } } @media (max-width: 1260px) { .heroCarousel-container:has(.heroCarousel-content) .slick-dots { bottom: -2.1rem; } } .heroCarousel { margin-bottom: 0; margin-top: 0; width: 100%; } .js .heroCarousel { opacity: 1; max-height: none; transition: none; } @media (max-width: 800px) { .heroCarousel { padding-bottom: 2.5rem; } } @media (min-width: 801px) { .heroCarousel { width: auto; flex: 1 1 0; } } .heroCarousel.slick-initialized { max-height: none; } .heroCarousel.slick-dotted { margin-bottom: 0; } @media (max-width: 550px) { .heroCarousel.slick-dotted { position: relative; margin-bottom: 3rem; } } .heroCarousel .slick-next, .heroCarousel .slick-prev { top: 50%; display: none !important; } @media (min-width: 801px) { .heroCarousel .slick-next, .heroCarousel .slick-prev { display: block !important; } } .heroCarousel .slick-dots li { height: 0.625rem; width: 0.625rem; display: flex; } .heroCarousel .slick-dots li button { position: unset; } .heroCarousel .slick-dots li button, .heroCarousel .slick-dots li button::before { height: 0.625rem; width: 0.625rem; border-radius: 50%; transition: all 0.5s ease; } .heroCarousel .slick-dots li.slick-active button, .heroCarousel .slick-dots li.slick-active button::before { width: 0.625rem; } .js .heroCarousel-slide:first-child { display: block; } .js .heroCarousel-slide + .heroCarousel-slide { opacity: 0; max-height: 0; } .js .slick-initialized .heroCarousel-slide + .heroCarousel-slide { opacity: 1; max-height: none; } .heroCarousel-slide .heroCarousel-image-wrapper { max-height: none; } .heroCarousel-slide .heroCarousel-image { max-height: none; } .heroCarousel-slide a { display: block; } .heroCarousel-image-box { border-radius: 0px; max-width: 100%; margin: 0 auto; position: relative; } @media (min-width: 801px) { .heroCarousel-image-box { border-radius: 0px; } } @media (max-width: 550px) { .heroCarousel-image-box { border-radius: 0; overflow: hidden; } } .heroCarousel-image-box-padding { height: 0; } .heroCarousel-image { width: 100%; } .heroCarousel-image-wrapper:not(.heroCarousel-image-wrapper--sized) .heroCarousel-image.lazyload + .heroCarousel-content, .heroCarousel-image-wrapper:not(.heroCarousel-image-wrapper--sized) .heroCarousel-image.lazyloading + .heroCarousel-content { opacity: 0; } @media (min-width: 801px) { .heroCarousel-image { width: auto; } } .heroCarousel-content { background-color: rgba(247, 247, 247, 0.5); border-radius: 4px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 1rem; } @media (min-width: 801px) { .heroCarousel-content { width: 100%; padding: 3rem; } } @media (min-width: 801px) and (max-width: 800px) { .heroCarousel-content { left: 0%; } } @media (max-width: 800px) { .heroCarousel-content .heroCarousel-description { display: none; } } @media (max-width: 550px) { .heroCarousel-content .heroCarousel-action { padding: 0.5rem 0.75rem; font-size: 12px; } } @media (max-width: 1260px) { .heroCarousel-slide .heroCarousel-content { display: none; } } @media (min-width: 1261px) { .heroCarousel-slide .heroCarousel-content._desc-mobile { display: none; } } @media (max-width: 1260px) { .heroCarousel-slide .heroCarousel-content._desc-mobile { width: 100%; max-width: 100%; display: block; position: unset; padding: 1rem; transform: unset; background-color: rgba(247, 247, 247, 0.7); } .heroCarousel-slide .heroCarousel-content._desc-mobile .heroCarousel-description { display: block; margin-bottom: 0; text-align: center; } } @media (min-width: 1261px) { .heroCarousel-slide .heroCarousel-content._head-button-mobile { display: none; } } @media (max-width: 1260px) { .heroCarousel-slide .heroCarousel-content._head-button-mobile { display: block; padding: 1rem; } } @media (max-width: 550px) { .heroCarousel-slide .heroCarousel-content._head-button-mobile { padding: 0.5rem; } } .heroCarousel-video-wrapper { position: relative; overflow: hidden; } .heroCarousel-video { position: absolute; top: 50%; left: 0; width: 100%; height: 0; padding-bottom: 56.25%; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: opacity 0.3s ease; } .slick-active .heroCarousel-video { visibility: visible; } .heroCarousel:not([data-youtube-autoplay]) .heroCarousel-video, .slick-video-playing .heroCarousel-video { visibility: visible; opacity: 1; } .heroCarousel-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .heroCarousel-slide--0 .heroCarousel-content { text-align: left; } @media (max-width: 800px) { .heroCarousel-slide--0 .heroCarousel-content { width: fit-content; max-width: 50%; left: 0.5rem; } } @media (min-width: 801px) { .heroCarousel-slide--0 .heroCarousel-content { left: 10%; right: 50%; width: fit-content; max-width: 100%; } } @media (min-width: 1441px) { .heroCarousel-slide--0 .heroCarousel-content { max-width: 39rem; } } @media (min-width: 1681px) { .heroCarousel-slide--0 .heroCarousel-content { max-width: 41rem; } } .heroCarousel-slide--1 .heroCarousel-content { text-align: left; } @media (max-width: 800px) { .heroCarousel-slide--1 .heroCarousel-content { width: fit-content; max-width: 50%; left: 0.5rem; } } @media (min-width: 801px) { .heroCarousel-slide--1 .heroCarousel-content { left: 10%; right: 50%; width: fit-content; max-width: 100%; } } @media (min-width: 1441px) { .heroCarousel-slide--1 .heroCarousel-content { max-width: 39rem; } } @media (min-width: 1681px) { .heroCarousel-slide--1 .heroCarousel-content { max-width: 41rem; } } .heroCarousel-slide--2 .heroCarousel-content { text-align: left; } @media (max-width: 800px) { .heroCarousel-slide--2 .heroCarousel-content { width: fit-content; max-width: 50%; left: 0.5rem; } } @media (min-width: 801px) { .heroCarousel-slide--2 .heroCarousel-content { left: 10%; right: 50%; width: fit-content; max-width: 100%; } } @media (min-width: 1441px) { .heroCarousel-slide--2 .heroCarousel-content { max-width: 39rem; } } @media (min-width: 1681px) { .heroCarousel-slide--2 .heroCarousel-content { max-width: 41rem; } } .heroCarousel-slide--3 .heroCarousel-content { text-align: left; } @media (max-width: 800px) { .heroCarousel-slide--3 .heroCarousel-content { width: fit-content; max-width: 50%; left: 0.5rem; } } @media (min-width: 801px) { .heroCarousel-slide--3 .heroCarousel-content { left: 10%; right: 50%; width: fit-content; max-width: 100%; } } @media (min-width: 1441px) { .heroCarousel-slide--3 .heroCarousel-content { max-width: 39rem; } } @media (min-width: 1681px) { .heroCarousel-slide--3 .heroCarousel-content { max-width: 41rem; } } .heroCarousel-slide--4 .heroCarousel-content { text-align: left; } @media (max-width: 800px) { .heroCarousel-slide--4 .heroCarousel-content { width: fit-content; max-width: 50%; left: 0.5rem; } } @media (min-width: 801px) { .heroCarousel-slide--4 .heroCarousel-content { left: 10%; right: 50%; width: fit-content; max-width: 100%; } } @media (min-width: 1441px) { .heroCarousel-slide--4 .heroCarousel-content { max-width: 39rem; } } @media (min-width: 1681px) { .heroCarousel-slide--4 .heroCarousel-content { max-width: 41rem; } } .heroCarousel-title { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 24px; line-height: 1.1; margin-bottom: 1.25rem; } @media (min-width: 801px) { .heroCarousel-title { font-size: 40px; margin-bottom: 3rem; } } .heroCarousel-description { font-size: 16px; margin-bottom: 0.75rem; } @media (min-width: 801px) { .heroCarousel-description { font-size: 22px; margin-bottom: 3rem; } } .heroCarousel .slick-dots li.slick-active button::before { background: black; } .heroCarousel .slick-arrow { border-radius: 50%; height: 80px !important; width: 80px !important; padding: 0; opacity: 0.3; } .heroCarousel .slick-arrow:hover { opacity: 1; } .heroCarousel .slick-arrow:focus { outline-offset: 2px !important; } .heroCarousel .slick-next, .heroCarousel .slick-prev { display: none; } @media (min-width: 801px) { .heroCarousel .slick-next, .heroCarousel .slick-prev { display: flex !important; justify-content: center; align-items: center; background-color: white; } .heroCarousel .slick-next::before, .heroCarousel .slick-prev::before { height: 2.5rem; width: 2.5rem; } } .heroCarousel--boxed .slick-prev { left: 20px !important; } @media screen and (min-width: 1750px) { .heroCarousel--boxed .slick-prev { left: -100px !important; } } .heroCarousel--boxed .slick-prev::before { margin: 0 auto; } .heroCarousel--boxed .slick-next { right: 20px !important; } @media screen and (min-width: 1750px) { .heroCarousel--boxed .slick-next { right: -100px !important; } } .heroCarousel--boxed .slick-next::before { margin: 0 auto; } .heroCarousel--boxed { position: static; } .heroCarousel--boxed.heroCarousel.blaze-slider .blaze-prev { left: 5rem; } .heroCarousel--boxed.heroCarousel.blaze-slider .blaze-next { right: 5rem; } @media (min-width: 1840px) { .heroCarousel--boxed.heroCarousel.blaze-slider .blaze-prev { left: -3.75rem; } .heroCarousel--boxed.heroCarousel.blaze-slider .blaze-next { right: -3.75rem; } } @media (min-width: 1750px) and (max-width: 1839px) { .heroCarousel--boxed.heroCarousel.blaze-slider .blaze-prev { left: -1.625rem; } .heroCarousel--boxed.heroCarousel.blaze-slider .blaze-next { right: -1.625rem; } } @media (max-width: 1260px) { .heroCarousel--boxed.heroCarousel.blaze-slider .blaze-prev { top: 35%; left: 2.5rem; } .heroCarousel--boxed.heroCarousel.blaze-slider .blaze-next { top: 35%; right: 2.5rem; } } .heroCarousel .slick-dots { bottom: 1rem; left: 50%; transform: translateX(-50%); background-color: rgba(247, 247, 247, 0.8); border-radius: 0.625rem; padding: 0.3125rem 0.625rem; width: fit-content; display: flex; align-items: center; justify-content: center; gap: 0 0.625rem; } .heroCarousel-content .button--outline { color: black; border-color: black; } .heroCarousel-content .button--outline:focus, .heroCarousel-content .button--outline:hover { color: black; border-color: black; } .heroCarousel { padding-bottom: 0 !important; } .heroCarousel:hover .slick-arrow { opacity: 0.3; } .heroCarousel:hover .slick-arrow:hover { opacity: 1; } @media (min-width: 801px) { .writeReview-productDetails { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; } } .writeReview-productDetails .product-brand { color: #a5a5a5; margin: 0; } .writeReview-productDetails .product-title { margin-top: 0; } @media (min-width: 801px) { .writeReview-form { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; } } .writeReview-productImage-container { position: relative; } .writeReview-productImage-container img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; max-height: 100%; object-fit: contain; /* Object-fit polyfill */ font-family: "object-fit: contain;"; } .writeReview-productImage-container::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } .writeReview-productImage-container { margin-bottom: 0.75rem; } .account--addReturn .table { display: block; margin-bottom: 3rem; } @media (min-width: 551px) { .account--addReturn .table { display: table; margin-bottom: 6rem; } } .account--addReturn .table tr { display: block; padding: 1.5rem 0; } @media (min-width: 551px) { .account--addReturn .table tr { display: table-row; padding: 0; } } .account--addReturn .table th, .account--addReturn .table td { display: block; padding: 0; } @media (min-width: 551px) { .account--addReturn .table th, .account--addReturn .table td { display: table-cell; padding-bottom: 0.75rem; padding-top: 0.75rem; } } .account--addReturn .table th + th, .account--addReturn .table th + td, .account--addReturn .table td + th, .account--addReturn .table td + td { padding-left: 0; } @media (min-width: 551px) { .account--addReturn .table th + th, .account--addReturn .table th + td, .account--addReturn .table td + th, .account--addReturn .table td + td { padding-left: 1.5rem; } } .account--addReturn .table .return-itemTitle + .definitionList { margin-top: 0.1875rem; } @media (min-width: 551px) { .account--addReturn .table .return-itemPrice { text-align: center; } } @media (min-width: 551px) { .account--addReturn .table .return-itemQuantity { text-align: right; } } .account--addReturn .table-thead { display: none; } @media (min-width: 551px) { .account--addReturn .table-thead { display: table-header-group; } } .account--addReturn .table-thead th { font-size: 14px; } .account--addReturn .table-thead th:first-child { width: 60%; } .account--addReturn .table-tbody { display: block; } @media (min-width: 551px) { .account--addReturn .table-tbody { display: table-row-group; } } .return-itemName { font-size: 14px; font-weight: 700; } @media (min-width: 551px) { .return-itemName { font-size: 1rem; font-weight: 400; } } .return-itemPrice { color: #a5a5a5; margin-bottom: 0.375rem; } @media (min-width: 551px) { .return-itemPrice { color: inherit; margin-bottom: 0; text-align: center; } } .return-itemQuantity .form-label { display: inline; margin-right: 0.375rem; } @media (min-width: 551px) { .return-itemQuantity .form-label { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .account--addReturn-row { margin: 0 -0.75rem; max-width: none; width: auto; margin: 0 -1rem; } .account--addReturn-row:before, .account--addReturn-row:after { content: " "; display: table; } .account--addReturn-row:after { clear: both; } .account--addReturn-column { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; padding: 0 1rem; } @media (min-width: 551px) { .account--addReturn-column { width: 50%; } } .productCarousel { margin: 0 -0.75rem; max-width: none; width: auto; display: flex; align-items: stretch; } .productCarousel:before, .productCarousel:after { content: " "; display: table; } .productCarousel:after { clear: both; } .productCarousel:not(.slick-slider) { overflow: auto; -webkit-overflow-scrolling: touch; } .productCarousel:not(.slick-slider)::-webkit-scrollbar { display: none; } .productCarousel .slick-list { flex: 1; } .productCarousel--responsiveCol .productCarousel-slide { width: 50%; } @media (min-width: 551px) { .productCarousel--responsiveCol .productCarousel-slide { width: 33.33333%; } } @media (min-width: 801px) { .productCarousel--responsiveCol .productCarousel-slide { width: 25%; } } .productCarousel--responsiveCol._product-spt .productCarousel-slide { width: 50%; } @media (min-width: 551px) { .productCarousel--responsiveCol._product-spt .productCarousel-slide { width: 33.33333%; } } @media (min-width: 801px) { .productCarousel--responsiveCol._product-spt .productCarousel-slide { width: 20%; } } .productCarousel-slide { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; display: flex; flex-shrink: 0; } @media (min-width: 551px) { .productCarousel-slide { width: 33.33333%; } } @media (min-width: 801px) { .productCarousel-slide { width: 25%; } } .productCarousel-slide .card { margin-bottom: 0; } .productCarousel-slide .card .card-title { overflow-wrap: break-word; } .productCarousel-slide { padding: 0; } .productCarousel-slide[aria-hidden="true"] a[href]:not([tabindex]), .productCarousel-slide[aria-hidden="true"] .card-footer { visibility: hidden; } .productCarousel-slide[aria-hidden="true"] button:not([tabindex]) { visibility: hidden; } .quickView:before, .quickView:after { content: " "; display: table; } .quickView:after { clear: both; } .productReviews-list { list-style: none; margin-left: 0; margin: 0 -0.75rem; max-width: none; width: auto; font-size: 0; } .productReviews-list ul, .productReviews-list ol { list-style: none; margin-bottom: 0; } .productReviews-list:before, .productReviews-list:after { content: " "; display: table; } .productReviews-list:after { clear: both; } .productReview { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; display: inline-block; float: none; font-size: 1rem; vertical-align: top; } @media (min-width: 801px) { .productReview { width: 50%; } } @media (min-width: 1261px) { .productReview { width: 33.33333%; } } .productReview-title { margin: 0; text-transform: none; color: #888888; } .productReview-author { color: #4f4f4f; margin-bottom: 1rem; } .productReview-rating { display: inline-block; margin-bottom: 0.375rem; } .productReview-ratingNumber { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .productReviews-list { margin: 0; } .productReview { display: block; padding: 0; width: 100%; padding-top: 1.5rem; border-bottom: 1px solid whitesmoke; } @media (min-width: 801px) { .productReview article { font-size: 0; display: inline-block; } } @media (min-width: 801px) { .productReview header { display: inline-block; width: 25%; font-size: 1rem; vertical-align: top; padding-right: 1.5rem; } } @media (min-width: 801px) { .productReview-body { display: inline-block; width: 75%; font-size: 1rem; font-style: italic; vertical-align: top; padding-left: 1.5rem; border-left: 1px solid whitesmoke; } } .productReview-author { margin-bottom: 0.375rem; } .productView { padding-top: 1rem; } .productView-images { margin-bottom: 3rem; } .productView-image { align-items: center; display: flex; justify-content: center; margin: auto; position: relative; } @media (min-width: 801px) { .productView-image { min-height: 366px; min-width: inherit; } } .productView-image + .productView-thumbnails { margin-top: 0.75rem; } @media (min-width: 320px) and (max-width: 801px) { .productView-image { pointer-events: none; } } .productView-img-container { position: relative; margin: auto; margin-top: 0; max-width: 608px; width: 100%; } .productView-img-container img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; width: 100%; object-fit: contain; /* Object-fit polyfill */ font-family: "object-fit: contain"; } .productView-img-container::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } .productView-thumbnails { list-style: none; margin-left: 0; margin: 0 -0.75rem; max-width: none; width: auto; margin-left: -0.375rem; margin-right: -0.375rem; } .productView-thumbnails ul, .productView-thumbnails ol { list-style: none; margin-bottom: 0; } .productView-thumbnails:before, .productView-thumbnails:after { content: " "; display: table; } .productView-thumbnails:after { clear: both; } .productView-thumbnails .slick-list { margin-left: 2.5rem; margin-right: 2.5rem; } .productView-thumbnails .slick-next { right: 0; } .productView-thumbnails .slick-prev { left: 0; } .productView-thumbnails img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; margin: 0; width: 100px; object-fit: contain; /* Object-fit polyfill */ font-family: "object-fit: contain"; position: relative; } .productView-thumbnail { padding-left: 0.75rem; padding-right: 0.75rem; width: 25%; float: left; padding-left: 0.375rem; padding-right: 0.375rem; text-align: center; } @media (min-width: 1261px) { .productView-thumbnail { width: 20%; } } .productView-thumbnail-link { border: 1px solid whitesmoke; display: inline-flex; height: 67px; max-width: 75px; padding: 2px; position: relative; width: 100%; box-sizing: content-box; justify-content: center; } .productView-thumbnail-link:hover, .productView-thumbnail-link.is-active { border-color: #454545; } @media (max-width: 1120px) { .productView-details .productView-reviewBrand { flex-direction: row; } } .productView-details .productView-rating { row-gap: calc(1rem * 0.3); column-gap: 1rem; } @media (min-width: 551px) { .productView-details .productView-rating .productView-reviewLink + .productView-reviewLink { margin-left: 0; } .productView-details .productView-rating .productView-reviewLink { margin-left: 0; margin-right: 0; } } @media (max-width: 550px) { .productView-details .productView-rating { justify-content: unset; text-align: left; column-gap: 0; } } @media (max-width: 427px) { .productView-details .productView-rating { display: flex; } } .productView-details .productView-rating .productView-icon-rating .icon:last-child { margin-right: 0.75rem; } .productView-product { padding-bottom: 1rem; } @media (min-width: 801px) { .productView-product { border-bottom: 1px solid whitesmoke; padding-bottom: 2rem; } } .productView-product [data-content-region="product_below_price--global"] [data-sub-layout] { border-radius: 0px; } [data-content-region="product_below_price--global"] [data-sub-layout] { margin-top: 0.75rem; margin-bottom: 0.75rem; } .productView-title { font-size: 18px; margin: -0.75rem 0 0.375rem; } @media (min-width: 801px) { .productView-title { margin-top: 1.5rem; } } @media (min-width: 1261px) { .productView-title { font-size: 24px; } } .productView-brand { color: #a2a2a2; font-size: 14px; margin: 0 0 0.75rem; } @media (min-width: 1261px) { .productView-brand { font-size: 18px; margin: -0.1875rem 0 1rem; } } .productView-brand a { color: #a2a2a2; } .productView-brand a:hover { color: #767676; } .productView-price { margin-bottom: 0.5rem; } @media (min-width: 801px) { .productView-price { margin-bottom: 1rem; } } .productView-price abbr { border: 0; color: inherit; font-size: inherit; } .productView-reviewLink { display: inline-block; padding-left: 0.625rem; vertical-align: middle; } @media (min-width: 551px) { .productView-reviewLink + .productView-reviewLink::after { content: "|"; color: whitesmoke; margin-left: 0.5rem; } } .productView-reviewLink::after { content: "|"; color: whitesmoke; margin-left: 0.5rem; } .productView-reviewLink > a { color: #4f4f4f; } .productView-reviewLink > a:hover { color: #767676; } @media (max-width: 800px) { .productView-reviewLink { padding-left: 0.1875rem; } .productView-reviewLink::after { margin-left: 0; } .productView-reviewLink + .productView-reviewLink { padding-left: 0.1875rem; } } .productView-info { margin-top: 0.75rem; } .productView-info:before, .productView-info:after { content: " "; display: table; } .productView-info:after { clear: both; } @media (min-width: 551px) { .productView-info { margin-top: 0; } } .productView-info-name, .productView-info-value { float: left; } @media (min-width: 551px) { .productView-info-name, .productView-info-value { float: none; } } .productView-info-name { clear: both; margin-bottom: 0.1875rem; margin-right: 0.375rem; } @media (min-width: 551px) { .productView-info-name { font-weight: inherit; } } .productView-info-value { margin-bottom: 0.375rem; } @media (min-width: 551px) { .productView-info-value { margin-bottom: 1rem; } } .productView-options { margin-bottom: 1.5rem; text-align: center; } .productView-options:before, .productView-options:after { content: " "; display: table; } .productView-options:after { clear: both; } @media (min-width: 551px) { .productView-options { text-align: left; } } @media (min-width: 551px) { .productView-options .form-input[type="number"] { width: 16.66667%; } } .productView-options .form { display: inline; } .productView-options input[type="file"] { font-size: 12px; } .productView-options .form-field { font-size: 0; margin-bottom: 2rem; } .productView-options .form-field > .form-checkbox + .form-label, .productView-options .form-field > .form-radio + .form-label { display: inline-block; margin-left: 1.5rem; width: auto; } @media (min-width: 551px) { .productView-options .form-field > .form-checkbox + .form-label, .productView-options .form-field > .form-radio + .form-label { margin-left: 0; width: 100%; } } .productView-options .form-field > .form-checkbox + .form-label { display: flex; padding-left: 0; align-items: center; column-gap: 0.625rem; } .productView-options .form-field > .form-checkbox + .form-label::before { height: 1.5rem; width: 1.5rem; position: relative; display: inline-block; top: 0; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); background-color: white; flex-shrink: 0; } .productView-options .form-field > .form-checkbox + .form-label::after { width: 0.75rem; height: 0.4375rem; border-left: 3px solid black; border-bottom: 3px solid black; position: absolute; top: 45%; transform: translate(50%, -45%) rotate(311deg); left: 0; opacity: 0; visibility: hidden; background-image: unset; } .productView-options .form-field > .form-checkbox:checked + .form-label::after { opacity: 1; visibility: visible; } .productView-options .form-field > .form-label:nth-of-type(2) { margin-left: 0; margin-right: 1.5rem; } .productView-options .form-field > .form-label:nth-of-type(2):empty { vertical-align: text-top; } @media (min-width: 551px) { .productView-options .form-action { float: left; padding: 0 0.625rem; width: 50%; } } @media (min-width: 801px) { .productView-options .form-action { float: none; padding: 0; width: auto; } } @media (min-width: 1261px) { .productView-options .form-action { display: inline-block; margin-top: 1rem; } } .productView-options .form-action .button { width: 100%; } @media (min-width: 1261px) { .productView-options .form-action .button { margin-right: 0.75rem; width: auto; } } .productOptions-list { border: 1px solid #cccccc; list-style: none; margin: 0; } .productOptions-list-item { padding: 1.5rem; } .productOptions-list-item + .productOptions-list-item { border-top: 1px solid #cccccc; } .productOptions-list-item .form-label { text-align: left; top: -2px; } .productOptions-list-item-figure, .productOptions-list-item-content { display: table-cell; vertical-align: middle; } .productOptions-list-item-figure { width: 3rem; } .productOptions-list-item-content { padding-left: 1.25rem; } .shareProduct { text-align: center; } .productView-image .easyzoom-flyout { overflow: hidden; position: absolute; width: 100%; height: 100%; } .productView-image .easyzoom-flyout img { max-width: none; width: auto; } .productView-images { margin-bottom: 0; } @media (min-width: 551px) { .productView-images { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row-reverse; } } @media (min-width: 801px) { .productView-images { margin-bottom: 3rem; } } @media (min-width: 551px) { .productView-images--bottom { display: block; } } .productView-imageCarousel-main { list-style: none; margin-left: 0; margin-bottom: 1.5rem; } .productView-imageCarousel-main ul, .productView-imageCarousel-main ol { list-style: none; margin-bottom: 0; } @media (min-width: 551px) { .productView-imageCarousel-main { order: 2; width: calc(100% - 7rem); } div.productView-imageCarousel-main { min-width: auto; width: calc(100% - 7rem); } .productView-images--bottom .productView-imageCarousel-main { width: 100%; } } html.js .productView-imageCarousel-main:not(.slick-slider) > .productView-imageCarousel-main-item + .productView-imageCarousel-main-item { display: none; } .productView-imageCarousel-main .slick-arrow { opacity: 0; transition: all 0.3s ease 0s; visibility: hidden; } .productView-imageCarousel-main .slick-arrow:focus-visible { opacity: 1; transition: 0s; visibility: visible; } .productView-imageCarousel-main:hover .slick-arrow:not(.slick-disabled) { transition: all 0.3s ease 0s; opacity: 1; visibility: visible; } .productView-imageCarousel-main:hover .slick-prev { left: 1rem; } .productView-imageCarousel-main:hover .slick-next { right: 1rem; } .productView-imageCarousel-main-item { position: relative; max-width: 100%; } .productView-imageCarousel-main-item::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } .productView-imageCarousel-main-item img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; object-fit: contain; font-family: "object-fit: contain"; border: 0; width: 100%; max-height: 100%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .productView-imageCarousel-main-item img { height: 100%; } } .productView-imageCarousel-nav { list-style: none; margin-left: 0; font-size: 0; margin-bottom: 1.5rem; } .productView-imageCarousel-nav ul, .productView-imageCarousel-nav ol { list-style: none; margin-bottom: 0; } .productView-imageCarousel-nav li { display: inline-block; } .productView-imageCarousel-nav .productView-imageCarousel-nav-item { display: inline-block; width: 100px; max-width: 100%; } .productView-images--bottom .productView-imageCarousel-nav { white-space: nowrap; overflow: auto; } .productView-imageCarousel-nav.slick-initialized { overflow: visible; } @media (min-width: 551px) { .productView-imageCarousel-nav { order: 3; width: 100px; } .productView-imageCarousel-nav .productView-imageCarousel-nav-item { display: block; } .productView-images--bottom .productView-imageCarousel-nav { width: 100%; padding: 0 40px; } .productView-images--bottom .productView-imageCarousel-nav .slick-prev { left: -3rem; width: 2.5rem !important; height: 2.5rem; } .productView-images--bottom .productView-imageCarousel-nav .slick-next { right: -3rem; width: 2.5rem; height: 2.5rem; } .productView-images--bottom .productView-imageCarousel-nav .productView-imageCarousel-nav-item { display: inline-block; } } .productView-imageCarousel-nav.slick-vertical { padding: 2.5rem 0; width: 100px; min-width: auto; } .productView-imageCarousel-nav.slick-vertical .slick-prev, .productView-imageCarousel-nav.slick-vertical .slick-next { height: auto; width: 100%; } .productView-imageCarousel-nav.slick-vertical .slick-prev::before, .productView-imageCarousel-nav.slick-vertical .slick-next::before { height: 0.9375rem; width: 1.25rem; margin: 0 auto; } .productView-imageCarousel-nav-item { border: 1px solid whitesmoke; margin: 0 0.375rem; cursor: pointer; max-width: 590px; position: relative; } .productView-imageCarousel-nav-item::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } .productView-imageCarousel-nav-item:focus { outline: 0; } .productView-images--bottom .productView-imageCarousel-nav-item { margin: 0; } @media (min-width: 801px) { .productView-images--bottom .productView-imageCarousel-nav-item { margin: 0 0.1875rem; } } @media (min-width: 551px) { .productView-imageCarousel-nav-item { margin: 0.375rem 0; } } .productView-imageCarousel-nav-item.slick-current { border-color: #4f4f4f; } .slick-vertical .productView-imageCarousel-nav-item.slick-slide { border: 1px solid whitesmoke; display: flex; } .slick-vertical .productView-imageCarousel-nav-item.slick-slide.slick-current { border-color: #888888; } .productView-imageCarousel-nav-item img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; object-fit: contain; font-family: "object-fit: contain"; margin: auto; max-height: 100%; border: 0; width: 100%; } /* @if stencilString("csspreload") == 'speedtest' { .productView-imageCarousel-main.slick-initialized .slick-list { @media (max-width: (screenSize("small") - 1px)) { &:before { padding-bottom: get-padding(stencilString("product_size")); content: ''; display: block; height: 0; } .slick-track { position: absolute; } } } .productView-imageCarousel-nav { @media (max-width: (screenSize("small") - 1px)) { min-height: get-height(stencilString("productthumb_size")); } } } */ [data-image-gallery]._bb, .productView-images._bb { position: relative !important; } .productView-videoPlayer { position: absolute; top: 0; left: 0; right: 0; height: 0; width: 100%; z-index: 10; } @media (min-width: 551px) { .productView-videoPlayer { left: 9rem; width: calc(100% - 9.75rem); } } @media (min-width: 1261px) { .productView-videoPlayer { left: 9.75rem; right: 1.5rem; width: calc(100% - 11.25rem); } } @media (min-width: 551px) { .productView-images--bottom .productView-videoPlayer { left: 0; width: 100%; } } @media (min-width: 801px) { .productView-images--bottom .productView-videoPlayer { left: 0; width: calc(100% - 30px); } } .productView-videoPlayer.hide { display: none; } .productView-videoPlayer._bb { position: fixed; top: 60px; left: 0; right: 0; bottom: 60px; width: auto; height: auto; z-index: 1000005; } @media (min-width: 801px) { .productView-videoPlayer._bb { left: 80px; right: 80px; } } .productView-videoPlayer._bb .productView-videoPlayer-container { padding-top: 0; height: 100%; } .productView-videoPlayer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .productView-videoPlayer-container { position: relative; width: 100%; height: 0; padding-top: 100%; } .productView-imageCarousel-nav-item-img-container.yt-video::after, .productView-imageCarousel-main-item-img-container.yt-video::after { background-color: #000; opacity: 0.4; } .productView-imageCarousel-nav-item-img-container.yt-video::before, .productView-imageCarousel-main-item-img-container.yt-video::before { content: "\25B6"; font-weight: bold; font-size: 35px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); z-index: 5; } .productView-imageCarousel-main-item-img-container.yt-video::before { font-size: 50px; } @media (min-width: 801px) { .productView-product { padding-bottom: 1.25rem; border-bottom: 0; } } .productView-product .productView-price { margin-bottom: 0; } .productView-product .productView-price { padding-bottom: 1.5rem; border-bottom: 1px solid whitesmoke; } @media (max-width: 800px) { .productView-product .productView-price { padding-bottom: 0.75rem; } } .productView-product:has(.productView-bulkPricing) .productView-price { padding-bottom: 1.875rem; } @media (max-width: 800px) { .productView-product:has(.productView-bulkPricing) .productView-price { padding-bottom: 1rem; margin-bottom: 0; } } .productView-title { font-size: 18px; margin: 0 0 0.375rem; } @media (min-width: 801px) { .productView-title { font-size: 24px; } } .productView-rating { margin: 0 0 0.75rem; } .productView-rating .icon { width: 1rem; height: 1rem; } .productView-rating .icon--ratingEmpty:first-child { display: none; } .productView-rating .icon--ratingEmpty:first-child ~ .icon { display: none; } .productView-rating .icon--ratingEmpty:first-child ~ .productView-reviewLink { display: none; } .productView-rating .icon--ratingEmpty:first-child ~ .productView-reviewLink + .productView-reviewLink { display: inline; float: none; margin-left: 0; } .productView-rating .icon--ratingEmpty:first-child ~ .productView-reviewLink + .productView-reviewLink a { color: #767676; } .productView-rating .icon--ratingEmpty:first-child ~ .productView-reviewLink + .productView-reviewLink a:hover, .productView-rating .icon--ratingEmpty:first-child ~ .productView-reviewLink + .productView-reviewLink a:focus { color: black; } .productView-rating .icon--ratingEmpty:first-child ~ .productView-reviewLink + .productView-reviewLink a:active { color: black; } @media (min-width: 551px) { .productView-rating .icon--ratingEmpty:first-child { display: inline-block; } .productView-rating .icon--ratingEmpty:first-child ~ .icon { display: inline-block; } .productView-rating .icon--ratingEmpty:first-child ~ .productView-reviewLink { display: inline-block; } .productView-rating .icon--ratingEmpty:first-child ~ .productView-reviewLink + .productView-reviewLink { margin-left: 0.75rem; } } .productView-reviewLink:first-child { margin-left: 0; } .productView-reviewLink > a { text-decoration: underline; color: black; } .productView-reviewLink > a:hover { color: #888888; } .productView-reviewLink > a:active { color: #888888; } .productView-reviewLink + .productView-reviewLink a { color: black; } .productView-reviewLink + .productView-reviewLink a:hover { color: #767676; } .productView-reviewLink + .productView-reviewLink a:active { color: #767676; } .productView-info { margin-top: 0; margin-bottom: 0; color: #4f4f4f; font-size: 14px; display: flex; flex-wrap: wrap; list-style: none; margin-left: 0; } @media (max-width: 1120px) and (min-width: 801px) { .productView-info { display: block; } } @media (max-width: 800px) { .productView-info .productView-info-value--sku:empty { margin-right: 0; } } .productView-info .productView-info-value--sku:empty { margin: 0; } .productView-info-name { float: left; clear: both; margin: 0 0.1875rem 0.75rem 0; font-weight: inherit; } @media (max-width: 800px) { .productView-info-name { margin: 0 0.1875rem 0.5rem 0; } } .productView-info-value { float: left; margin: 0 1.5rem 0.75rem 0; } @media (max-width: 800px) { .productView-info-value { margin: 0 1.5rem 0.5rem 0; } } ._productView-giftWrap { display: flex; font-size: 14px; color: #4f4f4f; } .productView-info-bulkPricing { font-size: 14px; } .productView-info-bulkPricing:before, .productView-info-bulkPricing:after { content: " "; display: table; } .productView-info-bulkPricing:after { clear: both; } .productView-info-bulkPricing .productView-info-name { margin-bottom: 0.75rem; } @media (min-width: 801px) { .productView-info-bulkPricing { margin-top: 0; } } .productView-bulkPricing { padding: 1rem 0; border-bottom: 1px solid whitesmoke; } .productView-bulkPricing-heading { margin: 0.75rem 0; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 20px; color: inherit; display: none; } .productView-bulkPricing-description { font-size: 12px; color: #4f4f4f; margin-bottom: 0.75rem; } @media (min-width: 551px) { .productView-bulkPricing-description { font-size: 14px; } } .productView-bulkPricing-table { margin: 0; font-size: 12px; } @media (min-width: 551px) { .productView-bulkPricing-table { width: auto; font-size: 14px; } } .productView-bulkPricing-table tr td { padding: 0.375rem; } @media (min-width: 551px) { .productView-bulkPricing-table tr td { padding: 0.375rem 0.75rem; } } .productView-bulkPricing-table tr td:first-child { background-color: #e5e5e5; } .productView-options { text-align: left; margin-bottom: 0.75rem; } .productView-options .form-field { margin-bottom: 1.5rem; } .productView-options .form-action .button { padding-left: 1.5rem; padding-right: 1.5rem; } .productView-options .form-action .dropdown-menu-button { padding-left: 3rem; padding-right: 3rem; } .productView-options .form-action .dropdown-menu-button .icon { position: absolute; right: 1.5rem; } @media (min-width: 801px) { .productView-options .form-wishlist { display: inline-block; width: 100%; margin-bottom: 0; } } @media (min-width: 1261px) { .productView-options .form-wishlist { width: 50%; } } @media (min-width: 1261px) { .productView-options .form-wishlist .button { width: 100%; } } @media (min-width: 551px) { .productView-options .form--addToCart .form-action { padding-left: 0; padding-right: 0.75rem; } } @media (min-width: 551px) { .productView-options .form--addToCart .form-action { float: left; width: 50%; } } @media (min-width: 801px) { .productView-options .form--addToCart .form-action { width: 100%; padding-right: 0; } } @media (min-width: 1261px) { .productView-options .form--addToCart .form-action { width: 50%; } .productView-options .form--addToCart .form-action .button { margin-right: 0; width: 100%; } } @media (min-width: 1441px) { .productView-options .form--addToCart .form-action { width: 50%; } } @media (min-width: 551px) { .productView-options .form--wishlist .form-action { padding-left: 0.75rem; padding-right: 0; } } @media (min-width: 551px) { .productView-options .form--wishlist .form-action { float: left; width: 50%; } } @media (min-width: 1261px) { .productView-options .form--wishlist .form-action .button { margin-right: 0; width: 100%; } } @media (min-width: 1441px) { .productView-options .form--wishlist .form-action { width: 41.66667%; } } .papathemes-productView-optionsGrid { font-size: 0; } .papathemes-productView-optionsGrid .form-field { font-size: 1rem; } .papathemes-productView-optionsGrid [data-product-option-change] { display: inline; } .papathemes-productView-optionsGrid .form-label [data-option-value] { font-weight: 400; } .productOptions-list-item { padding: 0.75rem; } .productOptions-list-item-figure { width: 100px; max-width: 40%; } .productOptions-list-item-image { width: 100%; } .productView-description .tabs, .productView-productTabs .tabs { display: flex; } @media (min-width: 801px) { .productView-description .tabs, .productView-productTabs .tabs { display: block; } } .productView-description .tab-content.has-jsContent, .productView-productTabs .tab-content.has-jsContent { height: auto; visibility: visible; overflow: visible; } @media (min-width: 801px) { .productView-description .tab-content.has-jsContent, .productView-productTabs .tab-content.has-jsContent { height: 0; visibility: hidden; overflow: hidden; } .productView-description .tab-content.has-jsContent.is-active, .productView-productTabs .tab-content.has-jsContent.is-active { height: auto; visibility: visible; overflow: visible; } } .productView-description .tab-content:not(.has-jsContent), .productView-productTabs .tab-content:not(.has-jsContent) { display: block; } @media (min-width: 801px) { .productView-description .tab-content:not(.has-jsContent), .productView-productTabs .tab-content:not(.has-jsContent) { display: none; } .productView-description .tab-content:not(.has-jsContent).is-active, .productView-productTabs .tab-content:not(.has-jsContent).is-active { display: block; } } @media (min-width: 801px) { html .productView-description .page-heading, html .productView-productTabs .page-heading { display: none; } } @media (max-width: 800px) { .productView-description .productView-description-tabContent { padding: 0; } } .productView-description .productView-description-tabContent h2:first-child { margin-top: 0; } html.js .productView-description-tabContent [data-custom-tab] { display: none; } .productView-addition-table { width: auto; } .productView-addition-table .productView-info-name, .productView-addition-table .productView-info-value { margin: 0; } @media (min-width: 801px) { .productView-productTabs .page-heading + .productCarousel .slick-prev, .productView-productTabs .page-heading + .productCarousel .slick-next { top: -4.5rem; padding: 0.75rem; } .productView-productTabs .page-heading + .productCarousel .slick-prev::before, .productView-productTabs .page-heading + .productCarousel .slick-next::before { width: 1.5rem; height: 1.5rem; } } @media (min-width: 801px) { .productView-productTabs .page-heading + .productCarousel .slick-prev { right: 3.375rem; } } @media (min-width: 801px) { .productView-productTabs .page-heading + .productCarousel .slick-next { right: 0.375rem; } } .price--rrp, .price--non-sale, .price--discounted { text-decoration: line-through; } .price-section--minor { color: #a5a5a5; } .price-section [itemprop="priceSpecification"] { display: inline; } .price { color: #767676; } .price._hasSale { color: #e10238; } .price--rrp, .price--non-sale, .price--discounted { color: #4f4f4f; } .compareTable { border-top: 1px solid whitesmoke; table-layout: fixed; width: 100%; } .compareTable-row { vertical-align: top; } .compareTable-row + .compareTable-row .compareTable-heading, .compareTable-row + .compareTable-row .compareTable-item { border-top: 1px solid whitesmoke; } .compareTable-row + .compareTable-row .compareTable-heading:empty { border-top: 0; } .compareTable-heading { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; padding: 1.25rem 1rem; position: relative; text-align: right; width: 0; } @media (min-width: 801px) { .compareTable-heading { width: 25%; } } .compareTable-headingText { position: absolute; top: 1.25rem; white-space: nowrap; } @media (min-width: 801px) { .compareTable-headingText { position: inherit; top: inherit; } } .compareTable-item { padding: 3.25rem 1rem 1.25rem; } @media (min-width: 801px) { .compareTable-item { padding-top: 1.25rem; } } .compareTable-removeProduct { background-color: #e5e5e5; border-radius: 50%; height: 2.5rem; position: absolute; right: -1rem; top: -1rem; transition: background-color 0.15s ease; width: 2.5rem; } .compareTable-removeProduct .icon { fill: #767676; height: 1.5rem; margin-top: 0.5rem; width: 1.5rem; } .compareTable-product { font-weight: 400; padding: 2rem 1rem 1.25rem; } .compareTable-product .card { margin-bottom: 0; } .compareTable-product .card-body { min-height: 6rem; padding-top: 1rem; grid-template-rows: minmax(1.625rem, max-content) auto minmax(2rem, max-content); } .compareTable-product .card-body .card-text { grid-row: 1; } .compareTable-product .card-body .card-title { grid-row: 2; } .compareTable-product .card-body .card-text--price { grid-row: 3; } .compareTable-action { padding: 0 1rem 1rem; } .compareTable-action .button { display: block; padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; } .compareTable-removeProduct { top: 0; right: 0; border-radius: 0; } .compareTable-removeProduct .icon { fill: #4f4f4f; } .compareTable-product .card { background-color: transparent; } @media (max-width: 800px) { .supermarket-page--pages-compare .page { overflow-x: auto; -webkit-overflow-scrolling: touch; } .compareTable { width: auto; } .compareTable-heading { padding: 0; } .compareTable-headingText { display: block; padding: 0 0.75rem; font-weight: 700; } .compareTable-product { padding: 0.375rem; min-width: 150px; } .compareTable-removeProduct { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .compareTable-removeProduct .icon { margin: 0; } .compareTable-action { padding: 0 0.375rem 1rem; } .compareTable-action .button { padding: 0.375rem 0.75rem; font-size: 14px; } } .blocker { background: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 20; } .blocker-container { position: relative; } .textTruncate { padding-bottom: 1.5rem; position: relative; transition: max-height 100ms ease-out; } .js .textTruncate { max-height: 110px; overflow: hidden; } .js .textTruncate--visible { max-height: 62.5rem; } .textTruncate-viewMore { background-color: white; bottom: 0; padding-top: 10px; position: absolute; width: 100%; } .toggle { border-top: 1px solid whitesmoke; margin-bottom: 2.25rem; } .toggle:last-of-type { margin-bottom: 4.5rem; } .toggle-title { margin-bottom: 2.25rem; } .toggle-title .toggleLink { float: right; line-height: 24px; } .toggleLink-text--off { display: inline-block; } .toggleLink.is-open .toggleLink-text--off { display: none; } .toggleLink-text--on { display: none; } .toggleLink.is-open .toggleLink-text--on { display: inline-block; } .toggle-content { display: none; } .toggle-content.is-open { display: block; } .toggleLink-text { vertical-align: middle; } .banners { background-color: #888888; color: white; padding: 0.75rem 0; text-align: center; } .banners p:last-child { margin-bottom: 0; } .banners a { color: white; } .banner { margin: 0 auto; max-width: 93.75rem; width: 100%; } .banner:before, .banner:after { content: " "; display: table; } .banner:after { clear: both; } .banners { background-color: rgba(209, 67, 67, 0.5); background-image: -webkit-linear-gradient(right, #d14343 0%, #d14343 100%); background-image: -o-linear-gradient(right, #d14343 0%, #d14343 100%); background-image: linear-gradient(to right, #d14343 0%, #d14343 100%); color: white; padding: 0; } .banners .banner { padding: 0.9375rem 0; margin: 0 0.1875rem; } .banners--bottom { margin-bottom: 3rem; background: transparent; color: inherit; text-align: left; } .papaThemesFeatureBanner { display: flex; flex-flow: row wrap; justify-content: center; padding: 0.375rem; } .papaThemesFeatureBanner-item { padding: 0.375rem; width: 100%; } @media (min-width: 551px) { .papaThemesFeatureBanner-item { width: 50%; } } @media (min-width: 801px) { .papaThemesFeatureBanner-item { width: 33.3333%; } .papaThemesFeatureBanner-item + .papaThemesFeatureBanner-item { border-left: 1px solid whitesmoke; } .papaThemesFeatureBanner-item + .papaThemesFeatureBanner-item:nth-child(3n + 1) { border-left: 0; } } .papaThemesFeatureBanner-link { display: flex; justify-content: center; align-items: center; text-transform: uppercase; text-decoration: none; font-weight: 700; } .papaThemesFeatureBanner-icon, .papaThemesFeatureBanner-item img { margin-right: 0.75rem; max-height: 1.5rem; } .facetLabel { color: white; background: #2d2d2d; border: 1px solid #2d2d2d; border-radius: 4px; padding: 0.1875rem 0.5rem 0.1875rem 0.6875rem; text-decoration: none; } .facetLabel .icon { height: 0.625rem; width: 0.625rem; display: inline-block; fill: white; position: relative; top: -1px; } .facetLabel:hover, .facetLabel:focus { color: #2d2d2d; background: white; } .facetLabel:hover .icon, .facetLabel:focus .icon { fill: #2d2d2d; } .cart-additionalCheckoutButtons:before, .cart-additionalCheckoutButtons:after { content: " "; display: table; } .cart-additionalCheckoutButtons:after { clear: both; } .cart-additionalCheckoutButtons .FloatRight:before, .cart-additionalCheckoutButtons .FloatRight:after { content: " "; display: table; } .cart-additionalCheckoutButtons .FloatRight:after { clear: both; } .cart-additionalCheckoutButtons .FloatRight p { float: none !important; margin: 0.5rem 0; text-align: right; } .cart-additionalCheckoutButtons .FloatRight div { float: right; } .cart { display: block; margin-bottom: 1.5rem; width: 100%; } @media (min-width: 801px) { .cart { display: table; } } .cart-header { display: none; } @media (min-width: 801px) { .cart-header { display: table-header-group; text-align: center; } .cart-header tr { display: table-row; } .cart-header .cart-header-item { font-weight: 400; } .cart-header .cart-header-item:first-child { width: 11.25rem; } .cart-header .cart-header-product { text-align: left; } .cart-header .cart-header-quantity { width: 25%; } .cart-header .cart-header-total { width: 20%; text-align: right; } } @media (max-width: 1260px) { .cart-header .cart-header-item:first-child { width: 7.875rem; } } .cart-header-item { padding-bottom: 1rem; } .cart-header-item:last-child { text-align: right; } .cart-list { border-top: 1px solid whitesmoke; display: block; } @media (min-width: 801px) { .cart-list { display: table-row-group; } } @media (max-width: 800px) { .cart-list { border-top: unset; } } .cart-item { clear: both; display: block; padding: 1rem 0; } @media (min-width: 551px) { .cart-item { padding-left: 25%; } .cart-item:before, .cart-item:after { content: " "; display: table; } .cart-item:after { clear: both; } } @media (min-width: 801px) { .cart-item { display: table-row; padding-left: 0; } .cart-item::before, .cart-item::after { display: none; } } .cart-item-block { display: block; } .cart-item-block a:hover svg { fill: #767676; } .cart-item-block .form-increment { border: 1px solid #cccccc; } .cart-item-block .form-increment .button[data-action] { background-color: #e5e5e5; height: 2.5rem; width: 2.5rem; } .cart-item-block .form-increment .button[data-action]:hover { background-color: white; } .cart-item-block .form-increment .button[data-action]:hover svg { fill: #767676; } .cart-item-block .form-increment .button[data-action] svg { fill: #4f4f4f; } .cart-item-block .form-increment .button[data-action][data-action=dec], .cart-item-block .form-increment .button[data-action][data-action=inc] { position: relative; } .cart-item-block .form-increment .button[data-action][data-action=dec]::after, .cart-item-block .form-increment .button[data-action][data-action=inc]::after { content: ""; display: block; position: absolute; height: 50%; top: 50%; transform: translateY(-50%); width: 1px; background-color: #cccccc; right: 0; z-index: -1; } .cart-item-block .form-increment .button[data-action][data-action=dec]::after { right: 1px; } .cart-item-block .form-increment .button[data-action][data-action=inc]::after { left: 0; } @media (min-width: 801px) { .cart-item-block { display: table-cell; } } .cart-item-block .definitionList { margin-bottom: 0.375rem; } .cart-item-fixed-image { width: 100%; } .cart-item-image { max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } @media (min-width: 801px) { .cart-item-image { margin-left: 0; } } .cart-item-title { display: table-cell; height: 6.25rem; padding-left: 1rem; } @media (min-width: 551px) { .cart-item-title { display: block; height: auto; margin-bottom: 1rem; overflow: hidden; } } @media (min-width: 801px) { .cart-item-title { display: table-cell; padding: 1rem; } } .cart-item-info { clear: both; width: 100%; } .cart-item-info + .cart-item-info { margin-top: 0.75rem; } @media (min-width: 551px) { .cart-item-info { clear: none; float: left; overflow: hidden; width: 33.33333%; } .cart-item-info + .cart-item-info { margin-top: 0; } } @media (min-width: 801px) { .cart-item-info { float: none; width: 16.66667%; } .cart-item-info:last-child { text-align: right; } } @media (min-width: 801px) { .cart-header-quantity, .cart-item-quantity { text-align: center; } } .cart-item-quantity .form-increment { display: inline-block; margin: 0 0.1875rem 1px 1.5rem; vertical-align: middle; } @media (min-width: 801px) { .cart-item-quantity .form-increment { margin-left: 0; margin-right: 0; } } .cart-item-label { color: black; float: left; margin-bottom: 0.375rem; text-align: right; width: 33.33333%; } @media (min-width: 551px) { .cart-item-label { display: block; padding-left: 1rem; text-align: left; width: 100%; } } @media (min-width: 801px) { .cart-item-label { display: none; } } .cart-item-value { padding-left: 1rem; color: #767676; } .cart-item-value.price--discounted { color: rgba(79, 79, 79, 0.5); } @media (min-width: 801px) { .cart-item-value { padding-left: 0; } } .cart-item-brand { color: #a5a5a5; margin-bottom: 0.1875rem; } .cart-item-name { font-size: 14px; margin: 0; } .cart-item-name + .definitionList { margin-top: 0.375rem; margin-bottom: 0; } .cart-item-options--giftWrapping { margin-top: 1.125rem; } .cart-item-options--giftWrapping .cart-item-option-description { color: black; } .cart-item-options--giftWrapping .cart-item-option-description a { text-decoration: none; } .cart-item-options--giftWrapping:not(._added) { display: flex; flex-wrap: wrap; column-gap: 0.375rem; margin-bottom: 0; } .cart-remove { background-color: #e5e5e5; border-radius: 50%; cursor: pointer; float: right; height: 1.125rem; margin-top: 0.125rem; padding: 0.1875rem; transition: background-color 0.15s ease; width: 1.125rem; } @media (min-width: 551px) { .cart-remove { margin-left: 1rem; } } .cart-remove.cart-remove--spacer { visibility: hidden; } .cart-remove > svg { height: 1rem; width: 1rem; fill: #767676; } .cart-totals { list-style: none; margin-left: 0; margin-bottom: 1rem; text-align: right; width: 100%; } .cart-totals ul, .cart-totals ol { list-style: none; margin-bottom: 0; } @media (min-width: 551px) { .cart-totals { float: right; width: 75%; } } @media (min-width: 801px) { .cart-totals { margin-bottom: 1rem; width: 58.33333%; } } @media (min-width: 1261px) { .cart-totals { width: 41.66667%; } } .cart-total { border-bottom: 0; } .cart-total:before, .cart-total:after { content: " "; display: table; } .cart-total:after { clear: both; } .cart-total .form-input { display: inline-block; height: 2.375rem; padding: 0.5rem; vertical-align: top; width: 75%; } .cart-total .form-select { background-position: right 0.3125rem top 0.4375rem; background-size: 1.25rem 1.25rem; height: 2.375rem; margin-bottom: 0.75rem; padding: 0.5rem 0.75rem; } .cart-total .form-inlineMessage { text-align: left; } .cart-total-label { width: 33.33333%; } @media (min-width: 551px) { .cart-total-label { width: 50%; } } @media (min-width: 801px) { .cart-total-label { display: block; padding-left: 0; text-align: left; } } .cart-total-value { text-align: left; } @media (min-width: 551px) { .cart-total-value { text-align: right; } } @media (min-width: 801px) { .cart-total-value { width: 50%; } } .cart-total-label, .cart-total-value { float: left; padding: 0.5rem 0 0.5rem 1rem; } @media (min-width: 801px) { .cart-total-label, .cart-total-value { padding: 1rem 0; } } .cart-total-grandTotal { font-size: 18px; padding-bottom: 0.1875rem; padding-top: 0.1875rem; position: relative; } @media (min-width: 801px) { .cart-total-grandTotal { padding: 1rem 0; } } .coupon-code-add, .coupon-code-cancel, .shipping-estimate-show, .shipping-estimate-hide, .gift-certificate-add, .gift-certificate-cancel { color: #4f4f4f; padding: 0; transition: color 0.15s ease; } .coupon-code-add:hover, .coupon-code-cancel:hover, .shipping-estimate-show:hover, .shipping-estimate-hide:hover, .gift-certificate-add:hover, .gift-certificate-cancel:hover { color: #767676; } .coupon-form, .cart-gift-certificate-form { font-size: 0; margin-bottom: 0; } .coupon-form:before, .coupon-form:after, .cart-gift-certificate-form:before, .cart-gift-certificate-form:after { content: " "; display: table; } .coupon-form:after, .cart-gift-certificate-form:after { clear: both; } .coupon-form .form-input, .coupon-form .button, .cart-gift-certificate-form .form-input, .cart-gift-certificate-form .button { float: left; } .coupon-form .form-input, .cart-gift-certificate-form .form-input { width: 78%; font-weight: 400; } .coupon-form .button, .cart-gift-certificate-form .button { margin: 0 0 0 2%; padding-left: 0.1875rem; padding-right: 0.1875rem; width: 20%; height: 2.5rem; } .coupon-form .button:active, .coupon-form .button:focus, .cart-gift-certificate-form .button:active, .cart-gift-certificate-form .button:focus { border-color: #0f7fff; background-color: #2d2d2d; } .estimator-form { margin-bottom: 0; } .estimator-form .form-input { margin-bottom: 0.75rem; width: 100%; } .estimator-form .button--primary { width: 60%; } .estimator-form-label { clear: both; float: left; font-weight: 400; margin-bottom: 0; } .estimator-form-label .form-label { line-height: 2rem; margin-bottom: 0; } .estimator-form-label-text { margin-left: 0.625rem; } .estimator-form-input { float: right; margin-bottom: 0.75rem; width: 60%; } .estimator-form-input .form-input, .estimator-form-input .form-select { margin-bottom: 0; } .estimator-form-input--price { width: 30%; } .estimator-form-row:before, .estimator-form-row:after { content: " "; display: table; } .estimator-form-row:after { clear: both; } .estimator-form-toggleUPSRate { display: block; margin-bottom: 1em; } .cart-actions { clear: both; } .cart-actions:before, .cart-actions:after { content: " "; display: table; } .cart-actions:after { clear: both; } .cart-actions .button { display: block; margin-bottom: 0; } @media (min-width: 551px) { .cart-actions .button { display: inline-block; float: right; } } .cart-actions .checkoutMultiple { clear: right; display: block; float: right; padding-top: 0.375rem; } .previewCartList { list-style: none; margin-left: 0; margin: 0; padding: 0; border-collapse: collapse; display: table; table-layout: fixed; width: 100%; } .previewCartList ul, .previewCartList ol { list-style: none; margin-bottom: 0; } .previewCartList li { margin: 0; padding: 0; } .previewCartItem { margin: 0 auto; max-width: 93.75rem; width: 100%; display: table-row; line-height: 19px; } .previewCartItem:before, .previewCartItem:after { content: " "; display: table; } .previewCartItem:after { clear: both; } .previewCartItem + .previewCartItem { border-top: 1px solid whitesmoke; } .previewCartItem-image, .previewCartItem-content { display: table-cell; vertical-align: middle; } .previewCartItem-image { padding-left: 0.75rem; padding-right: 0.75rem; width: 33.33333%; padding: 0; text-align: center; position: relative; } .previewCartItem-image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; /** Supermarket */ width: calc(100% - 30px); max-height: 100%; object-fit: contain; /* Object-fit polyfill */ font-family: "object-fit: contain"; } .previewCartItem-image::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } .previewCartItem-content { padding-left: 0.75rem; padding-right: 0.75rem; width: 66.66667%; padding-left: 0; } .previewCartItem-name { margin: 0; text-transform: none; } .previewCartItem-name > a { text-decoration: none; } .previewCartItem-brand, .previewCartItem-name { margin-bottom: 0.1875rem; } .previewCartItem-brand, .previewCartItem-price { color: #4f4f4f; display: inline-block; font-size: 12px; } .previewCartItem-price .price:not(.price--discounted) { color: #767676; } .previewCartAction { margin: 0 auto; max-width: 93.75rem; width: 100%; border-top: 1px solid whitesmoke; display: block; padding: 1.5rem; } .previewCartAction:before, .previewCartAction:after { content: " "; display: table; } .previewCartAction:after { clear: both; } .previewCartAction .button { margin: 0; padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; } .previewCartAction-checkout, .previewCartAction-viewCart { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; } .previewCartAction-checkout.previewCartAction-viewCart--sole, .previewCartAction-viewCart.previewCartAction-viewCart--sole { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; margin-left: auto; margin-right: auto; float: none; } .previewCartAction-checkout { padding-right: 0.375rem; } .previewCartAction-checkoutMultiple { clear: both; padding-left: 0.75rem; padding-top: 0.375rem; } .previewCartAction-viewCart { padding-left: 0.375rem; } .previewCart-emptyBody { padding: 3rem; text-align: center; } .cart-emptyText { margin: 0; text-align: center; font-size: 1rem; } .cart-header-item { text-transform: uppercase; } .cart-remove { background-color: transparent; width: auto; height: auto; float: none; margin-left: 0.75rem; color: black; } .cart-item-name { margin-bottom: 0.375rem; font-size: 1rem; } .cart-item-name a { text-decoration: none; color: black; } .cart-item-name a:hover, .cart-item-name a:focus { color: #666666; } .cart-item-block .definitionList { font-size: 14px; } .cart-item-block ._editLink { display: inline-block; margin-bottom: 0.75rem; text-decoration: none; } .cart-item-title a { color: #767676; } .cart-item-title a:hover, .cart-item-title a:focus { color: black; } .cart-item-title a:active { color: black; } .cart-item-image { max-height: 100%; margin: auto; } .cart-item-info { margin-top: 0.75rem; } @media (min-width: 551px) { .cart-item-info { margin-top: 0; } } @media (min-width: 801px) { .cart-item-quantity { white-space: nowrap; } } .cart-item-options { font-size: 14px; } .cart-item-options--giftWrapping { margin-top: 0; margin-bottom: 0; } .cart-item-options--giftWrapping .cart-item-option-description:has(+ .cart-item-option-title) { margin-bottom: 0.375rem; } .cart-item-option-description { margin-bottom: 0.75rem; } .cart-total .form-input { padding-top: 0; padding-bottom: 0; height: 2.5rem; } .cart-total .form-select { padding-top: 0; padding-bottom: 0; } .cart-total-label { padding-top: 0.375rem; padding-bottom: 0.375rem; width: 40%; } @media (min-width: 801px) { .cart-total-label { width: 50%; padding-top: 1rem; padding-bottom: 1rem; } } .cart-total-value { padding-top: 0.375rem; padding-bottom: 0.375rem; font-weight: 700; color: black; } @media (min-width: 801px) { .cart-total-value { padding-top: 1rem; padding-bottom: 1rem; } } .cart-total-grandTotal { font-size: 22px; color: #767676; } @media (min-width: 801px) { .cart-total-grandTotal { line-height: inherit; } } .shipping-quotes .estimator-form-label { text-align: left; } .shipping-quotes dl { display: grid; grid-template-columns: auto max-content; grid-gap: 0.75rem; margin-bottom: 0; } .coupon-code-add, .coupon-code-cancel, .shipping-estimate-show, .shipping-estimate-hide, .gift-certificate-add, .gift-certificate-cancel { color: #767676; text-decoration: none; text-underline-position: under; float: right; } .coupon-code-add:hover, .coupon-code-cancel:hover, .shipping-estimate-show:hover, .shipping-estimate-hide:hover, .gift-certificate-add:hover, .gift-certificate-cancel:hover { color: black; } .coupon-code-add:active, .coupon-code-cancel:active, .shipping-estimate-show:active, .shipping-estimate-hide:active, .gift-certificate-add:active, .gift-certificate-cancel:active { color: black; } .cart-actions { margin-bottom: 1rem; } @media (min-width: 551px) { .cart-actions { margin-left: auto; margin-right: 0; width: 75%; } } @media (min-width: 801px) { .cart-actions { width: 58.33333%; } } @media (min-width: 1261px) { .cart-actions { width: 41.66667%; } } .cart-actions .button { display: block; float: none; } @media (min-width: 801px) { [data-stickymenu] .previewCartListWrapper { display: block; overflow: auto; max-height: calc(100vh - 350px); } } .previewCartItem-content { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; font-size: 14px; } .previewCartItem-content:before, .previewCartItem-content:after { content: " "; display: table; } .previewCartItem-content:after { clear: both; } .previewCartItem-content .cart-item-options .cart-item-option-title { margin-bottom: 0; font-weight: inherit; } .previewCartItem-content .cart-item-options .cart-item-option-description { margin-bottom: 0.375rem; color: #4f4f4f; } .previewCartItem-content ._editLink { display: inline-block; margin-bottom: 0.375rem; } .previewCartItem-content a { text-decoration: none; } .previewCartItem-qtyRemoveRow { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 0.375rem; } .previewCartItem-quantity .cart-item-label { display: none; } .previewCartItem-remove { display: block; } .previewCartItem-remove-icon { color: black; padding: 0.375rem; display: block; } .previewCartItem-remove-icon .icon { fill: black; } .previewCartItem-remove-icon:hover { color: #767676; } .previewCartItem-remove-icon:hover .icon { fill: #767676; } .previewCart-additionalCheckoutButtons { clear: both; text-align: center; } .definitionList--previewCartItem { font-size: 14px; margin-bottom: 0; } .addressList { font-size: 0; list-style: none; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: 1rem; } .address { display: inline-block; padding: 0 0.75rem; vertical-align: top; width: 100%; } @media (min-width: 551px) { .address { width: 50%; } } @media (min-width: 1261px) { .address { width: 33.33333%; } } .panel--address { font-size: 1rem; position: relative; } .panel--address .panel-body { min-height: 15.625rem; padding: 1.5rem; border-radius: 8px; } @media (min-width: 551px) { .panel--address .panel-body { padding: 1.5rem 1.5rem 4.5rem; } } .panel--address .form-actions { margin-bottom: -0.75rem; margin-top: 1.5rem; text-align: left; } @media (min-width: 551px) { .panel--address .form-actions { bottom: 1.5rem; position: absolute; width: auto; } } .panel--address .form-actions .button { margin-bottom: 0.75rem; } .panel--address .form-actions .button + .button { margin-left: 0; margin-top: 0; } @media (min-width: 551px) { .panel--address .form-actions .button + .button { margin-left: 0.375rem; } } .address-title { margin: 0 0 0.75rem; text-transform: none; } .address-details { list-style: none; margin: 0 0 0.75rem; } .address-details--postal { font-size: 14px; } .address-label, .address-description { display: inline-block; font-size: 1rem; margin: 0; } .address-label { color: #4f4f4f; font-weight: 400; } .panel--newAddress { display: block; text-align: center; text-decoration: none; } .panel--newAddress:hover .address-title { color: black; } .panel--newAddress .panel-body { background-color: transparent; border: 1px solid whitesmoke; display: block; } .panel--newAddress .address-title { margin-bottom: 0; transition: all 0.15s ease; } .address-addNew { left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-55%); } .address-symbol { font-size: 64px; line-height: 1; } .videoGallery-main { height: 0; margin-bottom: 1rem; overflow: hidden; padding-bottom: 67.5%; padding-top: 1.5625rem; position: relative; margin-bottom: 1.875rem; } .videoGallery-main.widescreen { padding-bottom: 56.34%; } .videoGallery-main.vimeo { padding-top: 0; } .videoGallery-main iframe, .videoGallery-main object, .videoGallery-main embed, .videoGallery-main video { height: 100%; position: absolute; top: 0; width: 100%; left: 0; } .videoGallery-list { list-style: none; margin-left: 0; margin: 0 -0.75rem; max-width: none; width: auto; font-size: 0; } .videoGallery-list ul, .videoGallery-list ol { list-style: none; margin-bottom: 0; } .videoGallery-list:before, .videoGallery-list:after { content: " "; display: table; } .videoGallery-list:after { clear: both; } .videoGallery-item { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; display: inline-block; float: none; vertical-align: top; } @media (min-width: 801px) { .videoGallery-item { width: 50%; } } .video { display: block; margin-bottom: 1.875rem; opacity: 0.4; text-decoration: none; transition: opacity 100ms ease-out; } .video:before, .video:after { content: " "; display: table; } .video:after { clear: both; } .video-figure { float: left; margin-right: 0.75rem; } .video-figure > img { display: block; } .video-figure--opposite { float: right; margin-left: 0.75rem; margin-right: 0; } .video-body:before, .video-body:after { content: " "; display: table; } .video-body:after { clear: both; } @media (min-width: 801px) { .video { margin-bottom: 1.875rem; } } .video:hover, .video.is-active { color: #454545; opacity: 1; } .video-figure { margin-right: 1.875rem; } .video-title { margin-bottom: 0; margin-top: 0; text-transform: none; } .video-description { font-size: 1rem; margin-bottom: 0; } @media (min-width: 801px) { .videoGallery--inTab, #videoGallery-content.is-open { display: flex; justify-content: space-between; align-items: flex-start; } } .videoGallery-main { padding: 0; height: auto; } @media (min-width: 801px) { .videoGallery-main { width: calc(66.66667% - 0.75rem); } } .videoGallery-main::after { content: ""; display: block; height: 0; padding-bottom: 67.5%; } @media (min-width: 801px) { .videoGallery-list { width: calc(33.33334% - 0.75rem); margin: 0; } } @media (min-width: 801px) { .videoGallery-item { width: 100%; padding: 0; } } .video-title { margin-bottom: 0.375rem; font-size: 1rem; line-height: 1.35; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; } .video-description { line-height: 1.35; } @media (min-width: 801px) { .video-figure { margin-right: 0.75rem; } } .tab-content .videoGallery { overflow: hidden; } @media (min-width: 801px) { .tab-content .videoGallery-main { margin: 0; } } .previewCart { margin: 0 auto; max-width: 93.75rem; width: 100%; } .previewCart:before, .previewCart:after { content: " "; display: table; } .previewCart:after { clear: both; } @media (min-width: 801px) { .previewCart .productView { padding-left: 0.75rem; padding-right: 0.75rem; width: 75%; float: left; display: flex; margin: 0; padding-bottom: 0; padding-top: 0; } .previewCart .productView-image { padding-left: 0.75rem; padding-right: 0.75rem; width: 58.33333%; float: left; display: flex; flex-direction: column; } .previewCart .productView-image--cart { align-self: flex-start; margin: 0 auto; width: 100%; } .previewCart .productView-details { padding-left: 0.75rem; padding-right: 0.75rem; width: 41.66667%; float: left; } } .previewCart .productView-title { margin-top: 0; } .previewCartCheckout { background: #e5e5e5; padding: 1rem; text-align: center; } @media (min-width: 801px) { .previewCartCheckout { padding-left: 0.75rem; padding-right: 0.75rem; width: 25%; float: right; padding: 1.5rem; } } .previewCartCheckout .button { display: block; margin: 0; width: 100%; } .previewCartCheckout .button + p { margin-top: 0.75rem; } .previewCartCheckout .button:not(:last-child) { margin-bottom: 1rem; } .previewCartCheckout-price { display: block; font-size: 24px; font-weight: bold; text-align: center; } .previewCartCheckout-subtotal { display: block; margin-bottom: 1.5rem; margin-top: 1.5rem; } .previewCartCheckout-additionalCheckoutButtons p { float: none !important; margin: 0.5rem 0; } .suggestiveCart { display: none; text-align: center; } @media (min-width: 801px) { .suggestiveCart { display: block; } } @media (min-width: 801px) { .previewCart .productView { flex-direction: row; } } .previewCart .productView-alsoBought-item { display: flex; width: 100%; margin-top: 0; margin-bottom: 1.5rem; } .previewCart .productView-alsoBought-item .productView-image { padding: 0; } .previewCart .productView-alsoBought-item .productView-price { padding: 0; margin-bottom: 0.75rem; } @media (max-width: 800px) { .previewCart .productView-alsoBought-item { display: block; } .previewCart .productView-alsoBought-item .productView-image { margin-top: 0; } .previewCart .productView-alsoBought-item .productView-title { margin-bottom: 1.5rem; } .previewCart .productView-alsoBought-item .productView-details { margin: 0; padding: 0; margin-top: 0.75rem; } .previewCart .productView-alsoBought-item .productView-price { margin: 0; padding: 0; margin-bottom: 1.5rem; font-size: 18px; } } .previewCart .productView-price { margin-top: 0; font-size: 22px; } @media (max-width: 800px) { .previewCart .productView-price { justify-content: flex-start; font-size: 18px; } } .previewCart .productView-price [data-cart-item-quantity] { margin-right: 0.5rem; } .previewCart .productView-info { margin-bottom: 0.375rem; border-top: 0; } .previewCart .productView-info-name { margin-top: 0; } .previewCart .productView-info-value { margin-top: 0; } @media (max-width: 800px) { .previewCart .productView-details { padding-top: 0.75rem; } } .previewCartCheckout-additionalCheckoutButtons .CheckoutButton { margin-top: 0.75rem; } .previewCartCheckout-additionalCheckoutButtons .CheckoutButton + .CheckoutButton { margin-top: 0; } .PaypalCommerceButton { max-width: 100%; } .preview-modal--default .previewCart .productView-brand { margin-bottom: 0.75rem; } .preview-modal--default .productView-price .productView-price-value { margin-left: 0.375rem; } .preview-modal--default .previewCartCheckout .button { line-height: 1.15; } @media (min-width: 801px) { .preview-modal--default .productView { padding-left: 1rem; padding-right: 1rem; } } @media (max-width: 800px) { .preview-modal--default { border-radius: 0px; } } .preview-modal--mini { transform: translateY(-50%); min-height: 6.25rem; max-height: none; width: 300px; background: #f7f7f7; border: 1px solid whitesmoke; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .preview-modal--mini.preview-modal { border-radius: 0px; } @media (min-width: 551px) { .preview-modal--mini { width: 400px; } } @media (min-width: 801px) { .preview-modal--mini { left: auto; right: 35px; } } .preview-modal--mini .modal-close { top: -14px; right: -14px; height: 2.5rem; width: 2.5rem; } .preview-modal--mini .modal-close span { display: block; } @media (max-width: 800px) { .preview-modal--mini .modal-content { padding: 0.75rem; } } .preview-modal--mini .modal-header { padding: 0.75rem 3rem 0.75rem 0.75rem; } .preview-modal--mini .modal-header-title { font-size: 14px; text-align: left; } .preview-modal--mini.preview-modal .modal-body { padding: 1.5rem; } .preview-modal--mini .previewCart { display: flex; flex-direction: column; } .preview-modal--mini .previewCart .productView-image { width: 25%; min-height: auto; padding: 0 0.375rem 0 0; margin: 0 auto; } .preview-modal--mini .previewCart .productView-details { width: 75%; padding: 0 0 0 0.375rem; margin-bottom: 0; align-items: flex-start; } .preview-modal--mini .previewCart .productView-title { font-size: 14px; line-height: 1.15; } .preview-modal--mini .previewCart .productView-brand { font-size: 14px; margin-bottom: 0.375rem; } .preview-modal--mini .previewCart .productView-price { font-size: 14px; margin-bottom: 0.375rem; } .preview-modal--mini .previewCart .productView-price .productView-price-value { margin-left: 0.1875rem; } .preview-modal--mini .previewCart .productView-info-name, .preview-modal--mini .previewCart .productView-info-value { margin-top: 0 !important; font-size: 14px; } .preview-modal--mini .previewCartCheckout { order: 2; float: none; width: 100%; text-align: left; padding: 0; margin-top: 0.75rem; background: transparent; } .preview-modal--mini .previewCartCheckout > * { display: none; } .preview-modal--mini .previewCartCheckout .button { padding: 0.5rem 1rem; margin: 0 0.75rem 0.75rem 0; } .preview-modal--mini .previewCartCheckout > .previewCartCheckout-checkoutButton { display: inline-block; width: auto; margin-right: 1.875rem; } .preview-modal--mini .previewCartCheckout > .previewCartCheckout-viewCartButton { display: inline-block; width: auto; } .preview-modal--mini .previewCartCheckout > .previewCartCheckout-autoClose { display: block; font-size: 14px; color: #4f4f4f; margin: 0; } .preview-modal--mini .productView { order: 1; float: none; width: 100%; display: flex; align-items: flex-start; margin: 0; padding: 0; } .supermarket-layout--left-sidebar .preview-modal--mini .productView { margin: 0; } .preview-modal--mini .suggestiveCart { display: none; } .login { margin: 3rem auto 6rem; max-width: 56.25rem; } .login-row { margin: 0 auto; max-width: 93.75rem; width: 100%; } .login-row:before, .login-row:after { content: " "; display: table; } .login-row:after { clear: both; } @media (min-width: 801px) { .login-row { margin-top: 4.8rem; } } .login-form { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 801px) { .login-form { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; margin-top: 3rem; } } .new-customer { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 801px) { .new-customer { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: left; } } .new-customer-intro { margin-bottom: 0; } .new-customer-fact-list { margin-left: 3rem; } .new-customer-fact { padding-left: 0.75rem; } .login-form .form-actions { text-align: left; } .login-form .form-actions input, .login-form .form-actions a { vertical-align: middle; } .login .login-form { padding: 0 0.75rem 0 0; } .login .new-customer { padding: 0 0 0 0.75rem; } .login .new-customer .panel { overflow: hidden; border-radius: 0px; } .login .new-customer .panel .panel-body { margin-bottom: unset; } @media (max-width: 800px) { .login .login-form, .login .new-customer { padding: 0; } } @media (max-width: 550px) { .login .new-customer .button { width: 100%; } .login .new-customer-fact-list { margin-left: 2rem; margin-top: 0.5rem; } } .search-suggestion { margin-bottom: 2rem; } .search-suggestion > :last-child { margin-bottom: 0; } .suggestion-title { margin-top: 0; text-transform: inherit; } .advancedSearch-form { margin-bottom: 3rem; } .advancedSearch-form .form-row { margin-bottom: -1.5rem; } .quickSearchResults { margin-top: 1.5rem; } @media (min-width: 801px) { .quickSearchResults { margin-top: 0; } } .quickSearchResults .modal-close { display: none; } @media (min-width: 801px) { .quickSearchResults .modal-close { display: block; } } .advancedSearch-separator { display: none; } .advancedSearch-title { margin: 0 0 1.5rem; text-transform: inherit; } .search-price-range label { display: inline; } .search-price-range label input { display: block; } @media (min-width: 551px) { .search-price-range label input { display: inline; width: 6rem; } } @media (min-width: 551px) { .search-price-range label span { display: inline; padding-left: 1.5rem; padding-right: 1.5rem; } } .category-suggestion-list { margin: 0 -0.75rem; max-width: none; width: auto; list-style-type: none; } .category-suggestion-list:before, .category-suggestion-list:after { content: " "; display: table; } .category-suggestion-list:after { clear: both; } .category-suggestion { padding-left: 0.75rem; padding-right: 0.75rem; width: 33.33333%; float: left; font-size: 14px; } .search-refine { margin-left: 1.5rem; } .quickSearchMessage { font-size: 24px; margin: 1.5rem 0 0; text-align: center; } .quickSearchResults { margin-top: 0; padding: 0 0.75rem 1.5rem; } @media (min-width: 801px) { .quickSearchResults { padding: 1.5rem 0; } } .advancedSearch-form { margin-bottom: 0.75rem; } .category-suggestion-list { padding: 0; margin: 0; column-count: 2; } @media (min-width: 551px) { .category-suggestion-list { column-count: 3; } } @media (min-width: 801px) { .category-suggestion-list { column-count: 4; } } .category-suggestion { width: auto; padding: 0; margin-right: 0.75rem; float: none; } @media (min-width: 801px) { .category-suggestion { margin-right: 1.5rem; } } .navBar--account { display: block; } .account-heading { border-bottom: 1px solid whitesmoke; margin: 0; padding-bottom: 1rem; } .account-list { list-style: none; margin-left: 0; } .account-listItem { border-bottom: 1px solid whitesmoke; padding: 1.5rem 0; position: relative; } .account-listItem img { width: 100%; } .account-listItem .account-product-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; object-fit: contain; font-family: "object-fit: contain"; } .account-listShipping { border-bottom: 1px solid whitesmoke; font-weight: 700; padding: 2rem 0; } .account-listShipping .account-listShipping-title { margin: 0; text-transform: inherit; } .account-product:before, .account-product:after { content: " "; display: table; } .account-product:after { clear: both; } .account-product-figure { float: left; margin-right: 0.75rem; } .account-product-figure > img { display: block; } .account-product-figure--opposite { float: right; margin-left: 0.75rem; margin-right: 0; } .account-product-body:before, .account-product-body:after { content: " "; display: table; } .account-product-body:after { clear: both; } .account-product-figure { align-items: center; display: flex; flex-direction: column; margin: 0 2rem 0 0; position: relative; width: 70px; } .account-product-figure::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } .account-product-download { border-radius: 50%; height: 2.0625rem; padding: 0; position: absolute; right: -0.75rem; top: -0.75rem; width: 2.0625rem; z-index: 1; } .account-product-download .icon { height: 1.5rem; margin-top: 0.375rem; width: 1.5rem; } .account-product-download svg { fill: white; } .account-product-body { overflow: hidden; padding-bottom: 3.5rem; position: relative; } @media (min-width: 551px) { .account-product-body { padding-bottom: 0; } } .account-product-body .definitionList { font-size: 14px; margin-bottom: 0; } .account-product-title { margin: 0 0 0.1875rem; text-transform: inherit; } .account-product-title > a { text-decoration: none; } .account-product-title + .definitionList { margin-top: 0.75rem; } .account-product-subtitle { color: #a5a5a5; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 14px; margin: -0.1875rem 0 1rem; text-transform: inherit; } .account-product-price { float: right; font-size: 14px; } .account-product-description + .definitionList { margin: -1.375rem 0 1.5rem; } .account-product-refundQty { color: #a5a5a5; margin-bottom: 0; } .account-product-details { margin: 0 -0.75rem; max-width: none; width: auto; } .account-product-details:before, .account-product-details:after { content: " "; display: table; } .account-product-details:after { clear: both; } .account-product-detail { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 551px) { .account-product-detail { width: 33.33333%; } } @media (min-width: 1261px) { .account-product-detail { width: 25%; } } .account-product-detail + .account-product-detail { margin-top: 1rem; } @media (min-width: 551px) { .account-product-detail + .account-product-detail { margin-top: 0; } } @media (min-width: 551px) { .account-product-detail + .account-product-detail--full { margin-top: 1.5rem; } } @media (min-width: 1261px) { .account-product-detail--large { width: 50%; } } .account-product-detail--full { width: 100%; } .account-product-detail-heading { color: #4f4f4f; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 0.375rem; } .account-product--alignMiddle { display: table; width: 100%; } .account-product--alignMiddle .account-product-checkItem { display: table-cell; position: relative; vertical-align: middle; width: 2rem; } @media (min-width: 1261px) { .account-product--alignMiddle .account-product-checkItem { left: -2.5rem; } } .account-product--alignMiddle .account-product-checkItem .form-label { height: 1.5rem; margin: 0; padding: 0; width: 1.5rem; } .account-product--alignMiddle .account-product-figure, .account-product--alignMiddle .account-product-body { display: table-cell; } .account-product--alignMiddle .account-product-figure { float: none; margin-right: 0; } @media (min-width: 1261px) { .account-product--alignMiddle .account-product-figure { left: -2rem; } } .account-product--alignMiddle .account-product-body { padding-left: 2rem; vertical-align: middle; } @media (min-width: 1261px) { .account-product--alignMiddle .account-product-body { padding-left: 0; } } .account-orderTotal { float: right; font-size: 14px; margin-top: -1.5rem; width: 66.66667%; } .account-orderTotal-key, .account-orderTotal-value { margin: 0; padding: 1.5rem 0; } .account-orderTotal-key { color: #4f4f4f; float: left; font-weight: 400; } .account-orderTotal-key:last-of-type { position: relative; top: 0.3125rem; } .account-orderTotal-value { border-bottom: 1px solid whitesmoke; text-align: right; } .account-orderTotal-value:last-child { border-bottom: 0; font-size: 18px; } .account-orderStatus { bottom: 0; left: 0; position: absolute; } @media (min-width: 551px) { .account-orderStatus { float: right; position: inherit; text-align: right; } } .account-orderStatus-label { background-color: #bfbfbf; color: white; display: inline-block; font-size: 12px; line-height: 15px; margin: 0 0 0.375rem; padding: 0.1875rem 0.5rem; } .account-orderStatus-action { color: #4f4f4f; display: inline-block; font-size: 12px; font-style: italic; letter-spacing: 0.5px; margin-left: 0.75rem; text-align: right; text-decoration: underline; vertical-align: top; } @media (min-width: 551px) { .account-orderStatus-action { display: block; margin-left: 0; } } .account-orderStatus-action:hover { color: #767676; } .account .pagination { color: #a5a5a5; margin-top: 3rem; text-align: center; } .account-message .is-read { color: #a5a5a5; } .account-sidebar-block { font-size: 14px; } .account-sidebar-block + .account-sidebar-block { margin-top: 3rem; } .account-sidebar-block .account-heading { margin-bottom: 1.5rem; } .account-order-address { list-style: none; margin-left: 0; } .account-order-address ul, .account-order-address ol { list-style: none; margin-bottom: 0; } .account-reorder-form { display: inline-block; } .order-payments-description { color: #888888; font-weight: 400; margin-top: 1.5rem; } .account-downloads-summary { border-bottom: 1px solid whitesmoke; font-size: 14px; padding-bottom: 1.5rem; } .account-downloadsList { list-style: none; margin-left: 0; } .account-downloadsList ul, .account-downloadsList ol { list-style: none; margin-bottom: 0; } .account-downloadsItem { margin-bottom: 1.5rem; } .account-downloadsItem > :first-child { margin-top: 0; } .account-downloadsItem > :last-child { margin-bottom: 0; } .account-downloadsItem-title { color: #4f4f4f; font-size: 14px; margin-bottom: 0.1875rem; text-transform: inherit; } .account-downloadsItem-description { margin-bottom: 0; } .account-downloadsItem-availability { color: #4f4f4f; } .wishlists-table { margin-left: auto; margin-right: auto; max-width: 93.75rem; } @media (max-width: 800px) { .wishlists-table { border: 0; margin-top: 1rem; } .wishlists-table .table-thead { display: none; } .wishlists-table .table-tbody tr { display: block; } .wishlists-table .table-tbody tr + tr { margin-top: 1.5rem; } .wishlists-table .table-tbody tr td[data-label] { border-bottom: 1px solid #ddd; display: flex; text-align: right; padding-left: 0; align-items: center; justify-content: space-between; gap: 0.75rem; } .wishlists-table .table-tbody tr td[data-label]::before { content: attr(data-label); } .wishlists-table .table-tbody tr td[data-label]:last-child { margin: 0; } } @media (max-width: 800px) and (max-width: 800px) { .wishlists-table .table-tbody tr { border-bottom: 0; margin-bottom: 0.75rem; } .wishlists-table .table-tbody tr:last-child { margin-bottom: 0; } } @media (max-width: 800px) and (max-width: 550px) { .wishlists-table .table-tbody tr .table-actions > form { flex: 0.6; } } .wishlist-header { display: none; text-align: center; } .modal .wishlist-header { display: block; } .wishlist-form { margin: 0 auto; max-width: 93.75rem; width: 100%; margin-left: auto; margin-right: auto; max-width: 34.375rem; } .wishlist-form:before, .wishlist-form:after { content: " "; display: table; } .wishlist-form:after { clear: both; } .wishlist-form .form-field { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } .share-wishlist { margin-left: auto; margin-right: auto; max-width: 40.625rem; text-align: center; } .icon--ratingEmpty svg { fill: #e5e5e5; } .icon--ratingFull svg { fill: #ffc737; } .rating--small { display: inline-block; } .rating--small .icon { height: 0.875rem; width: 0.875rem; margin-top: -3px; } .rating--small .icon { height: 1rem; width: 1rem; } .apple-pay-checkout-button { background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 60%; border-radius: 0.25rem; cursor: pointer; display: none; max-height: 4rem; min-height: 2rem; min-width: 90px; padding: 1.5rem; width: 160px; background-color: #000; background-image: -webkit-named-image(apple-pay-logo-white); } .apple-pay-supported .apple-pay-checkout-button { display: block; float: right; } .apple-pay-supported .previewCartCheckout .apple-pay-checkout-button { display: inline-block; float: none; } .cart-additionalCheckoutButtons .apple-pay-checkout-button { margin-bottom: 0.75rem; } .previewCartCheckout .apple-pay-checkout-button { margin-bottom: 0.75rem; } .paymentMethodsTitle { padding: 0; text-transform: none; width: 100%; margin: 0 0 0.75rem; } .paymentMethodsGrid { margin: -0.75rem; margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; } .paymentMethodsGrid-item { padding: 0.75rem; width: 100%; } @media (min-width: 551px) { .paymentMethodsGrid-item { width: 50%; } } .paymentMethod { border: 1px solid whitesmoke; background-color: #e5e5e5; border-radius: 0.1875rem; height: 100%; display: flex; flex-flow: column nowrap; } .paymentMethod-row { padding: 1.5rem; } .paymentMethod-row:first-child { background-color: #fff; } .paymentMethod-row:last-child { margin-top: auto; } .paymentMethod-row:only-child { height: 100%; } .paymentMethod .button { margin-bottom: 0; } .methodHeader { justify-content: space-between; display: flex; flex-flow: row; align-items: center; } .methodHeader-icon { margin-right: 0.75rem; width: 1.75rem; } @media (min-width: 1261px) { .methodHeader-icon { width: 2.625rem; } } .methodHeader-title { font-size: 12px; font-weight: 600; } @media (min-width: 1261px) { .methodHeader-title { font-size: 1rem; } } .methodHeader-brand { font-size: 12px; font-weight: 600; } @media (min-width: 1261px) { .methodHeader-brand { font-size: 1rem; } } .methodHeader-meta { padding-left: 0.75rem; margin-left: auto; display: flex; flex-wrap: nowrap; } .methodHeader-default { margin-left: 0.75rem; fill: #666666; height: 1.125rem; width: 1.125rem; } @media (min-width: 1261px) { .methodHeader-default { height: 1.25rem; width: 1.25rem; } } .methodHeader-expiry { font-size: 14px; text-transform: capitalize; } .methodDetails { margin: 0; display: flex; } .methodDetails-label { flex: 1; font-weight: 600; } .methodDetails-description { flex: 2; font-size: 12px; } .newPaymentMethod { text-decoration: none; display: flex; align-items: center; justify-items: center; flex-direction: column; min-height: 11.625rem; height: 100%; } .newPaymentMethod-icon { font-size: 50px; line-height: 1; margin: auto 0 0.75rem; } .newPaymentMethod-title { margin: 0 auto auto; text-align: center; } @media (min-width: 551px) { .paymentMethodForm { max-width: 60%; } } @media (min-width: 551px) { .paymentMethodForm-column { display: flex; } .paymentMethodForm-column:first-child .form-field { margin-bottom: 0.75rem; } } .paymentMethodForm-heading { color: #454545; font-family: "Montserrat", Arial, Helvetica, sans-serif; margin-top: 1.5rem; text-transform: capitalize; } .paymentMethodForm-subheading { display: flex; font-weight: 600; } @media (min-width: 551px) { .paymentMethodForm-cards { margin-left: auto; } } .paymentMethodForm-cards-icon { margin-right: 0.1875rem; width: 2.125rem; } .paymentMethodForm-inputs { position: relative; } @media (min-width: 551px) { .paymentMethodForm-inputs:last-child { padding-left: 1.5rem; width: 30%; } .paymentMethodForm-inputs:first-child { width: 70%; } } .paymentMethodForm-inputs-icon { position: absolute; right: 0.5625rem; top: 2.4375rem; } .paymentMethodForm-inputs-icon.icon { fill: #a5a5a5; height: 1.3125rem; width: 1.3125rem; } .paymentMethodForm-details { margin-bottom: 0; } @media (min-width: 551px) { .paymentMethodForm-details { display: inline-block; margin: 0 3rem 0 0; } } .paymentMethodForm-details-term { font-weight: 400; margin-bottom: 0.75rem; } .paymentMethodForm-details-description { font-size: 14px; font-weight: 600; letter-spacing: 0.5px; } .navPage-subMenu-bottomBanners, .navPage-subMenu-rightBanners { display: none; } @media (min-width: 801px) { .navPages .navPage-subMenu-list { width: auto; } .navPage-subMenu-bottomBanners { order: 3; width: 100%; float: left; clear: left; margin-top: 1.5rem; } .navPage-subMenu-rightBanners { order: 2; width: 25%; margin-left: 1.5rem; float: right; } .navPage-subMenu-rightBanners ~ .navPage-subMenu-bottomBanners { width: calc(75% - 1.5rem); } .navPage-subMenu-rightBanners ~ .navPage-subMenu-list { order: 1; width: 75%; float: left; } .navPage-subMenu-bottomBanners, .navPage-subMenu-rightBanners { display: block; } .navPage-subMenu-bottomBanners .row, .navPage-subMenu-rightBanners .row { display: flex; margin: 0 -0.75rem; width: auto; } .navPage-subMenu-bottomBanners .row + .row, .navPage-subMenu-rightBanners .row + .row { margin-top: 1.5rem; } .navPage-subMenu-bottomBanners .column, .navPage-subMenu-bottomBanners .columns, .navPage-subMenu-rightBanners .column, .navPage-subMenu-rightBanners .columns { padding: 0 0.75rem; } } .quickSearchResults-more { margin: 0.75rem 0; text-align: center; } .quickSearchResults-more .button { margin-bottom: 0; } .quickSearchSuggestions { padding: 0 0.75rem; } @media (min-width: 801px) { .quickSearchSuggestions { padding: 0; } } .quickSearchSuggestions .button--link { margin: 0; padding: 0; color: #4f4f4f; text-decoration: none; } .quickSearchSuggestions .button--link .icon { width: 0.9rem; height: 0.9rem; fill: #4f4f4f; margin-left: 0.375rem; } .quickSearchSuggestions .button--link:hover, .quickSearchSuggestions .button--link:focus, .quickSearchSuggestions .button--link:active { color: #767676; } .quickSearchSuggestions .button--link:hover .icon, .quickSearchSuggestions .button--link:focus .icon, .quickSearchSuggestions .button--link:active .icon { fill: #767676; } .quickSearchSuggestions .button .on, .quickSearchSuggestions .button .off { display: flex; align-items: center; } .quickSearchSuggestions .button[data-collapsible]:not(.is-open) .on { display: none; } .quickSearchSuggestions .button[data-collapsible].is-open .off { display: none; } .quickSearchSuggestions ._popular, .quickSearchSuggestions ._recent { display: grid; grid-template: "heading action" "search search" / auto max-content; padding: 0.75rem 0 0; } @media (min-width: 801px) { .quickSearchSuggestions ._popular, .quickSearchSuggestions ._recent { padding: 1.5rem 0 0; } } @media (min-width: 801px) { .quickSearchSuggestions ._popular + ._recent { padding-top: 0.75rem; } } .quickSearchSuggestions ._heading { font-weight: 700; } @media (min-width: 801px) { .quickSearchSuggestions ._heading { margin: 0; } } .quickSearchSuggestions ul { display: block; list-style: none; margin: 0.75rem 0; display: flex; flex-wrap: wrap; gap: 0.75rem; } @media (min-width: 801px) { .quickSearchSuggestions ul { gap: 1.5rem; } } .quickSearchSuggestions #quickSearch-popular-list:not(.is-open) { display: none; } .quickSearchSuggestions a { display: block; text-decoration: none; color: #4f4f4f; padding: 0.375rem 0.75rem; background-color: #e5e5e5; border-radius: 0px; } .quickSearchSuggestions a:hover, .quickSearchSuggestions a:focus { color: #767676; } .quickSearchSuggestions a:hover .icon, .quickSearchSuggestions a:focus .icon { fill: #767676; } .quickSearchSuggestions a .icon { width: 0.9rem; height: 0.9rem; fill: #4f4f4f; margin-right: 0.1875rem; } @media (min-width: 801px) { .quickSearchSuggestions a .icon { margin-right: 0.375rem; } } @media (max-width: 800px) { .quickSearchSuggestions { font-size: 14px; } } .papathemes-productLoading { margin: 0 -0.75rem; max-width: none; width: auto; font-size: 0; } .papathemes-productLoading:before, .papathemes-productLoading:after { content: " "; display: table; } .papathemes-productLoading:after { clear: both; } .papathemes-productLoading-item { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: none; font-size: 1rem; } @media (min-width: 801px) { .papathemes-productLoading-item { width: 25%; display: inline-block; vertical-align: top; } } .papathemes-productLoading-item img { max-width: 100%; } .papathemes-mobile-collapse-content { max-height: 50vh; overflow: hidden; } @media (min-width: 801px) { .papathemes-mobile-collapse-content { max-height: none; overflow: visible; } } .papathemes-mobile-collapse-content.is-active { max-height: none; overflow: visible; overflow-y: auto; } .papathemes-mobile-collapse-handle { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpi+P//PwMTAwMDG4hgBxEcIIILTnDDCV4QwQNngQk+VC6aEoRehHlg49kZgPb+B7EYBooACDAAxQwIU5WPeIUAAAAASUVORK5CYII="); display: flex; align-items: flex-end; height: 50px; line-height: 1.25; margin-top: -50px; margin-bottom: 1.5rem; position: relative; text-transform: uppercase; font-weight: 700; text-decoration: none; } .papathemes-mobile-collapse-handle .on, .papathemes-mobile-collapse-handle .off { border-bottom: 1px solid; } .papathemes-mobile-collapse-handle .on { display: inline; } .papathemes-mobile-collapse-handle .off { display: none; } .papathemes-mobile-collapse-handle.is-active { margin-top: 0; } .papathemes-mobile-collapse-handle.is-active .on { display: none; } .papathemes-mobile-collapse-handle.is-active .off { display: inline; } @media (min-width: 801px) { .papathemes-mobile-collapse-handle { display: none; } } .papathemes-stickymenu-placeholder { display: none; position: absolute; } @media (min-width: 801px) { .papathemes-stickymenu-placeholder { position: static; } } .is-sticky { position: fixed; top: 0; left: 0; right: 0; bottom: auto; z-index: 50; background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .is-sticky + .papathemes-stickymenu-placeholder { display: block; } #scrollToTopFloatingButton { position: fixed; bottom: 200px; right: 35px; padding: 0; font-size: 22px; margin: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); z-index: 1; } #scrollToTopFloatingButton .icon { height: 2.5rem; width: 2.5rem; fill: black; } #scrollToTopFloatingButton:hover .icon, #scrollToTopFloatingButton:focus .icon, #scrollToTopFloatingButton:active .icon { fill: #2d2d2d; } body.has-activeModal--newsletter { overflow: auto; } body.has-activeModal--newsletter .modal-background { background-color: transparent; transition: none; visibility: hidden; } .modal--newsletter { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); transform: translateY(100vh); transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); border-radius: 0px; overflow: hidden; } @media (min-width: 551px) { .modal--newsletter { max-width: 700px; width: calc(100% - 60px); } } @media (max-width: 550px) { .modal--newsletter { min-width: 320px; width: calc(100% - 60px); } } @media (max-width: 340px) { .modal--newsletter { min-width: unset; max-width: 100%; width: calc(100% - 10px); } } .modal--newsletter.open { transform: translateY(-50%); } .modal--newsletter .modal-close { box-shadow: none; background-color: transparent; top: 3px; right: 3px; padding: 0.75rem; border-radius: 0; height: fit-content; width: fit-content; } .modal--newsletter .modal-close .icon { height: 1rem; width: 1rem; } .modal--newsletter .newsletterPopup { border-radius: 0px; position: relative; } @media (min-width: 551px) { .modal--newsletter .newsletterPopup { display: grid; grid-template-columns: 1fr 1fr; } } .modal--newsletter .newsletterPopup .newsletterPopup_box p { font-size: 14px; color: black; margin: 0 0 1.875rem; } @media (max-width: 800px) { .modal--newsletter .newsletterPopup .newsletterPopup_box p { margin-bottom: 1.25rem; } } .modal--newsletter .newsletterPopup-image { order: 2; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(https://cdn11.bigcommerce.com/s-43px77lnf6/images/stencil/original/image-manager/chatgpt-image-jun-26-2025-02-25-49-pm.png?t=1751049732); } @media (min-width: 551px) { .modal--newsletter .newsletterPopup-image { display: block; order: 1; } } @media (max-width: 550px) { .modal--newsletter .newsletterPopup-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } } .modal--newsletter .newsletterPopup-content { order: 1; padding: 1.875rem; background-color: #f7f7f7; } @media (min-width: 551px) { .modal--newsletter .newsletterPopup-content { flex: 1; order: 2; } } @media (max-width: 800px) { .modal--newsletter .newsletterPopup-content { background-color: rgba(247, 247, 247, 0.85); } } .modal--newsletter .newsletterPopup-heading { font-size: 1rem; font-family: "Montserrat"; font-weight: 600; color: black; margin: 0 0 1rem; } .modal--newsletter .newsletterPopup-description { text-align: center; margin-bottom: 1.5rem; } @media (min-width: 551px) { .modal--newsletter .newsletterPopup-description { text-align: left; } } .modal--newsletter .newsletterPopup-form .form { margin-bottom: 0; } .modal--newsletter .newsletterPopup-form .form-field { margin-bottom: 1rem; } .modal--newsletter .newsletterPopup-form .form-field:last-child { margin-bottom: 0; } .modal--newsletter .newsletterPopup-form .form-prefixPostfix-button--postfix { margin-left: 0; margin-top: 0.75rem; } .modal--newsletter .newsletterPopup-form input.button { display: flex; margin-top: 1rem; margin-bottom: 1.875rem; } @media (max-width: 800px) { .modal--newsletter .newsletterPopup-form input.button { margin-bottom: 1.25rem; } } .modal--newsletter .newsletterPopup-form .form-prefixPostfix .form-input { width: 100%; max-width: 100%; } .modal--newsletter .newsletterPopup-form .form-prefixPostfix .button { width: 100%; } .modal--newsletter .newsletterPopup-form .button { background-color: #2d2d2d; border-color: #2d2d2d; color: white; font-weight: 400; } .modal--newsletter .newsletterPopup-form .button:hover, .modal--newsletter .newsletterPopup-form .button:focus, .modal--newsletter .newsletterPopup-form .button.is-active, .modal--newsletter .newsletterPopup-form .button.active { background-color: #666666; border-color: #666666; color: whitesmoke; } .modal--newsletter .newsletterPopup-form .button:active { background-color: #666666; border: 2px solid #666666; color: whitesmoke; } .modal--newsletter .newsletterPopup-form .form-label { color: #4f4f4f; font-size: 14px; } .card-bulkOrder { display: none; } .mode-bo .productGrid { margin-left: 0; margin-right: 0; display: block; } .mode-bo .productGrid .product { width: 100%; padding: 0.75rem 0; } @media (min-width: 801px) { .mode-bo .productGrid .product { border-top: 1px solid whitesmoke; } } .page-sidebar + .page-content .mode-bo .productGrid .product { width: 100%; } .mode-bo .productGrid .card { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; } .mode-bo .productGrid .card:hover .sale-flag-side { opacity: 1; } .mode-bo .productGrid .card .card-figure { width: 9.375rem; min-width: 9.375rem; margin: 0; } .mode-bo .productGrid .card .card-body { width: 0; flex: 1; padding: 0 0.9375rem; text-align: left; margin: 0; } .mode-bo .productGrid .card .card-body .card-title { font-size: 1rem; font-weight: 600; } .mode-bo .productGrid .card .card-body .card-text--price { display: none; } .mode-bo .productGrid .card .card-body .productSwatches-attributes { align-items: unset; } .mode-bo .productGrid .card .card-body .productSwatches-attributes .productSwatches-swatches { place-content: unset; } .mode-bo .productGrid .card .card-footer { display: none; } .mode-bo .productGrid .card .card-bulkOrder { width: fit-content; display: flex; align-items: flex-start; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-price { display: block; order: 1; padding: 0 0.9375rem 0 0; width: 6.25rem; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-price .price--main { font-weight: 700; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-action_quickViewAndCompare { order: 2; display: flex; gap: 0.3125rem; margin-right: 0.3125rem; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-action_quickViewAndCompare .card-figcaption-button { height: 2.5rem; width: 2.5rem; background: #2d2d2d; display: flex; padding: 0; margin: 0; justify-content: center; align-items: center; outline-offset: -1px !important; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-action_quickViewAndCompare .card-figcaption-button .icon { height: 1.25rem; width: 1.25rem; fill: white; margin: 0; padding: 0; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-action_quickViewAndCompare .card-figcaption-button:hover { background: #e5e5e5; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-action_quickViewAndCompare .card-figcaption-button:hover .icon { fill: #666666; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action { order: 3; display: flex; width: fit-content; min-width: 10.8125rem; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action:hover .card-bulkOrder-qty .card-bulkOrder-value .form-increment { border-color: #666666; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action:hover .card-bulkOrder-qty ~ .card-bulkOrder-action .card-figcaption-button { background: #666666; color: whitesmoke; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-qty { padding: 0; width: auto; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-qty .card-bulkOrder-value .form-increment { width: 3.125rem; height: 2.5rem; border: 2px solid #2d2d2d; border-radius: 0px 0 0 0px; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-qty .card-bulkOrder-value .form-increment .button { display: none; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-qty .card-bulkOrder-value .form-increment .form-input--incrementTotal { width: 3rem; height: 2.375rem; font-weight: 700; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action { padding: 0; width: 100%; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button { background: #2d2d2d; color: white; height: 2.5rem; padding: 0; display: flex; align-items: center; justify-content: center; font-weight: 700; outline-offset: -1px !important; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button[data-check-qty] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button span { padding: 0 0.9375rem; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button .icon { margin: 0; display: none; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button.button-out-of-stock { background-color: #eeeeee; color: black; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button.button-out-of-stock:hover { background-color: #eeeeee; color: black; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button.button-out-of-stock span { padding: 0 0.9375rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-subtotal { display: none; } @media (max-width: 1260px) { .mode-bo .productGrid .card .card-body .card-title { font-size: 14px; font-weight: 400; } .mode-bo .productGrid .card .card-body .card-text--price { display: block; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-label, .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-price { display: none; } } @media (max-width: 1000px) and (min-width: 801px) { .mode-bo .productGrid .card .card-bulkOrder { width: auto; display: flex; flex-direction: column; gap: 0.3125rem; padding: 0; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-label, .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-price { display: none; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-action_quickViewAndCompare { margin: 0; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-action:has(.button-out-of-stock) { min-width: 5.3125rem; width: 5.3125rem; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action { display: flex; align-items: flex-start; min-width: unset; width: 100%; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action { margin: 0; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button:not(.button-out-of-stock) .icon { display: block; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button:not(.button-out-of-stock) span { display: none; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-qty .card-bulkOrder-value { width: 2.5rem; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-qty .card-bulkOrder-value .form-increment .form-input--incrementTotal { width: 2.375rem; } } @media (max-width: 800px) { .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-label, .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-price { display: none; } } @media (max-width: 650px) { .mode-bo .productGrid .card .card-bulkOrder { width: auto; display: flex; flex-direction: column; gap: 0.3125rem; padding: 0; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-label, .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-price { display: none; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-action_quickViewAndCompare { margin: 0; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-action:has(.button-out-of-stock) { min-width: 5.3125rem; width: 5.3125rem; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action { display: flex; align-items: flex-start; min-width: unset; width: 100%; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action { margin: 0; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button:not(.button-out-of-stock) .icon { display: block; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-action .card-figcaption-button:not(.button-out-of-stock) span { display: none; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-qty .card-bulkOrder-value { width: 2.5rem; } .mode-bo .productGrid .card .card-bulkOrder .card-bulkOrder-qty-and-action .card-bulkOrder-qty .card-bulkOrder-value .form-increment .form-input--incrementTotal { width: 2.375rem; } } @media (max-width: 550px) { .mode-bo .productGrid .card .card-figure { width: 6.25rem; min-width: 6.25rem; } } .mode-bo .productGrid .card-figure { width: 20%; float: left; } @media (min-width: 801px) { .mode-bo .productGrid .card-figure { margin: 0 0.75rem; width: 100px; } } .mode-bo .productGrid .card-figure .card-buttons { display: none; } .mode-bo .productGrid .card-body { margin-left: calc(20% + 0.75rem); padding-top: 0; text-align: inherit; } @media (min-width: 801px) { .mode-bo .productGrid .card-body { margin-left: 0; padding: 0 0.75rem; width: calc(40% - 100px); } } .mode-bo .productGrid .card-body .card-title, .mode-bo .productGrid .card-body .card-text:not(.card-text--colorswatches) { padding: 0; border: 0; } .mode-bo .productGrid .card-body .card-title:empty, .mode-bo .productGrid .card-body .card-text:not(.card-text--colorswatches):empty { display: none; } .mode-bo .productGrid .card-body .card-text--brand:has(+ .card-text--sku), .mode-bo .productGrid .card-body .card-text--brand:has(+ .card-text--info) { margin-bottom: 0.375rem; } .mode-bo .productGrid .card-body .card-text--sku:has(+ .card-text--info) { margin-bottom: 0.375rem; } .mode-bo .productGrid .card-bulkOrder { display: block; clear: both; } @media (min-width: 801px) { .mode-bo .productGrid .card-bulkOrder { padding-top: 0; display: flex; align-items: center; width: 60%; } } .mode-bo .productGrid .card-bulkOrder .card-text { margin: 0; } @media (min-width: 801px) { .mode-bo .productGrid .card-bulkOrder-qtyInCart { padding: 0 0.75rem; width: 12.5%; } } @media (min-width: 801px) { .mode-bo .productGrid .card-bulkOrder-qty { padding: 0 0.75rem; width: 25%; } } @media (min-width: 801px) { .mode-bo .productGrid .card-bulkOrder-price { padding: 0 0.75rem; width: 12.5%; } } @media (min-width: 801px) { .mode-bo .productGrid .card-bulkOrder-subtotal { padding: 0 0.75rem; width: 12.5%; } } .mode-bo .productGrid .card-bulkOrder-subtotal .price { font-weight: 700; } @media (min-width: 801px) { .mode-bo .productGrid .card-bulkOrder-action { margin-top: 0; padding: 0 0.75rem; width: 37.5%; } .mode-bo .productGrid .card-bulkOrder-action .card-figcaption-button { margin-top: 0; } } .card-bulkOrder-fieldRow { display: flex; justify-content: space-between; align-items: center; margin-top: 0.375rem; } @media (min-width: 801px) { .card-bulkOrder-fieldRow { margin-top: 0; display: block; } } .card-bulkOrder-label { display: inline-block; } @media (min-width: 801px) { .card-bulkOrder-label { display: none; } } .card-bulkOrder-value { display: inline-block; } .productGrid-bulkOrderHeader-wrapper { background-color: #e5e5e5; } .productGrid-bulkOrderHeader { display: none; list-style: none; margin: 0 -0.75rem; padding: 0.75rem 0; font-weight: 700; } @media (min-width: 801px) { .mode-bo .productGrid-bulkOrderHeader { display: flex; align-items: center; } } .productGrid-bulkOrderHeader-thumb { padding: 0 0.75rem; width: 100px; } .productGrid-bulkOrderHeader-name { padding: 0 0.75rem; width: calc(40% - 100px); } .productGrid-bulkOrderHeader-qtyInCart { padding: 0 0.75rem; width: 7.5%; } .productGrid-bulkOrderHeader-qty { padding: 0 0.75rem; width: 15%; } .productGrid-bulkOrderHeader-price { padding: 0 0.75rem; width: 7.5%; } .productGrid-bulkOrderHeader-subtotal { padding: 0 0.75rem; width: 7.5%; } .productGrid-bulkOrderHeader-action { padding: 0 0.75rem; width: 22.5%; } .productGrid-bulkOrderFooter-wrapper { margin-bottom: 3rem; display: none; } .mode-bo .productGrid-bulkOrderFooter-wrapper { display: block; } .productGrid-bulkOrderFooter { list-style: none; margin-left: 0; } @media (min-width: 801px) { .productGrid-bulkOrderFooter { display: flex; align-items: center; margin: 0 -0.75rem; padding: 0.75rem 0; } } @media (max-width: 800px) { .productGrid-bulkOrderFooter { display: flex; justify-content: space-between; align-items: center; } .productGrid-bulkOrderFooter .productGrid-bulkOrderFooter-total { flex: 1; } .productGrid-bulkOrderFooter .productGrid-bulkOrderFooter-total .productGrid-bulkOrderFooter-total-inner { padding-left: 0; padding-right: 1rem; font-size: 1rem; text-align: right; } .productGrid-bulkOrderFooter .productGrid-bulkOrderFooter-addAll { flex: 1; } .productGrid-bulkOrderFooter .productGrid-bulkOrderFooter-addAll .button { padding: 0.75rem; } } .productGrid-bulkOrderFooter-total .label { font-weight: 600; } .productGrid-bulkOrderFooter-total .price--main { font-weight: 700; } @media (min-width: 801px) { .productGrid-bulkOrderFooter-total { padding: 0 0.75rem; width: 77.5%; text-align: right; } } .productGrid-bulkOrderFooter-total .label { color: rgba(79, 79, 79, 0.7); } .productGrid-bulkOrderFooter-total-inner { font-size: 22px; padding: 0.375rem 1.5rem; border-radius: 0px; } @media (min-width: 801px) { .productGrid-bulkOrderFooter-total-inner { display: inline-block; } } @media (min-width: 801px) { .productGrid-bulkOrderFooter-addAll { padding: 0 0.75rem; width: 22.5%; } } .productGrid-bulkOrderFooter-addAll .button { display: block; width: 100%; margin: 0; } .productGrid-bulkOrderFooter-addAll .button:focus { border-color: #2d2d2d; background-color: #2d2d2d; } .bulkOrder-progressModal { display: none; position: fixed; top: 50%; left: 50%; width: 600px; max-width: 100%; transform: translate(-50%, -50%); z-index: 515; padding: 3rem 3rem 1.5rem; background-color: #f7f7f7; } .bulkOrder-progressModal.is-open { display: block; } .bulkOrder-progressModal .progressBar { margin: 0 0 0.75rem; } .bulkOrder-progressModal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.8; z-index: 510; } .is-open + .bulkOrder-progressModal-overlay { display: block; } .bulkOrder-progressModal-actions { margin: 2.25rem 0 0; } .bulkOrder-progressModal-heading { font-size: 20px; margin-top: -3rem; margin-bottom: 2.25rem; padding: 1.5rem 0; border-bottom: 1px solid whitesmoke; } .progressBar { box-sizing: content-box; height: 20px; /* Can be anything */ position: relative; margin: 60px 0 20px; /* Just for demo spacing */ background: #555; border-radius: 25px; padding: 10px; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); } .progressBar > span { display: block; height: 100%; border-radius: 20px; background-color: #2bc253; background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%); box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); position: relative; overflow: hidden; transition: width 0.2s ease-in; } .progressBar > span::after, .progressBar.animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); z-index: 1; background-size: 50px 50px; animation: progressBar-move 2s linear infinite; border-radius: 20px; overflow: hidden; } .progressBar.animate > span::after { display: none; } @keyframes progressBar-move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } .progressBar.orange > span { background-color: #f1a165; background-image: linear-gradient(top, #f1a165, #f36d0a); } .progressBar.red > span { background-color: #f0a3a3; background-image: linear-gradient(top, #f0a3a3, #f42323); } .progressBar.nostripes > span > span, .progressBar.nostripes > span::after { animation: none; background-image: none; } .supermarket-page--pages-custom-category-bulk-order .actionBar-section--mode, .supermarket-page--pages-custom-brand-bulk-order .actionBar-section--mode { display: none; } .infiniteScroll .pagination { height: 0 !important; transition: all 0.2s ease-in; } .infiniteScroll .pagination > * { height: 0 !important; visibility: hidden !important; } .infiniteScroll .pagination.is-loading { height: 50px !important; visibility: visible !important; background: url("../img/loading.svg") no-repeat center center; background-size: contain; } .infiniteScroll .pagination.is-loading > * { height: 0 !important; visibility: hidden !important; } .infiniteScroll .pagination.is-loading + .infiniteScroll-loadMoreWrapper .button { pointer-events: none; opacity: 0.5; } .infiniteScroll .pagination.is-loading + .infiniteScroll-loadMoreWrapper .button::after { content: "..."; } .infiniteScroll-loadMoreWrapper { text-align: center; } .infiniteScroll-loadMoreWrapper._top { margin-top: 0.75rem; } @media (min-width: 801px) { .infiniteScroll-loadMoreWrapper._bottom { margin-bottom: 3.75rem; } } @media (max-width: 800px) { .infiniteScroll-loadMoreWrapper._bottom { margin-bottom: 2.25rem; } } .infiniteScroll-loadMoreWrapper .button { margin: 0; } @media (min-width: 801px) { .papathemes-newsletterForm { display: flex; align-items: center; } .papathemes-newsletterForm > * { margin: 0 1.5rem 0 0; } .papathemes-newsletterForm .footer-info-heading { margin: 0 1.5rem 0 0; } .papathemes-newsletterForm > .form { margin-left: auto; margin-right: 0; } } @media (min-width: 1261px) { .papathemes-newsletterForm > .form { width: 35%; } } .papathemes-newsletterForm p { margin-left: auto; } .papathemes-newsletterForm .form { margin-bottom: 0; } .papathemes-newsletterForm .form-field { margin: 0; } @media (min-width: 801px) { .papathemes-newsletterForm .form-prefixPostfix { flex-wrap: nowrap; } } .papathemes-newsletterForm .form-prefixPostfix .form-input { border-radius: 0px; } @media (min-width: 551px) { .papathemes-newsletterForm .form-prefixPostfix .form-input { width: auto; border-radius: 0px 0 0 0px; } } @media (min-width: 551px) { .papathemes-newsletterForm .form-prefixPostfix .button { width: auto; margin-top: 0; } } .papathemes-newsletterForm .form-prefixPostfix-button--postfix { border-radius: 0px; } @media (min-width: 551px) { .papathemes-newsletterForm .form-prefixPostfix-button--postfix { border-radius: 0 0px 0px 0; margin-left: 0; } } @media (min-width: 1261px) { .papathemes-newsletterForm .form-prefixPostfix-button--postfix { margin-left: 0; } } .papathemes-newsletterForm .button { background-color: #cccccc; border-color: #cccccc; color: black; } .papathemes-newsletterForm .button:hover, .papathemes-newsletterForm .button:focus { background-color: #f2f2f2; } .papathemes-socials .footer-info-heading { display: none; } .productView-description .page-heading, .productView-productTabs .page-heading, .papathemes-section-inner > .page-heading, .supermarket-newProducts .page-heading { font-size: 24px; } @media (min-width: 801px) { .productView-description .page-heading, .productView-productTabs .page-heading, .papathemes-section-inner > .page-heading, .supermarket-newProducts .page-heading { font-size: 22px; display: inline-block; border-bottom: 2px solid #888888; text-align: center; } .productView-description .page-heading::after, .productView-productTabs .page-heading::after, .papathemes-section-inner > .page-heading::after, .supermarket-newProducts .page-heading::after { content: " "; display: block; font-size: 0; height: 0; border-top: 1px solid whitesmoke; position: absolute; width: 100%; margin-top: 0.875rem; } } .papathemes-sections-group { display: inline; } .papathemes-section { padding: 1.5rem 0; } .papathemes-section-inner { position: relative; } .papathemes-section--alt { background-color: #e5e5e5; } @media (min-width: 801px) { .papathemes-section--alt { width: 100vw; margin-left: 50%; transform: translateX(-50%); } } .container--papathemes-section1-fullwidth.container, .container--papathemes-section1-stretch.container { padding: 0; margin: 0; max-width: none; } .papathemes-section1 { margin-top: 0; } .papathemes-section1--fullwidth, .papathemes-section1--stretch { width: 100%; margin-left: 0; margin-right: 0; } .papathemes-section1-socials { display: none; } @media (min-width: 801px) { .papathemes-section1-top { display: flex; align-items: center; padding: 0.375rem 0; background: white; } .papathemes-section1-top .papathemes-section1-hotNews { flex: 1; } .papathemes-section1-top .papathemes-section1-socials { display: block; flex: 0; white-space: nowrap; padding-left: 1.5rem; } } @media (min-width: 801px) { .container--papathemes-section1-boxed.container { row-gap: 1.5rem; position: relative; } .container--papathemes-section1-boxed.container .papathemes-section1--boxed, .container--papathemes-section1-boxed.container .blaze-container { position: static; } } .heroCarousel-container-bg._has-left._has-right .container--papathemes-section1-boxed.container, .heroCarousel-container-bg._has-left .container--papathemes-section1-boxed.container, .heroCarousel-container-bg._has-right .container--papathemes-section1-boxed.container, .heroCarousel-container-bg .container--papathemes-section1-boxed.container { display: flex; flex-direction: column; background-color: white; } @media (min-width: 801px) { .heroCarousel-container-bg._has-left._has-right .container--papathemes-section1-boxed.container, .heroCarousel-container-bg._has-left .container--papathemes-section1-boxed.container, .heroCarousel-container-bg._has-right .container--papathemes-section1-boxed.container, .heroCarousel-container-bg .container--papathemes-section1-boxed.container { display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; column-gap: 1.5rem; } } @media (max-width: 1260px) { .heroCarousel-container-bg._has-left._has-right .container--papathemes-section1-boxed.container, .heroCarousel-container-bg._has-left .container--papathemes-section1-boxed.container, .heroCarousel-container-bg._has-right .container--papathemes-section1-boxed.container, .heroCarousel-container-bg .container--papathemes-section1-boxed.container { padding: 0 1.5rem; padding-bottom: 3rem; } } @media (max-width: 800px) { .heroCarousel-container-bg._has-left._has-right .container--papathemes-section1-boxed.container, .heroCarousel-container-bg._has-left .container--papathemes-section1-boxed.container, .heroCarousel-container-bg._has-right .container--papathemes-section1-boxed.container, .heroCarousel-container-bg .container--papathemes-section1-boxed.container { padding: 0 0.75rem; padding-bottom: 3rem; } } @media (max-width: 550px) { .heroCarousel-container-bg .container--papathemes-section1-boxed.container { padding-bottom: 0; } } .heroCarousel { padding-bottom: 0; } @media (min-width: 801px) { .heroCarousel { padding-bottom: 2.5rem; } } .heroCarousel-container-bg .papathemes-section1--boxed { display: flex; align-items: center; position: relative; border-radius: 0px; } @media (min-width: 801px) { .heroCarousel-container-bg .papathemes-section1--boxed { margin: 0 auto; } } .heroCarousel-container-bg .papathemes-section1--boxed { width: 100%; grid-column: 1 / 5; } .heroCarousel-container-bg._has-left .papathemes-section1--boxed { width: 100%; } @media (min-width: 801px) { .heroCarousel-container-bg._has-left .papathemes-section1--boxed { width: 100%; grid-column: 2 / 5; } } .heroCarousel-wrapper { display: flex; flex-wrap: nowrap; } .heroCarousel-container-bg { background-color: white; } .heroCarousel-container-bg:not(:has(.heroCarousel-container)) { display: none; } .heroCarousel-container { position: static; border-radius: 0px; overflow: hidden; } .heroCarousel-container .slick-next::after, .heroCarousel-container .slick-prev::after { border-color: white; } .heroCarousel-container .slick-next:hover::after, .heroCarousel-container .slick-next:focus::after, .heroCarousel-container .slick-prev:hover::after, .heroCarousel-container .slick-prev:focus::after { border-color: black; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2); transition: 0.2s ease-in-out; } .heroCarousel-container .slick-next::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 0 35 36' fill='none'%3E%3Cpath d='M19.5892 16.2344C20.5788 17.2109 20.5788 18.7969 19.5892 19.7734L4.38923 34.7734C3.39965 35.75 1.79256 35.75 0.802979 34.7734C-0.186605 33.7969 -0.186605 32.2109 0.802979 31.2344L14.2138 18L0.810895 4.76563C-0.178688 3.78906 -0.178688 2.20313 0.810895 1.22656C1.80048 0.25 3.40756 0.25 4.39715 1.22656L19.5971 16.2266L19.5892 16.2344Z' fill='%23cccccc'/%3E%3C/svg%3E%0A"); } .heroCarousel-container .slick-next:hover::before, .heroCarousel-container .slick-next:focus::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 0 35 36' fill='none'%3E%3Cpath d='M19.5892 16.2344C20.5788 17.2109 20.5788 18.7969 19.5892 19.7734L4.38923 34.7734C3.39965 35.75 1.79256 35.75 0.802979 34.7734C-0.186605 33.7969 -0.186605 32.2109 0.802979 31.2344L14.2138 18L0.810895 4.76563C-0.178688 3.78906 -0.178688 2.20313 0.810895 1.22656C1.80048 0.25 3.40756 0.25 4.39715 1.22656L19.5971 16.2266L19.5892 16.2344Z' fill='black'/%3E%3C/svg%3E%0A"); } .heroCarousel-container .slick-prev::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 0 35 36' fill='none'%3E%3Cpath d='M0.744146 16.2344C-0.245438 17.2109 -0.245438 18.7969 0.744146 19.7734L15.9441 34.7734C16.9337 35.75 18.5408 35.75 19.5304 34.7734C20.52 33.7969 20.52 32.2109 19.5304 31.2344L6.11956 18L19.5225 4.76563C20.5121 3.78906 20.5121 2.20313 19.5225 1.22656C18.5329 0.25 16.9258 0.25 15.9362 1.22656L0.736228 16.2266L0.744146 16.2344Z' fill='%23cccccc'/%3E%3C/svg%3E%0A"); } .heroCarousel-container .slick-prev:hover::before, .heroCarousel-container .slick-prev:focus::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 0 35 36' fill='none'%3E%3Cpath d='M0.744146 16.2344C-0.245438 17.2109 -0.245438 18.7969 0.744146 19.7734L15.9441 34.7734C16.9337 35.75 18.5408 35.75 19.5304 34.7734C20.52 33.7969 20.52 32.2109 19.5304 31.2344L6.11956 18L19.5225 4.76563C20.5121 3.78906 20.5121 2.20313 19.5225 1.22656C18.5329 0.25 16.9258 0.25 15.9362 1.22656L0.736228 16.2266L0.744146 16.2344Z' fill='black'/%3E%3C/svg%3E%0A"); } .container--papathemes-section1-stretch.container { display: grid; grid-template-columns: 20% 1fr 20%; column-gap: 1.5rem; row-gap: 1.5rem; padding: 0; padding-bottom: 1.5rem; } @media (min-width: 801px) { .container--papathemes-section1-stretch.container { padding-bottom: 0; row-gap: 1.5rem; } } .container--papathemes-section1-stretch.container .papathemes-section1--stretch { width: 100%; grid-column: 1 / 4; border-radius: 0px; position: relative; display: flex; align-items: center; } .container--papathemes-section1-stretch.container .papathemes-section1--stretch .slick-list { position: static; } .container--papathemes-section1-stretch.container .papathemes-section1--stretch .heroCarousel--stretch { position: static; } .heroCarousel-container-bg._has-left._has-right .container--papathemes-section1-stretch.container, .heroCarousel-container-bg._has-left .container--papathemes-section1-stretch.container, .heroCarousel-container-bg._has-right .container--papathemes-section1-stretch.container, .heroCarousel-container-bg .container--papathemes-section1-stretch.container { background-color: white; padding-top: 0; } @media (min-width: 801px) { .heroCarousel-container-bg._has-left._has-right .container--papathemes-section1-stretch.container, .heroCarousel-container-bg._has-left .container--papathemes-section1-stretch.container, .heroCarousel-container-bg._has-right .container--papathemes-section1-stretch.container, .heroCarousel-container-bg .container--papathemes-section1-stretch.container { padding-top: 0; } } @media (max-width: 550px) { .heroCarousel-container-bg._has-left._has-right .container--papathemes-section1-stretch.container, .heroCarousel-container-bg._has-left .container--papathemes-section1-stretch.container, .heroCarousel-container-bg._has-right .container--papathemes-section1-stretch.container, .heroCarousel-container-bg .container--papathemes-section1-stretch.container { padding-bottom: 0; } } @media (max-width: 1023px) { .container--papathemes-section1-stretch.container { padding: 0; padding-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .container--papathemes-section1-stretch.container .papathemes-section1--stretch { order: 1; } } .container--papathemes-section1-fullwidth.container { padding: 0; width: 100%; margin: 0 auto; padding-bottom: 1.5rem; display: grid; grid-template-columns: 21.3% repeat(2, 1fr) 21.3%; column-gap: 1.5rem; row-gap: 1.5rem; } @media (min-width: 801px) { .container--papathemes-section1-fullwidth.container { padding-bottom: 3rem; row-gap: 1.5rem; } } @media (max-width: 550px) { .container--papathemes-section1-fullwidth.container { column-gap: 0.75rem; row-gap: 0.75rem; } } .container--papathemes-section1-fullwidth.container .papathemes-section1--fullwidth { width: 100%; grid-column: 1 / 5; border-radius: 0px; position: relative; display: flex; align-items: center; } .container--papathemes-section1-fullwidth.container .papathemes-section1--fullwidth .slick-list { position: static; } .container--papathemes-section1-fullwidth.container .papathemes-section1--fullwidth .heroCarousel--fullwidth { position: static; } @media (max-width: 550px) { .container--papathemes-section1-fullwidth.container .papathemes-section1--fullwidth .heroCarousel--fullwidth { position: relative; margin-bottom: 3rem; } } .heroCarousel-container-bg .container--papathemes-section1-fullwidth.container { padding-bottom: 0; } .heroCarousel-container-bg._has-left._has-right .container--papathemes-section1-fullwidth.container, .heroCarousel-container-bg._has-left .container--papathemes-section1-fullwidth.container, .heroCarousel-container-bg._has-right .container--papathemes-section1-fullwidth.container, .heroCarousel-container-bg .container--papathemes-section1-fullwidth.container { background-color: white; } @media (max-width: 1260px) { .heroCarousel-container-bg .container--papathemes-section1-fullwidth.container { padding-bottom: calc(3rem); } } @media (max-width: 550px) { .heroCarousel-container-bg:has(.heroCarousel-content) .container--papathemes-section1-fullwidth.container { padding-bottom: 0; } } @media (max-width: 1023px) { .container--papathemes-section1-fullwidth.container { display: flex; flex-wrap: wrap; justify-content: space-between; } .container--papathemes-section1-fullwidth.container .papathemes-section1--fullwidth { order: 1; } } .heroCarousel-container-bg .container--papathemes-section1-stretch [data-layout-name] > [data-sub-layout] [data-test-theme] > .container, .heroCarousel-container-bg .container--papathemes-section1-fullwidth [data-layout-name] > [data-sub-layout] [data-test-theme] > .container { max-width: unset; } [data-content-region="home_below_carousel"] [data-layout-name="HOME-BELOW-CAROUSEL"] { max-width: unset; } [data-content-region="home_below_section4"] .beautify__widget-page-heading.page-heading { text-align: left; } @media (min-width: 801px) { .supermarket-newProducts { margin: 0 -0.75rem; max-width: none; width: auto; font-size: 0; } .supermarket-newProducts:before, .supermarket-newProducts:after { content: " "; display: table; } .supermarket-newProducts:after { clear: both; } } @media (min-width: 801px) { .supermarket-newProducts .supermarket-newProducts-banner, .supermarket-newProducts .supermarket-newProducts-products { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: none; display: inline-block; font-size: 1rem; vertical-align: top; } } .supermarket-newProducts .supermarket-newProducts-products-inner { position: relative; } .supermarket-newProducts .productCarousel .card, .supermarket-newProducts .productGrid .card { border-color: transparent; } .kitchenary__featuredBrands { overflow: hidden; } .kitchenary__featuredBrands.blaze-slider { --slides-to-show: 6 !important; --slide-gap: 16px !important; } @media (min-width: 801px) { .kitchenary__featuredBrands.blaze-slider { --slide-gap: 30px !important; } } @media (min-width: 1261px) { .kitchenary__featuredBrands:not(:has(._brand-item:nth-child(7))) .blaze-track { justify-content: center; } .kitchenary__featuredBrands:not(:has(._brand-item:nth-child(7))) .blaze-button { display: none; } } @media (min-width: 801px) and (max-width: 1260px) { .kitchenary__featuredBrands.blaze-slider { --slides-to-show: 4 !important; } .kitchenary__featuredBrands:not(:has(._brand-item:nth-child(5))) .blaze-track { justify-content: center; } .kitchenary__featuredBrands:not(:has(._brand-item:nth-child(5))) .blaze-button { display: none; } } @media (min-width: 551px) and (max-width: 800px) { .kitchenary__featuredBrands.blaze-slider { --slides-to-show: 3.5 !important; } .kitchenary__featuredBrands:not(:has(._brand-item:nth-child(4))) .blaze-track { justify-content: center; } .kitchenary__featuredBrands:not(:has(._brand-item:nth-child(4))) .blaze-button { display: none; } } @media (max-width: 550px) { .kitchenary__featuredBrands.blaze-slider { --slides-to-show: 2.5 !important; } .kitchenary__featuredBrands:not(:has(._brand-item:nth-child(3))) .blaze-track { justify-content: center; } .kitchenary__featuredBrands:not(:has(._brand-item:nth-child(3))) .blaze-button { display: none; } } .kitchenary__featuredBrands ._brand-item { position: relative; border-radius: 4px; overflow: hidden; text-decoration: none; } .kitchenary__featuredBrands ._brand-item ._brand-img-wrapper { display: block; position: relative; max-width: 223px; } .kitchenary__featuredBrands ._brand-item ._brand-img-wrapper::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 44.84305%; } .kitchenary__featuredBrands ._brand-item ._brand-img-wrapper img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 0; width: 100%; max-height: 100%; object-fit: contain; font-family: "object-fit: contain"; } .kitchenary__featuredBrands ._brand-item ._brand-name { display: block; font-size: 12px; color: black; text-align: center; margin-top: 1rem; } .kitchenary__featuredBrands ._brand-item ._brand-name:hover { color: #767676; } .kitchenary__featuredBrands ._brand-item:focus-visible { outline-offset: -2px !important; } .kitchenary__featuredBrands .featuredBrands-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; list-style-type: none; gap: 20px; } @media (max-width: 800px) { .kitchenary__featuredBrands .featuredBrands-list { margin: 0 -0.75rem; overflow: auto; flex-wrap: nowrap; justify-content: flex-start; -webkit-overflow-scrolling: touch; padding: 0.5rem 0.75rem; } .kitchenary__featuredBrands .featuredBrands-list::-webkit-scrollbar { display: none; } } .kitchenary__featuredBrands .featuredBrands-list .featuredBrands-item { overflow: unset; background: none; } .kitchenary__featuredBrands .featuredBrands-list .featuredBrands-item a { text-decoration: unset; color: black; display: block; padding: 0.625rem 1.25rem; font-weight: 700; white-space: nowrap; background: rgba(229, 229, 229, 0.5); border-radius: 4px; } .kitchenary__featuredBrands .featuredBrands-list .featuredBrands-item a:hover, .kitchenary__featuredBrands .featuredBrands-list .featuredBrands-item a:focus-visible { color: #767676; } .beautify__section--customer-service .body-service { display: flex; align-items: center; justify-content: center; column-gap: 1.875rem; } .beautify__section--customer-service .body-service .customer-service { display: flex; align-items: center; column-gap: 1.5rem; padding: 1.5rem 0; justify-content: center; border-radius: 0px; background-color: white; cursor: pointer; transition: background-color 0.15s ease; width: calc(100% / 3); text-decoration: none; } .beautify__section--customer-service .body-service .customer-service:hover { background-color: #767676; } .beautify__section--customer-service .body-service .customer-service:hover .icon { fill: white; } .beautify__section--customer-service .body-service .customer-service:hover .title-service { color: white; } .beautify__section--customer-service .body-service .customer-service .icon { height: 3.125rem; width: 3.125rem; fill: #767676; transition: fill 0.15s ease; } .beautify__section--customer-service .body-service .customer-service .title-service { color: #767676; font-weight: 600; font-size: 20px; transition: color 0.15s ease; } @media (max-width: 800px) { .beautify__section--customer-service .body-service .customer-service { width: 100%; } } @media (max-width: 800px) { .beautify__section--customer-service .body-service { column-gap: 0.75rem; } .beautify__section--customer-service .body-service .customer-service { flex-direction: column; gap: 0.75rem; } .beautify__section--customer-service .body-service .customer-service .title-service { font-size: inherit; } } .papathemes-hotNews { display: flex; } .papathemes-hotNews-heading { flex: 0; font-size: 1rem; margin: 0; white-space: nowrap; line-height: 3rem; padding: 0 1.5rem; text-transform: uppercase; } .papathemes-hotNews-list { list-style: none; margin-left: 0; flex: 1; margin: 0; height: 3rem; position: relative; } .papathemes-hotNews-list ul, .papathemes-hotNews-list ol { list-style: none; margin-bottom: 0; } .papathemes-hotNews-item { position: absolute; width: 100%; line-height: 3rem; opacity: 0; transition: opacity 0.5s; } .papathemes-hotNews-item.is-open { opacity: 1; } .papathemes-hotNews-title { margin: 0; font-size: inherit; font-weight: inherit; } .papathemes-hotNews-title a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; color: #4f4f4f; } .papathemes-categoriesGrid-heading { font-size: 22px; text-transform: uppercase; border-bottom: 2px solid; margin-bottom: 1.5rem; margin-top: 0; } .papathemes-categoriesGrid-heading span { display: inline-block; padding: 0.375rem 1.125rem 0.25rem; } .papathemes-categoriesGrid { list-style: none; margin-left: 0; display: flex; flex-wrap: wrap; align-items: stretch; align-content: flex-start; justify-content: space-between; } .papathemes-categoriesGrid ul, .papathemes-categoriesGrid ol { list-style: none; margin-bottom: 0; } .papathemes-categoriesGrid-item { flex: 1 1 50%; border: 1px solid whitesmoke; } @media (min-width: 801px) { .papathemes-categoriesGrid-item { flex-basis: 25%; } } .papathemes-categoriesGrid-card { text-align: center; padding: 1.5rem; } .papathemes-categoriesGrid-figure { margin: 0 0 1.5rem; } .papathemes-categoriesGrid-figure > figcaption { margin: 0; } .papathemes-categoriesGrid-name { font-size: 1rem; margin: 0 0 0.375rem; } .papathemes-categoriesGrid-productsCount { font-size: 14px; color: #4f4f4f; } @media (min-width: 801px) { .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid { flex-direction: column; align-items: flex-start; align-content: center; justify-content: flex-start; height: 250px; } } @media (min-width: 801px) { .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid-item { flex: 1 1 50%; width: 16.66667%; display: flex; align-items: center; border-width: 1px; } .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid-item:nth-child(8n+1) { flex-basis: 100%; } .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid-item:nth-child(8n+2) { flex-basis: 100%; border-left: 0; } .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid-item:nth-child(8n+3) { border-left: 0; } .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid-item:nth-child(8n+4) { border-left: 0; border-top: 0; } .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid-item:nth-child(8n+5) { flex-basis: 100%; border-left: 0; } .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid-item:nth-child(8n+6) { border-left: 0; } .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid-item:nth-child(8n+7) { border-left: 0; border-top: 0; } .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid-item:nth-child(8n) { flex-basis: 100%; border-left: 0; } } @media (min-width: 801px) { .papathemes-categoriesGrid-section--style1 .papathemes-categoriesGrid-card { flex: 1; } } @media (min-width: 801px) { .page-sidebar .papathemes-productsFilter { display: none; } } .sidebarBlock + .papathemes-productsFilter { margin-top: 1.5rem; } .sidebarBlock--verticalCategories + .papathemes-productsFilter { margin-top: 0; } @media (max-width: 800px) { .papathemes-productsFilter--faceted { margin-bottom: 0.625rem; } } .papathemes-pbcst .tabs { display: flex; border: 0; margin-bottom: 0.75rem; overflow: auto; -webkit-overflow-scrolling: touch; } .papathemes-pbcst .tabs::-webkit-scrollbar { display: none; } @media (min-width: 801px) { .papathemes-pbcst .tabs { overflow: visible; } } @media (max-width: 1260px) { .papathemes-pbcst .tabs { column-gap: 1.625rem; } } .papathemes-pbcst .tab { border: 0; } .papathemes-pbcst .tab:not(:last-of-type) { margin-right: 1.625rem; } @media (max-width: 1260px) { .papathemes-pbcst .tab:not(:last-of-type) { margin-right: 0; } } @media (max-width: 550px) { .papathemes-pbcst .tab .tab-title { padding-left: 0; padding-right: 0; } } .papathemes-pbcst .tab.is-active { margin-bottom: 0; color: #767676; } .papathemes-pbcst .tab.is-active .tab-title { padding-left: 0.5rem; padding-right: 0.5rem; text-decoration: none; } .papathemes-pbcst .tab.is-active .tab-title:hover { text-decoration: underline; } .papathemes-pbcst .tab.is-active .tab-title:hover::after { text-decoration: none; display: inline-block; } .papathemes-pbcst .tab:hover .tab-title, .papathemes-pbcst .tab:active .tab-title, .papathemes-pbcst .tab:focus-visible .tab-title { color: #767676; text-decoration: underline; } .papathemes-pbcst .tab-title { display: block; margin: 0; padding: 0; border-radius: 0px; white-space: nowrap; font-size: 14px; font-weight: 600; } @media (max-width: 800px) { .papathemes-pbcst .tab-title { padding: 0 0.75rem; margin: 0.125rem; } } @media (min-width: 801px) { .papathemes-pbcst .tab-title { white-space: normal; } } .papathemes-pbcst-category { display: block; grid-template-areas: "heading heading" "sort sort" "subcategories subcategories" "widget products" "widget loader" "actions actions"; grid-template-rows: auto auto auto max-content max-content auto; grid-template-columns: 0 auto; } .papathemes-pbcst-category:not(:has(.product)) { display: none; } .papathemes-pbcst-category .tab-title:focus { text-decoration: none; color: unset; } .papathemes-pbcst-category .page-heading { grid-area: heading; margin: 0; } .papathemes-pbcst-category .page-heading a { text-decoration: none; color: black; } .papathemes-pbcst-category .page-heading a:hover { color: #767676; } .papathemes-pbcst-category .papathemes-pbcst-actionGroup { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0; margin-bottom: 2.5rem; gap: 0.75rem; } @media (max-width: 800px) { .papathemes-pbcst-category .papathemes-pbcst-actionGroup { margin-bottom: 2.25rem; } } @media (min-width: 801px) { .papathemes-pbcst-category .card._border { margin: 0.5rem; width: calc(100% - 0.5rem); } } @media (min-width: 1261px) { .papathemes-pbcst-category .card._border { margin: 0.75rem; width: calc(100% - 1.5rem); } } @media (max-width: 1260px) { .papathemes-pbcst-category .card._border { margin: 0.25rem; } } .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) .page-heading { border: 0; grid-area: unset; } @media (max-width: 550px) { .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) { display: block; } .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) .papathemes-pbcst-subcategories { margin-bottom: 0.6875rem; } .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) .page-heading { padding-top: 0; padding-bottom: 0; } } .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) .papathemes-pbcst-subcategories { grid-area: unset; display: flex; align-items: center; justify-content: center; margin-top: 1.5rem; margin-bottom: 1.5rem; } .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) .papathemes-pbcst-subcategories .tabs { margin-bottom: 0; row-gap: 0.75rem; } @media (max-width: 1260px) { .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) .papathemes-pbcst-subcategories { margin-bottom: 0.75rem; margin-top: 0.75rem; } } @media (max-width: 550px) { .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) .papathemes-pbcst-subcategories { justify-content: center; } } @media (min-width: 551px) { .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) .papathemes-pbcst-products { grid-area: 2 / 1 / span 1 / span 2; } } @media (min-width: 551px) and (max-width: 800px) { .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) ._hideOnTabletWhenNoBanner { display: none; } } .papathemes-pbcst-category:not(:has(.papathemes-pbcst-bannerRegion)) .papathemes-pbcst-subcategories { margin: 1.5rem 0; display: flex; justify-content: center; } .papathemes-pbcst-category:not(:has(.papathemes-pbcst-bannerRegion)) .papathemes-pbcst-subcategories .tabs { margin-bottom: 0; } @media (max-width: 1260px) { .papathemes-pbcst-category:not(:has(.papathemes-pbcst-bannerRegion)) .papathemes-pbcst-subcategories { margin: 0.75rem 0; } } @media (min-width: 551px) { .papathemes-pbcst-category:has([data-sub-layout-container]) { display: grid; } .papathemes-pbcst-category:has([data-sub-layout-container]) .papathemes-pbcst-products { grid-area: products; margin: unset; margin-top: -0.5rem; } .papathemes-pbcst-category:has([data-sub-layout-container]) .page-heading { border: 3px solid #767676; color: black; padding: 0.75rem; } .papathemes-pbcst-category:has([data-sub-layout-container]) .page-heading > a { /* autoprefixer: off */ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .papathemes-pbcst-category:has([data-sub-layout-container]) .page-heading:hover { color: #767676; } .papathemes-pbcst-category:has([data-sub-layout-container]) .papathemes-pbcst-subcategories { justify-content: left; margin-left: 0.375rem; margin-top: auto; margin-bottom: auto; } .papathemes-pbcst-category:has([data-sub-layout-container]) .papathemes-pbcst-subcategories .tab-title { font-weight: bold; } .papathemes-pbcst-category:has([data-sub-layout-container]) .papathemes-pbcst-subcategories .tab-title:hover { color: #767676; text-decoration: underline; } .papathemes-pbcst-category:has([data-sub-layout-container]) .papathemes-pbcst-subcategories .tab-title:hover::after { display: inline-block; text-decoration: none; } } @media (min-width: 551px) and (max-width: 800px) { .papathemes-pbcst-category:has([data-sub-layout-container]) .papathemes-pbcst-products { margin-top: -0.1875rem; } } @media (min-width: 551px) and (min-width: 1261px) { .papathemes-pbcst-category:has([data-sub-layout-container]) .papathemes-pbcst-products { margin-top: -0.75rem; } } @media (min-width: 551px) { .papathemes-pbcst-category._hasWidget { grid-template-columns: 1fr 3fr; grid-column-gap: 0.75rem; } .papathemes-pbcst-category:has([data-layout-id])._hasWidget { grid-template-columns: 1fr 4fr; } } @media (min-width: 551px) { .papathemes-pbcst-category .beautify__flexBanners ._imgContainer._desktop { border-top-left-radius: 0; border-top-right-radius: 0; } .papathemes-pbcst-category:has([data-layout-id]) .papathemes-pbcst-subcategories { overflow: auto; } .papathemes-pbcst-category:has([data-layout-id]) .papathemes-pbcst-subcategories::-webkit-scrollbar { display: none; } .papathemes-pbcst-category:has([data-layout-id]) .papathemes-pbcst-subcategories .tabs { flex-wrap: unset; } } @media (min-width: 1261px) { .papathemes-pbcst-category._hasWidget { grid-column-gap: 3rem; } .papathemes-pbcst-category .beautify__flexBanners ._col ._banner { width: 100%; max-width: unset; } .papathemes-pbcst-category .beautify__flexBanners ._col ._banner ._imgContainer img { width: 100%; } } @media (max-width: 550px) { .papathemes-pbcst-category { display: flex; flex-direction: column; } .papathemes-pbcst-category:has(.papathemes-pbcst-bannerRegion) { display: flex; } .papathemes-pbcst-category .page-heading { order: 2; } .papathemes-pbcst-category .papathemes-pbcst-bannerRegion { order: 1; } .papathemes-pbcst-category .papathemes-pbcst-subcategories { order: 3; } .papathemes-pbcst-category .papathemes-pbcst-products { order: 4; } .papathemes-pbcst-category .papathemes-pbcst-loader { order: 5; } .papathemes-pbcst-category .papathemes-pbcst-actionGroup { order: 6; } } .papathemes-pbcst-bannerRegion { grid-area: widget; } .papathemes-pbcst-subcategories-heading { font-weight: 700; margin: 0 0 0.75rem; display: none; } .papathemes-pbcst-actionGroup { margin-top: 1rem; text-align: center; margin-bottom: 3rem; } .papathemes-pbcst-actionGroup .button { margin-bottom: 0; } .papathemes-pbcst-actionGroup ._animate { display: inline-block; } @media (min-width: 801px) { .papathemes-pbcst-actionGroup ._animate .button { margin-left: 0.75rem; } } .papathemes-pbcst-category-section:last-child .papathemes-pbcst-actionGroup { margin-bottom: 0; } .papathemes-pbcst-category-section:has(.papathemes-pbcst-subcategories) .page-heading { padding-bottom: 0; } .papathemes-pbcst-category-section [data-pbcst-widget-region-placement="below"] { margin-top: 0.625rem; } .papathemes-pbcst-category-section:has(.papathemes-pbcst-category._hasWidget) .page-heading { padding: 0.75rem; text-align: center; } .papathemes-pbcst-category-section:has(.papathemes-pbcst-category._hasWidget) .page-heading > a { /* autoprefixer: off */ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } @media (max-width: 550px) { .papathemes-pbcst-category-section:has(.papathemes-pbcst-category._hasWidget) .page-heading { padding: 0; } } @media (min-width: 801px) { .papathemes-pbcst-subcategories .tabs { flex-wrap: wrap; row-gap: 0.5rem; } } .papathemes-pbcst-subcategories .tab.is-active .tab-title::after { content: "✕"; font-size: 14px; margin-left: 0.375rem; opacity: 0.3; } .papathemes-pbcst-subcategories .tab.is-active .tab-title:hover::after { opacity: 0.6; } @media (max-width: 800px) { .papathemes-pbcst-subcategories .tabs { column-gap: 0; } .papathemes-pbcst-subcategories .tabs .tab { padding-left: 0.75rem; padding-right: 0.75rem; } } .papathemes-pbcst-products { grid-area: products; } .papathemes-pbcst-loading { grid-area: products; width: 100%; text-align: center; padding: 1.5rem 0; } .papathemes-pbcst-loading::before { width: 80px; height: 80px; } .papathemes-pbcst-loader { grid-area: loader; display: none; width: 100%; text-align: center; } .papathemes-pbcst-loader.loading { display: block; padding: 1.5rem 0; } .papathemes-pbcst-loader.loading::before { width: 80px; height: 80px; } .papathemes-pbcst-actionGroup { grid-area: actions; } .papathemes-specialProductsTabs .loading { display: block; padding: 1.5rem 0; text-align: center; } .papathemes-specialProductsTabs .loading::before { width: 80px; height: 80px; } .papathemes-specialProductsTabs .loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .papathemes-specialProductsTabs-actionGroup { text-align: center; } .papathemes-specialProductsTabs-actionGroup .button { margin-bottom: 0; } .azBrands-table { list-style: none; margin-left: 0; margin: 0; padding: 0; text-transform: uppercase; } .azBrands-table ul, .azBrands-table ol { list-style: none; margin-bottom: 0; } .azBrands-table li { margin: 0; padding: 0; } .azBrands-table li { display: inline-block; } .azBrands-table li a { display: block; padding: 0.375rem; min-width: 2.25rem; text-align: center; border: 1px solid whitesmoke; text-decoration: none; font-size: 20px; font-weight: 700; } .azBrands-table li a:hover { border-color: black; } .azBrands-group-title { font-size: 24px; text-transform: uppercase; color: #4f4f4f; } .azBrands-group { display: none; } .azBrands-group.is-active { display: block; } .azBrands-group .card-figure { display: none; } .azBrands-group .brandGrid .brand .card-title { text-align: left; } .azBrands-group .card { margin-bottom: 0.75rem; } .azBrands-group .card-body { padding: 0; } .azBrands ~ .pagination { display: none; } .azBrands-group-topLink { text-align: right; display: none; } .azBrands-group-topLink a { text-decoration: none; color: #4f4f4f; } .azBrands-group-topLink a:hover, .azBrands-group-topLink a:focus, .azBrands-group-topLink a:active { color: #767676; } .productView-alsoBought { padding-bottom: 0; } @media (min-width: 801px) { .productView-alsoBought { display: flex; flex-wrap: wrap; align-items: flex-start; } } @media (min-width: 801px) { .productView-alsoBought--right { float: right; clear: right; } } @media (min-width: 801px) { .productView-alsoBought--left { float: left; clear: left; } } .productView-alsoBought:not(:has(.productView-alsoBought-item)) { display: none; } .productView-alsoBought-heading { border-top: 1px solid whitesmoke; } @media (min-width: 801px) { .productView-alsoBought-heading { width: 100%; } } .productView-alsoBought-heading ._heading { margin: 1.5rem 0; font-size: 20px; } @media (min-width: 801px) { .productView-alsoBought-list { width: 100%; } } .productView-alsoBought-item._parent .productView-alsoBought-item-title { color: inherit; } .productView-alsoBought-item-form { overflow: hidden; height: 0; } .productView-alsoBought-item-form.is-open { overflow: visible; height: auto; } .productView-alsoBought-item-check { display: block; } .productView-alsoBought-item-check .form-field { margin: 0; } .productView-alsoBought-item-check .form-label { color: inherit; } .productView-alsoBought-item-check .productView-alsoBought-item-image { margin-right: 0.75rem; text-align: center; height: 5rem; width: 5rem; } .productView-alsoBought-item-check .productView-alsoBought-item-image img { width: 100%; height: 100%; object-fit: contain; } .productView-alsoBought-item-title { display: block; margin-right: 0.75rem; font-weight: 600; font-size: 1rem; color: #767676; } .productView-alsoBought-item-title a { text-decoration: none; } .productView-alsoBought-item-price { display: block; } .productView-alsoBought-item-price .price-section-group { display: inline; } .productView-alsoBought-item-price .price-section { display: inline; margin-right: 0.75rem; } .productView-alsoBought-item-price .price-section [style] abbr[title] { border-bottom: 0; } .productView-alsoBought-item-price .price-section--saving { display: none !important; } .productView-alsoBought-item-price .price--main { font-weight: 700; } .productView-alsoBought-item-price [itemprop="priceSpecification"] { display: inline; } .productView-alsoBought-item-formToggle { display: inline-block; text-transform: uppercase; font-size: 12px; line-height: 1.35; font-weight: 600; } .productView-alsoBought-item-formToggle a { text-decoration: none; } .productView-alsoBought-item-formToggle a.is-open .icon { transform: rotate(180deg); } .productView-alsoBought-item-form .form { margin-bottom: 0; } .productView-alsoBought-item-form .form-label--alternate { margin-bottom: 0.375rem; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field { margin-bottom: 0.75rem; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field[data-product-attribute="set-rectangle"], .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field[data-product-attribute="swatch"] { margin-bottom: 0.375rem; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field[data-product-attribute="input-checkbox"] { margin-bottom: 1.125rem; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field[data-product-attribute="input-checkbox"] .form-label--alternate { margin-bottom: 0; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field::before, .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field::after { display: none; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments { margin-bottom: 0; border: 1px solid rgba(0, 0, 0, 0.15); display: inline-block; border-radius: 0px; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments .button[data-action=dec], .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments .button[data-action=inc] { height: 50px; width: 50px; background-color: transparent; position: relative; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments .button[data-action=dec]::after, .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments .button[data-action=inc]::after { content: ""; position: absolute; width: 1px; height: 50%; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.15); } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments .button[data-action=dec]:hover .icon svg, .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments .button[data-action=inc]:hover .icon svg { fill: #767676; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments .button[data-action=inc]::after { left: 0; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments .button[data-action=dec]::after { right: 0; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments .form-input--incrementTotal { border-top: unset; border-bottom: unset; width: 50px; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-field--increments .button--icon svg { fill: #4f4f4f; } .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-option { border-radius: 4px; } .productView-alsoBought-item-form.is-open { padding: 1.5rem; margin: 0.75rem 0 1.5rem; border: 2px solid whitesmoke; } .productView-alsoBought-thumbnails { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; display: flex; } @media (min-width: 801px) { .productView-alsoBought-thumbnails { flex-wrap: wrap; overflow: visible; } } .productView-alsoBought-thumbnails .productView-alsoBought-thumbnail-item .productView-alsoBought-item-image { height: 100%; } .productView-alsoBought-thumbnails .productView-alsoBought-thumbnail-item .productView-alsoBought-item-image .productView-alsoBought-thumbnail-label { height: 100%; display: flex; justify-content: center; align-items: center; } .productView-alsoBought-thumbnail-item { flex-shrink: 0; position: relative; margin-bottom: 0.75rem; } .is-checked ~ .productView-alsoBought-thumbnail-item { padding-left: 1.5rem; } .is-checked ~ .productView-alsoBought-thumbnail-item::before { content: "+"; font-size: 22px; position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); } .productView-alsoBought-thumbnail-item:not(.is-checked) { display: none; } .productView-alsoBought-thumbnail-label { border: 2px solid whitesmoke; display: block; padding: 2px; cursor: pointer; } .productView-alsoBought-thumbnail-label.is-checked { border-color: #4f4f4f; } .productView-alsoBought-buttons { display: none; margin: 1.875rem 0; width: 100%; } .productView-alsoBought-buttons.show { display: flex; align-items: center; column-gap: 1.5rem; } .productView-alsoBought-buttons .button { margin-bottom: 0; min-height: 55px; order: 2; font-size: 18px; } .productView-alsoBought-buttons .productView-alsoBought-total { order: 1; } .productView-alsoBought-total .price { color: #767676; font-size: 18px; font-weight: 700; } .productView-alsoBought-total .price-section { font-size: 18px; font-weight: 700; } .productView-alsoBought-inline { display: inline; } @media (max-width: 1260px) { .productView-alsoBought-buttons .productView-alsoBought-total { flex-shrink: 0; } } @media (max-width: 800px) { .productView-alsoBought-heading { margin-top: 1.5rem; } .productView-alsoBought-buttons .button { order: 1; } .productView-alsoBought-buttons .productView-alsoBought-total { flex-shrink: 0; } .productView-alsoBought-buttons.show { column-gap: 1.25rem; } } @media (max-width: 550px) { .productView-alsoBought-buttons.show { flex-direction: column; justify-content: center; } .productView-alsoBought-buttons.show .productView-alsoBought-total { text-align: center; margin-top: 0.75rem; } .productView-alsoBought-buttons.show button { width: 100%; } } @keyframes instantload-loading-show { from { opacity: 0; } to { opacity: 1; } } @keyframes instantload-loading-hide { from { opacity: 1; } to { opacity: 0; } } .instantload-loading, .instantload-loaded { position: relative; } .instantload-loading::before, .instantload-loaded::before { content: ""; position: absolute; z-index: 45; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); opacity: 1; } .instantload-loading::after, .instantload-loaded::after { content: ""; position: fixed; z-index: 505; top: calc(50% - 50px); left: calc(50% - 50px); width: 100px; height: 100px; background: url("../img/loading.svg") center center no-repeat; background-size: cover; opacity: 1; } .instantload-loading::before, .instantload-loading::after { opacity: 1; animation: instantload-loading-show 0.3s; } .instantload-loaded::before, .instantload-loaded::after { opacity: 0; animation: instantload-loading-hide 0.3s; } .supermarket-compareList-panel-wrapper { display: flex; align-items: flex-end; justify-content: center; position: fixed; right: 0.5rem; top: 50%; transform: translateY(-50%); height: 0; z-index: 51; animation-name: supermarket-compareList-show; animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); animation-duration: 300ms; animation-fill-mode: forwards; } .supermarket-compareList-panel-wrapper.is-closed { z-index: 20; } .supermarket-compareList-panel-wrapper .button { margin: 0; } .supermarket-compareList-panel-wrapper .button .supermarket-compareList-text { transform: translate(-18%) rotate(-90deg); color: black; white-space: nowrap; position: absolute; top: 4.1875rem; left: 0; font-weight: 700; font-size: 14px; } .supermarket-compareList-panel-wrapper .button.button--close { background-color: white; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); border: 1px solid whitesmoke; border-right: 0; border-radius: unset; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .supermarket-compareList-panel-wrapper .button.button--close:focus-visible { z-index: 2; } .supermarket-compareList-panel-wrapper .button--close, .supermarket-compareList-panel-wrapper .button--open { position: absolute; top: 0; left: -45px; width: 46px; height: 7.8125rem; display: flex; align-items: center; justify-content: space-between; padding: 0; border: 0; font-size: 1rem; flex-direction: column; z-index: 1; } .supermarket-compareList-panel-wrapper .button--close:hover .supermarket-compareList-icon > svg, .supermarket-compareList-panel-wrapper .button--open:hover .supermarket-compareList-icon > svg { fill: #767676; } .supermarket-compareList-panel-wrapper .button--close:hover .supermarket-compareList-text, .supermarket-compareList-panel-wrapper .button--open:hover .supermarket-compareList-text { color: #767676; } .supermarket-compareList-panel-wrapper .button--open { display: none; } .supermarket-compareList-panel-wrapper.is-empty { animation-name: supermarket-compareList-hide; animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05); } .supermarket-compareList-panel-wrapper.is-closed { animation-name: supermarket-compareList-hide; } .supermarket-compareList-panel-wrapper.is-closed .supermarket-compareList-panel-body .supermarket-compareList-actions::before { display: none; } .supermarket-compareList-panel-wrapper.is-closed .button--close { display: none; } .supermarket-compareList-panel-wrapper.is-closed .button--open { display: flex; top: auto; border: 1px solid whitesmoke; background-color: #f7f7f7; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); } .supermarket-compareList-panel-wrapper.is-closed .supermarket-compareList-panel-body { height: 0; overflow: hidden; width: 100%; border: 0; padding: 0; } @keyframes supermarket-compareList-show { from { transform: translateX(100%); } to { transform: none; } } @keyframes supermarket-compareList-hide { from { transform: none; } to { transform: translateX(100%); } } .supermarket-compareList-panel { position: relative; width: auto; max-width: 100%; transform: translateY(50%); } .supermarket-compareList-panel .supermarket-compareList-icon { margin: 0.9375rem auto 0.625rem auto; } .supermarket-compareList-panel .supermarket-compareList-icon > svg { fill: black; width: 0.75rem; height: 0.875rem; } .supermarket-compareList-panel .button--open { transform: translateY(-50%); } .supermarket-compareList-panel-body { width: auto; background-color: #f7f7f7; padding: 0.625rem; border: 1px solid whitesmoke; position: relative; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); display: flex; gap: 0.625rem; align-items: center; flex-direction: column; border-radius: 0px; border-top-left-radius: unset; max-height: 80vh; overflow: auto; } .supermarket-compareList-panel-body::-webkit-scrollbar { width: 3px; background-color: white; display: block; transition: all 0.3s ease-in; } .supermarket-compareList-panel-body:hover::-webkit-scrollbar { display: contents; } .supermarket-compareList-panel-body::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); background-color: #a5a5a5; } .supermarket-compareList-panel-body::after { content: ""; position: fixed; top: 2px; bottom: 2px; left: 0; width: 14px; background-color: white; z-index: 1; border-bottom-left-radius: 0px; } .supermarket-compareList-panel-body .supermarket-compareList-actions { position: sticky; bottom: 0; } .supermarket-compareList-panel-body .supermarket-compareList-actions::before { display: block; content: ""; position: fixed; background-color: white; position: fixed; right: 0.0625rem; left: 0; height: 6.375rem; bottom: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .supermarket-compareList { display: flex; flex-wrap: wrap; width: auto; -webkit-overflow-scrolling: touch; flex-direction: column; gap: 0.625rem; } .supermarket-compareList-item { height: 7.5rem; width: 7.5rem; position: relative; margin: 0; flex: 0 0 auto; z-index: 2; } .supermarket-compareList-item .quickview:focus-visible { border-radius: 0px; } .supermarket-compareList-item .supermarket-compareList-img { object-fit: contain; width: 100%; height: 100%; border-top-right-radius: 0px; cursor: pointer; } .supermarket-compareList-item .supermarket-compareList-img:hover { opacity: 0.8; } @media (min-width: 801px) { .supermarket-compareList-item .supermarket-compareList-img { border-top-right-radius: 0; } .supermarket-compareList-item .supermarket-compareList-remove { opacity: 0; } .supermarket-compareList-item:hover .supermarket-compareList-img { border-top-right-radius: 0px; } .supermarket-compareList-item:hover .supermarket-compareList-remove { opacity: 1; } .supermarket-compareList-item .quickview:focus-visible .supermarket-compareList-img { border-top-right-radius: 0; } .supermarket-compareList-item .quickview:focus-visible + .supermarket-compareList-remove { opacity: 1; } .supermarket-compareList-item .supermarket-compareList-remove:focus-visible { opacity: 1; } } @media (max-width: 550px) { .supermarket-compareList-item { height: 5rem; width: 5rem; } } .supermarket-compareList-actions { display: flex; flex-direction: column; margin: 0; z-index: 3; } .supermarket-compareList-actions .button { width: 7.5rem; max-width: 7.5rem; padding-left: 0.75rem; padding-right: 0.75rem; } @media (max-width: 550px) { .supermarket-compareList-actions .button { width: 5rem; max-width: 5rem; font-size: 12px; padding-left: 0.25rem; padding-right: 0.25rem; } } .supermarket-compareList-actions .button + .button { margin-top: 0.375rem; } .supermarket-compareList-remove { height: 2.25rem; width: 2.25rem; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 0px; background-color: #e5e5e5; padding: unset; } .supermarket-compareList-remove:hover, .supermarket-compareList-remove:focus-visible { background-color: #2d2d2d; } .supermarket-compareList-remove:hover .icon, .supermarket-compareList-remove:focus-visible .icon { fill: white; stroke: white; } .supermarket-compareList-remove span:has(.icon) { height: 0.8125rem; width: 0.8125rem; display: flex; } .supermarket-compareList-remove .icon { fill: #989898; stroke: #989898; overflow: unset; height: 0.8125rem; width: 0.8125rem; } @media (max-width: 550px) { .supermarket-compareList-remove { background-color: transparent; } .supermarket-compareList-remove span:has(.icon) { height: 1.25rem; width: 1.25rem; background-color: #e5e5e5; justify-content: center; align-items: center; border-radius: 0px; position: absolute; top: 0; right: 0; } .supermarket-compareList-remove span:has(.icon) .icon { height: 0.75rem; width: 0.75rem; } .supermarket-compareList-remove:hover, .supermarket-compareList-remove:focus-visible { background-color: transparent; } .supermarket-compareList-remove:hover span:has(.icon), .supermarket-compareList-remove:focus-visible span:has(.icon) { background-color: #2d2d2d; } } #facetedSearch-navList .categoryPage-searchInCategory-form { display: block; } @media (min-width: 801px) { .categoryPage-searchInCategory-form { padding: 0; } } @media (max-width: 800px) { .categoryPage-searchInCategory-form.noFaceted.noDesc { margin-right: 3.5625rem; margin-top: -2.8125rem; } .categoryPage-searchInCategory-form.noFaceted.noDesc .form-input, .categoryPage-searchInCategory-form.noFaceted.noDesc .button { height: 2.6875rem; } .categoryPage-searchInCategory-form.noFaceted.noDesc.loading .form-field::after { width: 1.8125rem; height: 1.8125rem; } .categoryPage-searchInCategory-form.noFaceted .form-field { border-radius: 0px; } } .categoryPage-searchInCategory-form .form-field { position: relative; display: flex; border: 1px solid #cccccc; background-color: white; margin-bottom: 0.75rem; } .categoryPage-searchInCategory-form .form-field:hover { border-color: #767676; } @media (min-width: 801px) { .categoryPage-searchInCategory-form .form-field { margin-bottom: 0; } } .categoryPage-searchInCategory-form .form-input { border: 0; } .categoryPage-searchInCategory-form .button { margin: 0; border: 0; white-space: nowrap; height: 3rem; color: #767676; background-color: transparent; } .categoryPage-searchInCategory-form .button:hover, .categoryPage-searchInCategory-form .button:focus { color: black; } .categoryPage-searchInCategory-form.loading .form-field::after { content: ""; display: block; height: 2rem; width: 2rem; position: absolute; top: 0.5rem; right: 0.5rem; background-image: url("../img/loading2.gif"); background-size: 100%; } .categoryPage-searchInCategory-form.loading .button { margin-right: 3rem; } #recently-viewed-dropdown { max-width: none; width: 350px; margin-top: 1rem; padding: 0 0.375rem; } #recently-viewed-dropdown.is-open::before { left: auto; right: 36px; } #recently-viewed-dropdown.is-open::after { left: auto; right: 38px; } #recently-viewed-dropdown ._heading { font-size: 1rem; padding: 0.75rem; margin: 0; } #recently-viewed-dropdown ._productList { list-style: none; margin: 0; max-height: calc(100vh - 80px); overflow: auto; -webkit-overflow-scrolling: touch; } #recently-viewed-dropdown ._productList .card { display: flex; align-items: flex-start; padding: 0.375rem; margin: 0; } #recently-viewed-dropdown ._productList .card-figure { flex-basis: 30%; margin: 0; position: relative; padding: 0.375rem; } #recently-viewed-dropdown ._productList .card-img-container { position: relative; overflow: hidden; } #recently-viewed-dropdown ._productList .card-body { flex-basis: 70%; padding: 0.375rem; text-align: inherit; grid-template-rows: none; } #recently-viewed-dropdown ._productList .card-body .price { font-size: 1rem; } #recently-viewed-dropdown ._productList .card-title { font-size: 14px; } #recently-viewed-dropdown ._productList .card-text--price { justify-content: flex-start; } #recently-viewed-dropdown ._productList-item + ._productList-item { border-top: 1px solid whitesmoke; } .card-figure.loading { position: relative; } .card-figure.loading::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .card-text--colorswatches { clear: both; font-size: 0; line-height: 1.6; min-height: 30px; } .card-text--colorswatches.loaded, .productSwatchesLoaded .card-text--colorswatches { background: none; } .productSwatches-swatches { margin: 0 auto; display: inline-flex; justify-content: flex-start; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .productSwatches-swatches::-webkit-scrollbar { display: none; } .productSwatches-swatches-item { margin: 1px; display: flex; border: 1px solid rgba(204, 204, 204, 0.3); padding: 1px; border-radius: 4px; } .productSwatches-swatches-item:focus, .productSwatches-swatches-item:hover { border-color: #cccccc; color: #767676; } .productSwatches-swatches-item.is-active { border-color: #767676; } .productSwatches-swatches-item .form-option-variant--color, .productSwatches-swatches-item .form-option-variant--pattern { width: 24px; height: 24px; padding: 0; background-size: contain; border-radius: 4px; } .card-figure:not(:hover):not(:focus):not(:active) .card-img-container--slider .productSwatches-image-optionChanged { left: 0; right: 0; opacity: 1; } .card-figure:not(:hover):not(:focus):not(:active) .card-img-container--slider .productSwatches-image-optionChanged ~ .card-image { opacity: 0; } .card:hover .card-img-container:not(.card-img-container--slider) .productSwatches-image-optionChanged ~ .card-image, .card:focus .card-img-container:not(.card-img-container--slider) .productSwatches-image-optionChanged ~ .card-image, .card:active .card-img-container:not(.card-img-container--slider) .productSwatches-image-optionChanged ~ .card-image { opacity: 0; } button.productSwatches-swatches-more, button.productSwatches-swatches-less { border: 0; background: none; color: #4f4f4f; height: auto; padding: 0; display: inline; font-size: 12px; margin-left: 0.375rem; white-space: nowrap; } button.productSwatches-swatches-more:hover, button.productSwatches-swatches-more:focus, button.productSwatches-swatches-less:hover, button.productSwatches-swatches-less:focus { text-decoration: underline; } .shipping-discount { width: 100%; max-width: 300px; min-width: 200px; padding: 10px 0; /* Content */ /* Preloader */ /* Track & Thumb */ /* Progress */ } .shipping-discount_content { display: none; flex-direction: column; } .shipping-discount_preloader { align-self: center; width: 80px; height: 80px; display: inline-block; overflow: hidden; background: transparent; } .shipping-discount_preloader-container { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(0.8); backface-visibility: hidden; transform-origin: 0 0; } .shipping-discount_preloader-circle { position: absolute; border-width: 1px; border-style: solid; opacity: 1; border-radius: 50%; animation: shopping-preloader-animation 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .shipping-discount_preloader-circle__1 { border-color: #0a0a0a; } .shipping-discount_preloader-circle__2 { border-color: #28292f; animation-delay: -.8s; } @keyframes shopping-preloader-animation { 0% { top: 49px; left: 49px; width: 0; height: 0; opacity: 1; } 100% { top: 9.5px; left: 9.5px; width: 79px; height: 79px; opacity: 0; } } .shipping-discount_track { width: 100%; height: 16px; background-color: #ededed; box-shadow: inset 0 0 15px -5px rgba(52, 52, 52, 0.46); margin: 20px 0; } .shipping-discount_track-fill { position: relative; width: 0%; height: 100%; background-image: linear-gradient(to right, rgba(255, 84, 45, 0.5), #B43030); } .shipping-discount_thumb { width: 50px; height: 50px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); right: -25px; display: flex; align-items: center; justify-content: center; background-color: #efefef; border: 1px solid #dddddd; } .shipping-discount_thumb-icon { width: 30px; height: 30px; } .shipping-discount_progress { width: 100%; position: relative; margin-top: 10px; margin-bottom: 25px; } .shipping-discount_progress-text { text-align: left; color: #343434; margin: 0; font-size: 14px; font-weight: 600; } .shipping-discount_progress-icon { display: block; width: 0; height: 0; border-style: solid; border-width: 0 7px 10px 7px; border-color: transparent transparent #343434 transparent; position: absolute; top: 50%; transform: translateY(-50%); right: -7px; } .shipping-discount__small { width: 170px; display: none; } .shipping-discount__small .shipping-discount_preloader { width: 50px; height: 50px; } .shipping-discount__small .shipping-discount_preloader .shipping-discount_preloader-container { transform: translateZ(0) scale(0.5); } .shipping-discount__small .shipping-discount_track { height: 8px; margin: 5px 0; } .shipping-discount__small .shipping-discount_thumb { width: 20px; height: 20px; right: -10px; } .shipping-discount__small .shipping-discount_thumb .shipping-discount_thumb-icon { width: 12px; height: 12px; } .shipping-discount__small .shipping-discount_progress { margin-top: 5px; margin-bottom: 0; } .shipping-discount__small .shipping-discount_progress-text { font-size: 10px; } .shipping-discount__small .shipping-discount_progress-icon { border-width: 0 5px 6px 5px; right: -5px; } .shipping-discount__small .shipping-discount_content { width: 170px; } @media (min-width: 801px) { .shipping-discount__small { display: flex; justify-content: center; vertical-align: middle; } } .header-logo { font-size: 0; margin: 0; text-align: center; } @media (min-width: 801px) { .header-logo { padding: 0; } .header.fixed .header-logo { background-color: #e8e8e8; margin: 0; padding: 0.375rem 0; position: absolute; top: 0; width: 100%; } } .header-logo > a { color: #666666; text-decoration: none; } .header-logo > a:hover { color: #888888; } .header-logo > a:active { color: #888888; } .header-logo-text { display: block; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: 0.125rem; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0.1875rem 0; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } @media (min-width: 551px) { .header-logo-text { font-size: 30px; padding-bottom: 0; padding-top: 0; } } @media (min-width: 801px) { .header-logo-text { display: inline; font-size: 36px; margin-left: 0; margin-right: -0.125rem; max-width: none; overflow: auto; white-space: normal; } .header.fixed .header-logo-text { font-size: 22px; } } .header-logo-image-container { position: relative; } @media (min-width: 801px) { .header-logo-image-container::after { padding-bottom: 19.52941%; content: ""; display: block; } } .header-logo-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 4rem; } @media (min-width: 801px) { .header-logo-image { max-height: none; } } .header-logo-image-unknown-size { max-height: 4rem; } @media (min-width: 801px) { .header-logo-image-unknown-size { max-height: none; } } .header-logo-text { letter-spacing: 0; font-weight: 400; margin: 0; } .page { margin: 0 -0.75rem; max-width: none; width: auto; } .page:before, .page:after { content: " "; display: table; } .page:after { clear: both; } .page-content, .page-content--full { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 801px) { .page-content--centered { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; margin-left: auto; margin-right: auto; float: none; } } .page-content--textCenter { text-align: center; } .page-sidebar { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; position: relative; } @media (min-width: 801px) { .page-sidebar { padding-left: 0.75rem; padding-right: 0.75rem; width: 25%; float: left; } .page-sidebar + .page-content { padding-left: 0.75rem; padding-right: 0.75rem; width: 75%; float: left; } } .footer-map { padding-top: 1.875rem; } @media (min-width: 801px) { .footer-map { padding-top: 3.75rem; } } .footer-map .footer-text { font-size: 14px; } .footer-map .footer-text:not(:last-child) { margin-bottom: 0.5rem; } .footer-map__col--info { width: 100%; flex-direction: column; } .footer-map__col--info .socialLinks--alt { margin-bottom: -0.75rem; } [data-content-region="footer_contact_left--global"] [data-sub-layout] > [data-placeholder] { padding: 7.5rem 19.375rem; } @media (max-width: 800px) { [data-content-region="footer_contact_left--global"] [data-sub-layout] > [data-placeholder] { padding: 7.5rem; } } [data-content-region="footer_contact_left--global"]:has([data-widget-id]) { width: 50%; } @media (max-width: 550px) { [data-content-region="footer_contact_left--global"]:has([data-widget-id]) { min-height: 19.375rem; aspect-ratio: 8/5; width: 100%; } } [data-content-region="footer_contact_left--global"]:has([data-widget-id]) div { height: 100%; } [data-content-region="footer_contact_left--global"]:has([data-widget-id]) [data-overlay-wrapper], [data-content-region="footer_contact_left--global"]:has([data-widget-id]) .bc-selected-display, [data-content-region="footer_contact_left--global"]:has([data-widget-id]) .bc-display-container { height: auto; } [data-content-region="footer_contact_left--global"]:has([data-widget-id]) + .footer-map__col--info { width: 50%; flex-direction: row; } @media (max-width: 550px) { [data-content-region="footer_contact_left--global"]:has([data-widget-id]) + .footer-map__col--info { padding: 0 1rem; padding-top: 1rem; padding-bottom: 2rem; flex-direction: column; width: 100%; } } @media (min-width: 801px) { [data-content-region="footer_contact_left--global"]:has([data-widget-id]) + .footer-map__col--info .socialLinks--alt { margin-bottom: -0.375rem; } } [data-content-region="footer_contact_left--global"]:has([data-widget-id]) + .footer-map__col--info .socialLinks .icon { padding: 0.5rem; margin-bottom: 0.375rem; margin-right: 0; } @media (max-width: 800px) { [data-content-region="footer_contact_left--global"]:has([data-widget-id]) + .footer-map__col--info .socialLinks .icon { padding: 0.375rem; margin-bottom: 0.75rem; margin-right: 0.75rem; } } @media (min-width: 801px) { [data-content-region="footer_contact_left--global"]:has([data-widget-id]) + .footer-map__col--info .socialLinks--alt { flex-direction: column; margin-top: 0; } } .footer-map--list { display: flex; border-radius: 4px; background-color: #fcfcfc; } .footer-map--list iframe { border-radius: 4px; } @media (max-width: 550px) { .footer-map--list { flex-direction: column; margin-left: -0.75rem; margin-right: -0.75rem; } } .footer-map--list:has(.footer-section--gMap) .footer-section--gMap { width: 50%; } .footer-map--list:has(.footer-section--gMap) .footer-section--gMap .footerGMap-map { width: 100%; height: 100%; overflow: hidden; } @media (min-width: 801px) { .footer-map--list:has(.footer-section--gMap) .footer-section--gMap .footerGMap-map { margin-left: 50%; transform: translateX(-50%); } } .footer-map--list:has(.footer-section--gMap) .footer-map__col--info { width: 50%; } @media (max-width: 550px) { .footer-map--list:has(.footer-section--gMap) .footer-section--gMap { width: 100%; } .footer-map--list:has(.footer-section--gMap) .footer-section--gMap .footerGMap-map { min-height: 22.5rem; } .footer-map--list:has(.footer-section--gMap) .footer-map__col--info { width: 100%; } } .footer-map__col--info { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 1.875rem; } @media (max-width: 800px) { .footer-map__col--info { flex-direction: column; } } .footer-map__col--info a { font-weight: 600; } .footer-map__col--info .__item { display: flex; column-gap: 0.75rem; margin-top: 1rem; } .footer-map__col--info .__item--icon .icon { width: 0.9375rem; height: 1.25rem; fill: black; } .footer-map__col--info .__item--info .text { font-weight: 400; font-size: 14px; color: black; margin-bottom: 0; } .footer-map__col--info .__item--info .text:not(:last-child) { margin-bottom: 0.375rem; } .footer-map__col--info .socialLinks--alt { margin-top: 1rem; } .footer-map__text { max-width: 80%; } @media (max-width: 800px) { .footer-map__text { max-width: 100%; } } .footer-map__text .footer-info-heading { margin-bottom: 0.1875rem; } .footer-map__social { width: fit-content; } @media (max-width: 800px) { .footer-map__social { margin-top: 1rem; width: 100%; } } .footer-info-list { list-style: none; margin-left: 0; } @media (max-width: 800px) { .footer-info--col { margin-bottom: 0.375rem; } .footer-info--col:last-child { margin-bottom: 0.1875rem; } .footer-info--col:last-child:has(.socialLinks--alt) { margin-bottom: 0; } } @media (max-width: 550px) { .footer-info--col:last-child { margin-bottom: 0.75rem; } } .footer-copyright { background: #1a1a1a; color: white; text-align: inherit; } @media (max-width: 800px) { .footer-copyright { width: 100%; } } .footer-copyright .powered-by { display: flex; align-items: center; } .footer-copyright .powered-by [data-content-region="footer_copyright--global"]:has([data-widget-id]) { border-left: 1px solid whitesmoke !important; text-align: right; } .footer-copyright .powered-by p { margin-bottom: 0; } .footer-copyright .powered-by ._col-powered-by { line-height: 2; } .footer-copyright, .footer-info-list li a { font-size: 14px; } .footer-payments { display: flex; flex-direction: column; justify-content: center; } @media (min-width: 801px) { .footer-payments { display: flex; gap: 0 1.5rem; max-width: 29.375rem; } } @media (min-width: 801px) { .footer-payments .footer-info-heading { margin-bottom: 0; } } .footer-payments .footer-payment-icons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; row-gap: 0.625rem; column-gap: 0.625rem; } .footer-payments .footer-payment-icons svg { width: 3.125rem; height: 2.1875rem; fill: white; } @media (max-width: 800px) { .footer-payments .footer-payment-icons { justify-content: center; } } .footer-info { padding-top: 1.875rem; } @media (min-width: 801px) { .footer-info { padding-top: 3.75rem; } } .footer-info article { padding-left: 0; padding-right: 0; } @media (min-width: 801px) { .footer-info article { padding-left: 0.75rem; padding-right: 0.75rem; } } @media (min-width: 1261px) { .footer-info article { margin-left: 0; margin-right: auto; } } .footer-info .socialLinks--alt { margin-bottom: 1.125rem; } @media (max-width: 800px) { .footer-info .socialLinks--alt { margin-top: 0.875rem; margin-bottom: 0.1875rem; } } .footer-info--list { display: flex; } @media (min-width: 801px) { .footer-info--list { margin-right: -0.75rem; margin-left: -0.75rem; } } .footer-info--list article { margin-bottom: 1.375rem; } .footer-info--list:has(article:nth-child(2)) { justify-content: flex-start; } @media (min-width: 801px) { .footer-info--list:has(article:nth-child(2)) { column-gap: 8.125rem; } } @media (min-width: 801px) { .footer-info--list:has(article:nth-child(2)) article { margin-right: unset; margin-left: unset; } } .footer-info--list:has(article:nth-child(3)) { justify-content: unset; column-gap: 0; } @media (min-width: 801px) { .footer-info--list:has(article:nth-child(3)) article { margin-left: 0; margin-right: auto; } } @media (min-width: 1261px) { .footer-info--list:has(article:nth-child(3)) article:last-child { margin-right: 0; } } @media screen and (max-width: 992px) { .footer-info--list { flex-wrap: wrap; } } @media (max-width: 800px) { .footer-info--list { flex-direction: column; } } .papathemes-brandCarousel-container { text-align: center; font-size: 1rem; } .papathemes-brandCarousel { margin-bottom: 0; } .papathemes-brandCarousel-slide { text-transform: uppercase; text-align: center; padding: 0 0.75rem; display: inline-block; } .papathemes-brandCarousel-slide a { font-size: 20px; text-decoration: none; display: block; white-space: nowrap; } .papathemes-brandCarousel-slide a:hover img, .papathemes-brandCarousel-slide a:focus img { opacity: 0.5; } .papathemes-brandCarousel-slide img { opacity: 1; margin: 0 auto; } .papathemes-brandCarousel-slide img.lazyload { height: 0; } .papathemes-brandCarousel .slick-track { margin: 0 auto; } .container { margin-left: auto; margin-right: auto; max-width: 99.75rem; padding: 0 1.5rem; position: relative; width: 100%; } @media (min-width: 1261px) { .container { padding: 0 6rem; } } .papathemes-section--alt .papathemes-section-inner, .container { margin-left: auto; margin-right: auto; max-width: 99.75rem; padding: 0 0.75rem; position: relative; width: 100%; } @media (min-width: 801px) { .papathemes-section--alt .papathemes-section-inner, .container { padding: 0 1.5rem; } } @media (min-width: 1261px) { .papathemes-section--alt .papathemes-section-inner, .container { padding: 0 3rem; } } .container .container { padding-left: 0; padding-right: 0; } .container-fluid { margin-left: auto; margin-right: auto; max-width: 99.75rem; padding: 0 0.75rem; position: relative; width: 100%; max-width: none; } @media (min-width: 801px) { .container-fluid { padding: 0 1.5rem; } } @media (min-width: 1261px) { .container-fluid { padding: 0 3rem; } } .blog { margin-bottom: 1.5rem; } @media (min-width: 801px) { .blog { margin: auto; width: 100%; } } .blog + .blog { border-top: 1px solid whitesmoke; margin-top: 3rem; padding-top: 3rem; } .blog .tags { margin-top: 3rem; text-align: center; } .blog .socialLinks { text-align: center; } .blog .addthis_toolbox { margin-top: 3rem; } .blog-title { font-size: 20px; margin: 0 1.5rem 0.375rem; } .blog-title a { text-decoration: none; } h1.blog-title { font-size: 24px; } .blog-date, .blog-author { color: #4f4f4f; text-align: center; } .blog-author { margin-bottom: 2.5rem; } .blog-post { font-size: 14px; text-align: left; } .blog-thumbnail { margin: 0 auto 2rem; position: relative; max-width: 1280px; } .blog-post-figure { display: block; margin: auto; text-align: center; } .blog-post-body { display: block; margin: 0 auto; text-align: center; width: 100%; } /** * ============================================================================ * Block: Blog Posts in Grid view * * - .papathemes-blogGrid: block blog in grid style * - .papathemes-blogGrid--featured: block blog which has a first post show bigger than others * * ============================================================================ */ .papathemes-blogGrid { list-style: none; margin-left: 0; margin: 0 -0.75rem; max-width: none; width: auto; font-size: 0; margin-bottom: 1.5rem; } .papathemes-blogGrid ul, .papathemes-blogGrid ol { list-style: none; margin-bottom: 0; } .papathemes-blogGrid:before, .papathemes-blogGrid:after { content: " "; display: table; } .papathemes-blogGrid:after { clear: both; } .papathemes-blogGrid .papathemes-blogItem { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: none; display: inline-block; font-size: 1rem; vertical-align: top; } @media (min-width: 551px) { .papathemes-blogGrid .papathemes-blogItem { width: 33.33333%; } } .papathemes-blogGrid .blog-post-figure { width: 100%; } .papathemes-blogGrid .blog-post-body { width: 100%; } .papathemes-blogGrid .blog-thumbnail img { object-fit: cover; font-family: "object-fit: cover"; } @media (min-width: 551px) { .papathemes-blogGrid--featured .papathemes-blogItem:first-child { width: 50%; float: left; } .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(2), .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(3) { width: 50%; } .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(2) .blog, .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(3) .blog { display: flex; align-items: flex-start; } .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(2) .blog-post-figure, .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(3) .blog-post-figure { flex: 1; margin: 0 1.5rem 0 0; } .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(2) .blog-post-figure .first-tag, .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(3) .blog-post-figure .first-tag { bottom: 3rem; } .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(2) .blog-post-body, .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(3) .blog-post-body { flex: 1; } .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(2) .blog-date, .papathemes-blogGrid--featured .papathemes-blogItem:nth-child(3) .blog-date { display: none; } } /** * ---------------------------------------------------------------------------- * - Blog page 2-columns layout & * - Blog page 2-columns layout has a first post show full width. * ---------------------------------------------------------------------------- */ @media (min-width: 551px) { .papathemes-blog--2col, .papathemes-blog--2col-featured { margin: 0 -0.75rem; max-width: none; width: auto; font-size: 0; margin-bottom: 1.5rem; } .papathemes-blog--2col:before, .papathemes-blog--2col:after, .papathemes-blog--2col-featured:before, .papathemes-blog--2col-featured:after { content: " "; display: table; } .papathemes-blog--2col:after, .papathemes-blog--2col-featured:after { clear: both; } .papathemes-blog--2col > *, .papathemes-blog--2col-featured > * { font-size: 1rem; } .papathemes-blog--2col .blog, .papathemes-blog--2col-featured .blog { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: none; display: inline-block; vertical-align: top; } .papathemes-blog--2col .blog:nth-child(2) { margin-top: 0; padding-top: 0; } .papathemes-blog--2col, .papathemes-blog--2col-featured { margin: 0 -0.75rem; max-width: none; width: auto; font-size: 0; margin-bottom: 1.5rem; } .papathemes-blog--2col:before, .papathemes-blog--2col:after, .papathemes-blog--2col-featured:before, .papathemes-blog--2col-featured:after { content: " "; display: table; } .papathemes-blog--2col:after, .papathemes-blog--2col-featured:after { clear: both; } .papathemes-blog--2col > *, .papathemes-blog--2col-featured > * { font-size: 1rem; } .papathemes-blog--2col .blog, .papathemes-blog--2col-featured .blog { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: none; display: inline-block; vertical-align: top; } .papathemes-blog--2col .blog:nth-child(2) { margin-top: 0; padding-top: 0; } .papathemes-blog--2col-featured .blog:first-child { display: block; width: 100%; } } /** * ============================================================================ * Common blog elements * ============================================================================ */ .blog-post-figure { position: relative; } .blog-post-figure .first-tag { position: absolute; bottom: 1.5rem; left: 0; } .blog-post-figure .first-tag a { display: block; padding: 0.375rem 1.5rem; background: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px; letter-spacing: 0.5px; text-decoration: none; } /** * Blog page which has Sidebar */ .page-sidebar + .page-content .blog-post-figure { width: 100%; } .blog-thumbnail { overflow: hidden; margin: 0 0 1.5rem; } .blog-thumbnail::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 75%; } .blog-thumbnail img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; object-fit: contain; font-family: "object-fit: contain"; object-position: center left; } .blog-post-body { text-align: left; } .page-sidebar + .page-content .blog-post-body { width: 100%; } .blog-title { margin: 0 0 1.5rem; } .blog-title a { color: inherit; } h1.blog-title { margin-top: 0; } .blog-post { font-size: 1rem; margin-bottom: 1.5rem; } .blog--has-tags .blog-post-body:before, .blog--has-tags .blog-post-body:after, .blog--has-socials .blog-post-body:before, .blog--has-socials .blog-post-body:after { content: " "; display: table; } .blog--has-tags .blog-post-body:after, .blog--has-socials .blog-post-body:after { clear: both; } .blog--has-tags .blog-post, .blog--has-socials .blog-post { border-bottom: 1px solid whitesmoke; padding-bottom: 1.5rem; } .blog-summary { margin: 0 0 1.5rem; } .blog-dateContainer { display: flex; justify-content: space-between; } .blog-readmore a { text-decoration: none; margin-top: 1.5rem; font-weight: 700; text-transform: uppercase; } .blog-date, .blog-author { font-size: 14px; color: #4f4f4f; text-align: right; } .blog-date-author { color: black; font-size: 1rem; font-weight: 600; } .blog-date-date { font-size: 1rem; color: #4f4f4f; font-weight: 500; } .blog-date-date::before { font-family: FontAwesome; content: "\f017"; font-size: 1rem; display: inline-block; padding-right: 0.375rem; } .blog-date-author { padding-left: 0.75rem; } .blog-date-author::before { font-family: FontAwesome; content: "\f2c0"; font-size: 1rem; display: inline-block; padding-right: 0.375rem; } .blog .tags { margin-bottom: 0; text-align: left; margin-top: 1.5rem; } .blog .addthis_toolbox { text-align: left; margin-top: 1.5rem; align-items: center; gap: 0.5rem; flex-wrap: wrap; flex-direction: row-reverse; display: flex; justify-content: flex-end; } .blog .addthis_toolbox .facebookRecommendBtn { margin-top: 0 !important; width: 120px; max-width: unset !important; } @media (min-width: 551px) { .blog .addthis_toolbox { text-align: right; justify-content: unset; } } .blog-post-footer { display: flex; justify-content: space-between; } @media (max-width: 550px) { .blog-post-footer { flex-direction: column; } } .blog .socialLinks { text-align: left; } @media (min-width: 551px) { .blog .socialLinks { text-align: right; } } .blog .socialLinks .icon { padding: 0.375rem; margin: 0; width: 2.5rem; height: 2.5rem; } .blog .socialLinks .socialLinks-item { margin: 0 0.1875rem 0 0; } /* fix wrong width of pinterest icon */ .addthis_toolbox a.at300b.addthis_button_pinterest { width: 2.25rem; } .addthis_toolbox a.at300b.addthis_button_pinterest .pin_it_iframe_widget { display: none; } .papathemes-blog-bottomSection { margin-top: 4.5rem; } .page-heading--blogGrid-footerList { font-size: 22px; text-align: left; text-transform: uppercase; margin: 0 0 1.5rem; } @media (min-width: 801px) { .papathemes-blogGrid--footerList { margin-bottom: 0; } } .papathemes-blogGrid--footerList .papathemes-blogItem { display: block; width: 100%; } .papathemes-blogGrid--footerList .papathemes-blogItem:last-child { margin-bottom: -1.5rem; } .papathemes-blogGrid--footerList .blog-thumbnail { height: 4.375rem; width: 4.375rem; margin: 0 1.5rem 1.5rem 0; } .papathemes-blogGrid--footerList .blog { display: flex; align-items: flex-start; } .papathemes-blogGrid--footerList .blog-post-figure { flex: 0; margin: 0; } .papathemes-blogGrid--footerList .blog-post-body { flex: 1; } .papathemes-blogGrid--footerList .blog-title { font-size: 1rem; margin-bottom: 0.75rem; } @media (min-width: 551px) { .sidebarBlock--blog .navList { display: flex; flex-wrap: wrap; } } @media (min-width: 801px) { .sidebarBlock--blog .navList { display: block; } } @media (min-width: 551px) { .sidebarBlock--blog .navList-item { width: 50%; } } @media (min-width: 801px) { .sidebarBlock--blog .navList-item { width: 100%; } } @media (min-width: 801px) { .sidebarBlock--blog .blog-post-figure { width: 100%; } } .sidebarBlock--blog .blog-thumbnail img { object-fit: cover; font-family: "object-fit: cover"; } @media (min-width: 551px) { .sidebarBlock--blog .blog-post-body { width: 100%; } } @media (min-width: 801px) { .sidebarBlock--blog .blog-dateContainer { display: block; } } .sidebarBlock--blog .blog-date, .sidebarBlock--blog .blog-author { display: none; } @media (min-width: 801px) { .sidebarBlock--blog .blog-date, .sidebarBlock--blog .blog-author { text-align: left; } } @media (min-width: 801px) { .sidebarBlock--blog .blog-readmore + .blog-date { margin-top: 1.5rem; } } .blog-post-popup._loading .modal__container { display: none; } .blog-post-popup._loading .loader { display: block; } .blog-post-popup:not(._loading) .loader { display: none; opacity: 1; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .blog-post-popup .loader { z-index: 50; width: 48px; height: 48px; border: 5px solid white; border-bottom-color: transparent; border-radius: 50%; display: block; box-sizing: border-box; animation: rotation 1s linear infinite; } .blog-post-popup .modal__overlay { z-index: 50; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; } .blog-post-popup .modal__container { background-color: #fff; margin: 0 auto; max-height: calc(100vh - 50px); max-width: calc(100vw - 50px); min-height: 240px; outline: 0; padding: 0; border-radius: 0px; box-shadow: 0 5px 15px 15px rgba(0, 0, 0, 0.25); } @media (min-width: 1261px) { .blog-post-popup .modal__container { width: 1280px; } } @media (max-width: 550px) { .blog-post-popup .modal__container { max-width: calc(100vw - 24px); } } .blog-post-popup .modal__close { border-top-right-radius: 4px; position: absolute; top: 0; right: 0; z-index: 1; color: black; height: 3.125rem; width: 3.125rem; padding: 0; margin-bottom: 0.375rem; } .blog-post-popup .modal__close:hover { color: #767676; } .blog-post-popup .modal__close::before { content: "\2715"; margin: 0 auto; font-size: 24px; font-weight: 700; } @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .blog-post-popup.micromodal-slide { display: none; } .blog-post-popup.micromodal-slide.is-open { display: block; position: relative; z-index: 50; } .blog-post-popup.micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .blog-post-popup.micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .blog-post-popup.micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .blog-post-popup.micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .blog-post-popup.micromodal-slide .modal__container, .blog-post-popup.micromodal-slide .modal__overlay { will-change: transform; } .has-previewCartOpened .blog-post-popup.micromodal-slide.is-open { z-index: 20; } #blogPostModal .modal-blogPost .modal-body:has(> [data-content-region="blog_post_content_right"] > div > div[data-sub-layout-container]) { display: grid; grid-template-columns: 3fr 2fr; grid-gap: 1.875rem; } @media (max-width: 1260px) { #blogPostModal .modal-blogPost .modal-body:has(> [data-content-region="blog_post_content_right"] > div > div[data-sub-layout-container]) { grid-template-columns: 1fr 1fr; } } @media (max-width: 800px) { #blogPostModal .modal-blogPost .modal-body:has(> [data-content-region="blog_post_content_right"] > div > div[data-sub-layout-container]) { padding-top: 0.75rem; display: flex; flex-direction: column; } } @media (max-width: 800px) { #blogPostModal .modal-blogPost .modal-body { padding-top: 0.75rem; } } #blogPostModal .modal-blogPost .blog { margin-bottom: 0; } #blogPostModal .modal-blogPost .blog-thumbnail { margin-bottom: 1rem; } #blogPostModal .modal-blogPost .blog-title { display: inline-block; font-size: 22px; margin-bottom: 1rem; color: black; text-decoration: unset; line-height: 1.35; font-weight: 600; } @media (max-width: 800px) { #blogPostModal .modal-blogPost .blog-title { font-size: 1.2rem; } } #blogPostModal .modal-blogPost .blog-title:hover { color: #767676; } #blogPostModal .modal-blogPost .blog-date { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; } #blogPostModal .modal-blogPost .blog-date-author { color: black; font-size: 1rem; font-weight: 600; padding-left: 0; } #blogPostModal .modal-blogPost .blog-date-author::before { display: none; } #blogPostModal .modal-blogPost .blog-date-date { font-size: 1rem; color: #4f4f4f; font-weight: 500; } #blogPostModal .modal-blogPost .blog-date-date::before { display: none; } #blogPostModal .modal-blogPost .blog-post { padding-bottom: 0; margin-bottom: 1rem; } #blogPostModal .modal-blogPost .blog-post-summary { margin-bottom: 1.5rem; } #blogPostModal .modal-blogPost .blog-post-more { display: inline-block; margin-bottom: 1rem; color: #767676; text-decoration: unset; padding: 0; cursor: pointer; } #blogPostModal .modal-blogPost .blog-post-more:hover { color: black; } #blogPostModal .modal-blogPost .blog-post-footer { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 550px) { #blogPostModal .modal-blogPost .blog-post-footer { flex-direction: row; } } #blogPostModal .modal-blogPost .addthis_toolbox { text-align: left; width: fit-content; margin-top: 0; } #blogPostModal .modal-blogPost .addthis_toolbox .socialLinks .icon { padding: 0.375rem; margin: 0; width: 2.5rem; height: 2.5rem; } #blogPostModal .modal-blogPost .addthis_toolbox .socialLinks .socialLinks-item { margin: 0 0.1875rem 0 0; } #blogPostModal .modal-blogPost .link-to .icon { width: 1.8rem; height: 1.8rem; fill: #767676; } #blogPostModal .modal-blogPost .link-to .icon:hover { fill: black; } .sidebarBlock + .sidebarBlock { margin-top: 1.5rem; } .sidebarBlock-heading { margin-top: 0; text-transform: inherit; } .brandGrid { list-style: none; margin-left: 0; margin: 0 -0.75rem; max-width: none; width: auto; font-size: 0; margin-bottom: 1.5rem; } .brandGrid ul, .brandGrid ol { list-style: none; margin-bottom: 0; } .brandGrid:before, .brandGrid:after { content: " "; display: table; } .brandGrid:after { clear: both; } .brandGrid .brand { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: none; display: inline-block; font-size: 1rem; vertical-align: top; } @media (min-width: 551px) { .brandGrid .brand { width: 33.33333%; } } @media (min-width: 801px) { .brandGrid .brand { width: 20%; } } .brandGrid .brand .card-title { text-align: center; } .brandGrid--newest { display: flex; flex-flow: row wrap; } .brand-image-container { position: relative; max-width: 300px; } .brand-image-container img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; object-fit: contain; object-position: center center; font-family: "object-fit: contain"; } .brand-image-container::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 33.33333%; } .brand .card-img-container { max-width: 223px; } .brand .card-img-container::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 44.84305%; } .productGrid { list-style: none; margin-left: 0; margin: 0 -0.75rem; max-width: none; width: auto; font-size: 0; margin-bottom: 1.5rem; } .productGrid ul, .productGrid ol { list-style: none; margin-bottom: 0; } .productGrid:before, .productGrid:after { content: " "; display: table; } .productGrid:after { clear: both; } .productGrid .product { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: none; display: inline-block; font-size: 1rem; vertical-align: top; } @media (min-width: 551px) { .productGrid .product { width: 33.33333%; } } @media (min-width: 801px) { .productGrid .product { width: 25%; } } @media (min-width: 551px) { .page-sidebar + .page-content .productGrid .product { width: 33.33333%; } } .productMasonry { column-count: 2; column-fill: auto; column-gap: 1.25rem; margin: 0 0 1.5rem; overflow: hidden; } @media (min-width: 551px) { .productMasonry { column-count: 3; } } @media (min-width: 801px) { .productMasonry { column-count: 4; } } .productMasonry .product { break-inside: avoid; page-break-inside: avoid; display: block; margin-bottom: 3rem; padding: 0; width: 100%; } .productMasonry .card { margin: 0; } @media (min-width: 801px) { .no-csscolumns .productGrid--maxCol8 .product { width: 12.5%; } } @media (min-width: 801px) { .csscolumns .productGrid--maxCol8 { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } .csscolumns .productGrid--maxCol8 .product { padding-left: 0.75rem; padding-right: 0.75rem; width: 12.5%; float: left; padding: 0; } } @media (min-width: 801px) { .no-csscolumns .productGrid--maxCol6 .product { width: 16.66667%; } } @media (min-width: 801px) { .csscolumns .productGrid--maxCol6 { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } .csscolumns .productGrid--maxCol6 .product { padding-left: 0.75rem; padding-right: 0.75rem; width: 16.66667%; float: left; padding: 0; } } @media (min-width: 801px) { .no-csscolumns .productGrid--maxCol3 .product { width: 33.33333%; } } @media (min-width: 801px) { .csscolumns .productGrid--maxCol3 { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; float: none; } .csscolumns .productGrid--maxCol3 .product { padding-left: 0.75rem; padding-right: 0.75rem; width: 33.33333%; float: none; padding: 0; } } @media (min-width: 801px) { .no-csscolumns .productGrid--maxCol4 .product { width: 25%; } } @media (min-width: 801px) { .csscolumns .productGrid--maxCol4 { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; float: none; } .csscolumns .productGrid--maxCol4 .product { padding-left: 0.75rem; padding-right: 0.75rem; width: 25%; float: none; padding: 0; } } .productGrid { display: flex; flex-wrap: wrap; align-items: stretch; margin-bottom: 3rem; } .productGrid::before, .productGrid::after { display: none; } .productGrid .product { flex: 0 1 50%; display: flex; flex-direction: column; align-items: stretch; padding-left: 0; padding-right: 0; } @media (min-width: 801px) { .productGrid .product { flex-basis: 25%; } } @media (min-width: 801px) and (max-width: 1260px) { .productGrid .product { flex-direction: unset; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .productGrid .product { display: block; } } .productCarousel .card, .productGrid .card { padding: 0.5rem; border: 1px solid whitesmoke; border-color: transparent; flex: 1; position: relative; width: 100%; } @media (max-width: 550px) { .productCarousel .card, .productGrid .card { padding: 0.25rem; } } @media (max-width: 800px) { .productCarousel .card._border, .productGrid .card._border { padding: 0.375rem; } } @media (min-width: 801px) { .productCarousel .card, .productGrid .card { padding: 0.75rem; } .productCarousel .card:hover .card-buttons, .productGrid .card:hover .card-buttons { visibility: visible; clip: auto; opacity: 1; padding-top: 0; z-index: 10; } } .dropdown--quickSearch .productCarousel .card, .dropdown--quickSearch .productGrid .card { background-color: #f7f7f7; } .productCarousel .card-buttons, .productGrid .card-buttons { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.75rem; display: none; } @media (min-width: 551px) { .productCarousel .card-buttons, .productGrid .card-buttons { display: flex; align-items: flex-start; } } @media (min-width: 801px) { .productCarousel .card-buttons, .productGrid .card-buttons { visibility: hidden; clip: rect(0, 0, 0, 0); opacity: 0; transition: opacity 0.5s ease; } } .productCarousel .card-buttons .card-figcaption-button, .productGrid .card-buttons .card-figcaption-button { flex: 1; font-size: 14px; letter-spacing: 0; } .productCarousel .card-buttons .card-figcaption-button:first-child, .productGrid .card-buttons .card-figcaption-button:first-child { margin-left: 0; } .productCarousel .card-buttons--alt, .productGrid .card-buttons--alt { position: absolute; bottom: 0.75rem; top: auto; left: 0; right: 0; width: auto; padding: 0; justify-content: center; visibility: hidden; clip: rect(0, 0, 0, 0); opacity: 0; transition: opacity 0.5s ease; } .card:hover .card-buttons--alt { visibility: visible; clip: auto; opacity: 1; } .productCarousel .card-buttons--alt .card-figcaption-button, .productGrid .card-buttons--alt .card-figcaption-button { flex: 0 1 auto; } .productGrid--responsiveCol .product { width: 50%; flex-basis: 50%; } @media (min-width: 551px) { .productGrid--responsiveCol .product { width: 33.33333%; flex-basis: 33.33333%; } } @media (min-width: 801px) { .productGrid--responsiveCol .product { width: 25%; flex-basis: 25%; } } @media (min-width: 551px) { .page-sidebar + .page-content .productGrid .product { width: 25%; } } @media (min-width: 801px) { .page-sidebar + .page-content .productGrid--maxCol5 .product { width: 20%; } } @media (min-width: 801px) { .page-sidebar + .page-content .productGrid--maxCol6 .product { width: 16.66667%; } } @media (min-width: 801px) { .page-sidebar + .page-content .productGrid--maxCol8 .product { width: 12.5%; } } @media (min-width: 801px) { .page-sidebar + .page-content .productGrid--maxCol3 .product { width: 33.33333%; } } @media (min-width: 801px) { .page-sidebar + .page-content .productGrid--maxCol2 .product { width: 50%; } } @media (min-width: 801px) { .no-csscolumns .mode-2 .productGrid .product, .no-csscolumns .productGrid--maxCol2 .product { width: 50%; flex-basis: 50%; } } @media (min-width: 801px) { .csscolumns .mode-2 .productGrid, .csscolumns .productGrid--maxCol2 { width: auto; padding: 0; float: none; } .csscolumns .mode-2 .productGrid .product, .csscolumns .productGrid--maxCol2 .product { width: 50%; flex-basis: 50%; } } .no-csscolumns .mode-3 .productGrid .product, .no-csscolumns .productGrid--maxCol3 .product { width: 50%; flex-basis: 50%; } @media (min-width: 1261px) { .no-csscolumns .mode-3 .productGrid .product, .no-csscolumns .productGrid--maxCol3 .product { width: 33.33333%; flex-basis: 33.33334%; } } .csscolumns .mode-3 .productGrid .product, .csscolumns .productGrid--maxCol3 .product { width: 50%; flex-basis: 50%; } @media (min-width: 1261px) { .csscolumns .mode-3 .productGrid, .csscolumns .productGrid--maxCol3 { width: auto; padding: 0; float: none; } .csscolumns .mode-3 .productGrid .product, .csscolumns .productGrid--maxCol3 .product { width: 33.33333%; flex-basis: 33.33334%; } } .no-csscolumns .mode-4 .productGrid .product, .no-csscolumns .productGrid--maxCol4 .product { flex-basis: 50%; } @media (min-width: 1261px) { .no-csscolumns .mode-4 .productGrid .product, .no-csscolumns .productGrid--maxCol4 .product { flex-basis: 25%; } } .csscolumns .mode-4 .productGrid .product, .csscolumns .productGrid--maxCol4 .product { flex-basis: 50%; } @media (min-width: 1261px) { .csscolumns .mode-4 .productGrid, .csscolumns .productGrid--maxCol4 { width: auto; padding: 0; float: none; } .csscolumns .mode-4 .productGrid .product, .csscolumns .productGrid--maxCol4 .product { flex-basis: 25%; } } .no-csscolumns .mode-5 .productGrid .product, .no-csscolumns .productGrid--maxCol5 .product { flex-basis: 50%; } @media (min-width: 1261px) { .no-csscolumns .mode-5 .productGrid .product, .no-csscolumns .productGrid--maxCol5 .product { width: 20%; flex-basis: 20%; } } .csscolumns .mode-5 .productGrid .product, .csscolumns .productGrid--maxCol5 .product { flex-basis: 50%; } @media (min-width: 1261px) { .csscolumns .mode-5 .productGrid, .csscolumns .productGrid--maxCol5 { width: auto; padding: 0; float: none; } .csscolumns .mode-5 .productGrid .product, .csscolumns .productGrid--maxCol5 .product { width: 20%; flex-basis: 20%; } } .no-csscolumns .mode-6 .productGrid .product, .no-csscolumns .productGrid--maxCol6 .product { flex-basis: 50%; } @media (min-width: 1261px) { .no-csscolumns .mode-6 .productGrid .product, .no-csscolumns .productGrid--maxCol6 .product { flex-basis: 16.66667%; } } .csscolumns .mode-6 .productGrid .product, .csscolumns .productGrid--maxCol6 .product { flex-basis: 50%; } @media (min-width: 1261px) { .csscolumns .mode-6 .productGrid, .csscolumns .productGrid--maxCol6 { padding: 0; width: auto; float: none; } .csscolumns .mode-6 .productGrid .product, .csscolumns .productGrid--maxCol6 .product { flex-basis: 16.66667%; } } @media (min-width: 801px) { .no-csscolumns .mode-8 .productGrid .product, .no-csscolumns .productGrid--maxCol8 .product { flex-basis: 12.5%; } } @media (min-width: 801px) { .csscolumns .mode-8 .productGrid, .csscolumns .productGrid--maxCol8 { padding: 0; width: auto; float: none; } .csscolumns .mode-8 .productGrid .product, .csscolumns .productGrid--maxCol8 .product { flex-basis: 12.5%; } } @media (max-width: 500px) { .no-csscolumns .mode-1 .productGrid .product { flex-basis: 100%; } } @media (max-width: 500px) { .csscolumns .mode-1 .productGrid { padding: 0; width: auto; float: none; } .csscolumns .mode-1 .productGrid .product { flex-basis: 100%; } } .mode-1 .productGrid .card-buttons .card-figcaption-button { max-width: none; } @media (max-width: 500px) { .no-csscolumns .mode-2 .productGrid .product { flex-basis: 50%; } } @media (max-width: 500px) { .csscolumns .mode-2 .productGrid { padding: 0; width: auto; float: none; } .csscolumns .mode-2 .productGrid .product { flex-basis: 50%; } } @media (max-width: 800px) and (min-width: 551px) { .no-csscolumns .mode-4 .productGrid .product { flex-basis: 25%; } } @media (max-width: 800px) and (min-width: 551px) { .csscolumns .mode-4 .productGrid { float: none; width: 100%; padding: 0 0.75rem; } } @media (max-width: 800px) and (min-width: 551px) { .no-csscolumns .mode-5 .productGrid .product { flex-basis: 20%; } } @media (max-width: 800px) and (min-width: 551px) { .csscolumns .mode-5 .productGrid { float: none; width: 100%; padding: 0 0.75rem; } } @media (max-width: 800px) { .card-figure .sale-flag-side + .sale-flag-side { margin-top: 0; } } .productList.productGrid { flex-direction: column; } .productList.productGrid .product { width: 100%; overflow: visible; } .productList.productGrid .product .card.card._border { display: flex; padding-left: 0; padding-right: 0; } .productList.productGrid .product .card-title > a { color: black; } .productList.productGrid .product .card-title > a:hover { color: #4f4f4f; } .productList.productGrid .product .card._border { background-color: transparent; border: unset; box-shadow: unset; width: 100%; margin: 0; padding-bottom: 0; } .productList.productGrid .product .card-body .card-text, .productList.productGrid .product .card-body .price { color: black; } .productList.productGrid .product .card-body { padding-left: 0.75rem; padding-top: 0; width: calc(65% - 12px); grid-template-rows: minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content); } .productList.productGrid .product .card-figure { border-radius: 4px; width: 35%; flex-shrink: 0; height: 100%; } .productList.productGrid .product .sale-flag-side._percent { margin: 0; padding: 0.5rem; } .productList.productGrid .product .card-footer { display: none; } .productList.productGrid .product .card-image { border-radius: 4px; } .productList.productGrid .product .card-figcaption-button.quickview { display: none; } .productList.productGrid .product + .product { margin-top: 0.75rem; } .productList.productGrid::-webkit-scrollbar { width: 0.375rem; } .productList.productGrid::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .productList.productGrid::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 0px; } @media (min-width: 801px) { .productGrid .card._border { width: calc(100% - 0.75rem); margin: 0.375rem; } .productGrid .card { padding: 0.75rem; } .productGrid .card-footer:not(._show) { left: 0.5rem; right: 0.5rem; } } @media (min-width: 801px) { .mode-bo .productGrid .card._hideBtn { padding-bottom: 0.75rem; } } @media (max-width: 1375px) and (min-width: 800px) { .mode-6 .card-buttons .card-figcaption-button, .mode-6 .productGrid .card-buttons .card-figcaption-button._compare2 { font-size: 0.625rem; } } .mode-6 .sale-flag-side { margin: 0; padding: 0.375rem 0.5rem; font-size: 0.625rem; } .mode-6 .sale-flag-side + .sale-flag-side { margin-top: 0; top: 2rem; } .mode-6 .sale-flag-side + .sale-flag-side + .sale-flag-side { top: 4rem; } .mode-6 .sale-flag-side + .sale-flag-side + .sale-flag-side + .sale-flag-side { top: 5.8rem; } @media (max-width: 800px) { .mode-bo .product-listing-form:has(.card._border) { margin-top: 0.5625rem; } } .productList { list-style: none; margin-left: 0; } .productList ul, .productList ol { list-style: none; margin-bottom: 0; } .productList .product + .product { margin-top: 4rem; } @media (min-width: 551px) { .listItem { margin: 0 -0.75rem; max-width: none; width: auto; display: table; } .listItem:before, .listItem:after { content: " "; display: table; } .listItem:after { clear: both; } } @media (min-width: 551px) { .listItem-figure, .listItem-body { display: table-cell; vertical-align: top; } } @media (min-width: 1261px) { .listItem-figure, .listItem-body { vertical-align: middle; } } .listItem-figure { margin: 0 0 1.5rem; } @media (min-width: 551px) { .listItem-figure { margin-bottom: 0; } } @media (min-width: 551px) and (min-width: 551px) { .listItem-figure { padding-left: 0.75rem; padding-right: 0.75rem; width: 25%; } } .listItem-image { width: 100%; } @media (min-width: 551px) { .listItem-body { padding-left: 1.25rem; padding-right: 0.75rem; width: 75%; } } @media (min-width: 1261px) { .listItem-content { display: table; } } @media (min-width: 1261px) { .listItem-details, .listItem-actions { display: table-cell; vertical-align: top; } } @media (min-width: 1261px) { .listItem-details { padding-right: 6rem; } .listItem-details > :last-child { margin-bottom: 0; } } .listItem-rating { margin-bottom: 0.375rem; } .listItem-brand { color: #a5a5a5; font-size: 1rem; margin: 0 0 0.1875rem; } @media (min-width: 801px) { .listItem-brand { font-size: 14px; margin-bottom: 0; } } .listItem-title { font-size: 14px; margin: 0 0 0.1875rem; } @media (min-width: 801px) { .listItem-title { font-size: 18px; } } .listItem-title > a { text-decoration: none; } .listItem-price { margin-bottom: 1rem; } @media (min-width: 801px) { .listItem-price { font-size: 18px; } } @media (min-width: 1261px) { .listItem-actions { vertical-align: middle; width: 22%; } .listItem-actions .button--compare { font-size: 14px; padding: 0.5625rem 1.5rem; } } .listItem-actions .button { margin-bottom: 0; } @media (min-width: 1261px) { .listItem-actions .button { width: 100%; } .listItem-actions .button + .button { margin: 0.75rem 0 0; } } @media (min-width: 1261px) { .page-sidebar + .page-content .productList .listItem-details { padding-right: 3rem; } } @media (min-width: 1261px) { .page-sidebar + .page-content .productList .listItem-actions { width: 30%; } } .productList { margin-bottom: 3rem; } @media (min-width: 551px) { .listItem { margin: 0; } } .listItem-figure { position: relative; } @media (min-width: 551px) { .listItem-figure { padding: 0 0.75rem; } } .listItem-body { text-align: center; } @media (min-width: 551px) { .listItem-body { text-align: inherit; padding: 0 0.75rem; } } .listItem-rating { margin-bottom: 0.375rem; } .listItem-brand { margin-bottom: 0.375rem; font-size: inherit; } .listItem-title { margin-bottom: 0.375rem; font-size: 1rem; } .listItem-title a { color: black; } .listItem-title a:hover { color: #666666; } .listItem-price { font-size: 18px; font-weight: 700; color: black; margin-bottom: 0.375rem; } .listItem-actions .button input { vertical-align: middle; } .sidebarBlock .productList, .productList--maxCol1, .productList--maxCol4 { margin: 0 -0.75rem; max-width: none; width: auto; font-size: 0; } .sidebarBlock .productList:before, .sidebarBlock .productList:after, .productList--maxCol1:before, .productList--maxCol1:after, .productList--maxCol4:before, .productList--maxCol4:after { content: " "; display: table; } .sidebarBlock .productList:after, .productList--maxCol1:after, .productList--maxCol4:after { clear: both; } .sidebarBlock .productList .product, .productList--maxCol1 .product, .productList--maxCol4 .product { padding-left: 0.75rem; padding-right: 0.75rem; width: 50%; float: none; display: inline-block; font-size: 1rem; vertical-align: top; overflow: visible; } @media (min-width: 551px) { .sidebarBlock .productList .product, .productList--maxCol1 .product, .productList--maxCol4 .product { padding: 0 0.75rem; } } .sidebarBlock .productList .product + .product, .productList--maxCol1 .product + .product, .productList--maxCol4 .product + .product { margin-top: 0; } @media (min-width: 801px) { .sidebarBlock .productList .product + .product, .productList--maxCol1 .product + .product, .productList--maxCol4 .product + .product { margin-top: 1.5rem; } } .sidebarBlock .productList .listItem, .productList--maxCol1 .listItem, .productList--maxCol4 .listItem { margin-bottom: 1.5rem; } @media (min-width: 551px) { .sidebarBlock .productList .listItem, .productList--maxCol1 .listItem, .productList--maxCol4 .listItem { margin-left: 0; margin-right: 0; } } @media (min-width: 801px) { .sidebarBlock .productList .listItem, .productList--maxCol1 .listItem, .productList--maxCol4 .listItem { position: relative; margin-bottom: 0; } .sidebarBlock .productList .listItem:hover .listItem-buttons, .productList--maxCol1 .listItem:hover .listItem-buttons, .productList--maxCol4 .listItem:hover .listItem-buttons { visibility: visible; clip: auto; opacity: 1; } } @media (min-width: 551px) { .sidebarBlock .productList .listItem-figure, .productList--maxCol1 .listItem-figure, .productList--maxCol4 .listItem-figure { width: 40%; } } @media (min-width: 551px) { .sidebarBlock .productList .listItem-body, .productList--maxCol1 .listItem-body, .productList--maxCol4 .listItem-body { width: 60%; } } @media (min-width: 801px) { .sidebarBlock .productList .listItem-body, .productList--maxCol1 .listItem-body, .productList--maxCol4 .listItem-body { position: relative; } } @media (min-width: 551px) { .sidebarBlock .productList .listItem-figure, .sidebarBlock .productList .listItem-body, .productList--maxCol1 .listItem-figure, .productList--maxCol1 .listItem-body, .productList--maxCol4 .listItem-figure, .productList--maxCol4 .listItem-body { padding: 0 0.75rem; } } @media (min-width: 1261px) { .sidebarBlock .productList .listItem-figure, .sidebarBlock .productList .listItem-body, .productList--maxCol1 .listItem-figure, .productList--maxCol1 .listItem-body, .productList--maxCol4 .listItem-figure, .productList--maxCol4 .listItem-body { vertical-align: top; } } @media (min-width: 1261px) { .sidebarBlock .productList .listItem-content, .productList--maxCol1 .listItem-content, .productList--maxCol4 .listItem-content { display: block; } } @media (min-width: 1261px) { .sidebarBlock .productList .listItem-details, .sidebarBlock .productList .listItem-actions, .productList--maxCol1 .listItem-details, .productList--maxCol1 .listItem-actions, .productList--maxCol4 .listItem-details, .productList--maxCol4 .listItem-actions { display: block; } } .sidebarBlock .productList .listItem-details, .productList--maxCol1 .listItem-details, .productList--maxCol4 .listItem-details { padding-right: 0; } .sidebarBlock .productList .listItem-actions, .productList--maxCol1 .listItem-actions, .productList--maxCol4 .listItem-actions { width: auto; } .sidebarBlock .productList .listItem-buttons, .productList--maxCol1 .listItem-buttons, .productList--maxCol4 .listItem-buttons { display: none; } @media (min-width: 551px) { .sidebarBlock .productList .listItem-buttons, .productList--maxCol1 .listItem-buttons, .productList--maxCol4 .listItem-buttons { display: flex; } } @media (min-width: 801px) { .sidebarBlock .productList .listItem-buttons, .productList--maxCol1 .listItem-buttons, .productList--maxCol4 .listItem-buttons { visibility: hidden; clip: rect(0, 0, 0, 0); opacity: 0; transition: opacity 0.5s ease; position: absolute; left: 0.75rem; bottom: -0.375rem; flex-wrap: wrap; background: #f7f7f7; } } .sidebarBlock .productList .listItem-buttons .button, .productList--maxCol1 .listItem-buttons .button, .productList--maxCol4 .listItem-buttons .button { flex: 0; margin-right: 0.375rem; } @media (min-width: 801px) { .sidebarBlock .productList .listItem-buttons .button, .productList--maxCol1 .listItem-buttons .button, .productList--maxCol4 .listItem-buttons .button { margin-bottom: 0.375rem; } } .sidebarBlock .productList .listItem-buttons .button:first-child, .productList--maxCol1 .listItem-buttons .button:first-child, .productList--maxCol4 .listItem-buttons .button:first-child { flex: 1; } .sidebarBlock .productList .listItem-buttons .button + .button, .productList--maxCol1 .listItem-buttons .button + .button, .productList--maxCol4 .listItem-buttons .button + .button { margin-top: 0; margin-left: 0; } @media (min-width: 801px) { .productList--maxCol4 .product { width: 25%; } } @media (min-width: 551px) { .productList--maxCol4 .product:nth-child(2n+1) { clear: both; } } @media (min-width: 801px) { .productList--maxCol4 .product:nth-child(2n+1) { clear: none; } } @media (min-width: 801px) { .productList--maxCol4 .product:nth-child(4n+1) { clear: both; } } @media (min-width: 801px) { .productList--maxCol1 .product, .sidebarBlock .productList .product { width: 100%; } .productList--maxCol1 .product:last-child .listItem, .sidebarBlock .productList .product:last-child .listItem { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } } @media (min-width: 801px) { .sidebarBlock .productList .product { padding: 0; } .sidebarBlock .productList .listItem-figure { padding-right: 0; } } @media (min-width: 1261px) { .page-sidebar + .page-content .productList--maxCol1 .listItem-details { padding-right: 0; } } @media (min-width: 1261px) { .page-sidebar + .page-content .productList--maxCol1 .listItem-actions { width: auto; } } .productView { margin: 0 -0.75rem; max-width: none; width: auto; margin-left: -1rem; margin-right: -1rem; } .productView:before, .productView:after { content: " "; display: table; } .productView:after { clear: both; } .modal .productView { padding-bottom: 0; padding-top: 0; } .productView--quickView .socialLinks-item--print { display: none; } .productView--quickView .productView-images { padding-right: 1rem; } .productView--quickView .productView-details { padding: 1.5rem 0.75rem; } .productView--quickView .productView-details:has(.form-wishlist) { padding-bottom: 0; } .productView--quickView .productView-descriptionWrapper .productView-description .tabs .container { padding: 0 0.75rem; } .productView--quickView .productView-descriptionWrapper .productView-description .tabs:has(.tab:nth-child(7)) { display: flex; flex-wrap: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; justify-content: flex-start; } .productView--quickView .productView-descriptionWrapper .productView-description .tabs:has(.tab:nth-child(7))::-webkit-scrollbar { display: none; } .productView--quickView .productView-descriptionWrapper .productView-description .tab-content { padding-left: 0.75rem; padding-right: 0.75rem; } .productView--quickView .productView-descriptionWrapper .productView-description .tab-content.is-active { justify-content: unset; display: block; } .productView--quickView .productView-descriptionWrapper .productView-description .tab-content--custom { padding-left: 0; padding-right: 0; } @media (max-width: 800px) { .productView--quickView .productView-descriptionWrapper .productView-description { margin-bottom: 4.5rem; } .productView--quickView .productView-descriptionWrapper .productView-description .tabs .container { padding: 0; } } .productView--quickView .productView-options .form-action--addToCart { margin-bottom: 0; } .productView-images { float: left; } @media (min-width: 801px) { .productView-images { width: 50%; padding: 0 1.875rem 0 0; } } .productView-details { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 801px) { .productView-details { width: 50%; } } .productView-description { clear: both; } .productView { margin: 0; } @media (max-width: 800px) { .productView .container { padding: 0; } } @media (max-width: 800px) { .productView--quickView { margin: 0 -0.75rem; } } .productView-detailsWrapper { margin-bottom: 1.5rem; } @media (min-width: 801px) { .productView-detailsWrapper { position: relative; } .productView-detailsWrapper:before, .productView-detailsWrapper:after { content: " "; display: table; } .productView-detailsWrapper:after { clear: both; } } @media (max-width: 800px) { .productView-detailsWrapper { padding-left: 0.75rem; padding-right: 0.75rem; } } .productView-beforeAlsoBought { display: flex; flex-direction: column; } @media (min-width: 801px) { .productView-beforeAlsoBought { display: inline; } } .productView-alsoBought-wrapper { margin-bottom: 1.5rem; } .productView-alsoBought-wrapper .productView-alsoBought-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.875rem; justify-content: flex-start; } @media (max-width: 800px) { .productView-alsoBought-wrapper .productView-alsoBought-list { padding: 0 0.75rem; grid-template-columns: repeat(1, 1fr); grid-gap: 1.5rem; } } .productView-alsoBought-wrapper .productView-alsoBought-heading ._heading { margin: 1.875rem 0; } @media (max-width: 800px) { .productView-alsoBought-wrapper .productView-alsoBought-heading { border-top: 5px solid whitesmoke; padding: 0 0.75rem; } .productView-alsoBought-wrapper .productView-alsoBought-heading ._heading { margin: 1rem 0; } } .productView-alsoBought-wrapper .productView-alsoBought-item { margin-top: 0; } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .form-field > .form-label { cursor: unset; display: flex; padding: 0; margin-bottom: 0; } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .form-field > .form-label::before, .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .form-field > .form-label::after { display: none; } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-label { margin-bottom: 0.5rem; } @media (min-width: 801px) { .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-label { margin-bottom: 1.25rem; } } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-label::before, .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-label::after { display: inline-block; } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-radio + .form-label { padding-left: 1.875rem; } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-checkbox + .form-label { cursor: pointer; column-gap: 0.625rem; } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-checkbox + .form-label::before { height: 1.5rem; width: 1.5rem; position: relative; display: inline-block; top: 0; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); background-color: white; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-checkbox + .form-label::after { width: 0.75rem; height: 0.4375rem; border-left: 3px solid black; border-bottom: 3px solid black; position: absolute; top: 45%; transform: translate(50%, -45%) rotate(311deg); left: 0; opacity: 0; visibility: hidden; background-image: unset; } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-checkbox:checked + .form-label::after { opacity: 1; visibility: visible; } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-field { margin-bottom: 0; } @media (min-width: 801px) { .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-field { margin-bottom: 0.75rem; } } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form .form-field--increments { margin-bottom: 0.375rem; } .productView-alsoBought-wrapper .productView-alsoBought-item .productView-alsoBought-item-check .productView-alsoBought-item-form input.form-file { width: 100%; } .productView-alsoBought-wrapper .productView-alsoBought-item-image { width: 100%; max-width: 33.33%; height: max-content; margin: 0; position: relative; } @media (min-width: 801px) { .productView-alsoBought-wrapper .productView-alsoBought-item-image { max-width: 50%; } } .productView-alsoBought-wrapper .productView-alsoBought-item-image .productView-alsoBought-item-image-thumbnail { display: block; position: relative; max-width: 400px; } .productView-alsoBought-wrapper .productView-alsoBought-item-image .productView-alsoBought-item-image-thumbnail img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 0; border-radius: 0; width: 100%; max-height: 100%; object-fit: contain; font-family: "object-fit: contain"; } .productView-alsoBought-wrapper .productView-alsoBought-item-image .productView-alsoBought-item-image-thumbnail::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } .productView-alsoBought-wrapper .productView-alsoBought-item-detail { display: flex; width: fit-content; margin-left: 0; margin-top: 0.5rem; font-size: 14px; color: black; font-weight: 500; } .productView-alsoBought-wrapper .productView-alsoBought-item-detail:hover, .productView-alsoBought-wrapper .productView-alsoBought-item-detail:focus-visible { color: #767676; } .productView-alsoBought-wrapper .productView-alsoBought-item-content { display: flex; flex-direction: column; gap: 0.5rem; padding-left: 1rem; margin-left: 0; max-width: 66.66%; width: 100%; } @media (min-width: 801px) { .productView-alsoBought-wrapper .productView-alsoBought-item-content { max-width: 50%; gap: 1.25rem 0; padding-left: 1.25rem; } } .productView-alsoBought-wrapper .productView-alsoBought-item-title { margin-right: 0; color: black; font-weight: 500; text-decoration: unset; font-size: 1rem; line-height: 1.5; } @media (max-width: 550px) { .productView-alsoBought-wrapper .productView-alsoBought-item-title { /* autoprefixer: off */ height: 3rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } } .productView-alsoBought-wrapper .productView-alsoBought-item-title:hover, .productView-alsoBought-wrapper .productView-alsoBought-item-title:focus-visible { color: #767676; } .productView-alsoBought-wrapper .productView-alsoBought-item-rating { width: fit-content; margin-bottom: 0; padding-top: 0; border-top: 0; } .productView-alsoBought-wrapper .productView-alsoBought-item-rating .rating--small .icon { width: 16px; height: 16px; } .productView-alsoBought-wrapper .productView-alsoBought-item-formToggle { display: flex; width: fit-content; } .productView-alsoBought-wrapper .productView-alsoBought-item-formToggle .button { padding: 0.75rem 1rem; width: fit-content; text-align: center; font-size: 14px; font-weight: 600; margin-bottom: 0; } .productView-alsoBought-wrapper .productView-alsoBought-item-form { border: unset; margin: 0; padding: 0; } .productView-alsoBought-wrapper .productView-alsoBought-item-form .form-label--alternate { display: block; padding: 0; } .productView-alsoBought-wrapper .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-label--alternate { gap: 0 0.375rem; } .productView-alsoBought-wrapper .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-label--alternate ._required { margin-top: 0; } .productView-alsoBought-wrapper .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-increment .form-input--incrementTotal { width: 76px; height: 42px; } .productView-alsoBought-wrapper .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-increment .button--icon { width: 40px; height: 42px; background-color: #eee; display: flex; justify-content: center; align-items: center; } .productView-alsoBought-wrapper .productView-alsoBought-item-form .papathemes-productView-optionsGrid .form-increment .button--icon::after { height: 100%; } .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product) { height: auto; } .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product) .form-increment { border: 1px solid rgba(0, 0, 0, 0.15); } .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product) .form-increment .form-input--incrementTotal { width: 76px; height: 42px; } .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product) .form-increment .button--icon { width: 40px; height: 42px; background-color: #eee; display: flex; justify-content: center; align-items: center; } .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product) .form-increment .button--icon::after { height: 100%; } .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product) .form-increment .button--icon svg { fill: #4f4f4f; } .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product) .form-increment .button--icon:hover svg, .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product) .form-increment .button--icon:active svg, .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product) .form-increment .button--icon:focus-visible svg { fill: #767676; } .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product):has(._purchasability) .form-increment { display: none; } .productView-alsoBought-wrapper .productView-alsoBought-item-form:has(._single-product):has(._purchasability) ._purchasability { border-color: transparent; pointer-events: none; line-height: 1.5; padding: 0.75rem 1rem; font-size: 14px; text-align: left; color: black; background-color: #eeeeee; } .productView-alsoBought-wrapper .productView-alsoBought-buttons { display: flex; justify-content: flex-end; align-items: center; column-gap: 1rem; margin: 1.875rem 0; justify-content: flex-end; } .productView-alsoBought-wrapper .productView-alsoBought-buttons:not(.show) .button[data-add-selected] { color: black; background-color: #eeeeee; pointer-events: none; border: 2px solid #eeeeee; } .productView-alsoBought-wrapper .productView-alsoBought-buttons:not(.show) .productView-alsoBought-total { display: none; } .productView-alsoBought-wrapper .productView-alsoBought-buttons.show .productView-alsoBought-total { display: block; padding: 1rem 4.5rem; border: 2px solid whitesmoke; border-radius: 4px; line-height: 1.5; } .productView-alsoBought-wrapper .productView-alsoBought-buttons.show .productView-alsoBought-total .price-section--withoutTax { color: #a5a5a5; font-weight: 600; font-size: 18px; } .productView-alsoBought-wrapper .productView-alsoBought-buttons.show .productView-alsoBought-total .price-section--withoutTax .price--withoutTax { font-size: 18px; } @media (max-width: 800px) { .productView-alsoBought-wrapper .productView-alsoBought-buttons.show .productView-alsoBought-total { padding: 1rem; text-align: center; } } .productView-alsoBought-wrapper .productView-alsoBought-buttons .button[data-add-selected] { min-height: unset; padding: 1rem 3.75rem; font-size: 18px; line-height: 1.5; } @media (max-width: 800px) { .productView-alsoBought-wrapper .productView-alsoBought-buttons { padding: 0 0.75rem; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; } .productView-alsoBought-wrapper .productView-alsoBought-buttons:not(.show) { display: flex; justify-content: flex-end; } .productView-alsoBought-wrapper .productView-alsoBought-buttons:not(.show) .button[data-add-selected] { width: calc(50% - 10px); } .productView-alsoBought-wrapper .productView-alsoBought-buttons .button[data-add-selected] { padding: 1rem; } .productView-alsoBought-wrapper .productView-alsoBought-buttons .productView-alsoBought-total { margin-top: 0; } } @keyframes shine { to { background-position-x: -200%; } } .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder { position: relative; } .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-filter { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(110deg, #fff0 8%, #ffffffa6 18%, #fff0 33%); background-size: 200% 100%; animation: 1.5s shine linear infinite; } .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-image-thumbnail, .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-detail, .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-title, .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-price, .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-rating, .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-formToggle { background: #eee; color: transparent; } .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-image-thumbnail a, .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-detail a, .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-title a, .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-price a, .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-rating a, .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-formToggle a { opacity: 0; } .productView-alsoBought-wrapper .productView-alsoBought-item-inner._placeholder._placeholder .productView-alsoBought-item-rating .rating--small { opacity: 0; } .productView-details { padding: 0; } .productView-images { position: relative; } @media (min-width: 801px) { .productView-images[data-sidebar-sticky] { position: sticky; top: 0; } } .productView-descriptionWrapper { display: inline; } .productView-descriptionWrapper .productView-rating .icon--ratingEmpty:first-child { display: block; } .productView-descriptionWrapper .productView-rating .icon--ratingEmpty:first-child ~ .icon { display: block; } .productView-descriptionWrapper .productView-rating .icon--ratingEmpty:first-child ~ .productView-reviewLink { display: block; } @media (max-width: 550px) { .productView-descriptionWrapper .productView-rating { padding: 0; align-items: center; } .productView-descriptionWrapper .productView-rating .icon--ratingEmpty:first-child ~ .productView-reviewLink { margin: 0; } } @media (max-width: 550px) { .productView-descriptionWrapper .productView-rating { border: 0; margin: 0; } } @media (max-width: 550px) { .productView-descriptionWrapper .productView-rating:has(.icon--ratingFull) { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 1.5rem; } } .productView-descriptionWrapper .productView-rating:has(.icon--ratingFull):last-child { margin-left: 0; } .productView-descriptionWrapper .productView-description { position: relative; } .productView-descriptionWrapper .productView-description .tab-content { background-color: white; border-radius: 0px; margin-left: auto; margin-right: auto; padding: 1.5rem 0; } @media (max-width: 550px) { .productView-descriptionWrapper .productView-description .tab-content .productView-description-tabHeading { display: block; margin-bottom: 0; border-bottom: 1px solid whitesmoke; border-radius: 0; width: 100%; text-align: left; position: relative; padding: 0.75rem; color: black; font-weight: 700; font-size: 1rem; text-decoration: unset; cursor: pointer; } .productView-descriptionWrapper .productView-description .tab-content .productView-description-tabHeading .icon { display: block; content: ""; width: 13px; height: 13px; position: absolute; top: 50%; right: 0.75rem; transform: translateY(-50%); border-bottom: 0; transition: all 0.2s ease-in; fill: rgba(0, 0, 0, 0.5); } .productView-descriptionWrapper .productView-description .tab-content .productView-description-tabHeading.is-open { background-color: #e5e5e5; } .productView-descriptionWrapper .productView-description .tab-content .productView-description-tabHeading.is-open .icon { transform: translateY(-50%) rotate(90deg); transition: all 0.2s ease-in; } .productView-descriptionWrapper .productView-description .tab-content .productView-description-tabHeading:focus-visible { outline-offset: -2px !important; } } @media (min-width: 551px) { .productView-descriptionWrapper .productView-description .tab-content .productView-description-tabHeading { display: none; } } @media (max-width: 550px) { .productView-descriptionWrapper .productView-description .tab-content .productView-description-tabContent { display: none; padding: 0.75rem; } .productView-descriptionWrapper .productView-description .tab-content .productView-description-tabContent.is-open { display: block; } } .productView-descriptionWrapper .productView-description .tab-content.is-active { display: flex; justify-content: center; margin-left: auto; margin-right: auto; } .productView-descriptionWrapper .productView-description .tab-title { color: black; font-weight: 700; font-size: 18px; } .productView-descriptionWrapper .productView-description .tab-title:hover, .productView-descriptionWrapper .productView-description .tab-title:focus-visible { color: #767676; } .productView-descriptionWrapper .productView-description .tab-title .icon { display: none; } .productView-descriptionWrapper .productView-description .is-active.tab .tab-title::after { content: ""; width: 100%; height: 2px; border-bottom: 3px solid #888888; transform: translateY(-50%); position: absolute; bottom: 0; left: 0; z-index: 1; } .productView-descriptionWrapper .productView-description .tabs { border-bottom: unset; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #e5e5e5; } .productView-descriptionWrapper .productView-description .tabs .tab { margin-bottom: 0; border: 0; } .productView-descriptionWrapper .productView-description .tabs .tab::before { content: ""; display: none; width: 100%; height: 0.75rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-right: 1px solid rgba(255, 255, 255, 0.15); z-index: -1; } .productView-descriptionWrapper .productView-description .tabs .tab:last-child::before { border-right: unset; } @media (min-width: 801px) and (max-width: 1260px) { .productView-descriptionWrapper .productView-description .tabs .container { flex-wrap: initial; overflow: auto; -webkit-overflow-scrolling: touch; justify-content: start; display: flex; } .productView-descriptionWrapper .productView-description .tabs .container::-webkit-scrollbar { display: none; } } @media (min-width: 551px) { .productView-descriptionWrapper .productView-description .tabs .tab .tab-content { display: none; } .productView-descriptionWrapper .productView-description .tabs .tab .tab-title:focus-visible { outline-offset: -2px !important; } } @media (min-width: 551px) and (max-width: 800px) { .productView-descriptionWrapper .productView-description .tabs .container { display: flex; flex-wrap: initial; overflow: auto; -webkit-overflow-scrolling: touch; justify-content: start; } .productView-descriptionWrapper .productView-description .tabs .container::-webkit-scrollbar { display: none; } .productView-descriptionWrapper .productView-description .tabs .tab-title { padding: 0.75rem 0; } .productView-descriptionWrapper .productView-description .tabs .tab { margin: 0 0.75rem; } .productView-descriptionWrapper .productView-description .tabs .tab::before { display: block; } .productView-descriptionWrapper .productView-description .tabs .tab .tab-content { display: none; } .productView-descriptionWrapper .productView-description .tab-content { display: none; padding: 0.75rem; } } @media (max-width: 550px) { .productView-descriptionWrapper .productView-description { padding-left: 0; padding-right: 0; } .productView-descriptionWrapper .productView-description .tab-content { display: block; padding: 1.5rem; padding: 0; } .productView-descriptionWrapper .productView-description .tab-content .productView-rating .productView-reviewLink { display: inline-block; text-align: center; line-height: 1.75rem; } .productView-descriptionWrapper .productView-description .tabs { display: none; } } .productView-productTabs { padding: 0; } @media (min-width: 801px) { .productView-productTabs { padding: 0; } } .sale-flag-star, .sale-flag-star::before, .sale-flag-star::after { background: #19aa9d; content: ""; display: block; height: 3.125rem; left: 0; overflow: visible; position: absolute; top: 0; transform: scaleX(1) scaleY(1) scaleZ(1); transform-origin: 50% 50% 0; width: 3.125rem; z-index: 10; } .sale-flag-star::before { transform: rotateZ(30deg) scaleX(1) scaleY(1) scaleZ(1); } .sale-flag-star::after { transform: rotateZ(60deg) scaleX(1) scaleY(1) scaleZ(1); } .starwrap { height: 3.125rem; position: absolute; top: 10px; width: 3.125rem; } .sale-text-burst { color: white; font-weight: 600; line-height: 0.9375rem; position: absolute; text-align: center; top: 20%; width: 3.125rem; z-index: 10; } .sale-flag-side { background: #19aa9d; border-radius: 2px; color: white; position: absolute; padding: 0.5rem 0.75rem; z-index: 5; text-transform: uppercase; line-height: 1.25; font-size: 12px; font-weight: 700; } .sale-flag-side.sale-flag-side--outstock { background-color: black; } .sale-flag-sash { background: #19aa9d; color: white; font-size: 12px; font-weight: 700; height: 1.25rem; line-height: 1rem; padding-top: 0.09375rem; position: absolute; text-align: center; top: 25px; transform: rotate(-45deg); width: 7.4375rem; z-index: 10; } .product { overflow: hidden; } .sale-flag-side { font-weight: 700; margin: 0; right: 0; font-size: 12px; width: fit-content; height: fit-content; padding: 0.375rem; background-color: #19aa9d; } @media (min-width: 801px) { .sale-flag-side { font-size: 12px; top: 0; } .sale-flag-side + .sale-flag-side { top: 2.25rem; } .sale-flag-side + .sale-flag-side + .sale-flag-side { top: 4.5rem; } .sale-flag-side + .sale-flag-side + .sale-flag-side + .sale-flag-side { top: 6.75rem; } } @media (max-width: 800px) { .sale-flag-side { padding: 0.375rem 0.375rem; font-size: 12px; top: 0; } .sale-flag-side + .sale-flag-side { top: 2rem; } .sale-flag-side + .sale-flag-side + .sale-flag-side { top: 4rem; } .sale-flag-side + .sale-flag-side + .sale-flag-side + .sale-flag-side { top: 6rem; } } .sale-flag-side::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 3px; background: rgba(0, 0, 0, 0.2); } .sale-flag-side .sale-text span { font-size: 12px; vertical-align: auto; margin-left: 0.1875rem; } .sale-flag-side--custom { background-color: #1da1f2; color: white; } .product:hover .sale-flag-side--custom { background-color: #1da1f2; } .sale-flag-star, .sale-flag-star::before, .sale-flag-star::after { left: auto; right: 0; } .starwrap { right: 1.625rem; } .sale-text-burst { font-size: 12px; } .sale-flag-sash { transform: unset; right: 0; top: 0; width: fit-content; height: fit-content; padding: 0.375rem; border-top-left-radius: 0; border-end-end-radius: 0; text-transform: uppercase; } .sale-flag-sash::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 3px; background: rgba(0, 0, 0, 0.2); } [data-product-attribute] .form-option.form-option-swatch { overflow: visible; } .form-option-variant--color, .form-option-variant--pattern { height: 50px; width: 50px; } .form-option-expanded { background-color: white; border: 1px solid #767676; left: calc(100% + 55px); opacity: 0; padding: 3px; position: absolute; top: calc(100% + 5px); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); visibility: hidden; } .form-option:hover .form-option-expanded { opacity: 1; transform: translate(-50%, 0); visibility: visible; z-index: 5000; } .form-option-image { background-position: 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 100px; width: 100px; } .form-option-expanded { display: none; } @media (min-width: 801px) { .form-option-expanded { display: block; } } @media (max-width: 800px) { .card-figcaption { opacity: 1; height: auto; position: static; } .card-img-container { position: relative; } .productCarousel .card-buttons, .productGrid .card-buttons { display: flex; position: static; opacity: 1; clip: auto; transform: none; padding: 0.375rem 0 0; } .productCarousel .card-buttons .card-figcaption-button::before, .productGrid .card-buttons .card-figcaption-button::before { display: none; } .productCarousel .card-buttons--alt, .productGrid .card-buttons--alt { display: none; } .mode-1 .card-figcaption { display: none; } .productList .listItem-buttons, .sidebarBlock .productList .listItem-buttons { display: flex; } } .papathemes-categoryPage-mainImage { position: relative; max-width: 1500px; } .papathemes-categoryPage-mainImage img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; object-fit: contain; object-position: left top; font-family: "object-fit: contain"; } .papathemes-categoryPage-mainImage::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 25%; } .account { margin-bottom: 1.5rem; } @media (min-width: 801px) { .account--fixed { margin: 0 auto; width: 66.66667%; } } @media (min-width: 801px) { .account--fixedSmall { margin: 0 auto; width: 50%; } } @media (min-width: 801px) { .account--fixedLarge { margin: 0 auto; width: 75%; } } .account-head { margin-bottom: 3rem; text-align: center; } .account-head .alertBox { padding-left: 3rem; padding-right: 3rem; text-align: left; } .account-body { margin: 0 -0.75rem; max-width: none; width: auto; } .account-body:before, .account-body:after { content: " "; display: table; } .account-body:after { clear: both; } .account-content { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 801px) { .account-content--fixed { width: 66.66667%; } } @media (min-width: 801px) { .account-content--fixedSmall { width: 50%; } } .account-sidebar { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media (min-width: 801px) { .account-sidebar { width: 33.33333%; } .account-content--fixedSmall + .account-sidebar { float: right; } } .container .account { padding: 0; margin-top: 1rem; } .container .account .form-field { margin-bottom: 1.5rem; } .container .account .account-body { margin: 0; } @media (min-width: 801px) { .container .account .productGrid .product { flex-basis: 20%; } } @media (max-width: 550px) { .container .account .form-field { margin-bottom: 1rem; } } @media (min-width: 801px) { .account--fixed { width: 80%; } } @media (min-width: 1261px) { .account--fixed { width: 60%; } } @media (min-width: 801px) { .page-sidebar--advancedSearch { width: 25%; } .page-sidebar--advancedSearch + .page-content { width: 75%; } } .page-sidebar--advancedSearch .sidebarBlock-heading { position: relative; } .page-sidebar--advancedSearch .sidebarBlock-heading::after { font-family: FontAwesome; content: "\f105"; position: absolute; top: 0.75rem; right: 1.5rem; } @media (min-width: 801px) { .page-sidebar--advancedSearch .sidebarBlock-heading::after { display: none; } } .page-sidebar--advancedSearch .sidebarBlock-heading.is-open::after { content: "\f107"; } @media (max-width: 800px) { .page-sidebar--advancedSearch ~ .page-content #product-listing-container._fullwidth .papathemes-productsFilter ._filters-toggle { display: block; } } /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix::after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI Slider 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/slider/#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.125em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; top: -0.6rem; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 50%; height: 2px; background: #767676; transform: translateY(-50%); } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold; } .ui-widget-header a { color: #333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #666666; background: #2d2d2d; font-weight: normal; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #666666; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("../img/vendor/jquery-ui/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("../img/vendor/jquery-ui/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("../img/vendor/jquery-ui/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("../img/vendor/jquery-ui/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("../img/vendor/jquery-ui/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("../img/vendor/jquery-ui/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("../img/vendor/jquery-ui/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaa; opacity: 0.3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } @media (min-width: 801px) { div.beautify__customerReviews ._list .slick-prev, .productView-imageCarousel-nav .slick-prev, .productCarousel .slick-prev { left: 0.375rem; } div.beautify__customerReviews ._list .slick-next, .productView-imageCarousel-nav .slick-next, .productCarousel .slick-next { right: 0.1875rem; } } @media (min-width: 1261px) { div.beautify__customerReviews ._list .slick-prev, .productView-imageCarousel-nav .slick-prev, .productCarousel .slick-prev { left: -2rem; } div.beautify__customerReviews ._list .slick-next, .productView-imageCarousel-nav .slick-next, .productCarousel .slick-next { right: -2rem; } } @media (min-width: 1750px) { div.beautify__customerReviews ._list .slick-prev, .productView-imageCarousel-nav .slick-prev, .productCarousel .slick-prev { left: -3.5rem; } div.beautify__customerReviews ._list .slick-next, .productView-imageCarousel-nav .slick-next, .productCarousel .slick-next { right: -3.5rem; } } @media (max-width: 550px) { .u-hideMobile { display: none !important; } } @media (min-width: 551px) and (max-width: 800px) { .u-hideTablet { display: none !important; } } @media (min-width: 801px) { .u-hideDesktop { display: none !important; } } .icon { fill: #767676; } a:hover .icon { fill: #4f4f4f; } [role=button] { cursor: pointer; } [role=button]:active, [role=button]:hover { outline: none; } .button { transition: none; } .button--primary .icon { height: 1.25rem; width: 1.25rem; fill: white; margin-right: 0.5rem; vertical-align: text-bottom; } .button--primary:hover .icon, .button--primary:focus .icon { fill: whitesmoke; } .button--primary:active .icon { fill: whitesmoke; } .button--light { background-color: #2d2d2d; border-color: #2d2d2d; color: white; color: white; background-color: #f7f7f7; border-color: #f7f7f7; } .button--light:hover, .button--light:focus, .button--light.is-active, .button--light.active { background-color: #666666; border-color: #666666; color: whitesmoke; } .button--light:active { background-color: #666666; border: 2px solid #666666; color: whitesmoke; } .button--light:hover, .button--light:focus, .button--light:active { color: whitesmoke; background-color: black; border-color: black; } .button--dark { background-color: #2d2d2d; border-color: #2d2d2d; color: white; color: white; background-color: #888888; border-color: #888888; } .button--dark:hover, .button--dark:focus, .button--dark.is-active, .button--dark.active { background-color: #666666; border-color: #666666; color: whitesmoke; } .button--dark:active { background-color: #666666; border: 2px solid #666666; color: whitesmoke; } .button--dark:hover, .button--dark:focus, .button--dark:active { color: whitesmoke; background-color: black; border-color: black; } .button--black { background-color: #2d2d2d; border-color: #2d2d2d; color: white; color: white; background-color: black; border-color: black; } .button--black:hover, .button--black:focus, .button--black.is-active, .button--black.active { background-color: #666666; border-color: #666666; color: whitesmoke; } .button--black:active { background-color: #666666; border: 2px solid #666666; color: whitesmoke; } .button--black:hover, .button--black:focus, .button--black:active { color: whitesmoke; background-color: #767676; border-color: #767676; } .button--white { background-color: #2d2d2d; border-color: #2d2d2d; color: white; color: black; background-color: white; border-color: white; } .button--white:hover, .button--white:focus, .button--white.is-active, .button--white.active { background-color: #666666; border-color: #666666; color: whitesmoke; } .button--white:active { background-color: #666666; border: 2px solid #666666; color: whitesmoke; } .button--white:hover, .button--white:focus, .button--white:active { color: #2d2d2d; background-color: #767676; border-color: #767676; } .button--outline { color: #767676; background-color: transparent; border-color: #767676; } .button--outline:hover, .button--outline:focus, .button--outline:active { color: black; background-color: transparent; border-color: black; } .button--plain { color: #767676; background-color: transparent; border-color: transparent; } .button--plain:hover, .button--plain:focus, .button--plain:active { color: black; background-color: transparent; border-color: transparent; } .button--link { color: #767676; text-decoration: underline; text-underline-position: under; background-color: transparent; border-color: transparent; border: 0; } .button--link:hover, .button--link:focus, .button--link:active { color: black; background-color: transparent; border-color: transparent; } .button--block { display: block; } .button--outstock { background-color: #a5a5a5; } .button--outstock:hover, .button--outstock:focus, .button--outstock:active { background-color: #a5a5a5; } .form-increment { border: 0; } .form-increment .button[data-action=dec], .form-increment .button[data-action=inc] { border: 0; height: 45px; background-color: #e8e8e8; } .form-increment .button[data-action=dec]:hover, .form-increment .button[data-action=dec]:active, .form-increment .button[data-action=inc]:hover, .form-increment .button[data-action=inc]:active { background-color: #dfdfdf; } .form-increment .button[data-action=dec]:focus, .form-increment .button[data-action=inc]:focus { outline-offset: -2px !important; } .form-increment .button[data-action=dec] { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .form-increment .button[data-action=inc] { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .form-increment .form-input--incrementTotal { width: 3.75rem; height: 2.5rem; padding-left: 0; padding-right: 0; border-radius: 0; outline-offset: -2px !important; font-weight: 400; } .sticky-header-loaded.show { position: fixed; top: 0; } .alertBox-message p:last-child { margin-bottom: 0; } .beautify__spacer { border: 0; margin: 0; } @media (max-width: 800px) { .beautify__spacer { padding-bottom: 3rem; } } @media (min-width: 801px) { .beautify__spacer { padding-bottom: 4.5rem; } } .form-minMaxRow { display: flex; margin: 0; } .form-minMaxRow .form-field { padding: 0; position: relative; } .form-minMaxRow .form-field--input { display: flex; align-items: center; border: 1px solid #cccccc; border-radius: 0px; margin-right: 0.75rem; } .form-minMaxRow .form-field--input .form-input { border: 0; padding: 0 1.125rem; display: inline-block; text-align: center; } .form-minMaxRow ._currency { font-size: 12px; position: absolute; right: 0.5rem; } .form-label ._required { color: #ff7d7d; font-size: inherit; margin-left: 0; } .form-field--date .form-row--third .form-field { width: 33.3333%; } .form-field--date .form-row--third .form-select { padding-right: 2.25rem; } .jstree { font-size: 14px; } .list-unstyled { list-style: none; margin-left: 0; margin: 0; padding: 0; } .list-unstyled ul, .list-unstyled ol { list-style: none; margin-bottom: 0; } .list-unstyled li { margin: 0; padding: 0; } .list-icon { list-style: none; margin-left: 0; margin: 0; padding: 0; } .list-icon ul, .list-icon ol { list-style: none; margin-bottom: 0; } .list-icon li { margin: 0; padding: 0; } .list-icon li { margin-bottom: 0.375rem; } .li-icon { min-width: 30px; display: inline-block; } @keyframes shadowPulse { 0% { box-shadow: 0 0 10px 0 #4496f6; } 100% { box-shadow: 0 0 5px 0 rgba(68, 150, 246, 0); } } .mb-quarter { margin-bottom: 0.375rem !important; } @media (max-width: 550px) { .mb-quarter-m { margin-bottom: 0.375rem !important; } } @media (min-width: 551px) and (max-width: 800px) { .mb-quarter-t { margin-bottom: 0.375rem !important; } } @media (min-width: 801px) { .mb-quarter-d { margin-bottom: 0.375rem !important; } } .mb-third { margin-bottom: 0.5rem !important; } @media (max-width: 550px) { .mb-third-m { margin-bottom: 0.5rem !important; } } @media (min-width: 551px) and (max-width: 800px) { .mb-third-t { margin-bottom: 0.5rem !important; } } @media (min-width: 801px) { .mb-third-d { margin-bottom: 0.5rem !important; } } .mb-half { margin-bottom: 0.75rem !important; } @media (max-width: 550px) { .mb-half-m { margin-bottom: 0.75rem !important; } } @media (min-width: 551px) and (max-width: 800px) { .mb-half-t { margin-bottom: 0.75rem !important; } } @media (min-width: 801px) { .mb-half-d { margin-bottom: 0.75rem !important; } } .mb-base { margin-bottom: 1rem !important; } @media (max-width: 550px) { .mb-base-m { margin-bottom: 1rem !important; } } @media (min-width: 551px) and (max-width: 800px) { .mb-base-t { margin-bottom: 1rem !important; } } @media (min-width: 801px) { .mb-base-d { margin-bottom: 1rem !important; } } .mb-single { margin-bottom: 1.5rem !important; } @media (max-width: 550px) { .mb-single-m { margin-bottom: 1.5rem !important; } } @media (min-width: 551px) and (max-width: 800px) { .mb-single-t { margin-bottom: 1.5rem !important; } } @media (min-width: 801px) { .mb-single-d { margin-bottom: 1.5rem !important; } } .mb-double { margin-bottom: 3rem !important; } @media (max-width: 550px) { .mb-double-m { margin-bottom: 3rem !important; } } @media (min-width: 551px) and (max-width: 800px) { .mb-double-t { margin-bottom: 3rem !important; } } @media (min-width: 801px) { .mb-double-d { margin-bottom: 3rem !important; } } .mb-3x { margin-bottom: 4.5rem !important; } @media (max-width: 550px) { .mb-3x-m { margin-bottom: 4.5rem !important; } } @media (min-width: 551px) and (max-width: 800px) { .mb-3x-t { margin-bottom: 4.5rem !important; } } @media (min-width: 801px) { .mb-3x-d { margin-bottom: 4.5rem !important; } } .mb-4x { margin-bottom: 6rem !important; } @media (max-width: 550px) { .mb-4x-m { margin-bottom: 6rem !important; } } @media (min-width: 551px) and (max-width: 800px) { .mb-4x-t { margin-bottom: 6rem !important; } } @media (min-width: 801px) { .mb-4x-d { margin-bottom: 6rem !important; } } @media (max-width: 800px) { .banners .banner { padding-left: 0; padding-right: 0; } } .banners-wrapper { position: relative; } .banners-wrapper .banners-close { position: absolute; z-index: 50; background-repeat: no-repeat; background-position: center; height: 1.875rem; width: 1.875rem; cursor: pointer; top: 50%; transform: translateY(-50%); right: 1.5rem; } .banners-wrapper .banners-close .icon { fill: white; height: 1.25rem; width: 1.25rem; } .banners-wrapper .banners-close:hover .icon { opacity: 0.5; } @media (max-width: 800px) { .banners-wrapper .banners-close { padding: 0; right: 0.375rem; } } .banners-wrapper._top-carousel-global .banners--global { background-color: #dddddd; background-image: unset; color: white; } .banners-wrapper._top-carousel-global .blaze-button { display: none; } .banners-wrapper._top-carousel-global .banners-close { display: none; } .banners-wrapper._top-carousel-global:has([data-widget-id]) .banners--global { background-color: rgba(209, 67, 67, 0.5); background-image: -webkit-linear-gradient(right, #d14343 0%, #d14343 100%); background-image: -o-linear-gradient(right, #d14343 0%, #d14343 100%); background-image: linear-gradient(to right, #d14343 0%, #d14343 100%); } .banners-wrapper._top-carousel-global:has([data-widget-id]) [data-widget-id] { display: flex; overflow: hidden; padding-left: 6rem; padding-right: 3rem; } .banners-wrapper._top-carousel-global:has([data-widget-id]) [data-widget-id] > :nth-child(n) { width: 100%; flex: 1 0 100%; padding: 0.9375rem 0; display: flex; justify-content: center; align-items: center; } .banners-wrapper._top-carousel-global:has([data-widget-id]) [data-widget-id] > [data-overlay-wrapper] { width: auto; flex: unset; } .banners-wrapper._top-carousel-global:has([data-widget-id]) [data-widget-id]:not(:has(:nth-child(n)[data-marquee])), .banners-wrapper._top-carousel-global:has([data-widget-id]) [data-widget-id].bc-selected:not(:has(:nth-child(n)[data-marquee])) { justify-content: center; padding: 0.9375rem 3rem 0.9375rem 1rem; word-wrap: break-word; } .banners-wrapper._top-carousel-global:has([data-widget-id]) .blaze-button { display: block; } .banners-wrapper._top-carousel-global:has([data-widget-id]) .banners-close { display: block; } .banners-wrapper._top-carousel-global:has([data-widget-id]) p { margin-bottom: 0; } .banners-wrapper._top-carousel-global:has([data-widget-id]) [data-marquee] { white-space: nowrap; } @media (max-width: 800px) { .banners-wrapper._top-carousel-global:has([data-widget-id]) [data-widget-id] > :nth-child(n) { font-size: 14px; } } .banners-wrapper._top-carousel-global:has(.blaze-slider) [data-widget-id] { display: flex; overflow: hidden; padding-left: 0; padding-right: 0; padding: 0; } .banners-wrapper._top-carousel-global:has(.blaze-slider) [data-widget-id] > :nth-child(n) { width: unset; flex: unset; display: block; justify-content: unset; align-items: unset; padding: 0.9375rem 3rem; } .banners-wrapper._top-carousel-global:has(.blaze-slider) .blaze-track { align-items: center; } .banners-wrapper._top-carousel-global:has(.blaze-slider) .blaze-track > :nth-child(n) { opacity: 0; transition: opacity 0.3s linear; } .banners-wrapper._top-carousel-global:has(.blaze-slider) .blaze-track > :nth-child(n):not([data-marquee]) { display: flex; justify-content: center; align-items: center; } .banners-wrapper._top-carousel-global:has(.blaze-slider) .blaze-track > :first-child { opacity: 1; } .banners-wrapper._top-carousel-global:has(.blaze-slider) .blaze-container .blaze-track-container { padding: 0 3rem 0 6rem; } @media (max-width: 800px) { .banners-wrapper._top-carousel-global:has(.blaze-slider) [data-widget-id] > :nth-child(n) { padding-right: 0; padding-left: 0; } .banners-wrapper._top-carousel-global:has(.blaze-slider) .blaze-track > :nth-child(n) { padding-left: 0; padding-right: 0; } .banners-wrapper._top-carousel-global:has(.blaze-slider) .banners .blaze-prev { left: 0; } .banners-wrapper._top-carousel-global:has(.blaze-slider) .banners .blaze-next { left: 3rem; } } @media (max-width: 800px) { .banners-wrapper._top-carousel-global .banners--global { margin: 0; padding: 0; } } .banners-wrapper:not(._top-carousel-global) .banners[data-banner-location="top"]:not(:has([data-marquee]:nth-child(2))) { padding: 0 3rem; } .banners-wrapper:not(._top-carousel-global) .banners[data-banner-location="top"]:not(:has([data-marquee]:nth-child(2))) .blaze-button { display: none; } .banners-wrapper:not(._top-carousel-global) .banners[data-banner-location="top"]:not(:has([data-marquee]:nth-child(2))) .banner { padding-left: 3rem; } @media (max-width: 800px) { .banners-wrapper:not(._top-carousel-global) .banners[data-banner-location="top"]:not(:has([data-marquee]:nth-child(2))) { padding: 0 3rem 0 1rem; } .banners-wrapper:not(._top-carousel-global) .banners[data-banner-location="top"]:not(:has([data-marquee]:nth-child(2))) .banner { padding-left: 0; } } .banners[data-banner-location="top"] { position: relative; left: 0; min-width: 100%; padding: 0 3rem; } .banners[data-banner-location="top"] .banner { max-width: unset; margin-top: 0; opacity: 0; transition: opacity 0.3s; padding-left: 6rem; padding-right: 3rem; display: flex; align-items: center; justify-content: center; } .banners[data-banner-location="top"] .banner:first-child { opacity: 1; } .banners[data-banner-location="top"] [data-marquee] p { margin-bottom: 0; } .banners[data-banner-location="top"] [data-marquee] { margin-bottom: 0; white-space: nowrap; overflow-x: auto; } .banners[data-banner-location="top"] [data-marquee] { -ms-overflow-style: none; scrollbar-width: none; } .banners[data-banner-location="top"] [data-marquee]::-webkit-scrollbar { display: none; } .banners[data-banner-location="top"] .blaze-button { background-color: transparent; padding-left: 0; padding-right: 0; box-shadow: unset; border-radius: unset; } .banners[data-banner-location="top"] .blaze-prev:hover, .banners[data-banner-location="top"] .blaze-next:hover { background-color: transparent; } .banners[data-banner-location="top"] .blaze-prev { left: 0.5rem; } .banners[data-banner-location="top"] .blaze-next { left: 3.75rem; } .banners[data-banner-location="top"] .blaze-prev::before, .banners[data-banner-location="top"] .blaze-next::before { width: 1.5rem; height: 1.3125rem; margin: auto; } .banners[data-banner-location="top"] .blaze-next::before, .banners[data-banner-location="top"] .blaze-next:hover::before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='21' viewBox='0 0 24 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.4368 10.6969L14.797 19.9106C14.6251 20.0938 14.3439 20.1828 14.1564 20.1828C13.9488 20.1828 13.7404 20.1108 13.5752 19.9652C13.2225 19.6544 13.1963 19.1245 13.517 18.7826L20.8433 10.9691H1.19357C0.715959 10.9691 0.32959 10.5946 0.32959 10.1786C0.32959 9.76271 0.716063 9.29392 1.19357 9.29392H20.8427L13.5153 1.47801C13.1947 1.13611 13.2208 0.605849 13.5735 0.295411C13.9271 -0.0137704 14.4729 0.00910681 14.7948 0.352682L23.4346 9.56635C23.7336 9.88548 23.7336 10.3776 23.4368 10.6969Z' fill='white'/%3E%3C/svg%3E%0A"); } .banners[data-banner-location="top"] .blaze-prev::before, .banners[data-banner-location="top"] .blaze-prev:hover::before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='21' viewBox='0 0 24 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.222414 10.6969L8.86222 19.9106C9.03408 20.0938 9.3153 20.1828 9.50278 20.1828C9.71037 20.1828 9.91878 20.1108 10.084 19.9652C10.4367 19.6544 10.4628 19.1245 10.1422 18.7826L2.81592 10.9691H22.4656C22.9432 10.9691 23.3296 10.5946 23.3296 10.1786C23.3296 9.76271 22.9431 9.29392 22.4656 9.29392H2.81644L10.1439 1.47801C10.4645 1.13611 10.4384 0.605849 10.0856 0.295411C9.73208 -0.0137704 9.18625 0.00910681 8.8644 0.352682L0.224602 9.56635C-0.0744324 9.88548 -0.0744324 10.3776 0.222414 10.6969Z' fill='white'/%3E%3C/svg%3E%0A"); } .banners[data-banner-location="top"] .blaze-next:hover::before, .banners[data-banner-location="top"] .blaze-prev:hover::before { opacity: 0.5; } @media (max-width: 800px) { .banners[data-banner-location="top"] { min-width: 100%; left: 0; padding: 0 3rem 0 6rem; font-size: 14px; } .banners[data-banner-location="top"] .blaze-prev { left: -6rem; } .banners[data-banner-location="top"] .blaze-next { left: -3rem; } .banners[data-banner-location="top"] p, .banners[data-banner-location="top"] [data-marquee] { font-size: 14px; } .banners[data-banner-location="top"] .blaze-container .blaze-prev, .banners[data-banner-location="top"] .blaze-container .blaze-next { display: block; } .banners[data-banner-location="top"] .banner { padding-left: 0; padding-right: 0; } } .header { background-color: white; width: 100%; } .header.sticky-header-loaded { position: fixed; z-index: 50; transition: top 0.5s ease-out; } .header.sticky-header-loaded._shadow { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .header.sticky-header-loaded:not(._shadow) { position: absolute; } .has-activeNavPages .header.sticky-header-loaded, .has-quickSearchOpen .header.sticky-header-loaded._shadow { top: 0 !important; position: fixed !important; } .header:not(._shadow) { width: 100%; } @media (max-width: 800px) { .header.is-open { box-shadow: inset rgba(149, 157, 165, 0.2) -7px -10px 24px; } .header.sticky-header-loaded { width: 100%; } } .stickyHeader-placeholder { background-color: white; } @media (min-width: 801px) { body.has-quickSearchOpen .header .navPages-container { display: none; pointer-events: none; position: relative; } body.has-quickSearchOpen .header .navPages-container::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 50; } } body.editing-menu-widgets .header .navPages-container .navPage-subMenu { transition: unset; visibility: visible; opacity: 1; } .header-logo { grid-area: logo; margin-right: auto; flex: auto; text-align: center; } .header-logo > a { display: block; } @media (max-width: 800px) { .header-logo { max-width: calc(100% - 9.1875rem); } .header-logo > a { width: 425px; max-width: 100%; } } @media (min-width: 801px) { .header-logo { flex: 0; } .header-logo._isImg { flex-basis: auto; max-width: 425px; flex: auto; } } .header-logo:has(.header-logo-text) a:hover { color: #666666; outline: 2px solid #4496f6; outline-offset: 4px; z-index: 1; position: relative; } .header-logo-text { display: block; text-align: center; } @media (min-width: 801px) { .header-logo-text { white-space: nowrap; overflow: hidden; } } @media (max-width: 800px) { .header-logo-image-container { max-width: 100%; width: 100%; height: 3.75rem; } } .header-logo-image { max-height: 100%; object-fit: contain; } @media (max-width: 800px) { .header-logo-image { margin-left: 0; margin-right: auto; } } .navUser-section .icon { fill: #4f4f4f; } @media (max-width: 1260px) { .navUser-section ._label { display: none; } } @media (max-width: 800px) { .navUser-section { order: 1; } } .beautify__mainHeader .container { position: relative; display: flex; flex-wrap: wrap; align-items: center; } .beautify__mainHeader .container:before, .beautify__mainHeader .container:after { content: " "; display: table; } .beautify__mainHeader .container:after { clear: both; } .beautify__mainHeader .container > [data-content-region] { width: 100%; } .beautify__mainHeader .navUser-action { display: flex; align-items: center; } @media (min-width: 801px) { .beautify__mainHeader .navUser-action { column-gap: 0.75rem; } } .beautify__mainHeader .navUser-action .icon { margin: 0; } @media (min-width: 801px) { .beautify__mainHeader .navUser-action .icon { height: 1rem; width: 1rem; } } .beautify__mainHeader .navUser-action:hover .icon { fill: #cccccc; } @media (max-width: 1260px) { .beautify__mainHeader .navUser-action .icon { margin-bottom: 0; } } @media (max-width: 550px) { .beautify__mainHeader .navUser-action .icon { margin-bottom: 0; } } .beautify__mainHeader .navUser-section .navUser-item--phone.u-hideDesktop > a { margin: 0; } .beautify__mainHeader .navUser-item--giftCert { float: none; display: inline-block; } .beautify__mainHeader .navUser-item--giftCert .navUser-action { color: #4f4f4f; margin-left: 0; padding: 0.375rem 0 0.375rem 1rem; font-weight: 600; font-size: 14px; } .beautify__mainHeader .navUser-item--giftCert .navUser-action::before { content: ""; height: 18.9px; border-left: 1px solid rgba(79, 79, 79, 0.15); } .beautify__mainHeader .navUser-item--giftCert .navUser-action:hover, .beautify__mainHeader .navUser-item--giftCert .navUser-action:active { color: #cccccc; } .beautify__mainHeader .navUser-item--currency:hover > a { color: #cccccc; } .beautify__mainHeader .navUser-item--currency:hover .icon { fill: #cccccc; } .beautify__mainHeader .navUser-item--currency > a { display: flex; align-items: center; color: #4f4f4f; text-decoration: none; } .beautify__mainHeader .navUser-item--currency ._label { margin-right: 0.375rem; } .beautify__mainHeader .navUser-item--currency ._value { text-decoration: underline; text-underline-position: under; margin-right: 0.375rem; } .beautify__mainHeader .navUser-item--currency .icon { height: 0.625rem; width: 0.625rem; } .beautify__mainHeader .navUser-item--currency .dropdown-menu { top: 100% !important; } .beautify__mainHeader .navUser-item--currency .dropdown-menu ul { list-style: none; padding: 0.375rem 0; } .beautify__mainHeader .navUser-item--currency .dropdown-menu a { display: block; padding: 0.375rem 0.75rem; color: #ea6d00; text-decoration: none; } .beautify__mainHeader .navUser-item--currency .dropdown-menu a:hover, .beautify__mainHeader .navUser-item--currency .dropdown-menu a:focus { color: #767676; } .beautify__mainHeader .navUser-item--currency .dropdown-menu a strong { color: #767676; } .beautify__mainHeader ._contentNav { grid-area: nav; margin: 0; } @media (min-width: 801px) { .beautify__mainHeader ._contentNav { display: flex; flex-wrap: wrap; justify-content: flex-end; text-align: right; margin-top: 0.75rem; margin-bottom: 0.75rem; } } .beautify__mainHeader ._contentNav .navPages-item { padding-bottom: 0.625rem; vertical-align: middle; } .beautify__mainHeader ._contentNav .navPages-item.navPages-item--page { padding-bottom: 0; } .beautify__mainHeader ._contentNav .navPages-action { font-weight: 400; font-size: 14px; } @media (min-width: 801px) { .beautify__mainHeader ._contentNav .navPages-item.navPages-item--page .navPage-subMenu-item .navPages-action-toggle-desktop { position: unset; transform: none; display: block; text-decoration: none; margin-right: 0; text-align: left; padding: 0.375rem 0 0.5rem; color: black; } .beautify__mainHeader ._contentNav .navPages-item.navPages-item--page ._titleSubmenu { display: none; } .beautify__mainHeader ._contentNav .navPages-item.navPages-item--page .navPage-subMenu-item:has(.navPage-childList)::after { right: 0; } } .beautify__mainHeader ._contentNav .navUser-item { vertical-align: middle; } .beautify__mainHeader ._searchBar { grid-area: search; } @media (max-width: 800px) { .beautify__mainHeader .container { padding-top: 0.375rem; } .beautify__mainHeader ._searchBar { display: flex; align-items: center; background-color: transparent; margin: 0 -0.75rem; padding: 0.375rem 0.75rem 1rem 4.3125rem; clear: both; width: calc(100% + 1.5rem); order: 3; column-gap: 0.375rem; } .beautify__mainHeader .navUser-item--user { display: none; } } @media (max-width: 1260px) { .beautify__mainHeader .navUser-section .navUser-item--currency ._label { display: none; } } @media (min-width: 801px) { .beautify__mainHeader { padding: 0; padding-bottom: 0; } .beautify__mainHeader .container { flex-wrap: nowrap; } .beautify__mainHeader:has(.header-logo-text) .header-logo { max-width: 33.33333%; } .beautify__mainHeader ._isImg { max-width: 33.33333%; width: 425px; flex: 0 0 auto; } .beautify__mainHeader .header-logo { order: 1; margin: 0 2.25rem 0 0; } .beautify__mainHeader .header-logo-image { right: auto; } .beautify__mainHeader ._searchBar { order: 2; margin: 0 auto; flex: auto; display: grid; grid-template: "nav nav" auto "account search" auto/auto minmax(min-content, 500px); } .beautify__mainHeader .navUser-section { order: 3; margin: 0; } .beautify__mainHeader .navUser-section .navUser-item--phone > a { margin-left: 1.5rem; margin-right: 0; } .beautify__mainHeader .navUser-section .navUser-item--currency { margin-left: 1.5rem; } .beautify__mainHeader .kitchenary__navUser-account { margin-bottom: 1.25rem; margin-right: 1.5rem; } .beautify__mainHeader .kitchenary__navUser-account .navUser-action:hover { color: #cccccc; } .beautify__mainHeader .kitchenary__navUser-account a { color: #4f4f4f; text-decoration: none; } .beautify__mainHeader .kitchenary__navUser-account a:hover { color: #cccccc; } .beautify__mainHeader .kitchenary__navUser-account ._currency { position: relative; padding: 0; } .beautify__mainHeader .kitchenary__navUser-account ._currency .dropdown-menu { width: 200px; } } .beautify__topHeader { background-color: #dddddd; color: black; font-size: 14px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } .beautify__topHeader .container { display: flex; justify-content: space-between; column-gap: 0.5rem; } .beautify__topHeader .icon { fill: black; } .beautify__topHeader a { color: inherit; text-decoration: none; } .beautify__topHeader a .icon { fill: black; } .beautify__topHeader a:hover, .beautify__topHeader a:focus { text-decoration: underline; color: #666666; } .beautify__topHeader a:hover .icon, .beautify__topHeader a:focus .icon { fill: #666666; } .beautify__topHeader ._contact { padding: 0.75rem 0; } .beautify__topHeader ._contact .icon { height: 1.625rem; width: 1.625rem; margin-right: 0.75rem; } .beautify__topHeader ._announce { margin: auto 0; } .beautify__topHeader ._announce [data-sub-layout] { padding: 0.375rem 0; } .beautify__topHeader ._announce a { text-decoration: underline; color: black; } .beautify__topHeader ._announce a:hover { color: #666666; } .beautify__topHeader ._announce .button { margin: 0; } .beautify__topHeader ._announce p { color: black; padding: 0; margin: 0; display: flex; align-items: center; } .beautify__topHeader ._phone { position: relative; padding: 0.75rem 0; } .beautify__topHeader ._phone a { display: flex; align-items: center; } .beautify__topHeader ._phone svg { height: 1rem; width: 1rem; margin-right: 0.5rem; } .beautify__topHeader ._phone::after { content: ""; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: -13px; width: 1px; height: 13px; border-right: 1px solid transparent; background-color: rgba(0, 0, 0, 0.2); display: none; } .beautify__topHeader .kitchenary__navUser-account ._account-user ._sep { border-color: rgba(0, 0, 0, 0.5); } @media (max-width: 1260px) { .beautify__topHeader ._contact { display: none; } .beautify__topHeader ._announce { font-size: 14px; margin: auto; text-align: center; } .beautify__topHeader ._announce [data-marquee], .beautify__topHeader ._announce > p { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; } .beautify__topHeader ._announce [data-marquee]::-webkit-scrollbar, .beautify__topHeader ._announce > p::-webkit-scrollbar { display: none; } .beautify__topHeader ._announce._announce-title { text-align: left; } } @media (max-width: 800px) { .beautify__topHeader ._announce._announce-title { display: none; } } .kitchenary__navUser-account { grid-area: account; display: flex; justify-content: flex-end; gap: 1.5rem; align-items: center; font-size: 14px; } .kitchenary__navUser-account:has(._currency) ._phone::after { display: block; } @media (max-width: 1260px) { .kitchenary__navUser-account { gap: 0.5rem; } } .kitchenary__navUser-account ._account-user { display: flex; align-items: center; font-size: 14px; column-gap: 0.9375rem; font-weight: 600; padding: 0.75rem 0; } @media (max-width: 1260px) { .kitchenary__navUser-account ._account-user { column-gap: 0.5rem; } } .kitchenary__navUser-account ._account-user ._sep { height: 16.8px; border-left: 1px solid rgba(79, 79, 79, 0.15); } .kitchenary__navUser-account ._account-user .navUser-action { font-size: 14px; margin-left: 0; } .kitchenary__navUser-account ._account-user .icon { width: 14px; height: 16px; } .kitchenary__navUser-account ._account-user ._label { display: block; width: max-content; } .kitchenary__navUser-account ._currency { padding: 0.75rem 0; font-weight: 600; } .kitchenary__navUser-account ._currency > a { display: flex; align-items: center; } .kitchenary__navUser-account ._currency ._label { margin-right: 0.375rem; } @media (min-width: 801px) { .kitchenary__navUser-account ._currency ._label { display: none; } } .kitchenary__navUser-account ._currency ._value { text-underline-position: under; margin-right: 0.375rem; margin-left: 0.375rem; } .kitchenary__navUser-account ._currency .icon { height: 0.625rem; width: 0.625rem; } .kitchenary__navUser-account ._currency .dropdown-menu { top: 100% !important; } .kitchenary__navUser-account ._currency .dropdown-menu ul { list-style: none; padding: 0.375rem 0; } .kitchenary__navUser-account ._currency .dropdown-menu a { display: flex; align-items: center; padding: 0.375rem 0.75rem; color: black; text-decoration: none; font-size: 14px; font-weight: 400; column-gap: 0.375rem; text-shadow: none; } .kitchenary__navUser-account ._currency .dropdown-menu a:hover, .kitchenary__navUser-account ._currency .dropdown-menu a:focus { color: #767676; } .kitchenary__navUser-account ._currency .dropdown-menu a strong { color: #767676; display: flex; align-items: center; column-gap: 0.375rem; } @media (max-width: 800px) { .kitchenary__navUser-account { display: none; } } .navUser-item--currency { position: relative; } .navUser-item--currency .navUser-action .icon { width: 0.75rem; height: 0.75rem; } .navUser-item--currency .dropdown-menu.is-open { left: auto; right: 0; margin-top: 1rem; min-width: 200px; white-space: nowrap; } .navUser-subMenu-list { list-style: none; margin: 0; padding: 0.5rem 0; } .navUser-subMenu-action { display: block; padding: 0.375rem 1.5rem; text-decoration: none; } .navUser-action { text-align: center; font-size: 1rem; } @media (min-width: 801px) { .navUser-action { line-height: 1; } .navUser-action.navUser-action--account { line-height: 1.5; } } .navUser-action .icon { height: 1.8125rem; width: 1.8125rem; display: block; margin: 0 auto; } @media (min-width: 801px) { .navUser-action .icon { height: 1.625rem; width: 1.625rem; } } @media (max-width: 800px) { .navUser-action ._label { display: none; } } .header .dropdown-menu { background-color: white; border: 1px solid white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .header .previewCartAction { border-color: white; } .beautify__quickSearch { grid-area: search; position: relative; } @media (max-width: 800px) { .beautify__quickSearch { flex: 1; } } @media (min-width: 801px) { .beautify__quickSearch { margin-bottom: 1.25rem; } } .beautify__quickSearch.loading::after { height: 1.5rem; width: 1.5rem; position: absolute; right: 3.75rem; top: 50%; transform: translateY(-50%); } @media (min-width: 801px) { .beautify__quickSearch.loading::after { height: 1.625rem; width: 1.625rem; right: 12.5rem; } } @media (min-width: 801px) { .beautify__quickSearch .button { height: 2.8125rem; width: 2.8125rem; padding: 0; background-color: black; border-color: black; } .beautify__quickSearch .button .icon { height: 1.5rem; width: 1.5rem; fill: white; } .beautify__quickSearch .button:hover, .beautify__quickSearch .button:focus { background-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); } .beautify__quickSearch .button:hover .icon, .beautify__quickSearch .button:focus .icon { fill: whitesmoke; } } .beautify__quickSearch .button._close { position: absolute; left: 0; top: 0; border: 0; margin: 0; width: 2.8125rem; height: 3.125rem; padding: 0.75rem; background: none; color: black; display: none; } @media (max-width: 800px) { .beautify__quickSearch .button._close { height: 2.8125rem; width: 2.8125rem; top: 50%; transform: translateY(-50%); } } .has-quickSearchOpen .beautify__quickSearch .button._close._close { display: block; } .beautify__quickSearch .button._close .icon { width: 100%; height: 100%; fill: black; } .beautify__quickSearch .button._submit { margin: 0; width: auto; height: 3.125rem; padding: 0.625rem 2.25rem; margin-right: 1px; margin-top: 1px; background-color: #e5e5e5; border: 2px solid #e5e5e5; display: flex; column-gap: 1rem; align-items: center; border-bottom-left-radius: unset; border-top-left-radius: unset; transition: filter 0.2s ease; padding-left: 0.625rem; padding-right: 0.625rem; width: 3.125rem; background-color: transparent; } .beautify__quickSearch .button._submit span { color: black; } @media (max-width: 800px) { .beautify__quickSearch .button._submit { width: 3.125rem; padding: 0; justify-content: center; align-items: center; } .beautify__quickSearch .button._submit .icon { fill: white; } } .beautify__quickSearch .button._submit .icon { width: 1.4375rem; height: 100%; fill: black; } .beautify__quickSearch .button._submit:hover { filter: brightness(0.9); } .beautify__quickSearch .button._submit:hover { background-color: #e5e5e5; } .beautify__quickSearch .button._submit span { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .beautify__quickSearch .form-prefixPostfix { align-items: end; width: 100%; max-width: 740px; margin-left: auto; position: relative; } .beautify__quickSearch .form-prefixPostfix .form-input { border-right: unset; border-bottom-right-radius: unset; border-top-right-radius: unset; } .beautify__quickSearch .form { margin: 0; } .beautify__quickSearch .form-field { margin: 0; } .beautify__quickSearch .form-input { color: black; border-color: #e5e5e5; background-color: white; transition: padding 0.2s linear; width: 150px; border-width: 2px; height: 3.125rem; } @media (min-width: 1261px) { .beautify__quickSearch .form-input { flex: unset; width: 100%; } } .beautify__quickSearch .form-input::placeholder { font-size: 14px; } @media (max-width: 800px) { .beautify__quickSearch .form-input { background-color: white; } } @media (min-width: 801px) { .beautify__quickSearch .form-input { border-color: #e5e5e5; } } .beautify__quickSearch .form-input::placeholder { color: rgba(0, 0, 0, 0.6); } .has-quickSearchOpen .beautify__quickSearch .form-input { padding-left: 2.8125rem; } .has-quickSearchOpen .beautify__quickSearch .form-input ~ ._searchIcon { display: none; } .beautify__quickSearch ._searchIcon { fill: black; } @media (max-width: 800px) { .beautify__quickSearch ._searchIcon { display: none; } } @media (min-width: 801px) { .beautify__quickSearch ._searchIcon { position: absolute; height: 2.8125rem; width: 2.8125rem; padding: 0.75rem; } } @media (max-width: 800px) { .dropdown--quickSearch.is-open { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 50; } } .mobileMenu-toggle { display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: 700; color: black; padding: 10px; border-radius: 0px; position: absolute; bottom: 16px; left: 10px; z-index: 50; height: 3.125rem; width: 3.125rem; background-color: transparent; border: 2px solid #e5e5e5; } @media (min-width: 801px) { .mobileMenu-toggle { display: none; } } .mobileMenu-toggle .mobileMenu-toggleIcon { height: 1.5rem; width: 1.5rem; display: block; position: relative; } .mobileMenu-toggle .mobileMenu-toggleIcon ._icon, .mobileMenu-toggle .mobileMenu-toggleIcon ._icon::before, .mobileMenu-toggle .mobileMenu-toggleIcon ._icon::after { content: ""; display: block; height: 3px; position: absolute; transform: rotate(0deg); transition: transform 100ms ease-in, top 100ms ease-in 150ms, bottom 100ms ease-in 150ms; width: 100%; background-color: black; } .mobileMenu-toggle .mobileMenu-toggleIcon ._icon { top: 12px; transition: background-color 10ms ease-in 100ms; } .mobileMenu-toggle .mobileMenu-toggleIcon ._icon::before { top: -10px; } .mobileMenu-toggle .mobileMenu-toggleIcon ._icon::after { bottom: -10px; } .mobileMenu-toggle ._label { display: block; line-height: 1; margin-top: 5px; } .mobileMenu-toggle.is-open { background-color: transparent; } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon ._icon { background-color: transparent; transition-delay: 100ms; } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon ._icon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon ._icon::after { bottom: auto; top: auto; transition: transform 100ms ease-in 150ms, top 100ms ease-in, bottom 100ms ease-in; width: 27px; left: -2px; background-color: black; } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon ._icon::before { top: 0; transform: rotate(45deg); } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon ._icon::after { bottom: 0; transform: rotate(-45deg); } @media (max-width: 640px) { .mobileMenu-toggle .mobileMenu-toggleIcon ._icon::before { top: -10px; } } .navPages-container { background-color: #e5e5e5; } @media (max-width: 800px) { .navPages-container { width: 100%; position: fixed; top: 0; left: -100%; bottom: 0; overflow: hidden; z-index: 10; transition: visibility 0.1s linear 0.2s, left 0.2s linear; visibility: hidden; } .navPages-container > .container { height: 100%; overflow: hidden; padding: 0; display: flex; flex-direction: column; } .navPages-container.is-open { visibility: visible; transition: left 0.2s linear; left: 0; } .navPages-container.is-open > .container { overflow: auto; -webkit-overflow-scrolling: touch; } } @media (min-width: 801px) { .navPages-container { display: block; } .navPages-container .navUser-action--cart { margin-left: 0; display: flex; align-items: center; column-gap: 1rem; padding: 0.75rem 1.5rem 0.75rem 1rem; background-color: #4f4f4f; border-radius: 4px; font-size: 14px; font-weight: 400; transition: filter 0.2s linear; padding-left: 1.5rem; padding-right: 0; padding-top: 1.125rem; padding-bottom: 1.125rem; border-radius: 0; background-color: transparent; border-left: 1px solid rgba(0, 0, 0, 0.1); } .navPages-container .navUser-action--cart > .icon { flex-shrink: 0; fill: #666666; } .navPages-container .navUser-action--cart .countPill, .navPages-container .navUser-action--cart ._label { color: #666666; background-color: transparent; } .navPages-container .navUser-action--cart ._total-price-nav { display: inline-block; margin-top: 0.25rem; display: none; color: #666666; } .navPages-container .navUser-action--cart ._total-price-nav.price--positive { margin-top: 0.375rem; display: block; font-weight: 700; } .navPages-container .navUser-action--cart:has(._total-price-nav.price--positive) { padding: 0.5rem 1.5rem 0.5rem 1rem; } .navPages-container .navUser-action--cart:hover { filter: saturate(70%); } .navPages-container .navUser-action--cart:hover > .icon { fill: #666666; } .navPages-container .navUser-action--cart:hover .countPill, .navPages-container .navUser-action--cart:hover ._label { color: inherit; background-color: transparent; } .navPages-container .navUser-action--cart ._total-items { display: flex; align-items: center; min-width: 55px; } .navPages-container .navUser-action--cart:has(._total-price-nav.price--positive) { padding-left: 1.5rem; padding-right: 0; padding-top: 0.75rem; padding-bottom: 0.75rem; } .navPages-container .navUser-action--cart .icon { fill: black; transition: none; } .navPages-container .navUser-action--cart ._label, .navPages-container .navUser-action--cart .countPill, .navPages-container .navUser-action--cart ._total-price-nav { color: black; } .navPages-container .navUser-action--cart:hover .icon { fill: #4f4f4f; } .navPages-container .navUser-action--cart:hover ._label, .navPages-container .navUser-action--cart:hover .countPill, .navPages-container .navUser-action--cart:hover ._total-price-nav { color: #4f4f4f; } .navPages-container > .container { position: relative; display: flex; justify-content: space-between; align-items: center; max-width: 100%; padding: 0 3rem; } } @media (max-width: 1260px) { .navPages-container > .container { padding: 0 1.5rem; } } @media (max-width: 800px) { .navPages-container > .container { padding: 0; } } @media (min-width: 105.75rem) { .navPages-container > .container { width: fit-content; min-width: 99.75rem; } } @media (max-width: 800px) { .navUser-action--cart { position: relative; } .navUser-action--cart ._total-price-nav.price--positive, .navUser-action--cart ._total-price-nav { display: none; } } .navPages { padding: 0; } @media (min-width: 801px) { .navPages { display: flex; justify-content: center; padding-top: 0.75rem; padding-bottom: 0.375rem; width: auto; padding-top: 0; padding-bottom: 0; } .navPages::before, .navPages::after { display: none; } } .navPages-rootMenu { list-style: none; } @media (max-width: 800px) { .navPages-rootMenu { margin: 1.5rem 0 0; } } @media (min-width: 801px) { .navPages-rootMenu { margin: 0; max-width: 500px; } } .navPages-item > .navPages-action { font-size: 1rem; transition: all 0.3s ease; position: relative; color: black; } .navPages-item > .navPages-action::before { transition: all 0.3s ease; } .navPages-item > .navPages-action:hover, .navPages-item > .navPages-action:focus { color: #4f4f4f; } .navPages-item > .navPages-action.has-subMenu { padding-right: 1.5rem; margin-right: 0; word-break: break-all; } @media (max-width: 800px) { .navPages-item { width: 155px; z-index: 0; border-bottom: 1px solid #dddddd; } .navPages-item > .navPages-action { font-size: 14px; text-align: right; } .navPages-item:last-child { border-bottom: unset; } .navPages-item.is-opening, .navPages-item.is-open { background-color: #e5e5e5; z-index: 1; padding: 0 0.5rem 0 1rem; } .navPages-item.is-opening > .navPages-action-toggle, .navPages-item.is-open > .navPages-action-toggle { font-size: 1rem; padding: 0.75rem 0; right: 0.5rem; } .navPages-item.is-opening > .navPages-action-toggle .icon, .navPages-item.is-open > .navPages-action-toggle .icon { height: 1rem; width: 1rem; } .navPages-item.is-opening > .navPages-action-toggle.is-open, .navPages-item.is-open > .navPages-action-toggle.is-open { right: 8px; } .navPages-item.is-opening > .navPages-action-toggle.is-open ._less .icon, .navPages-item.is-open > .navPages-action-toggle.is-open ._less .icon { fill: #4f4f4f; } .navPages-item.is-opening > .navPages-action, .navPages-item.is-open > .navPages-action { font-size: 22px; line-height: 1.25; color: #4f4f4f; padding-top: 2.25rem; } .navPages-item > .navPages-action-toggle .icon { fill: black; } .navPages-item > .navPages-action-toggle:hover .icon, .navPages-item > .navPages-action-toggle:focus .icon { fill: #4f4f4f; } .navPages-item > .navPages-action-toggle:hover + .navPages-action.has-subMenu, .navPages-item > .navPages-action-toggle:focus + .navPages-action.has-subMenu { color: #4f4f4f; } .navPages-item > .navPages-action-toggle.is-open { color: #4f4f4f; } .navPages-item > .navPages-action.has-subMenu { padding-right: 2.625rem; } .navPages-item.is-opening { overflow: hidden; } .navPages-item.is-open { overflow: auto; -webkit-overflow-scrolling: touch; } .navPages-item.is-open .navPage-subMenu { display: block; } .navPages-item.is-clone .navPage-subMenu.is-open { display: none; } .navPages-item:hover .navPages-action-toggle:hover, .navPages-item:hover .navPages-action-toggle:focus-within { color: #4f4f4f; } .navPages-item:hover > .navPages-action-toggle:hover { color: #4f4f4f; } } @media (min-width: 801px) { .navPages-item { display: inline-block; position: relative; border-radius: 4px; padding: 0; } .navPages-item:hover > .navPages-action { color: #4f4f4f; background-color: #f7f7f7; border-radius: 4px; } .navPages-item:hover > .navPages-action.has-subMenu { position: relative; } .navPages-item:hover .navPage-subMenu { opacity: 1; visibility: visible; } .navPages-item:hover .navPage-subMenu--column, .navPages-item:hover .navPage-subMenu--standard { left: 0; white-space: nowrap; transform: unset; right: unset; } .navPages-item:hover > .navPages-action-toggle-desktop .icon, .navPages-item:focus > .navPages-action-toggle-desktop .icon { fill: #4f4f4f; } } .navPages-item-cartLabel { display: none; } .navPages-action { font-weight: 600; color: black; text-decoration: none; display: block; } .navPages-action:hover, .navPages-action:focus, .navPages-action:active { color: black; } .navPages-action:hover .icon, .navPages-action:focus .icon, .navPages-action:active .icon { fill: #4f4f4f; } @media (max-width: 800px) { .navPages-action { position: relative; padding: 0.625rem 0.9375rem; margin: 0.125rem; } .navPages-action.is-open { padding-bottom: 0.75rem; } .navPages-action-toggle + .navPages-action { margin-right: 80px; } .navPages-action:active, .navPages-action:focus { color: black; background-color: #f7f7f7; } } @media (min-width: 801px) { .navPages-action { padding: 0.625rem 1rem; padding-top: 1.125rem; padding-bottom: 1.125rem; } .navPages-action.has-subMenu { padding-right: 0.1875rem; margin-right: 1rem; } } .navPages-action .icon { fill: #4f4f4f; height: 0.625rem; width: 0.625rem; vertical-align: baseline; margin-left: 0.1875rem; } @media (max-width: 800px) { .navPages-action .icon { display: none; } } .navPages-action-toggle { font-size: 14px; text-decoration: none; color: black; z-index: 1; font-weight: 600; display: block; text-align: right; position: relative; } .navPages-action-toggle:hover, .navPages-action-toggle:focus { color: #4f4f4f; } .navPages-action-toggle:hover .icon, .navPages-action-toggle:focus .icon { fill: black; } .navPages-item > .navPages-action-toggle { padding: 0.625rem 0.9375rem; } .navPage-subMenu-item > .navPages-action-toggle { padding: 0 0 0.375rem; } .navPages-action-toggle:not(.is-open) ._less { display: none; } .navPages-action-toggle.is-open { background-color: #f7f7f7; } .navPages-action-toggle.is-open ._more { display: none; } @media (max-width: 800px) { .navPages-action-toggle { margin-left: 0.0625rem; } .navPages-action-toggle > span { display: block; } .navPages-action-toggle.is-open, .navPages-action-toggle:active, .navPages-action-toggle:focus-visible { background-color: #f7f7f7; } } @media (min-width: 801px) { .navPages-action-toggle { display: none; } } @media (max-width: 800px) { .navPages-action-toggle-desktop { display: none; } } @media (min-width: 801px) { .navPages-action-toggle-desktop { position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 1.125rem 0; } .navPages-action-toggle-desktop .icon { fill: black; height: 0.625rem; width: 0.625rem; } .navPages-action-toggle-desktop:hover .icon, .navPages-action-toggle-desktop:focus .icon { fill: #4f4f4f; } } .navPages-list { list-style: none; background-color: #e5e5e5; } @media (max-width: 800px) { .navPages-list { background-color: #e5e5e5; margin: 0; padding: 0; height: 100%; overflow-y: auto; overflow-x: auto; width: 100%; -ms-overflow-style: none; scrollbar-width: none; } .navPages-list::-webkit-scrollbar { display: none; } .navPages-list + .navPages-list > .navPages-item:first-child { padding-top: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.5); } .navPages-list + .navPages-list > .navPages-item:first-child .navPages-action-toggle { top: 61%; transform: translateY(-50%); } .navPages-list + .navPages-list > .navPages-item:last-child { padding-bottom: 0.75rem; } .navPages-list:last-child > .navPages-item:last-child { padding-bottom: 0; } .navPages-list:not(.navPages-list--user):first-child .navPages-item:first-child .navPages-action-toggle { top: unset; } .navPages-list.navPages-list--user .navPages-item .navPage-subMenu { height: 0; } } @media (min-width: 801px) { .navPages-list { margin: 0; text-align: center; } } @media (max-width: 800px) { .navPage-subMenu { padding: 0; display: none; } .navPage-subMenu.is-open { display: block; width: calc(100% - 155px) !important; position: absolute; right: 0; top: 0; height: 100%; overflow: auto; background-color: #f7f7f7; min-width: unset; } .navPage-subMenu .navPages-all-mobile { padding: 0.9375rem 0.9375rem 0; text-align: right; font-size: 12px; } .navPage-subMenu .navPages-all-mobile > a { text-decoration: none; color: black; font-weight: 700; text-transform: uppercase; display: inline-flex; align-items: center; gap: 0.375rem; transition: all 0.2s ease; line-height: 19px; } .navPage-subMenu .navPages-all-mobile > a:hover, .navPage-subMenu .navPages-all-mobile a:focus { color: #4f4f4f; } .navPage-subMenu .navPages-all-mobile > a:hover .icon, .navPage-subMenu .navPages-all-mobile a:focus .icon { fill: #4f4f4f; } .navPage-subMenu .navPages-all-mobile .icon { height: 0.75rem; width: 0.75rem; fill: black; } } @media (min-width: 801px) { .navPage-subMenu { position: absolute; left: 50%; padding-top: 0.5rem; z-index: 1; max-width: 100%; padding: 0.75rem 1.5rem 0; border-radius: 0px; min-width: 93.75rem; border: 2px solid transparent; } .navPage-subMenu .navPages-action-toggle-desktop { display: none; } .navPage-subMenu .productGrid .card._hideBtn { display: flex; } } @media (max-width: 102.75rem) and (min-width: 800px) { .navPage-subMenu { min-width: fit-content; width: 100% !important; } } @media (min-width: 801px) { .navPages._hasMegamenu .navPages-action.has-subMenu { display: inline-block; } .navPages._hasMegamenu .navPages-item:not(.navPages-item--page) { position: static; padding-bottom: 0.375rem; margin-bottom: 0; padding-bottom: 0; } .navPages._hasMegamenu .navPages-action-toggle-desktop { position: relative; right: 20px; } .navPages._hasMegamenu h2.page-heading { text-align: left; } .navPages._hasMegamenu .navPages-item.navPages-item--page > .navPages-action.has-subMenu { padding-right: 0.75rem; } } .navPage-childList-item { position: relative; } @media (min-width: 801px) { .navPage-childList-item:has(.navPage-childList) { display: flex; } .navPage-childList-item:has(.navPage-childList) .navPage-childList { position: absolute; top: -0.75rem; left: -99999px; background-color: #f7f7f7; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); padding: 0.625rem 0.25rem 1rem; visibility: hidden; border-radius: 0px; border: 5px solid #dddddd; width: 100%; min-width: 225px; z-index: 50; opacity: 0; transition: opacity 0.2s linear; top: 0 !important; } .navPage-childList-item:has(.navPage-childList) .navPage-childList.is-open { left: 105%; visibility: visible; opacity: 1; } .navPage-childList-item:has(.navPage-childList) .navPage-childList.is-open.toLeft { left: auto; right: 105%; } .navPage-childList-item:has(.navPage-childList) .navPage-childList-item { padding: 0 1rem; position: relative; } .navPage-childList-item:has(.navPage-childList) .navPage-childList-item:hover::after, .navPage-childList-item:has(.navPage-childList) .navPage-childList-item:focus::after { position: absolute; content: ""; top: 0; width: 10%; height: 100%; right: 10%; transform: translateX(100%); } .navPage-childList-item:has(.navPage-childList) .navPage-childList-item:hover::before, .navPage-childList-item:has(.navPage-childList) .navPage-childList-item:focus::before { content: ""; position: absolute; height: 100%; left: -15px; width: 10%; top: 0; z-index: 50; } .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu { width: 100%; } .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu:hover + .navPages-action-toggle-desktop, .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu:focus + .navPages-action-toggle-desktop { opacity: 1; } .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu:hover + .navPages-action-toggle-desktop .icon, .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu:focus + .navPages-action-toggle-desktop .icon { fill: #4f4f4f; } .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop { display: inline-block; padding: 0.375rem 0.75rem; position: absolute; top: 0; right: 0; pointer-events: none; transform: rotate(-90deg); opacity: 0; } .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop:hover, .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop:focus { opacity: 1; } .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop:hover .icon, .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop:focus .icon { fill: #4f4f4f; } .navPage-childList-item:has(.navPage-childList):hover > .navPage-childList-action, .navPage-childList-item:has(.navPage-childList):focus > .navPage-childList-action { color: #4f4f4f; } .navPage-childList-item:has(.navPage-childList):hover > .navPage-childList, .navPage-childList-item:has(.navPage-childList):focus > .navPage-childList { left: calc(100% + 10px); visibility: visible; opacity: 1; } .navPage-childList-item:has(.navPage-childList):hover > .navPage-childList.toLeft, .navPage-childList-item:has(.navPage-childList):focus > .navPage-childList.toLeft { left: auto; right: calc(100% + 10px); } .navPage-childList-item:has(.navPage-childList):hover > .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop, .navPage-childList-item:has(.navPage-childList):focus > .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop { opacity: 1; } .navPage-childList-item:has(.navPage-childList):hover > .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop .icon, .navPage-childList-item:has(.navPage-childList):focus > .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop .icon { fill: #4f4f4f; } .navPage-childList-item:hover, .navPage-childList-item:focus { background-color: #f7f7f7; } } @media (max-width: 800px) { .navPage-childList-item:first-of-type { margin-top: 0.1875rem; } .navPage-childList-item > .navPages-action-toggle { padding: 0.25rem 0.9375rem 0.5rem; display: flex; align-items: center; justify-content: space-between; font-weight: 400; font-size: 14px !important; column-gap: 0.375rem; } .navPage-childList-item > .navPages-action-toggle:hover, .navPage-childList-item > .navPages-action-toggle:focus-visible { color: #4f4f4f; } .navPage-childList-item .navPage-childList-action.has-subMenu .icon { fill: black; } .navPage-childList-item .navPage-childList-action:hover { color: #4f4f4f; } .navPage-childList-item .navPage-childList-action.has-subMenu:hover .icon { fill: #4f4f4f; } } .navPage-subMenu-item .navPage-linkImg { display: block; margin-bottom: 1.125rem; } @media (min-width: 801px) { .navPage-subMenu-item > .navPage-childList > .navPage-childList-item:hover::after, .navPage-subMenu-item > .navPage-childList > .navPage-childList-item:focus::after { position: absolute; content: ""; top: 0; width: 20px; height: 100%; right: 8px; transform: translateX(100%); } .navPage-subMenu-item > .navPage-childList > .navPage-childList-item:hover::before, .navPage-subMenu-item > .navPage-childList > .navPage-childList-item:focus::before { content: ""; position: absolute; height: 100%; left: 0; width: 10%; top: 0; transform: translateX(-100%); z-index: 50; } } @media (min-width: 801px) { .navPage-subMenu-item > .navPage-childList > .navPage-childList-item:hover > .navPage-childList, .navPage-subMenu-item > .navPage-childList > .navPage-childList-item:focus > .navPage-childList { left: calc(100% + 2px); visibility: visible; top: 0 !important; } } .navPage-subMenu-item > .navPage-childList > .navPage-childList-item:hover > .navPage-childList.toLeft, .navPage-subMenu-item > .navPage-childList > .navPage-childList-item:focus > .navPage-childList.toLeft { left: auto; right: calc(100% + 5px); } @media (max-width: 1260px) { .navPage-subMenu-item { padding: 1.875rem 0.9375rem 0; width: 25%; } .navPage-subMenu-item > img { width: 100%; } } @media (min-width: 1261px) { .navPage-subMenu-item { padding: 1.875rem 0.9375rem 0; width: 20%; text-align: left; } .navPage-subMenu-item:nth-child(3n) { border-right: 0; } } @media all and (min-width: 1261px) and (-ms-high-contrast: none), (min-width: 1261px) and (-ms-high-contrast: active) { .navPage-subMenu-item { width: 300px; } } @media (max-width: 800px) { .navPage-subMenu-item { position: relative; width: 100%; padding: 0; } .navPage-subMenu-item .navPages-action-toggle.is-open + .navPage-subMenu-action { color: black; font-weight: 700; text-transform: uppercase; transition: all 0.2s ease; } .navPage-subMenu-item .navPages-action-toggle.is-open + .navPage-subMenu-action:hover { color: #4f4f4f; } .navPage-subMenu-item .navPages-action-toggle.is-open + .navPage-subMenu-action:hover .icon { fill: #4f4f4f; } .navPage-subMenu-item .navPages-action-toggle.is-open ._less .icon { fill: #4f4f4f; } .navPage-subMenu-item .navPages-action-toggle .icon { fill: black; height: 0.75rem; width: 0.75rem; } .navPage-subMenu-item .navPage-childList-item .navPages-action-toggle { font-weight: 400; } .navPage-subMenu-item .navPage-childList-item .navPages-action-toggle.is-open { font-weight: 700; } .navPage-subMenu-item .navPages-action-toggle { text-align: left; font-size: 12px; color: black; font-weight: 700; } .navPage-subMenu-item .navPages-action-toggle:hover .icon, .navPage-subMenu-item .navPages-action-toggle:focus .icon { fill: #4f4f4f; } .navPage-subMenu-item .navPages-action-toggle + .navPage-subMenu-action .icon { fill: black; height: 0.75rem; width: 0.75rem; } } @media (min-width: 801px) { .navPage-subMenu.navPage-subMenu--standard { width: auto !important; left: 0; position: absolute; transform: unset; padding-left: 0; padding-right: 0; min-width: unset; max-width: unset; overflow: unset !important; } .navPage-subMenu.navPage-subMenu--standard.is-open { left: 0; transform: unset; white-space: nowrap; position: absolute; width: auto; } .navPage-subMenu.navPage-subMenu--standard .navPages-action-toggle-desktop { display: inline-block; font-size: 0.875rem; opacity: 1; position: absolute; text-decoration: none; transform: unset; color: black; top: calc(50% - 2px); transform: translateY(-50%); padding: 0.5rem; line-height: 21px; opacity: 0.5; } .navPage-subMenu.navPage-subMenu--standard .navPages-action-toggle-desktop .icon { transform: rotate(-90deg); vertical-align: middle; fill: black; } .navPage-subMenu.navPage-subMenu--standard .navPages-action-toggle-desktop:hover .icon { fill: #e5e5e5; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-list { display: block; padding: 0.1875rem; position: relative; border-radius: 4px; border-color: transparent; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item { position: relative; border-right: 0; width: 100%; background-color: #f7f7f7; display: block; justify-content: space-between; cursor: pointer; padding: 0 0 0.1875rem 0; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item .navPage-subMenu-action { color: black; padding: 0.5rem; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item .navPage-subMenu-action:focus-visible { color: #4f4f4f; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item .navPage-subMenu-action > img { display: none; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item .navPage-subMenu-action span { white-space: nowrap; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:has(.navPage-childList)::before { content: ""; position: absolute; height: 100%; width: 10%; left: 0; top: 0; transform: translateX(-100%); } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:has(.navPage-childList)::after { content: ""; position: absolute; height: 100%; width: 10%; right: 0; top: 0; transform: translateX(100%); } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:has(.navPage-childList) .navPage-subMenu-action { padding: 0.5rem 1.875rem 0.5rem 0.5rem; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item > .navPage-childList { opacity: 0; visibility: hidden; transition: opacity 0.1s, visibility 0.1s linear; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item > .navPage-childList.is-open { opacity: 1; visibility: visible; top: -8px; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:hover, .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:focus { background-color: #f7f7f7; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:hover > .navPage-childList, .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:focus > .navPage-childList { left: calc(100% + 8px); visibility: visible; z-index: 50; opacity: 1; top: -8px !important; overflow: unset !important; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:hover > .navPage-childList.toLeft, .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:focus > .navPage-childList.toLeft { left: auto; right: calc(100% + 8px); opacity: 1; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:hover .navPage-subMenu-action, .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:focus .navPage-subMenu-action { color: #4f4f4f; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:hover > .navPages-action-toggle-desktop, .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:focus > .navPages-action-toggle-desktop { opacity: 1; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:hover > .navPages-action-toggle-desktop .icon, .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item:focus > .navPages-action-toggle-desktop .icon { fill: #4f4f4f; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item .navPages-action-toggle-desktop:focus-visible .icon { fill: #4f4f4f; } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-item .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop { padding: 0.5rem; top: calc(50% - 1px); transform: translateY(-50%); } .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-action { min-width: 140px; font-weight: inherit; text-transform: none; font-size: 14px; margin-bottom: 0; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList { position: absolute; top: 0; left: -99999px; background-color: #f7f7f7; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); padding: 0.1875rem; visibility: hidden; border-radius: 4px; border: 5px solid transparent; z-index: 50; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList.is-open { left: calc(100% + 10px); visibility: visible; overflow-y: unset !important; top: -8px !important; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList.is-open.toLeft { left: auto; right: calc(100% + 10px); } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item { padding: 0; position: relative; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item::after { right: 3px; top: 0; height: 100%; width: 10%; position: absolute; content: ""; transform: translateX(100%); } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item::before { left: 0; top: 0; height: 100%; width: 15%; position: absolute; content: ""; transform: translateX(-100%); z-index: 100; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:hover > .navPage-childList, .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:focus > .navPage-childList { left: calc(100% + 8px); visibility: visible; opacity: 1; top: -8px !important; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:hover > .navPage-childList.toLeft, .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:focus > .navPage-childList.toLeft { left: auto; right: calc(100% + 8px); } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:hover > .navPage-childList-action, .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:focus > .navPage-childList-action { color: #4f4f4f; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:hover > .navPages-action-toggle-desktop .icon, .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:focus > .navPages-action-toggle-desktop .icon { fill: #4f4f4f; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:hover:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop, .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:focus:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop { opacity: 1; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:has(.navPage-childList) { padding: 0; display: block; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:has(.navPage-childList) .navPage-childList-action, .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:has(.navPage-childList) .navPage-childList .navPage-childList-item:has(.navPage-childList) { padding: 0.5rem 1.875rem 0.5rem 0.5rem; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:has(.navPage-childList) .navPage-childList .navPage-childList-item .navPage-childList-action { padding: 0.5rem; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:has(.navPage-childList) .navPage-childList { min-width: 160px; width: unset; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop { opacity: 0.5; transform: rotate(0); } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item > .navPages-action-toggle-desktop .icon { fill: black; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-action { font-size: 14px; padding: 0.5rem; line-height: inherit; min-width: 150px; position: relative; margin: 0; } .navPage-subMenu.navPage-subMenu--standard .navPage-childList-action ._titleSubmenu { display: none; } } @media (min-width: 801px) { .navPages-item.navPages-item--standard:not(:hover) .navPage-subMenu.navPage-subMenu--standard { opacity: 0; visibility: hidden; transition: opacity 0.1s, visibility 0.1s, left 0.1s 0.2s linear; left: -100vw; } .navPages-item.navPages-item--standard:not(:hover) .navPage-subMenu.navPage-subMenu--standard.is-open { opacity: 1; visibility: visible; left: 0; transition: left 0s linear 0.1s; } } @media (min-width: 801px) { .navPage-subMenu--column.navPage-subMenu { width: auto !important; position: absolute; padding-left: 0; padding-right: 0; left: 0; transform: unset; min-width: unset; max-width: unset; overflow: unset !important; } .navPage-subMenu--column.navPage-subMenu.is-open { left: 0; transform: unset; white-space: nowrap; } .navPage-subMenu--column.navPage-subMenu .navPage-childList.is-open { display: block; opacity: 1; transform: translateY(0); transition: opacity 0.2s ease-in, transform 0.2s ease-in, left 0.1s ease-in 0.2s; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item.is-hover > .navPage-childList.is-open, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:hover > .navPage-childList.is-open, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:focus > .navPage-childList.is-open { opacity: 1; transform: none; transition: opacity 0.2s ease-out, transform 0.2s ease-out; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item.is-hover > .navPage-childList.is-open, .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:hover > .navPage-childList.is-open, .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:focus > .navPage-childList.is-open { opacity: 1; transform: none; transition: opacity 0.2s ease-out, transform 0.2s ease-out; } .navPage-subMenu--column.navPage-subMenu:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop { display: inline-block; padding: 0.5rem; font-size: 14px; top: auto; opacity: 1; transform: rotate(0); } .navPage-subMenu--column.navPage-subMenu .navPages-action-toggle-desktop { display: inline-block; padding: 0.5rem; font-size: 0.875rem; top: auto; transform: unset; opacity: 0.5; } .navPage-subMenu--column.navPage-subMenu .navPages-action-toggle-desktop .icon { transform: rotate(-90deg); vertical-align: baseline; fill: black; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-list { display: block; padding: 0.1875rem; position: relative; border-radius: 4px; border-color: transparent; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item { border-right: 0; width: 100%; background-color: #f7f7f7; padding: 0; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item > .navPages-action-toggle-desktop .icon { fill: black; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item > .navPages-action-toggle-desktop:focus-visible .icon { fill: #4f4f4f; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:hover, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:focus { background-color: #f7f7f7; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:hover > .navPage-childList, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:focus > .navPage-childList { left: calc(100% + 5px); visibility: visible; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:hover > .navPage-childList.toLeft, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:focus > .navPage-childList.toLeft { left: auto; right: calc(100% + 5px); } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:hover .navPage-subMenu-action, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:focus .navPage-subMenu-action { color: #4f4f4f; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:hover > .navPages-action-toggle-desktop, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:focus > .navPages-action-toggle-desktop { opacity: 1; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:hover > .navPages-action-toggle-desktop .icon, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:focus > .navPages-action-toggle-desktop .icon { fill: #4f4f4f; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:hover::after, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:focus::after { content: ""; position: absolute; height: 100%; width: 20px; right: 15px; top: 0; transform: translateX(100%); } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:hover::before, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:focus::before { content: ""; position: absolute; height: 100%; width: 20px; left: 15px; top: 0; transform: translateX(-100%); } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:has(.navPage-childList) .navPage-subMenu-action { padding-right: 1.6875rem; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-action { display: inline-block; width: 100%; min-width: 140px; font-weight: inherit; text-transform: none; font-size: 14px; margin-bottom: 0; padding: 0.5rem; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-action > img { display: none; } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-action span { white-space: nowrap; } .navPage-subMenu--column.navPage-subMenu .navPage-childList { position: absolute; top: -5px !important; overflow-y: unset !important; left: -99999px; min-height: calc(100% + 6px); background-color: #f7f7f7; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); padding: 0.1875rem; visibility: hidden; border-radius: 0px; z-index: 50; opacity: 0; transition: opacity 0.1s linear; border-radius: 4px; border: 5px solid transparent; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); display: block; } .navPage-subMenu--column.navPage-subMenu .navPage-childList.is-open { left: calc(100% + 5px); visibility: visible; opacity: 1; } .navPage-subMenu--column.navPage-subMenu .navPage-childList.is-open.toLeft { left: auto; right: calc(100% + 5px); } .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:hover > .navPage-childList, .navPage-subMenu--column.navPage-subMenu .navPage-subMenu-item:focus > .navPage-childList { opacity: 1; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item { position: static; padding: 0; display: block; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:hover > .navPage-childList, .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:focus > .navPage-childList { left: calc(100% + 5px); visibility: visible; top: -5px !important; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:hover > .navPage-childList.toLeft, .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:focus > .navPage-childList.toLeft { left: auto; right: calc(100% + 5px); } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:hover > .navPage-childList-action, .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:focus > .navPage-childList-action { color: #4f4f4f; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:hover::after, .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:focus::after { content: ""; position: absolute; height: 100%; width: 20px; right: 15px; top: 0; transform: translateX(100%); } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:hover::before, .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:focus::before { content: ""; position: absolute; height: 100%; width: 20px; left: 10px; top: 0; transform: translateX(-100%); z-index: 100; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:hover > .navPages-action-toggle-desktop .icon, .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:focus > .navPages-action-toggle-desktop .icon { fill: #4f4f4f; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:hover:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop, .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:focus:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop { opacity: 1; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu { padding-right: 1.6875rem; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:has(.navPage-childList) .navPage-childList { width: auto; min-width: unset; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop { opacity: 0.5; } .navPage-subMenu--column.navPage-subMenu .navPage-childList-action { font-size: 14px; padding: 0.5rem; line-height: inherit; min-width: 150px; width: 100%; display: inline-block; position: relative; margin-top: 0; } .navPage-subMenu--column.navPage-subMenu ._titleSubmenu { display: none; } } @media (max-width: 800px) { .navPage-subMenu--column.navPage-subMenu .navPage-childList { position: fixed; } } @media (min-width: 801px) { .navPages-item--column.navPages-item:not(:hover) .navPage-subMenu.navPage-subMenu--column { opacity: 0; visibility: hidden; transition: opacity 0.1s, visibility 0.1s, left 0.1s 0.2s linear; left: -100vw; } .navPages-item--column.navPages-item:not(:hover) .navPage-subMenu.navPage-subMenu--column.is-open { opacity: 1; visibility: visible; left: 0; transition: left 0s linear 0.1s; } } @media (min-width: 801px) { .navPages-item--standard.navPages-item > .navPages-action.has-subMenu, .navPages-item.navPages-item--page > .navPages-action.has-subMenu, .navPages-item--column.navPages-item > .navPages-action.has-subMenu { padding-right: 1.5rem; } .navPages-item--standard.navPages-item > .navPages-action.has-subMenu + .navPages-action-toggle-desktop, .navPages-item.navPages-item--page > .navPages-action.has-subMenu + .navPages-action-toggle-desktop, .navPages-item--column.navPages-item > .navPages-action.has-subMenu + .navPages-action-toggle-desktop { right: 8px; } } .navPage-subMenu-list { list-style: none; } @media (max-width: 800px) { .navPage-subMenu-list { margin: 0; display: flex; flex-wrap: wrap; row-gap: 0.375rem; column-gap: 0.9375rem; padding: 0.625rem 0.9375rem 0.9375rem; } .navPage-subMenu-list > .navPage-subMenu-item { width: calc(50% - 8px); } } @media (min-width: 801px) { .navPage-subMenu-list { display: flex; flex-wrap: wrap; padding: 1.875rem 1.5rem; margin: 0; background-color: #f7f7f7; border-radius: 0px; border: 5px solid #dddddd; justify-content: center; } } @media all and (min-width: 801px) and (-ms-high-contrast: none), (min-width: 801px) and (-ms-high-contrast: active) { .navPage-subMenu-list { display: flex; flex-wrap: wrap; } } .navPage-subMenu-list:has(.navPage-subMenu-item:nth-child(4)) { justify-content: flex-start; } .navPage-subMenu-action { text-decoration: none; display: block; color: black; text-align: left; font-weight: 700; } @media (max-width: 800px) { .navPage-subMenu-action { color: rgba(0, 0, 0, 0.8); line-height: 19px; font-size: 12px; } .navPage-subMenu-action:hover, .navPage-subMenu-action:focus { color: #4f4f4f; } .navPages-action-toggle + .navPage-subMenu-action { position: relative; margin-right: 60px; } .navPages-action-toggle + .navPage-subMenu-action::after { right: -60px; } .navPage-subMenu-action > span { display: block; padding: 0 0 0.375rem 0; } .navPage-subMenu-action > img { margin-bottom: 0.3125rem; } } @media (min-width: 801px) { .navPage-subMenu-action { padding: 0; font-weight: 600; font-size: 14px; margin-bottom: 0.75rem; } .navPage-subMenu-action:hover, .navPage-subMenu-action:focus { color: #4f4f4f; } .navPage-subMenu-action:not(.has-subMenu) > span { display: block; } .navPage-subMenu-action img { margin-bottom: 1.125rem; } } .navPage-childList { list-style: none; } @media (max-width: 800px) { .navPage-childList { margin: 0; width: calc(100vw - 156px); overflow-x: hidden; transition: all 0.2s ease; left: 100%; z-index: 0; height: 0; padding: 0 0 1.5rem 0.9375rem; opacity: 0; visibility: hidden; position: absolute; } .navPage-childList ._titleSubmenu, .navPage-childList ._titleSubMenu { display: flex; padding-right: 0.9375rem; padding-top: 0.75rem; justify-content: space-between; align-items: center; position: sticky; top: 0; background-color: #f7f7f7; z-index: 50; } .navPage-childList ._titleSubmenu .icon, .navPage-childList ._titleSubMenu .icon { margin-top: 0.0625rem; } .navPage-childList ._titleSubmenu .navPage-subMenu-action:hover .icon, .navPage-childList ._titleSubmenu .navPage-subMenu-action:focus-visible .icon, .navPage-childList ._titleSubMenu .navPage-childList-action:hover .icon, .navPage-childList ._titleSubMenu .navPage-childList-action:focus-visible .icon { fill: #4f4f4f; } .navPage-childList ._titleSubmenu .navPages-action-toggle, .navPage-childList ._titleSubMenu .navPages-action-toggle { display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; max-width: calc(100% - 5.5rem); color: #4f4f4f; } .navPage-childList ._titleSubmenu .navPages-action-toggle ._icon-viewAll, .navPage-childList ._titleSubMenu .navPages-action-toggle ._icon-viewAll { fill: #4f4f4f; } .navPage-childList ._titleSubmenu .navPages-action-toggle > span, .navPage-childList ._titleSubMenu .navPages-action-toggle > span { overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; display: block; font-weight: 700; } .navPage-childList ._titleSubMenu .navPages-action-toggle .icon { order: 1; transform: rotate(180deg); fill: #4f4f4f; flex-shrink: 0; } .navPage-childList ._titleSubMenu .navPages-action-toggle > span { order: 2; } .navPage-childList ._titleSubMenu .navPage-childList-action .icon { height: 0.75rem; width: 0.75rem; } .navPage-childList .navPage-subMenu-action { display: inline-flex; margin-right: 0; font-size: 12px; align-items: center; gap: 0.375rem; padding: 0; text-transform: uppercase; } .navPage-childList .navPage-subMenu-action > span { padding: 0; line-height: 19px; } .navPage-childList.is-open { margin: 0; background-color: #f7f7f7; z-index: 50; overflow-y: auto; left: 156px; height: calc(100% - 135px); transition: all 0.2s ease; position: fixed; opacity: 1; visibility: visible; } .navPage-childList.is-open .navPages-action-toggle.is-open { display: flex; align-items: center; text-align: left; font-size: 1rem; gap: 0.375rem; transition: all 0.2s ease; line-height: 13px; max-width: calc(100% - 5.5rem); color: #4f4f4f; } .navPage-childList.is-open .navPages-action-toggle.is-open ._icon-viewAll { fill: #4f4f4f; } .navPage-childList.is-open .navPages-action-toggle.is-open > span { overflow: hidden; padding: 0.1875rem 0; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; display: block; } .navPage-childList.is-open ._icon-viewAll { transform: rotate(180deg); flex-shrink: 0; width: 0.75rem; height: 0.75rem; } .navPage-childList.is-open .navPages-action-toggle.is-open { background-color: #f7f7f7; } } @media (min-width: 801px) { .navPage-childList { margin: 0; } } .navPage-childList-action { font-size: 14px; text-decoration: none; display: block; color: black; position: relative; transition: all 0.3s ease; } @media (min-width: 801px) { .navPage-childList-action { margin: 0.375rem 0 0; text-align: left; } } .navPage-childList-action:hover, .navPage-childList-action:focus, .navPage-childList-action:active { color: #4f4f4f; } @media (max-width: 800px) { .navPage-childList-action { padding: 0.25rem 0.9375rem 0.5rem; color: black; background-color: transparent; } .navPage-childList-action::before { background-color: black; } .navPage-childList-action:hover, .navPage-childList-action:focus, .navPage-childList-action:active { color: #4f4f4f; background-color: transparent; } .navPage-childList-action:hover::before, .navPage-childList-action:focus::before, .navPage-childList-action:active::before { background-color: #4f4f4f; } .navPage-childList-action:hover .icon, .navPage-childList-action:focus .icon, .navPage-childList-action:active .icon { fill: #4f4f4f; } .navPage-childList-action.has-subMenu { padding: 0; text-transform: uppercase; font-weight: 700; font-size: 12px; display: flex; align-items: center; gap: 0.375rem; } .navPage-childList-action.has-subMenu > span { line-height: 19px; } } .beautify__belowMobileMenu { margin: auto -1.5rem 0; } @media (min-width: 801px) { .beautify__belowMobileMenu { display: none; } } [data-content-region="header_navuser--global"] .beautify__calloutIcons ._item--style-left ._icon { margin-right: 0.75rem; } @media (max-width: 1600px) { .navPage-subMenu--column, .navPage-subMenu--standard { width: auto; } } @media (max-width: 800px) { .header:not(.is-open) ._searchBar { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .navPage-subMenu { width: 100%; } .navPages { height: 100%; background-color: #e5e5e5; } } .navPage-subMenu [data-edit-mode] { color: black; } .navPage-subMenu .chiara__carousel .slick-arrow { width: 2.5rem; } .navPage-subMenu .chiara__carousel .slick-arrow::before { margin-left: auto; margin-right: auto; } .navPage-subMenu .chiara__carousel .slick-next { top: 50%; right: 0; transform: translate(100%, -50%); } .navPage-subMenu .chiara__carousel .slick-prev { top: 50%; left: 0; transform: translate(-100%, -50%); } .border-separation--top { border: 5px solid #dddddd; } .navPages-item.navPages-item--page { position: unset; } @media (min-width: 801px) { .navPages-item.navPages-item--page { position: relative; } .navPages-item.navPages-item--page .navPages-action { padding: 0.375rem 0 0.375rem 1rem; } .navPages-item.navPages-item--page:hover .navPage-subMenu.navPage-subMenu--standard, .navPages-item.navPages-item--page .navPage-subMenu.navPage-subMenu--standard.is-open { opacity: 1; visibility: visible; left: 0; } .navPages-item.navPages-item--page:hover .navPages-action { background-color: transparent; color: #cccccc; } .navPages-item.navPages-item--page:hover .navPages-action::after { width: calc(100% - spacing("base") * 2); } .navPages-item.navPages-item--page .navPages-action-toggle-desktop .icon { fill: #4f4f4f; } .navPages-item.navPages-item--page .navPages-action { font-weight: 600; color: #4f4f4f; } .navPages-item.navPages-item--page .navPages-action:hover { background-color: transparent; color: #cccccc; } .navPages-item.navPages-item--page .navPages-action:hover + .navPages-action-toggle-desktop .icon { fill: #cccccc; } .navPages-item.navPages-item--page .navPage-subMenu { padding-top: 0; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); min-width: unset; max-width: unset; background-color: white; border: 1px solid white; } .navPages-item.navPages-item--page .navPage-subMenu-list { border-color: transparent; padding-bottom: 0.625rem !important; background-color: white; } .navPages-item.navPages-item--page .navPage-subMenu-action { padding-top: 0.375rem; margin-bottom: 0.375rem; color: black; } .navPages-item.navPages-item--page .navPage-subMenu-action:hover, .navPages-item.navPages-item--page .navPage-subMenu-action:hover { color: #767676; } .navPages-item.navPages-item--page .navPage-subMenu-item .navPage-subMenu-action { color: black; } .navPages-item.navPages-item--page .navPage-subMenu-item .navPage-subMenu-action:hover, .navPages-item.navPages-item--page .navPage-subMenu-item .navPage-subMenu-action:hover { color: #767676; } .navPages-item.navPages-item--page .navPage-subMenu-item { padding-left: 0.75rem; padding-right: 0.75rem; background-color: white; } .navPages-item.navPages-item--page .navPage-subMenu-item:hover, .navPages-item.navPages-item--page .navPage-subMenu-item:active { background-color: transparent; } .navPages-item.navPages-item--page .navPage-subMenu-item:hover .navPage-subMenu-action, .navPages-item.navPages-item--page .navPage-subMenu-item:active .navPage-subMenu-action { color: #767676; } .navPages-item.navPages-item--page .navPage-subMenu-item span { padding-top: unset; } .navPages-item.navPages-item--page .navPage-subMenu.navPage-subMenu--standard { left: -9999px; right: unset; white-space: nowrap; transform: unset; pointer-events: unset; opacity: 0; visibility: hidden; } .navPages-item.navPages-item--page .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-middle { padding: 0; } .navPages-item.navPages-item--page .navPage-subMenu.navPage-subMenu--standard .navPage-subMenu-list { padding: 0.625rem 0.25rem 1rem; } .navPages-item.navPages-item--page .navPage-subMenu.navPage-subMenu--standard .navPages-action-toggle-desktop { position: absolute; right: 0; } } @media (min-width: 801px) and (min-width: 801px) { .navPages-item.navPages-item--page .navPage-subMenu.navPage-subMenu--standard .navPage-childList { border-color: transparent; padding-top: 0.625rem; padding-bottom: 0.625rem; } .navPages-item.navPages-item--page .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item { padding: 0 0.75rem; } .navPages-item.navPages-item--page .navPage-subMenu.navPage-subMenu--standard .navPage-childList-item .navPage-childList-action { left: 0; padding: 0.375rem 0 0.5rem; font-size: 14px; } } @media (min-width: 801px) { .navPages-item.navPages-item--page.navPages-item--currency .navPage-subMenu-action:has(strong) { color: #767676; } } @media (max-width: 800px) { .navPages-item.navPages-item--page.navPages-item--currency .navPage-subMenu.is-open { z-index: 50; } .navPages-item.navPages-item--page.navPages-item--currency .navPages-action { position: relative; padding-right: 0.9375rem; } .navPages-item.navPages-item--page.navPages-item--currency .navPages-action.is-open { background-color: #f7f7f7; } .navPages-item.navPages-item--page.navPages-item--currency .navPages-action.is-open::after { content: ""; position: absolute; right: -2px; background-color: #f7f7f7; height: 100%; width: 10%; top: 0; z-index: 100; } .navPages-item.navPages-item--page.navPages-item--currency .navPage-subMenu-action { display: flex; align-items: center; column-gap: 0.375rem; padding-left: 0; } .navPages-item.navPages-item--page.navPages-item--currency .navPage-subMenu-action:has(strong) { color: #4f4f4f; } } @media (max-width: 102.75rem) and (min-width: 800px) { .navPages-item.navPages-item--page .navPage-subMenu { width: auto !important; } } @media (max-width: 800px) { .navPages-item.navPages-item--page .navPage-subMenu-list > .navPage-subMenu-item { width: 100%; } .navPages-item.navPages-item--page .navPage-subMenu-list { row-gap: unset; padding-left: 1.5rem; } .navPages-item.navPages-item--page .navPage-subMenu-item:first-child .navPage-subMenu-action span { color: black; } .navPages-item.navPages-item--page .navPage-subMenu-item:first-child .navPage-subMenu-action:focus-visible span, .navPages-item.navPages-item--page .navPage-subMenu-item:first-child .navPage-subMenu-action:hover span { color: #4f4f4f; } .navPages-item.navPages-item--page .navPage-subMenu-action { color: black; } .navPages-item.navPages-item--page .navPage-subMenu-action:hover, .navPages-item.navPages-item--page .navPage-subMenu-action:focus-visible span { color: #4f4f4f; } } ._imgTitle { margin-bottom: 0.3125rem; } @media (min-width: 801px) { ._imgTitle { display: none; } } .cart-quantity-label ._single-item, .cart-quantity-label ._plural-item { display: none; } .navPages:not(._hasMegamenu) .navPage-subMenu-item .navPage-linkImg, .navPages:not(._hasWidgets) .navPage-subMenu-item .navPage-linkImg { display: none; } .body-sidebar { margin: 1.5rem 0; } .body-sidebar .sidebarBlock { margin-bottom: 1.5rem; } @media (min-width: 801px) { .body-sidebar .page-sidebar { width: 100%; } } @media (max-width: 800px) { .body-sidebar { position: relative; margin: 0; } .body-sidebar [data-content-region] { display: none; } .body-sidebar .page-sidebar--top.beautify__filters { z-index: 105; } } .body-sidebar .navPages-action:hover::before, .body-sidebar .navPages-action:focus::before { opacity: 0; } .body-sidebar .categoryTree .navPage-subMenu-item .navPage-subMenu-action:hover, .body-sidebar .categoryTree .navPage-subMenu-item .navPage-subMenu-action:focus, .body-sidebar .categoryTree .navPage-subMenu-item .navPage-childList-action:hover, .body-sidebar .categoryTree .navPage-subMenu-item .navPage-childList-action:focus { color: #4f4f4f; } @media (max-width: 800px) { .sidebarBlock--categoryTree { display: none; } } @media (min-width: 801px) { .categoryTree .navPages-list { border-radius: 0px; padding: 0.75rem; background-color: transparent; border: 5px solid rgba(136, 136, 136, 0.6); padding-right: 1rem; } .categoryTree .navPages-item { display: block; } .categoryTree .navPages-item > .navPages-action { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 3rem; } .categoryTree .navPages-item:hover > .navPages-action, .categoryTree .navPages-item:focus > .navPages-action { color: unset; } .categoryTree .navPages-item:hover > .navPages-action-toggle-desktop .icon, .categoryTree .navPages-item:focus > .navPages-action-toggle-desktop .icon { fill: black; } .categoryTree .navPages-item:has(.navPages-action-toggle-desktop.is-open) .navPages-action.has-subMenu { color: #767676; } .categoryTree .navPages-item .navPages-action { font-size: 20px; color: black; } .categoryTree .navPages-item .navPages-action:hover, .categoryTree .navPages-item .navPages-action:active, .categoryTree .navPages-item .navPages-action:focus { color: #767676; } .categoryTree .navPages-item .navPages-action.active { color: #767676; } .categoryTree .navPages-item:hover > .navPages-action::before { content: unset; } .categoryTree .navPages-action { margin: 0; } .categoryTree .navPages-action.has-subMenu::before { content: unset; } .categoryTree .navPages-action-toggle-desktop { top: 23px; padding: 0.5rem; height: 35px; width: 35px; z-index: 40; display: flex; justify-content: center; align-items: center; border-radius: 4px; } .categoryTree .navPages-action-toggle-desktop .toggleLink-text--off { vertical-align: top; } .categoryTree .navPages-action-toggle-desktop .icon { fill: black; opacity: 0.4; } .categoryTree .navPages-action-toggle-desktop:hover { background-color: rgba(0, 0, 0, 0.1); } .categoryTree .navPages-action-toggle-desktop:hover .icon { opacity: 1; fill: #767676 !important; } .categoryTree .navPages-action-toggle-desktop.is-open .icon { opacity: 0.4; } .categoryTree .navPages-action-toggle-desktop.is-open:hover .icon { opacity: 1; } .categoryTree .navPages-action-toggle-desktop.is-open .toggleLink-text--on { display: block; } .categoryTree .navPages-action-toggle-desktop.is-open .toggleLink-text--off { display: none; } .categoryTree .navPage-subMenu { position: unset; padding: 0; transform: unset; } .categoryTree .navPage-subMenu:not(.is-open) { display: none; } .categoryTree .navPage-subMenu-list { border: unset; border-radius: unset; display: block; padding: 0; background-color: transparent; box-shadow: unset; margin-left: 1rem; } .categoryTree .navPage-subMenu-item { width: 100%; padding: 0; position: relative; } .categoryTree .navPage-subMenu-item:hover > .navPage-subMenu-action, .categoryTree .navPage-subMenu-item:active > .navPage-subMenu-action { color: unset; } .categoryTree .navPage-subMenu-item:hover > .navPages-action-toggle-desktop .icon, .categoryTree .navPage-subMenu-item:active > .navPages-action-toggle-desktop .icon { fill: unset; } .categoryTree .navPage-subMenu-item:has(.navPages-action-toggle-desktop.is-open) .navPage-subMenu-action.has-subMenu { color: #767676; } .categoryTree .navPage-subMenu .navPages-action-toggle-desktop:hover .icon { opacity: 1; } .categoryTree .navPage-subMenu-item .navPage-subMenu-action { font-size: 18px; padding: 0.5rem 1.5rem 0.75rem 1rem; margin-bottom: 0; color: black; } .categoryTree .navPage-subMenu-item .navPage-subMenu-action:hover, .categoryTree .navPage-subMenu-item .navPage-subMenu-action:active { color: #767676; } .categoryTree .navPage-subMenu-item .navPage-subMenu-action.active { color: #767676; } .categoryTree .navPage-childList { margin: 0; display: none; margin-left: 1.5rem; } .categoryTree .navPage-childList.is-open { display: block; } .categoryTree .navPage-subMenu-item > .navPage-childList > .navPage-childList-item:hover::before, .categoryTree .navPage-subMenu-item > .navPage-childList > .navPage-childList-item:hover::after { content: unset; } .categoryTree .navPage-childList-action { font-size: 18px; padding: 0.5rem 0 0.5rem 1.5rem; color: black; margin-bottom: 0.1875rem; } .categoryTree .navPage-childList-action:hover { color: #767676 !important; } .categoryTree .navPage-childList-action:hover::before { content: unset; } .categoryTree .navPage-childList-action.active { color: #767676; } .categoryTree .navPage-childList-action::before { content: unset; } .categoryTree .navPage-childList-item:has(.navPage-childList) > .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop { padding: 1rem; z-index: 40; opacity: 1; pointer-events: unset; transform: rotate(0); } .categoryTree .navPage-childList-item:has(.navPage-childList) > .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop:hover, .categoryTree .navPage-childList-item:has(.navPage-childList) > .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop:active { opacity: 1; } .categoryTree .navPage-childList-item:has(.navPage-childList) > .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop:hover .icon, .categoryTree .navPage-childList-item:has(.navPage-childList) > .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop:active .icon { opacity: 1; } .categoryTree .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop:focus .icon { fill: black; } .categoryTree .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop:hover .icon { fill: #767676; } .categoryTree .navPage-childList-item:has(.navPage-childList):hover > .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop .icon { fill: black; } .categoryTree .navPage-childList-item { background-color: transparent; } .categoryTree .navPage-childList-item:hover > .navPage-childList-action { color: black; } .categoryTree .navPage-childList-item:has(.navPages-action-toggle-desktop.is-open) > .navPage-childList-action.has-subMenu { color: #767676; } .categoryTree .navPage-childList-item:has(.navPage-childList) { display: block; } .categoryTree .navPage-childList-item:has(.navPage-childList) .navPage-childList { position: static; visibility: unset; box-shadow: unset; background-color: transparent; border-radius: unset; border: unset; min-width: unset; padding: 0; width: calc(100% - 1.5rem); } .categoryTree .navPage-childList-item:has(.navPage-childList) .navPage-childList-item { padding: 0; } .categoryTree .navPage-childList-item:has(.navPage-childList) .navPage-childList-item .navPage-childList-action { padding-left: 0.75rem; } .categoryTree .navPage-childList-item:has(.navPage-childList) .navPage-childList-action.has-subMenu + .navPages-action-toggle-desktop { top: 2px; } .categoryTree .navPages-action-toggle-desktop .icon { height: 0.75rem; width: 0.75rem; } } @media (min-width: 801px) { .editing-menu-widgets .header { position: static !important; } .editing-menu-widgets .navPages._hasWidgets .navPages-list:not(.navPages-list--user) { width: 100%; } .editing-menu-widgets .navPages._hasWidgets .navPages-list:not(.navPages-list--user) > .navPages-item { display: block !important; } .editing-menu-widgets .navPages._hasWidgets .navPages-list:not(.navPages-list--user) > .navPages-item > .navPages-action::before { display: none; } .editing-menu-widgets .navPages._hasWidgets .navPages-list:not(.navPages-list--user) .navPage-subMenu { position: static !important; transform: none !important; display: block !important; } .editing-menu-widgets .navPages-action-toggle-desktop { display: none !important; } .editing-menu-widgets .stickyHeader-placeholder { display: none !important; } } @media (min-width: 801px) { .navPages._hasWidgets .navPage-subMenu, .navPages._hasMegamenu .navPage-subMenu { background-color: #f7f7f7; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); padding: 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 15px); z-index: 1; left: -100vw; } .navPages._hasWidgets .navPage-subMenu.is-open, .navPages._hasMegamenu .navPage-subMenu.is-open { pointer-events: unset; opacity: 1; visibility: visible; left: 50%; z-index: 50; overflow: unset !important; transform: translate(-50%, 0); } .navPages._hasWidgets .navPages-item:not(.navPages-item--page):hover .navPage-subMenu, .navPages._hasWidgets .navPages-item:not(.navPages-item--page):hover .navPage-subMenu.is-open, .navPages._hasMegamenu .navPages-item:not(.navPages-item--page):hover .navPage-subMenu, .navPages._hasMegamenu .navPages-item:not(.navPages-item--page):hover .navPage-subMenu.is-open { pointer-events: unset; opacity: 1; visibility: visible; z-index: 50; left: 50%; overflow: unset !important; transform: translate(-50%, 0); } .navPages._hasWidgets .navPages-item:not(.navPages-item--page):hover .navPage-subMenu::after, .navPages._hasWidgets .navPages-item:not(.navPages-item--page):hover .navPage-subMenu.is-open::after, .navPages._hasMegamenu .navPages-item:not(.navPages-item--page):hover .navPage-subMenu::after, .navPages._hasMegamenu .navPages-item:not(.navPages-item--page):hover .navPage-subMenu.is-open::after { position: absolute; content: ""; width: 100%; height: 20px; top: -10px; left: 0; z-index: 100; } .navPages._hasWidgets .navPages-item:not(.navPages-item--page):not(:hover) .navPage-subMenu, .navPages._hasMegamenu .navPages-item:not(.navPages-item--page):not(:hover) .navPage-subMenu { transition: opacity 0.2s, visibility 0.2s, transform 0.2s, left 0s 0.2s linear; } .navPages._hasWidgets .navPage-subMenu-middle, .navPages._hasMegamenu .navPage-subMenu-middle { display: flex; padding: 0 1.125rem 1.875rem; } .navPages._hasWidgets .navPage-subMenu-middle > [data-content-region]:not(:has([data-sub-layout-container])), .navPages._hasMegamenu .navPage-subMenu-middle > [data-content-region]:not(:has([data-sub-layout-container])) { max-width: 20%; } .navPages._hasWidgets .navPage-subMenu-middle > [data-content-region]:has([data-sub-layout-container]), .navPages._hasMegamenu .navPage-subMenu-middle > [data-content-region]:has([data-sub-layout-container]) { width: 20%; } .navPages._hasWidgets .navPage-subMenu-list, .navPages._hasMegamenu .navPage-subMenu-list { flex: 1 1 auto; background-color: transparent; box-shadow: 0; border-radius: 0; border: 0; padding: 0; } .navPages._hasWidgets .navPage-subMenu-list [data-content-region], .navPages._hasMegamenu .navPage-subMenu-list [data-content-region] { max-width: 100%; } .navPages._hasWidgets .navPage-subMenu-bottom, .navPages._hasMegamenu .navPage-subMenu-bottom { border-bottom-left-radius: 0px; overflow: hidden; } .navPages._hasWidgets .navPage-childList, .navPages._hasMegamenu .navPage-childList { overflow: unset !important; } } @media (max-width: 800px) { .navPages._hasWidgets .navPage-subMenu [data-content-region], .navPages._hasMegamenu .navPage-subMenu [data-content-region] { display: none; } } .navPages:not(._hasWidgets) [data-content-region] { display: none; } .footer { padding-top: 0; background: #f7f7f7; color: black; } .footer a { color: #666666; text-decoration: none; } .footer a:hover, .footer a:focus, .footer a:active { color: #e5e5e5; } .footer [data-content-region="footer_top--global"]:has([data-widget-id]) + .footer-map, .footer [data-content-region="footer_top--global"]:has([data-widget-id]) + .footer-info { padding-top: 0; } .footer .footer-copyright a { text-decoration: underline; color: inherit; } .footer .beautify__footerIcons { margin-left: auto; margin-right: 0; } .footer .footer-info-heading a { color: inherit; font-size: inherit; } .footer .footer-info-heading a:hover, .footer .footer-info-heading a:focus, .footer .footer-info-heading a:active { color: inherit; } .footer .footer-below { background-color: #1a1a1a; padding: 1rem 0; } @media (min-width: 801px) { .footer .footer-below { padding: 1.875rem 0; } } .footer .footer-below ._col-copyright-footer + ._col-powered-by { margin-top: 0.1875rem; } @media (max-width: 800px) { .footer .footer-below:has(.footer-payments .footer-payment-icons svg) .powered-by ._col-copyright-footer, .footer .footer-below:has(.footer-payments .footer-payment-icons svg) .powered-by ._col-powered-by { margin-top: 1rem; } .footer .footer-below:has(.footer-payments .footer-payment-icons svg) ._col-copyright-footer + ._col-powered-by { margin-top: 0.375rem; } } .footer .footer-below > .container { display: flex; justify-content: space-between; } @media (max-width: 800px) { .footer .footer-below > .container { flex-direction: column-reverse; align-items: center; } } .footer .footer-map__col--info { width: 100%; flex-direction: column; } .footer .socialLinks .icon { width: 1.75rem; height: 1.75rem; background: #fff; padding: 0.375rem; margin-bottom: 0.75rem; margin-right: 0.75rem; border-radius: 4px; box-sizing: content-box; } .footer-info-heading { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 18px; color: black; margin-top: 0; margin-bottom: 1rem; } @media (min-width: 801px) { .footer-info-heading { font-size: 20px; margin-bottom: 1.5rem; } } .footer-info-list { column-gap: 1.5rem; margin-bottom: 0; } .footer-info-list li { margin-bottom: 0.5rem; } .footer-list--brands { column-count: 1; } .footer-list--category { column-count: 1; } .footer-list--navigate { column-count: 1; } [data-content-region="footer_contact--global"] { font-size: 14px; } [data-content-region="footer_contact--global"]:has([data-widget-id]) { padding-top: 1.5rem; } [data-content-region="footer_contact--global"] [data-widget-id] p { margin-left: 32px; } [data-content-region="footer_contact--global"] [data-widget-id] p .icon { float: left; margin-left: -32px; margin-top: 2px; width: 15px; height: 20px; } [data-content-region="footer_contact--global"] [data-widget-id] p br { content: ""; display: block; margin-bottom: 0.375rem; } #consent-manager > div { background-color: #1a1a1a; padding: 0 0.75rem; } #consent-manager > div > div { background-color: #1a1a1a; padding: 0 0 1.5rem; } @media (min-width: 801px) { #consent-manager > div > div { margin-left: auto; margin-right: auto; max-width: 99.75rem; padding: 0 0.75rem; position: relative; width: 100%; padding-top: 0 !important; padding-bottom: 0 !important; } } @media (min-width: 801px) and (min-width: 801px) { #consent-manager > div > div { padding: 0 1.5rem; } } @media (min-width: 801px) and (min-width: 1261px) { #consent-manager > div > div { padding: 0 3rem; } } #consent-manager > div > div > div { margin-top: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.2); align-items: center !important; } @media (min-width: 801px) { #consent-manager > div > div > div > div:first-child { margin-top: 0 !important; } } #consent-manager button { margin: 0 0.75rem 0.75rem 0; } #consent-manager-update-banner { background-color: #1a1a1a !important; padding: 0 0.75rem 1.5rem; position: static !important; line-height: 1.5 !important; height: auto !important; } #consent-manager-update-banner > a { display: block; padding: 0.75rem 0 1.5rem; margin: 0 auto !important; } @media (min-width: 801px) { #consent-manager-update-banner > a { margin-left: auto; margin-right: auto; max-width: 99.75rem; padding: 0 0.75rem; position: relative; width: 100%; } } @media (min-width: 801px) and (min-width: 801px) { #consent-manager-update-banner > a { padding: 0 1.5rem; } } @media (min-width: 801px) and (min-width: 1261px) { #consent-manager-update-banner > a { padding: 0 3rem; } } @media (max-width: 800px) { .has-quickSearchOpen, .has-sidebarTopOpened { overflow: hidden; -webkit-overflow-scrolling: auto; } } .has-activeModal > .header, .has-activeModal > .body, .has-activeModal > .footer, .has-activeModal > [data-content-region], .has-activeModal > .scrollToTop, .has-activeModal > .beautify__section, .has-activeModal #supermarketCompareList { visibility: hidden; } .has-activeModal > .header *, .has-activeModal > .body *, .has-activeModal > .footer *, .has-activeModal > [data-content-region] *, .has-activeModal > .scrollToTop *, .has-activeModal > .beautify__section *, .has-activeModal #supermarketCompareList * { visibility: hidden; } @media (min-width: 801px) { .body-container { display: flex; gap: 1.5rem; } } @media (min-width: 801px) { .body-sidebar { display: block; width: calc((100% - 1.5rem) / 4); } } @media (min-width: 801px) { .body-content { width: calc((100% - 1.5rem) / 4 * 3); } } .container:has(.theme-features) .page-heading { margin-bottom: 1rem; text-align: center; } .h1.page-heading { margin-top: 0.5rem; } .h1.page-heading, h1.page-heading { margin-bottom: 0.375rem; text-align: inherit; } .breadcrumbs { margin: 0; text-align: left; } .breadcrumbs a:focus-visible { margin-left: 0.1875rem; } @media (max-width: 800px) { .breadcrumbs { display: block; white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; padding: 1rem 0; margin-left: -0.75rem; margin-right: -0.75rem; padding-left: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; background: #e5e5e5; margin-bottom: 0.9375rem; box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.15); } .breadcrumbs::-webkit-scrollbar { display: none; } } @media (min-width: 801px) { .breadcrumbs { padding-top: 1.5rem; padding-bottom: 1.5rem; } } .breadcrumb { text-transform: none; } .breadcrumb .icon { width: 0.4375rem; height: 0.6875rem; margin: 0 0.375rem; fill: rgba(79, 79, 79, 0.7); vertical-align: unset; } .breadcrumb .breadcrumb-label { color: #4f4f4f; } .breadcrumb .breadcrumb-label:hover, .breadcrumb .breadcrumb-label:focus { color: #888888; } .breadcrumb.is-active .breadcrumb-label { color: #767676; } .breadcrumb::before { display: none; } .breadcrumb:first-child span { display: none; } .breadcrumb:first-child .icon { width: 12px; height: 12px; margin-left: 0; } .breadcrumb-separator { padding: 0 0.5rem; } .button--toggle { border: 0; padding: 0.375rem 0; font-size: 14px; } .button--toggle:hover, .button--toggle:focus, .button--toggle:active { border: 0; background-color: #e5e5e5; } .button--toggle span { display: inline-flex; align-items: baseline; justify-content: center; } .button--toggle .on { display: none; } .button--toggle .icon { margin-left: 4px; width: 10px; height: 10px; } .button--toggle.is-open .off { display: none; } .button--toggle.is-open .on { display: none; } .button--outline { border-width: 2px; } @media (max-width: 800px) { .page { margin: 0; } } @media (min-width: 801px) { .page { margin-left: 0; margin-right: 0; display: flex; gap: 1.875rem; } .page::before, .page::after { display: none; } .page.page--hasRightSidebar { align-items: flex-start; } } .page.page--hasRightSidebar { margin-top: 1.5rem; margin-bottom: 1.5rem; } @media (max-width: 800px) { .page--hasRightSidebar { display: flex; flex-direction: column; } .page--hasRightSidebar .page-sidebar { padding: 0; } } .page--noBreadcrumbs { padding-top: 1rem; } .page--noBreadcrumbs .page-content-header { text-align: center; } .page--noBreadcrumbs .sitemap-list { display: flex; justify-content: space-around; list-style: none; margin: 0; } .page--noBreadcrumbs .sitemap-list a { text-decoration: none; color: #767676; } .page--noBreadcrumbs .sitemap-list a:hover { color: black; transition: all 0.1s linear; text-decoration: underline; } .page--noBreadcrumbs .sitemap-list li { list-style: none; margin: 0; } .page--noBreadcrumbs .sitemap-list .sitemap-item h3 { margin: 1.125rem 0 0.75rem 0; } .page--noBreadcrumbs .sitemap-list .sitemap-item li { margin: 0.375rem 0; } .page--noBreadcrumbs .sitemap-list .sitemap-item > ul { margin: 0; } @media (max-width: 550px) { .page--noBreadcrumbs .sitemap-list { flex-direction: column; } .page--noBreadcrumbs .sitemap-list .sitemap-item + .sitemap-item { margin-top: 1.125rem; } } .page-content-header .page-heading { margin-bottom: 1.75rem; } @media (max-width: 800px) { .page-bottom { margin: 1.5rem 0; } } @media (min-width: 801px) { .page-bottom { margin: 3rem 0; } } .page-bottom:has(> [data-content-region]:empty) { margin: 0; } .page-content { padding-left: 0; padding-right: 0; } @media (min-width: 801px) { .page-sidebar + .page-content { padding-right: 0; padding-left: 0; } } .page-content[data-cart] .page-heading { font-size: 22px; } @media (max-width: 800px) { .page-content[data-cart] .breadcrumbs { margin-bottom: 1.25rem; } } .page-sidebar + .page-content--100 { width: 100%; border-left: 0; } .page-content-body .blog-post { margin-bottom: 0; } @media (min-width: 801px) { .page-sidebar { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; border: 5px solid rgba(136, 136, 136, 0.6); border-radius: 0px; padding-bottom: 1.5rem; margin-bottom: 3rem; } .page-sidebar.u-hideDesktop + .page-content { width: 100%; border-left: 0; } } iframe.zoid-component-frame { z-index: 1 !important; } .panel--large .panel-body--searchSuggestions { border-radius: 4px; padding: 0; margin-bottom: 1.5rem; font-size: 14px; background-color: transparent; } .panel--large .panel-body--searchSuggestions > :first-child { margin-bottom: 1.5rem; } .panel--large .panel-body--searchSuggestions a { text-decoration: none; } .panel--large .panel-body--searchSuggestions .category-suggestion { margin-bottom: 0.75rem; } @media (max-width: 800px) { .panel--large .panel-body--searchSuggestions { margin-bottom: 1.5rem; } .panel--large .panel-body--searchSuggestions .category-suggestion { margin-bottom: 0.5rem; } } .search-suggestion { margin-bottom: 0.75rem; } .cart-item-quantity .form-increment { display: inline-flex; } .beautify__section.__recentlyViewedProducts-productPage { padding-top: 0; padding-bottom: 0; } .beautify__section.__recentlyViewedProducts-productPage .page-heading { padding: 2rem 0 1.25rem 0; margin: 0; } @media (max-width: 550px) { .beautify__section.__recentlyViewedProducts-productPage .page-heading { padding: 1rem; font-size: 18px; text-align: left; background-color: #e5e5e5; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1); } } .beautify__section.__recentlyViewedProducts-productPage:has(.productCarousel.blaze-slider) .papathemes-recentlyViewed .container { position: relative; } @media (min-width: 1261px) { .beautify__section.__recentlyViewedProducts-productPage:has(.productCarousel.blaze-slider) .papathemes-recentlyViewed .container .productGrid--responsiveCol:not(.is-open) .product:nth-child(-n+ 6) { display: flex; } .beautify__section.__recentlyViewedProducts-productPage:has(.productCarousel.blaze-slider) .papathemes-recentlyViewed .container .productGrid--responsiveCol .product { width: 16.66667%; flex-basis: 16.66667%; } } @media (min-width: 1750px) { .beautify__section.__recentlyViewedProducts-productPage:has(.productCarousel.blaze-slider) .papathemes-recentlyViewed .container .blaze-container .blaze-next { right: 0; } .beautify__section.__recentlyViewedProducts-productPage:has(.productCarousel.blaze-slider) .papathemes-recentlyViewed .container .blaze-container .blaze-prev { left: 0; } } @media (min-width: 1800px) { .beautify__section.__recentlyViewedProducts-productPage:has(.productCarousel.blaze-slider) .papathemes-recentlyViewed .container .blaze-container .blaze-next { right: -1.25rem; } .beautify__section.__recentlyViewedProducts-productPage:has(.productCarousel.blaze-slider) .papathemes-recentlyViewed .container .blaze-container .blaze-prev { left: -1.25rem; } } @media (min-width: 1850px) { .beautify__section.__recentlyViewedProducts-productPage:has(.productCarousel.blaze-slider) .papathemes-recentlyViewed .container .blaze-container .blaze-next { right: -4.375rem; } .beautify__section.__recentlyViewedProducts-productPage:has(.productCarousel.blaze-slider) .papathemes-recentlyViewed .container .blaze-container .blaze-prev { left: -4.375rem; } } .beautify__section.__recentlyViewedProducts-productPage .list-products-content { padding-bottom: 2rem; } @media (max-width: 550px) { .beautify__section.__recentlyViewedProducts-productPage .list-products-content:has(.productGrid) { padding-bottom: 0.5rem; } } .beautify__section.__recentlyViewedProducts-productPage .list-products-content:has(.productGrid):has(.card._border) { padding-bottom: 0; } @media (max-width: 800px) { .beautify__section.__recentlyViewedProducts-productPage .list-products-content:has(.productCarousel) { padding-bottom: 0; } } @media (min-width: 1361px) { .beautify__section.__recentlyViewedProducts-productPage .productCarousel-slide { width: calc(100% / 6); } } @media (max-width: 550px) { .beautify__section.__recentlyViewedProducts-productPage .list-products-content { padding-top: 0.5rem; } } .beautify__section:before, .beautify__section:after { content: " "; display: table; } .beautify__section:after { clear: both; } @media (max-width: 800px) { .beautify__section { padding-top: 2.25rem; padding-bottom: 2.25rem; } .beautify__section.beautify__recentBlog .page-heading { margin-bottom: 1.5rem; } } @media (min-width: 801px) { .beautify__section { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 1750px) { .beautify__section.beautify__section--recentlyViewedProducts .papathemes-recentlyViewed .list-products-content.show-more-in-screen-large { margin-left: -4.125rem; margin-right: -4.125rem; } } .beautify__section .loading { text-align: center; padding: 1.5rem 0; } .beautify__section .loading.loading-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; padding: 0; } .beautify__section .loading::before { height: 5rem; width: 5rem; } .beautify__section .page-heading { color: black; text-transform: none; text-align: center; margin: 0 0 2.5rem 0; } @media (max-width: 800px) { .beautify__section .page-heading { font-size: 20px; margin-bottom: 1.5rem; } } @media (min-width: 801px) { .beautify__section .page-heading { font-size: 24px; } } @media (max-width: 800px) { .beautify__section .page-heading { margin: 0 0 1.625rem 0; } } .beautify__section:has(.navProducts-rootMenu-list) .page-heading { margin: 0; } .beautify__section:has(.navProducts-rootMenu-list) .navProducts-rootMenu-list .navProducts-list { margin: 1.5rem -0.75rem; } @media (max-width: 1260px) { .beautify__section:has(.navProducts-rootMenu-list) .navProducts-rootMenu-list .navProducts-list { margin: 0.75rem 0; } } .beautify__section .productGrid { margin-bottom: 1.875rem; } @media (min-width: 801px) { .beautify__section .productGrid:has(.card._border) { margin-left: -0.375rem; margin-right: -0.375rem; } } .beautify__section .actionGroup { text-align: center; margin-top: 0.75rem; } .beautify__section .actionGroup .button { margin-bottom: 0; } .beautify__section:has(.card._border) .actionGroup { margin-top: 1.5rem; } .beautify__section:not(:has(.card._border)) .productGrid, .beautify__section:not(:has(.card._border)) .card { margin-bottom: 0; } .beautify__section .papathemes-pbcst .papathemes-pbcst-category:has([data-sub-layout-container]) .page-heading { margin-bottom: 0; } @media (max-width: 550px) { .beautify__section .papathemes-pbcst .papathemes-pbcst-category:has([data-sub-layout-container]) .page-heading { margin-bottom: 1.25rem; } } .beautify__section .papathemes-pbcst .papathemes-pbcst-category .page-heading { margin-bottom: 1.625rem; } .beautify__section .papathemes-pbcst .papathemes-pbcst-category:has(.papathemes-pbcst-subcategories) .page-heading { margin-bottom: 0; } @media (max-width: 550px) { .beautify__section .papathemes-pbcst .page-heading { border: 0; } } .beautify__section.beautify__section--newProducts:not(:has(.navProducts-rootMenu-list)) .page-heading, .beautify__section.beautify__section--featuredProducts:not(:has(.navProducts-rootMenu-list)) .page-heading, .beautify__section.beautify__section--topProducts:not(:has(.navProducts-rootMenu-list)) .page-heading { margin-bottom: 1.625rem; } @media (max-width: 550px) { .beautify__section.beautify__section--recentlyViewedProducts.cartPage .page-heading { margin-bottom: 0; } } @media (min-width: 801px) { .beautify__section.beautify__section--recentlyViewedProducts._productPage .page-heading { padding: 2.25rem 0; } } @media (max-width: 550px) { .beautify__section.beautify__section--recentlyViewedProducts._productPage .container { padding-bottom: 0.75rem; } } .kitchenary__productView .blaze-prev, .kitchenary__productView .blaze-next, .productView-productTabs .blaze-prev, .productView-productTabs .blaze-next { display: none; } @media (min-width: 801px) { .kitchenary__productView .blaze-track:not(:has(.productCarousel-slide:nth-child(4))), .productView-productTabs .blaze-track:not(:has(.productCarousel-slide:nth-child(4))) { justify-content: center; } } @media (max-width: 800px) { .kitchenary__productView .blaze-track:not(:has(.productCarousel-slide:nth-child(3))), .productView-productTabs .blaze-track:not(:has(.productCarousel-slide:nth-child(3))) { justify-content: center; } } @media (max-width: 550px) { .kitchenary__productView .blaze-track:not(:has(.productCarousel-slide:nth-child(2))), .productView-productTabs .blaze-track:not(:has(.productCarousel-slide:nth-child(2))) { justify-content: center; } } .kitchenary__productView .blaze-prev, .kitchenary__productView .blaze-next, .productView-productTabs .blaze-prev, .productView-productTabs .blaze-next { display: none; } @media (min-width: 801px) { .kitchenary__productView:not(:has(.show-more-in-screen-large)) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(5)) .blaze-prev, .kitchenary__productView:not(:has(.show-more-in-screen-large)) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(5)) .blaze-next, .productView-productTabs:not(:has(.show-more-in-screen-large)) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(5)) .blaze-prev, .productView-productTabs:not(:has(.show-more-in-screen-large)) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(5)) .blaze-next { display: block; } } @media (min-width: 1361px) { .kitchenary__productView:has(.show-more-in-screen-large) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(7)) .blaze-prev, .kitchenary__productView:has(.show-more-in-screen-large) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(7)) .blaze-next, .productView-productTabs:has(.show-more-in-screen-large) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(7)) .blaze-prev, .productView-productTabs:has(.show-more-in-screen-large) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(7)) .blaze-next { display: block; } .kitchenary__productView:has(.show-more-in-screen-large) .productCarousel.blaze-slider .blaze-track:not(:has(.productCarousel-slide:nth-child(6))), .productView-productTabs:has(.show-more-in-screen-large) .productCarousel.blaze-slider .blaze-track:not(:has(.productCarousel-slide:nth-child(6))) { justify-content: center; } } @media (max-width: 1360px) and (min-width: 800px) { .kitchenary__productView:has(.show-more-in-screen-large) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(5)) .blaze-prev, .kitchenary__productView:has(.show-more-in-screen-large) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(5)) .blaze-next, .productView-productTabs:has(.show-more-in-screen-large) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(5)) .blaze-prev, .productView-productTabs:has(.show-more-in-screen-large) .productCarousel.blaze-slider:has(.blaze-track .productCarousel-slide:nth-child(5)) .blaze-next { display: block; } } .kitchenary__productView:has(.productCarousel) .productCarousel, .productView-productTabs:has(.productCarousel) .productCarousel { margin-bottom: 0; } @media (max-width: 800px) { .kitchenary__productView:has(.productCarousel):has(.card._border) .actionGroup, .productView-productTabs:has(.productCarousel):has(.card._border) .actionGroup { margin-top: 0; } } @media (min-width: 1701px) { .__recentlyViewedProducts-productPage .card .card-footer { width: 100%; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons { width: 100%; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons ._qtyAdd { flex: 1; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: 0; flex: 1; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons .button--outstock { flex: 1; width: 0; } } @media (max-width: 1700px) and (min-width: 1361px) { .__recentlyViewedProducts-productPage .card .card-footer { width: fit-content; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons { width: fit-content; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons ._qtyAdd { flex: unset; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { height: 2.5rem; width: 2.5rem; flex: unset; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: none; } .__recentlyViewedProducts-productPage .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: block; } .__recentlyViewedProducts-productPage .card .card-footer:has(.button--outstock) { width: 100%; } .__recentlyViewedProducts-productPage .card .card-footer:has(.button--outstock) .card-buttons { width: 100%; } .__recentlyViewedProducts-productPage .card .card-footer:has(.button--outstock) .card-buttons .button--outstock { flex: 1; width: 0; } } .beautify__homeWideBanner .container { position: relative; } .beautify__homeWideBanner .button { margin: 0; } .beautify__homeWideBanner p:last-child { margin-bottom: 0; } .beautify__homeWideBanner ._heading { font-size: 22px; } .beautify__homeWideBanner ._description { font-size: 20px; } .beautify__newsletter { background-color: #e5e5e5; color: black; text-align: center; position: relative; overflow: hidden; font-size: 22px; padding: 1.875rem 0; } .beautify__newsletter:before, .beautify__newsletter:after { content: " "; display: table; } .beautify__newsletter:after { clear: both; } .beautify__newsletter a { color: #2d2d2d; } .beautify__newsletter a:hover, .beautify__newsletter a:focus { color: #2d2d2d; } .beautify__newsletter .page-heading { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 18px; color: #2d2d2d; text-align: left; margin-top: 1.5rem; margin-bottom: 0.75rem; line-height: 1.4; grid-area: title; } @media (min-width: 551px) and (max-width: 800px) { .beautify__newsletter .page-heading { text-align: center; } } @media (min-width: 801px) { .beautify__newsletter .page-heading { font-size: 20px; } } .beautify__newsletter .page-desc { font-size: 14px; color: black; margin: 0; line-height: 2; text-align: left; grid-area: desc; } @media (min-width: 801px) { .beautify__newsletter .page-desc { margin-top: 0.75rem; max-width: 31.25rem; } } .beautify__newsletter .form { width: 100%; max-width: 37.5rem; grid-area: form; margin-top: auto; margin-bottom: auto; margin-left: auto; } .beautify__newsletter .form-field { margin-bottom: 0; display: flex; position: relative; } @media (min-width: 801px) { .beautify__newsletter .form-field { display: flex; } } .beautify__newsletter .form-input { padding: 0.75rem 1.5rem; height: auto; border-radius: 4px 0 0 4px; border-color: transparent; } @media (max-width: 800px) { .beautify__newsletter .form-input { margin-bottom: 0; } } .beautify__newsletter .button { border-top-left-radius: 0; border-bottom-left-radius: 0; border: 0; display: block; padding: 1rem 2.5rem; margin-bottom: 0; background-color: #cccccc; font-weight: 600; color: black; } .beautify__newsletter .button .icon { fill: black; width: 1.5rem; height: 1.5rem; } .beautify__newsletter .button::before { content: ""; display: block; height: 0; } .beautify__newsletter .button:hover, .beautify__newsletter .button:focus { border-color: transparent; filter: saturate(70%); } .beautify__newsletter .button:hover .icon, .beautify__newsletter .button:focus .icon { fill: #cccccc; } .beautify__newsletter .newsletter_box { width: 100%; max-width: 31.25rem; display: flex; flex-direction: column; gap: 0.75rem; } .beautify__newsletter .page-heading { margin-top: auto; margin-bottom: auto; } .beautify__newsletter .container { display: grid; column-gap: 1.5rem; grid-template-areas: "title form" "title form"; } .beautify__newsletter .container:has(.page-desc) { grid-template-areas: "title form" "desc form"; } @media (min-width: 551px) and (max-width: 800px) { .beautify__newsletter .container { width: 80%; } } @media (max-width: 800px) { .beautify__newsletter .container { display: flex; flex-direction: column; gap: 1rem; } .beautify__newsletter .container .form { max-width: 100%; } .beautify__newsletter .container .newsletter_box { max-width: 100%; } .beautify__newsletter .container .newsletter_box p { text-align: start; } } .beautify__section--index1 { background-color: white; } .beautify__section--index2 { background-color: white; } .beautify__section--index3 { background-color: white; } .beautify__section--index4 { background-color: white; } .beautify__section--index5 { background-color: white; } .beautify__section--index6 { background-color: white; } .beautify__section--index7 { background-color: white; } .beautify__section--index8 { background-color: #fbfaf6; } .beautify__section--index9 { background-color: #f7f7f7; } .beautify__section--index10 { background-color: white; } .beautify__section--displayType-carousel .navProducts-rootMenu-list .navProducts-list { margin-top: 1.25rem; margin-bottom: 1.25rem; } @media (min-width: 1261px) { .beautify__section--displayType-carousel .navProducts-rootMenu-list .navProducts-list { margin-bottom: 1rem; } } @media (max-width: 800px) { .beautify__section:has(.container) .productCarousel { margin-left: -0.5rem; margin-right: -0.5rem; width: auto; } } @media (max-width: 550px) { .beautify__section:has(.container) .productCarousel { margin-left: -0.25rem; margin-right: -0.25rem; } } @media (max-width: 800px) { .beautify__section:has(.container) .productCarousel:has(.card._border) { margin-left: -0.1875rem; margin-right: -0.1875rem; width: auto; } } @media (max-width: 800px) { .beautify__section:has(.container) .productGrid { margin-left: -0.5rem; margin-right: -0.5rem; width: auto; } } @media (max-width: 550px) { .beautify__section:has(.container) .productGrid { margin-left: -0.25rem; margin-right: -0.25rem; } } @media (max-width: 800px) { .beautify__section:has(.container) .productGrid:has(.card._border) { margin-left: -0.1875rem; margin-right: -0.1875rem; width: auto; } } @media (max-width: 550px) { .beautify__section:has(.container) .productGrid:has(.card._border) { margin-left: -0.25rem; margin-right: -0.125rem; } } div.beautify__customerReviews { margin-left: auto; margin-right: auto; background-color: #e5e5e5; padding-bottom: calc(3rem * 1.25); width: calc(100vw - 164px); max-width: 960px; } @media (max-width: 800px) { div.beautify__customerReviews { max-width: 100%; width: 100%; margin-top: calc(3rem * -0.2); } } div.beautify__customerReviews ._item { text-align: center; background-color: #f7f7f7; border-radius: 10px; padding: 1.5rem; margin: 0 0.75rem; height: unset; width: 100%; align-items: center; border: 1px solid #dddddd; border-radius: 4px; background-image: url("data:image/svg+xml,%3Csvg width='50' height='31' viewBox='0 0 50 31' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11.7188C0 5.24414 5.89756 0 13.1789 0H14.0575C16.0014 0 17.5719 1.39648 17.5719 3.125C17.5719 4.85352 16.0014 6.25 14.0575 6.25H13.1789C9.78534 6.25 7.02875 8.70117 7.02875 11.7188V12.5H14.0575C17.9343 12.5 21.0863 15.3027 21.0863 18.75V25C21.0863 28.4473 17.9343 31.25 14.0575 31.25H7.02875C3.15196 31.25 0 28.4473 0 25V21.875V18.75V11.7188ZM28.115 11.7188C28.115 5.24414 34.0126 0 41.2939 0H42.1725C44.1164 0 45.6869 1.39648 45.6869 3.125C45.6869 4.85352 44.1164 6.25 42.1725 6.25H41.2939C37.9003 6.25 35.1438 8.70117 35.1438 11.7188V12.5H42.1725C46.0493 12.5 49.2013 15.3027 49.2013 18.75V25C49.2013 28.4473 46.0493 31.25 42.1725 31.25H35.1438C31.267 31.25 28.115 28.4473 28.115 25V21.875V18.75V11.7188Z' fill='rgba(136, 136, 136, 0.7)'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: calc(3rem * 0.6) calc(3rem * 0.6); } @media (max-width: 800px) { div.beautify__customerReviews ._item { width: calc(100vw - 50px); max-width: 100%; } } div.beautify__customerReviews p { margin-bottom: 0.75rem; } div.beautify__customerReviews ._list { display: flex; justify-content: stretch; list-style: none; } div.beautify__customerReviews ._list:not(.slick-slider) { overflow-x: auto; } div.beautify__customerReviews ._list:not(.slick-slider) ._item { flex: 1 0 auto; } div.beautify__customerReviews ._list .slick-next, div.beautify__customerReviews ._list .slick-prev { top: 50%; transform: translateY(-50%); } @media (max-width: 800px) { div.beautify__customerReviews ._list .slick-next, div.beautify__customerReviews ._list .slick-prev { display: none !important; } } div.beautify__customerReviews ._list .slick-next { right: calc(3rem * -1.2); } @media (max-width: 1200px) { div.beautify__customerReviews ._list .slick-next { right: -0.5rem; } } div.beautify__customerReviews ._list .slick-prev { left: calc(3rem * -1.2); } @media (max-width: 1200px) { div.beautify__customerReviews ._list .slick-prev { left: -0.5rem; } } div.beautify__customerReviews ._list .slick-dots { display: none !important; } @media (max-width: 800px) { div.beautify__customerReviews ._list .slick-dots { display: block !important; } } div.beautify__customerReviews .slick-dotted.slick-slider { margin-bottom: 0; } @media (max-width: 800px) { div.beautify__customerReviews .slick-dots { bottom: calc(3rem * -0.86); } } div.beautify__customerReviews ._heading { margin-top: 0.5rem; text-align: center; font-size: 18px; font-weight: 600; } div.beautify__customerReviews ._rating { margin-top: 0.1875rem; } div.beautify__customerReviews ._rating .icon { width: 1.9375rem; height: 1.875rem; } @media (max-width: 550px) { div.beautify__customerReviews ._rating .icon { width: 1.75rem; height: 1.5625rem; } } div.beautify__customerReviews ._content { text-align: center; font-size: 1rem; line-height: 1.8; } div.beautify__customerReviews ._author { font-size: 1rem; margin-bottom: 0; font-style: italic; font-weight: 600; } div.beautify__customerReviews .slick-track { display: flex; justify-content: stretch; padding-top: 0.1875rem; padding-bottom: 0.1875rem; } @media (max-width: 800px) { div.beautify__customerReviews .container { padding: 0; } } @media (min-width: 801px) { div.beautify__customerReviews .page-heading { margin-bottom: 2.25rem; } div.beautify__customerReviews ._item { width: calc(33.3333% - 1.5rem); } div.beautify__customerReviews .slick-dots { display: none; } } .beautify__customerReviews[data-test-theme="beautify_furniture"] { background-color: transparent; } .beautify__customerReviews[data-test-theme="beautify_furniture"] ._item { display: flex; flex-direction: column; text-align: left; padding: calc(3rem * 0.8) calc(3rem * 0.6); } @media (max-width: 550px) { .beautify__customerReviews[data-test-theme="beautify_furniture"] ._item { background-position: calc(3rem * 0.2) calc(3rem * 0.4); padding: calc(3rem * 0.6); } } .beautify__customerReviews[data-test-theme="beautify_furniture"] ._avatar { display: none; } .beautify__customerReviews[data-test-theme="beautify_furniture"] ._rating { order: 1; } .beautify__customerReviews[data-test-theme="beautify_furniture"] ._heading { order: 2; } .beautify__customerReviews[data-test-theme="beautify_furniture"] ._content { order: 3; } .beautify__customerReviews[data-test-theme="beautify_furniture"] ._author { order: 4; font-style: normal; font-weight: inherit; color: #4f4f4f; } .beautify__customerReviews[data-test-theme="beautify_furniture"] .slick-arrow { display: none; } .beautify__section--specialProductsTabs .container { position: relative; } .beautify__section--specialProductsTabs .tab-title { padding: 0 1.5rem; } .beautify__section--specialProductsTabs .tabs-contents .tab-content { padding: 0; } .beautify__section--specialProductsTabs .navProducts-rootMenu-list .navProducts-list { margin-top: 1.25rem; margin-bottom: 1.25rem; } @media (min-width: 1261px) { .beautify__section--specialProductsTabs .navProducts-rootMenu-list .navProducts-list { margin-bottom: 1rem; } } .beautify__section--specialProductsTabs .tabs { border-bottom: 0; display: flex; justify-content: center; overflow: auto; -webkit-overflow-scrolling: touch; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .beautify__section--specialProductsTabs .tabs::-webkit-scrollbar { display: none; } .beautify__section--specialProductsTabs .tabs .tab { position: relative; } .beautify__section--specialProductsTabs .tabs .tab.is-active { border: 0; opacity: 1; } .beautify__section--specialProductsTabs .tabs .tab::after { content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-right: 1px solid rgba(0, 0, 0, 0.15); height: 1.25rem; } .beautify__section--specialProductsTabs .tabs .tab:last-child::after { display: none; } .beautify__section--specialProductsTabs .tabs .tab a { font-weight: 600; font-size: 20px; font-weight: 400; } @media (max-width: 550px) { .beautify__section--specialProductsTabs .tabs .tab a { padding-left: 0.75rem; padding-right: 0.75rem; } } .beautify__section--specialProductsTabs .tabs .tab:not(.is-active) .tab-title { color: black; } .beautify__section--specialProductsTabs .tabs .tab:hover, .beautify__section--specialProductsTabs .tabs .tab:focus-visible { opacity: 1; } .beautify__section--specialProductsTabs .tabs .tab .tab-title { line-height: 1.25; } @media (max-width: 550px) { .beautify__section--specialProductsTabs .tabs { justify-content: flex-start; } } .beautify__section--specialProductsTabs .actionGroup { display: none; } @media (max-width: 800px) { .beautify__section--specialProductsTabs .tabs-contents { margin-bottom: 0; } .beautify__section--specialProductsTabs .productCarousel.slick-dotted.slick-slider { margin-bottom: 1.25rem; } } .beautify__section--specialProductsTabs:not(:has(.navProducts-rootMenu-list)) .tabs { margin-bottom: 1.625rem; } .footer-info-col .beautify__widget-page-heading { padding: 0; text-align: left; margin-bottom: 1.5rem; color: black; font-size: 22px; font-weight: 600; } .beautify__heroCarouselMobile { width: 100%; } @media (min-width: 551px) { .beautify__heroCarouselMobile { display: none; } } .heroCarousel--stretch .heroCarousel-image-box { width: 100% !important; } .heroCarousel--stretch .heroCarousel-image { object-fit: fill; font-family: "object-fit: fill"; } .heroCarousel-slide:focus-visible::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid #0f7fff; border-radius: 0px; } .heroCarousel-action { padding: 0.75rem 2.25rem; line-height: 1; font-size: 1rem; } .heroCarousel-action::before { content: ""; display: block; height: 0; } @media (min-width: 801px) { .heroCarousel-action { font-size: 18px; } } .heroCarousel-action:hover, .heroCarousel-action:focus { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .heroCarousel-action.button--link { color: black; } .heroCarousel-action.button--link:hover, .heroCarousel-action.button--link:focus { color: black; background-color: #f7f7f7; } .heroCarousel-image-box .heroCarousel-image.lazyload, .heroCarousel-image-box .heroCarousel-image.lazyloading { width: auto; } .heroCarousel-image-box .heroCarousel-image-box-padding .heroCarousel-image.lazyload, .heroCarousel-image-box .heroCarousel-image-box-padding .heroCarousel-image.lazyloading { width: 100%; } @media (max-width: 800px) { .banners--bottom .banner { margin-top: 1.5rem; } } @media (min-width: 801px) { .banners--bottom .banner { margin-top: 3rem; } } .blog-grid { display: flex; } @media (max-width: 800px) { .blog-grid { display: flex; flex-direction: column; } } .blog-grid .blog-grid--content { max-width: 100%; width: 100%; } .blog-grid [data-content-region="blog_post_content_right"]:has([data-widget-id]) { max-width: 33.33%; width: 100%; padding-left: 1.875rem; } @media (max-width: 1260px) { .blog-grid [data-content-region="blog_post_content_right"]:has([data-widget-id]) { max-width: 50%; } } @media (max-width: 800px) { .blog-grid [data-content-region="blog_post_content_right"]:has([data-widget-id]) { max-width: 100%; padding: 0; } } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .productGrid { display: flex; flex-direction: column; margin: 0; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .product { width: 100%; border-bottom: 1px solid whitesmoke; margin-bottom: 1rem; padding-bottom: 1rem; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .product:first-child { padding-top: 1rem; border-top: 1px solid whitesmoke; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card { display: grid; grid-template-areas: "image content" ". button"; grid-template-columns: 25% 1fr; grid-template-rows: unset; grid-gap: 1rem; padding: 0; margin-bottom: 0; } @media (max-width: 550px) { [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card { grid-template-areas: "image content" "button button"; grid-template-columns: 100px 1fr; } } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card:hover .card-figcaption { display: unset; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card:hover .card-figcaption .button.card-figcaption-button.quickview { display: unset; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card:hover .sale-flag-sash, [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card:hover .sale-flag-side { opacity: unset; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-figure { grid-area: image; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-figure .sale-flag-sash, [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-figure .sale-flag-side { position: relative !important; margin-left: auto; margin-bottom: 6px; } @media (max-width: 800px) { [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-figure .card-figcaption { display: block; } } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-figure .card-image { border-radius: 0px; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-figure .quickview { padding: 0.375rem 0 0 1rem; background-color: transparent; color: #4f4f4f; position: relative; font-weight: 600; font-size: 12px; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-figure .quickview::before { font-family: FontAwesome; content: "\f002"; position: absolute; left: 0; color: #767676; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-figure .quickview:hover { color: black; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-figure .quickview:hover::before { color: black; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-figure .card-figcaption-button--compare { display: none; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body { grid-area: content; display: flex; flex-direction: column; padding-top: 0; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .card-title { position: relative; font-size: 14px; font-weight: 500; margin-bottom: 0.375rem; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .card-title a { display: block; padding-right: 2.25rem; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .card-title a::before { content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5 0C11.8086 0 11.25 0.558594 11.25 1.25C11.25 1.94141 11.8086 2.5 12.5 2.5H15.7305L7.86719 10.3672C7.37891 10.8555 7.37891 11.6484 7.86719 12.1367C8.35547 12.625 9.14844 12.625 9.63672 12.1367L17.5 4.26953V7.5C17.5 8.19141 18.0586 8.75 18.75 8.75C19.4414 8.75 20 8.19141 20 7.5V1.25C20 0.558594 19.4414 0 18.75 0H12.5ZM3.125 1.25C1.39844 1.25 0 2.64844 0 4.375V16.875C0 18.6016 1.39844 20 3.125 20H15.625C17.3516 20 18.75 18.6016 18.75 16.875V12.5C18.75 11.8086 18.1914 11.25 17.5 11.25C16.8086 11.25 16.25 11.8086 16.25 12.5V16.875C16.25 17.2188 15.9688 17.5 15.625 17.5H3.125C2.78125 17.5 2.5 17.2188 2.5 16.875V4.375C2.5 4.03125 2.78125 3.75 3.125 3.75H7.5C8.19141 3.75 8.75 3.19141 8.75 2.5C8.75 1.80859 8.19141 1.25 7.5 1.25H3.125Z' fill='%23767676'/%3E%3C/svg%3E"); } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .card-title a:hover { color: black; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .card-title a:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5 0C11.8086 0 11.25 0.558594 11.25 1.25C11.25 1.94141 11.8086 2.5 12.5 2.5H15.7305L7.86719 10.3672C7.37891 10.8555 7.37891 11.6484 7.86719 12.1367C8.35547 12.625 9.14844 12.625 9.63672 12.1367L17.5 4.26953V7.5C17.5 8.19141 18.0586 8.75 18.75 8.75C19.4414 8.75 20 8.19141 20 7.5V1.25C20 0.558594 19.4414 0 18.75 0H12.5ZM3.125 1.25C1.39844 1.25 0 2.64844 0 4.375V16.875C0 18.6016 1.39844 20 3.125 20H15.625C17.3516 20 18.75 18.6016 18.75 16.875V12.5C18.75 11.8086 18.1914 11.25 17.5 11.25C16.8086 11.25 16.25 11.8086 16.25 12.5V16.875C16.25 17.2188 15.9688 17.5 15.625 17.5H3.125C2.78125 17.5 2.5 17.2188 2.5 16.875V4.375C2.5 4.03125 2.78125 3.75 3.125 3.75H7.5C8.19141 3.75 8.75 3.19141 8.75 2.5C8.75 1.80859 8.19141 1.25 7.5 1.25H3.125Z' fill='black'/%3E%3C/svg%3E"); } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .productSwatches-attributes { margin-bottom: 0.375rem; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .productSwatches-attributes .productSwatches-swatches { flex-flow: wrap; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .card-text--rating { order: 99; border-top: unset; margin-bottom: 0.375rem; padding: 0; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .card-text--rating .rating--small .icon { width: 15px; height: 15px; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .card-text--price { font-size: 1rem; font-weight: 700; margin-bottom: 0.375rem; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .price { font-weight: 700; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-body .price--non-sale { font-weight: 500; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer { grid-area: button; } @media (min-width: 801px) { [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer { opacity: 1; position: unset; } } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child { width: 100%; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child ._qty { display: flex; justify-content: space-between; flex-direction: row; align-items: center; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child ._qty .form-field--increments { margin: 0; border: 1px solid whitesmoke; border-radius: 0px; border-width: 2px; position: relative; padding-left: 3rem; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child ._qty .form-field--increments .form-input { width: 100%; max-width: 50px; height: 36px; margin: 0; padding: 0.375rem 1rem 0.375rem 0; text-align: right; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child ._qty .form-field--increments .button--icon { display: none; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child ._qty .form-field--increments::before { content: "QTY"; position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); font-weight: 700; color: #4f4f4f; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child ._qty .card-figcaption-button { margin: 0 0 0 1rem !important; max-width: 100%; padding: 0.75rem; background-color: #2d2d2d; color: white; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child ._qty .card-figcaption-button:hover { background-color: #666666; color: whitesmoke; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child ._qty:has(._outstock) .form-field--increments, [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child ._qty:has(._outstock) .form-input { pointer-events: none; color: black; background-color: #eeeeee; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons:first-child ._qty ._outstock { pointer-events: none; color: black; background-color: #eeeeee; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer .card-buttons--alt { display: none; } [data-content-region="blog_post_content_right"] .PapathemesWidgetProductList .card .card-footer:not(._show)._focus { bottom: 0; } .kitchenary__topCategories { overflow: hidden; } .kitchenary__topCategories.blaze-slider { --slides-to-show: 6 !important; --slide-gap: 16px !important; } @media (min-width: 801px) { .kitchenary__topCategories.blaze-slider { --slide-gap: 30px !important; } } @media (min-width: 1261px) { .kitchenary__topCategories:not(:has(.topCategories-item:nth-child(7))) .blaze-track { justify-content: center; } .kitchenary__topCategories:not(:has(.topCategories-item:nth-child(7))) .blaze-button { display: none; } } @media (min-width: 801px) and (max-width: 1260px) { .kitchenary__topCategories.blaze-slider { --slides-to-show: 4 !important; } .kitchenary__topCategories:not(:has(.topCategories-item:nth-child(5))) .blaze-track { justify-content: center; } .kitchenary__topCategories:not(:has(.topCategories-item:nth-child(5))) .blaze-button { display: none; } } @media (min-width: 551px) and (max-width: 800px) { .kitchenary__topCategories.blaze-slider { --slides-to-show: 3.5 !important; } .kitchenary__topCategories:not(:has(.topCategories-item:nth-child(4))) .blaze-track { justify-content: center; } .kitchenary__topCategories:not(:has(.topCategories-item:nth-child(4))) .blaze-button { display: none; } } @media (max-width: 550px) { .kitchenary__topCategories.blaze-slider { --slides-to-show: 2.5 !important; } .kitchenary__topCategories:not(:has(.topCategories-item:nth-child(3))) .blaze-track { justify-content: center; } .kitchenary__topCategories:not(:has(.topCategories-item:nth-child(3))) .blaze-button { display: none; } } .kitchenary__topCategories .topCategories-item { position: relative; border-radius: 0px; overflow: hidden; background: rgba(229, 229, 229, 0.5); } .kitchenary__topCategories .topCategories-item img { width: 100%; } .kitchenary__topCategories .topCategories-item:focus-visible { outline-offset: -2px !important; } .kitchenary__topCategories .topCategories-item-name { position: absolute; bottom: 0.5rem; left: 0.5rem; border-radius: 4px; padding: 0.375rem 0.5rem; font-weight: 700; font-size: 12px; color: black; background-color: rgba(247, 247, 247, 0.8); } .kitchenary__topCategories .topCategories-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; list-style-type: none; } @media (max-width: 800px) { .kitchenary__topCategories .topCategories-list { margin: 0 -0.75rem; overflow: auto; flex-wrap: nowrap; justify-content: flex-start; -webkit-overflow-scrolling: touch; } .kitchenary__topCategories .topCategories-list::-webkit-scrollbar { display: none; } } .kitchenary__topCategories .topCategories-list .topCategories-item { overflow: unset; background: none; } @media (max-width: 800px) { .kitchenary__topCategories .topCategories-list .topCategories-item { padding: 0.5rem 0.75rem; } } .kitchenary__topCategories .topCategories-list .topCategories-item a { text-decoration: unset; color: black; display: block; padding: 0.75rem 1rem; font-weight: 700; white-space: nowrap; } .kitchenary__topCategories .topCategories-list .topCategories-item a:hover, .kitchenary__topCategories .topCategories-list .topCategories-item a:focus-visible { color: #767676; text-decoration: underline; } @media (max-width: 800px) { .kitchenary__topCategories .topCategories-list .topCategories-item a { padding: 0; } } .kitchenary__shoppingGuideBlog { overflow: hidden; } .kitchenary__shoppingGuideBlog.blaze-slider { --slides-to-show: 4 !important; --slide-gap: 16px !important; } @media (min-width: 801px) { .kitchenary__shoppingGuideBlog.blaze-slider { --slide-gap: 30px !important; } } @media (min-width: 1261px) { .kitchenary__shoppingGuideBlog:not(:has(._item:nth-child(5))) .blaze-track { justify-content: center; } .kitchenary__shoppingGuideBlog:not(:has(._item:nth-child(5))) .blaze-button { display: none; } } @media (min-width: 801px) and (max-width: 1260px) { .kitchenary__shoppingGuideBlog.blaze-slider { --slides-to-show: 3 !important; } .kitchenary__shoppingGuideBlog:not(:has(._item:nth-child(4))) .blaze-track { justify-content: center; } .kitchenary__shoppingGuideBlog:not(:has(._item:nth-child(4))) .blaze-button { display: none; } } @media (min-width: 551px) and (max-width: 800px) { .kitchenary__shoppingGuideBlog.blaze-slider { --slides-to-show: 2.5 !important; } .kitchenary__shoppingGuideBlog:not(:has(._item:nth-child(3))) .blaze-track { justify-content: center; } .kitchenary__shoppingGuideBlog:not(:has(._item:nth-child(3))) .blaze-button { display: none; } } @media (max-width: 550px) { .kitchenary__shoppingGuideBlog.blaze-slider { --slides-to-show: 1.5 !important; } .kitchenary__shoppingGuideBlog:not(:has(._item:nth-child(2))) .blaze-track { justify-content: center; } .kitchenary__shoppingGuideBlog:not(:has(._item:nth-child(2))) .blaze-button { display: none; } } .kitchenary__shoppingGuideBlog ._blog { border-radius: 0px; overflow: hidden; cursor: pointer; } .kitchenary__shoppingGuideBlog ._blog:hover ._blog-title { color: black; } .kitchenary__shoppingGuideBlog ._blog:hover ._blog-post-figure::after { visibility: visible; opacity: 1; } .kitchenary__shoppingGuideBlog ._blog:hover ._blog-thumbnail svg { visibility: visible; opacity: 1; transition: all 0.2s linear; z-index: 1; } .kitchenary__shoppingGuideBlog ._blog-post-figure { flex-shrink: 0; position: relative; grid-row: 1 / 2; margin-bottom: 0; } .kitchenary__shoppingGuideBlog ._blog-post-figure img { border-radius: 0; } .kitchenary__shoppingGuideBlog ._blog-post-figure::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(234, 109, 0, 0.2); border-radius: 0; opacity: 0; visibility: hidden; transition: all 0.2s linear; pointer-events: none; } .kitchenary__shoppingGuideBlog ._blog-post-figure ._blog-thumbnail { margin: 0; position: relative; overflow: hidden; } .kitchenary__shoppingGuideBlog ._blog-post-figure ._blog-thumbnail::before { content: ""; display: block; padding-top: 75%; } .kitchenary__shoppingGuideBlog ._blog-post-figure ._blog-thumbnail img { position: absolute; left: 0; top: 0; right: 0; margin: 0 auto; width: 100%; object-fit: contain; font-family: "object-fit: contain"; height: 100%; object-fit: cover; font-family: "object-fit: cover"; } .kitchenary__shoppingGuideBlog ._blog-post-figure ._blog-thumbnail a { display: block; } .kitchenary__shoppingGuideBlog ._blog-post-figure ._blog-thumbnail svg { visibility: hidden; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: white; width: 23px; height: 27px; } .kitchenary__shoppingGuideBlog ._blog-header { background-color: #e5e5e5; padding: 0.5rem; margin-bottom: 0; text-align: center; } .kitchenary__shoppingGuideBlog ._blog-title { color: #767676; font-size: 1rem; text-decoration: unset; } .kitchenary__shoppingGuideBlog ._blog-title:hover { color: black; } @media (max-width: 550px) { .kitchenary__shoppingGuideBlog ._blog-post-body { margin: 0; width: 100%; } } .kitchenary__shoppingGuideBlog ._more { text-align: center; margin-top: 1.5rem; display: block; } .kitchenary__shoppingGuideBlog ._more a { color: #767676; font-weight: bold; text-decoration: none; } .kitchenary__shoppingGuideBlog ._more a:hover, .kitchenary__shoppingGuideBlog ._more a:focus { color: black; } .kitchenary__shoppingGuideBlog .blaze-pagination { margin: 1.875rem 0 1.5rem; } @media (max-width: 550px) { .kitchenary__shoppingGuideBlog .blaze-pagination { margin: 1.25rem 0 1rem; } .kitchenary__shoppingGuideBlog ._more { margin-top: 1rem; } } .kitchenary__shoppingGuideBlog .blogCarousel ._blog:hover ._blog-title { color: #767676; } .kitchenary__shoppingGuideBlog .blogCarousel ._blog-title { color: black; } @media (max-width: 800px) { .kitchenary__shoppingGuideBlog .blogCarousel ._blog-title { font-size: 14px; } } .kitchenary__recentBlog { overflow: hidden; } .kitchenary__recentBlog.blaze-slider { --slides-to-show: 3 !important; --slide-gap: 16px !important; } @media (max-width: 1260px) { .kitchenary__recentBlog.blaze-slider { --slides-to-show: 2 !important; } } @media (min-width: 801px) { .kitchenary__recentBlog.blaze-slider { --slide-gap: 30px !important; } } @media (min-width: 1261px) { .kitchenary__recentBlog:not(:has(._item:nth-child(4))) .blaze-track { justify-content: center; } .kitchenary__recentBlog:not(:has(._item:nth-child(4))) .blaze-button { display: none; } } @media (min-width: 801px) and (max-width: 1260px) { .kitchenary__recentBlog.blaze-slider { --slides-to-show: 2; } .kitchenary__recentBlog:not(:has(._item:nth-child(3))) .blaze-track { justify-content: center; } .kitchenary__recentBlog:not(:has(._item:nth-child(3))) .blaze-button { display: none; } } @media (max-width: 800px) { .kitchenary__recentBlog .blaze-track { max-width: 80%; } } @media (min-width: 551px) and (max-width: 800px) { .kitchenary__recentBlog.blaze-slider { --slides-to-show: 2 !important; } .kitchenary__recentBlog:not(:has(._item:nth-child(3))) .blaze-track { justify-content: center; max-width: 100%; } .kitchenary__recentBlog:not(:has(._item:nth-child(3))) .blaze-button { display: none; } } @media (max-width: 550px) { .kitchenary__recentBlog.blaze-slider { --slides-to-show: 1 !important; } .kitchenary__recentBlog:not(:has(._item:nth-child(2))) .blaze-track { justify-content: center; max-width: 100%; } .kitchenary__recentBlog:not(:has(._item:nth-child(2))) .blaze-button { display: none; } } .kitchenary__recentBlog ._more { text-align: center; margin-top: 1.875rem; display: block; } .kitchenary__recentBlog ._more a { color: #767676; font-weight: bold; text-decoration: unset; display: inline-block; margin: 0; } .kitchenary__recentBlog ._more a:hover, .kitchenary__recentBlog ._more a:focus { color: black; } .kitchenary__recentBlog ._blog-post-figure { flex-shrink: 0; position: relative; grid-row: 1 / 2; margin-bottom: 1.5rem; } .kitchenary__recentBlog ._blog-post-figure img { border-radius: 0px; } @media (min-width: 801px) { .kitchenary__recentBlog ._blog-post-figure ._blog-readmore { display: none; } } .kitchenary__recentBlog ._blog-post-figure::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(234, 109, 0, 0.2); border-radius: 0; opacity: 0; visibility: hidden; transition: all 0.2s linear; pointer-events: none; } .kitchenary__recentBlog ._blog-thumbnail { margin: 0; position: relative; overflow: hidden; } .kitchenary__recentBlog ._blog-thumbnail::before { content: ""; display: block; padding-top: 75%; } .kitchenary__recentBlog ._blog-thumbnail img { position: absolute; left: 0; top: 0; right: 0; margin: 0 auto; width: 100%; object-fit: contain; font-family: "object-fit: contain"; height: 100%; object-fit: cover; font-family: "object-fit: cover"; } .kitchenary__recentBlog ._blog-thumbnail a { display: block; } .kitchenary__recentBlog ._blog-title { margin: 0 0 0.75rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; font-size: inherit; } .kitchenary__recentBlog ._blog-title a { color: inherit; text-decoration: none; } .kitchenary__recentBlog ._blog-title a:hover, .kitchenary__recentBlog ._blog-title a:focus { color: #767676; } .kitchenary__recentBlog ._blog-post { color: #4f4f4f; } .kitchenary__recentBlog ._blog-post p { margin-bottom: 0; } .kitchenary__recentBlog ._blog-post-body { text-align: left; margin: 0; background-color: transparent; position: relative; box-shadow: unset; grid-row: 2 / 3; } .kitchenary__recentBlog ._blog-readmore { text-decoration: none; } .kitchenary__recentBlog ._blog-readmore .icon { fill: #767676; stroke: #767676; height: 0.625rem; width: 0.625rem; } .kitchenary__recentBlog ._blog-post > ._blog-readmore { display: none; } @media (min-width: 801px) { .kitchenary__recentBlog ._blog-post > ._blog-readmore { display: inline-block; margin-top: 2rem; } } @media (max-width: 800px) { .kitchenary__recentBlog ._blog-post-body { padding: 0; } .kitchenary__recentBlog ._blog-post p { font-weight: 400; } } @media (max-width: 550px) { .kitchenary__recentBlog .blaze-pagination { margin: 1.25rem; } .kitchenary__recentBlog ._more { margin-top: 1.25rem; } } @media (min-width: 551px) { .kitchenary__recentBlog ._blog-post-body { background-color: transparent; box-shadow: unset; padding: 0; width: 100%; } .kitchenary__recentBlog ._blog { width: 100%; } } @media (min-width: 801px) { .kitchenary__recentBlog .blaze-pagination { display: none; } } @media (min-width: 801px) { h2.beautify__widget-page-heading { margin-left: auto; margin-right: auto; max-width: none; width: 100%; } } @media (min-width: 1261px) { h2.beautify__widget-page-heading { max-width: 96.75rem; } } @media (min-width: 1681px) { h2.beautify__widget-page-heading { max-width: 99.75rem; } } html { scrollbar-gutter: stable; } html .beautify__calloutIcons [data-index] ._heading { line-height: 1.5; font-size: 14px; font-weight: 600; margin-bottom: 0.375rem; } html .beautify__calloutIcons [data-index] ._desc { font-size: 14px; } @media (min-width: 801px) { html .beautify__calloutIcons ._item--style-left ._heading { text-align: left; } } html .beautify__calloutIcons ._item--style-circle { padding: 1rem; } html .beautify__calloutIcons ._row:has(._item--style-circle) ._icon { overflow: hidden; } html .beautify__calloutIcons ._row:has(._item--style-circle) ._icon ._icon-aspect { width: 100%; height: 100%; } html .beautify__calloutIcons ._row:has(._item--style-circle) ._icon ._icon-aspect img { width: 100%; height: 100%; object-fit: contain; } html .beautify__calloutIcons ._row:has(._item--style-circle) ._item--style-circle { padding: 0; position: relative; } html .beautify__calloutIcons ._row:has(._item--style-circle) ._item--style-circle ._icon ._icon-aspect { padding: 20% 20% 30%; } @media (max-width: 800px) { html .beautify__calloutIcons ._row:has(._item--style-circle) ._item--style-circle ._icon ._icon-aspect { padding: 15% 20% 35%; } } @media (max-width: 320px) { html .beautify__calloutIcons ._row:has(._item--style-circle) ._item--style-circle ._icon ._icon-aspect { padding: 10% 15% 40%; } } html .beautify__calloutIcons ._row:has(._item--style-circle) ._item--style-circle ._icon ._icon-aspect svg { width: 100%; height: 100%; } html .beautify__calloutIcons ._row:has(._item--style-circle) ._item--style-circle ._heading { position: absolute; top: 75%; left: 0; right: 0; line-height: 1; /* autoprefixer: off */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } @media (max-width: 800px) { html .beautify__calloutIcons ._row:has(._item--style-circle) ._item--style-circle ._heading { top: 70%; -webkit-line-clamp: 1; } } @media (max-width: 800px) { html .beautify__calloutIcons ._row:has(._item--style-circle) { flex-wrap: nowrap; justify-content: flex-start; overflow: auto; -webkit-overflow-scrolling: touch; } html .beautify__calloutIcons ._row:has(._item--style-circle)::-webkit-scrollbar { display: none; } html .beautify__calloutIcons ._row:has(._item--style-circle) ._item--style-circle { padding: 0; } html .beautify__calloutIcons ._row:has(._item--style-circle) ._item--style-circle:focus-visible { outline-offset: -2px !important; } } .footer .beautify__calloutIcons [data-index] ._heading { color: black; } html .beautify__calloutIcons ._col { padding-top: 1.125rem; padding-bottom: 1.125rem; } .beautify__flexBanners ._banner ._imgContainer img, .beautify__homeWideBanner ._box ._imgContainer img { transition: all 0.3s ease; } .beautify__flexBanners ._banner:hover ._imgContainer img, .beautify__homeWideBanner ._box:hover ._imgContainer img { transform: scale(1.05); } .beautify__homeWideBanner ._imgContainer img { opacity: 1 !important; } .beautify__widget-page-heading.page-heading { color: black; text-transform: none; text-align: center; } @media (max-width: 800px) { .beautify__widget-page-heading.page-heading { font-size: 20px; margin-bottom: 1.5rem; } } @media (min-width: 801px) { .beautify__widget-page-heading.page-heading { font-size: 24px; } } .beautify__flexBanners ._banner ._heading { line-height: 1.2; } .beautify__flexBanners ._banner ._description { margin-top: 0; margin-bottom: 0.5rem; } .beautify__flexBanners ._banner ._buttonLine { margin-top: 0; margin-bottom: 0; } .beautify__flexBanners[data-test-theme="mooncat"] ._buttonLine .button--outline { border-color: white; color: white; } .beautify__flexBanners[data-test-theme="mooncat"] ._buttonLine .button--outline:hover { background: rgba(255, 255, 255, 0.1); } .beautify__flexBanners[data-test-theme="kitchenary"] ._heading { font-size: inherit; margin: 0.5rem 0 0.75rem; } .beautify__flexBanners[data-test-theme="kitchenary"] ._description { font-size: 14px; color: black; } @media (min-width: 801px) { .beautify__flexBanners[data-test-theme="kitchenary"] ._description { font-size: inherit; } } .beautify__flexBanners[data-test-theme="kitchenary"] .button { padding: 0.75rem 1rem; } @media (min-width: 551px) { .beautify__flexBanners[data-test-theme="kitchenary"] ._body { position: static; } } @media (min-width: 550px) and (max-width: 801px) { .beautify__flexBanners[data-test-theme="kitchenary"] [data-index] ._body { display: block; } } .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box { border-radius: 0; } .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box ._content { padding: 1.5rem 1rem; } @media (min-width: 801px) { .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box ._content { padding: 1.5rem 3rem; } } @media (min-width: 1261px) { .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box ._content { padding: 1.5rem 4.5rem; } } @media (min-width: 1441px) { .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box ._content { padding: 1.5rem 6rem; } } .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box ._heading { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 20px; } @media (min-width: 801px) { .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box ._heading { font-size: 2rem; margin-bottom: 1.5rem; } } .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box ._description { font-size: inherit; } @media (min-width: 801px) { .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box ._description { margin-bottom: 2.25rem; } } .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box:hover img { transform: none; } @media (max-width: 800px) { .beautify__homeWideBanner[data-test-theme="kitchenary"] ._box { flex-direction: column; } .beautify__homeWideBanner[data-test-theme="kitchenary"] ._imgContainer { position: relative; height: var(--image-height-mobile); overflow: hidden; } .beautify__homeWideBanner[data-test-theme="kitchenary"] ._imgContainer img { position: relative; top: 0; left: 0; width: 100%; height: 100%; } } @media (min-width: 801px) { .beautify__homeWideBanner[data-test-theme="kitchenary"] ._imgContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .beautify__homeWideBanner[data-test-theme="kitchenary"] ._content { position: relative; } .beautify__homeWideBanner[data-test-theme="kitchenary"][data-test-content-alignment-horizontal="left"] ._box { flex-direction: row-reverse; } } .previewCartCheckout { padding: 0; background: none; font-size: 18px; } @media (max-width: 800px) { .previewCartCheckout p { margin-bottom: 1rem; } } .previewCartCheckout-subtotal { border-top: 1px solid whitesmoke; padding-top: 1.5rem; margin-bottom: 0; } @media (max-width: 800px) { .previewCartCheckout-subtotal { margin-top: 0; padding-top: 1rem; } } .previewCartCheckout-viewCartButton { text-transform: none; font-size: inherit; line-height: 1.3; margin-top: 0 !important; } @media (max-width: 800px) { .previewCartCheckout-viewCartButton { margin-bottom: 1rem !important; } } @media (max-width: 800px) { .modal-header { border-bottom: 0; text-align: center; } .modal-header-title { font-size: 20px; text-align: inherit; } .modal-body { padding-top: 0; } .previewCart ._model-heading { display: none; } .previewCart .productView-title { text-align: left; font-size: 18px; font-weight: inherit; } .previewCart .productView-brand { text-align: left; color: #4f4f4f; font-size: 14px; font-weight: inherit; float: none; } .previewCart .productView-brand::after { display: none; } .previewCart .productView-info { text-align: left; margin: 0; } .previewCart .productView-info-name, .previewCart .productView-info-value { float: none; display: inline; margin: 0; font-weight: inherit; font-size: 14px; } .previewCart .productView-info-name::after { content: ":"; } .previewCart .productView-details { border: unset; border-radius: unset; padding: 0.75rem 0 0 0; } .suggestiveCart { display: none; } } @media (min-width: 801px) { .preview-modal { border-radius: 0px; } .preview-modal .modal-header { display: none; } .preview-modal .modal-body { padding: 1.5rem; } .preview-modal .modal-close { top: -22px; right: -22px; } .previewCart .productView { align-items: flex-start; flex-wrap: wrap; } .previewCart ._model-heading { width: 100%; font-size: 24px; font-weight: 700; } .previewCart .productView-image { width: 25%; min-height: auto; margin: 0 auto; } .previewCart .productView-details { width: 75%; border-radius: unset; border: unset; padding: 0 0.75rem; } .previewCart .productView-title { font-size: 22px; margin-bottom: 0.75rem; } .previewCart .productView-brand { margin-bottom: 0; padding-right: 0; margin-right: 0; } .previewCart .productView-brand::after { display: none; } .previewCart .productView-info { margin: 0; } .previewCart .productView-info-name, .previewCart .productView-info-value { font-weight: inherit; font-size: 14px; margin: 0; } .previewCart .productView-info-name::after { content: ":"; } .suggestiveCart { text-align: inherit; } .suggestiveCart h4 { font-size: 36px; } } .previewCart-additionalCheckoutButtons { display: none; } .previewCart-additionalCheckoutButtons { flex-direction: column; align-content: center; padding: 0 1rem 1rem; margin-top: -1rem; } .previewCart-additionalCheckoutButtons > div { width: 100% !important; } .previewCart-additionalCheckoutButtons .GooglePayContainer > div { display: block !important; } .previewCart-additionalCheckoutButtons .GooglePayCheckout button { margin: 5px 0; } .previewCart-additionalCheckoutButtons .paypalCommerce-smart-buttons { display: block !important; margin: 5px 0; } .previewCart-additionalCheckoutButtons .paypalCommerce-smart-buttons > div { width: 100% !important; display: block !important; } .price-now-label { color: #4f4f4f; } .price-was-label { color: #4f4f4f; } /* .productGrid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: spacing("half"); margin: 0 (-(spacing("quarter"))); .product { width: 100%; } .card { margin: 0; padding: 0; } } .card { @media (max-width: screenSize("medium") - 1px) { .card-footer { margin: auto 0 0; } } } */ .card { display: grid; grid-template-columns: 100%; grid-template-rows: min-content auto minmax(50px, min-content); } .card:hover .card-figcaption { display: none; } .card:hover .card-figcaption .button.card-figcaption-button.quickview { display: flex; align-items: center; } .card:hover .card-figcaption .icon { fill: #666666; margin-right: 0.1875rem; } .card:hover .sale-flag-side { opacity: 0; transition: opacity 0.3s linear; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .card { display: flex; flex-direction: column; height: 100%; } .card .card-figure { flex: 0 0 auto; } .card .card-body { flex: 1 0 auto; } .card .card-footer { flex: 0 0 auto; } } .card._border { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); background-color: #f7f7f7; border: 1px solid whitesmoke; margin: 0.25rem; width: calc(100% - 0.375rem); border-radius: 0px; } @media (min-width: 801px) { .card._border { margin: 0.375rem; width: calc(100% - 1.5rem); } } @media (min-width: 801px) and (max-width: 1260px) { .card._border { margin: 0.25rem; } } @media (min-width: 801px) { .card { grid-template-rows: min-content auto minmax(0, min-content); } .card:hover .card-footer { visibility: visible; opacity: 1; bottom: 0.75rem; transition: all 0.4s ease, transform 0.4s ease; } } .card .form-option-variant { min-width: max-content; } .card-body { display: grid; grid-template-columns: 100%; padding-top: 1.25rem; --product-card-badges-grid-size: 0; --product-card-title-grid-size: auto; --product-card-brand-grid-size: 0; --product-card-sku-grid-size: 0; --product-card-custom-field-grid-size: 0; --product-card-swatches-grid-size: 0; --product-card-price-grid-size: minmax(2.25rem, max-content); --product-card-rating-grid-size: 0; grid-template-rows: var(--product-card-badges-grid-size) var(--product-card-title-grid-size) var(--product-card-brand-grid-size) var(--product-card-sku-grid-size) var(--product-card-custom-field-grid-size) var(--product-card-swatches-grid-size) var(--product-card-price-grid-size) var(--product-card-rating-grid-size); } @media (max-width: 800px) { .card-body { padding-top: 0.9375rem; } } ._product-card-has-brand .card-body { --product-card-brand-grid-size: minmax(1.5rem, max-content); } ._product-card-has-sku .card-body { --product-card-sku-grid-size: minmax(1.5rem, max-content); } ._product-card-has-custom-field .card-body { --product-card-custom-field-grid-size: minmax(min-content, max-content); } ._product-card-has-swatches .card-body { --product-card-swatches-grid-size: minmax(2.875rem, max-content); } ._product-card-has-rating .card-body { --product-card-rating-grid-size: minmax(2.625rem, max-content); } .card-body .card-badges { grid-row: 1; } .card-body .card-title { grid-row: 2; } .card-body .card-text--brand { grid-row: 3; } .card-body .card-text--sku { grid-row: 4; } .card-body .card-text--info { grid-row: 5; } .card-body .card-text--colorswatches { grid-row: 6; } .card-body .card-text--price { grid-row: 7; } .card-body .card-text--rating { grid-row: 8; } .card-body .card-text--sku { font-size: 12px; } .card-body .card-text--info { font-size: 12px; margin-bottom: 0; } .card-body .card-text--info > div { margin-bottom: 0.375rem; } .card-body .price { font-size: inherit; } .card-body .price--main { font-size: 1rem; } .card-body .card-text--brand a { color: #4f4f4f; text-decoration: none; } .card-body .card-text--brand a:hover, .card-body .card-text--brand a:active { color: #767676; } .card-body .price--main._hasSale { color: #767676; } .card-body .card-text--colorswatches { margin-top: 0.375rem; margin-bottom: 0.75rem; } .card-body .card-text--colorswatches .productSwatches-swatches-item:focus-visible, .card-body .card-text--colorswatches button[type="button"]:focus-visible { outline-offset: -1px !important; } .card-body > .card-text--price { margin-bottom: 0.75rem; } .card-footer { justify-self: center; } @media (min-width: 801px) { .card-footer._show .card-figcaption-button._compare { display: none !important; } } @media (min-width: 801px) { .card-footer:not(._show) { opacity: 0; transition: all 0.2s linear; } } .card-footer:not(._show)._focus { opacity: 1; bottom: 0.75rem; } .card-footer .card-buttons { visibility: visible; clip: auto; opacity: 1; position: static; padding: 0 !important; display: flex; gap: 0.3125rem; width: fit-content; } .card-footer .card-buttons:has(.button--outstock) .button--outstock { background-color: #eeeeee; color: black; max-width: 100%; white-space: nowrap; padding: 0; height: 2.5rem; min-height: 2.5rem; display: flex; justify-content: center; align-items: center; } .card-footer .card-buttons:has(.button--outstock) .button--outstock span { padding: 0 0.75rem; text-overflow: ellipsis; overflow: hidden; } .card-footer .card-buttons:has(.button--outstock) ._qtyAdd { display: none; } .card-footer .card-buttons ._qtyAdd { display: flex; } .card-footer .card-buttons ._qtyAdd:hover .form-field--increments { border-color: #666666; } .card-footer .card-buttons ._qtyAdd:hover .card-figcaption-button { background: #666666; color: whitesmoke; } .card-footer .card-buttons ._qtyAdd:hover .card-figcaption-button svg { fill: whitesmoke !important; } .card-footer .card-buttons ._qtyAdd .form-field { margin: 0; } .card-footer .card-buttons ._qtyAdd .form-field--increments { height: 2.5rem; width: 2.5rem; border: 2px solid #2d2d2d; border-radius: 0px 0 0 0px; background: white; } .card-footer .card-buttons ._qtyAdd .form-field--increments .form-label { display: none; } .card-footer .card-buttons ._qtyAdd .form-field--increments .form-increment .button.button--icon { display: none; } .card-footer .card-buttons ._qtyAdd .form-field--increments .form-increment .form-input--incrementTotal { width: 100%; height: 2.25rem; border: 0; background: white; font-weight: 700; } .card-footer .card-buttons ._qtyAdd .button { margin-bottom: 0 !important; padding-left: 2px; padding-right: 2px; white-space: nowrap; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button { display: flex; align-items: center; justify-content: center; max-height: 2.625rem; padding: 0; background: #2d2d2d; color: white; font-weight: 700; height: 2.5rem; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button:not(:only-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { pointer-events: none; padding: 0 0.75rem; text-overflow: ellipsis; overflow: hidden; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; pointer-events: none; padding: 0 0.5rem; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button i svg.icon { margin: 0; fill: white; } .card-footer .card-buttons ._quickViewAndCompare { display: flex; gap: 0.3125rem; } .card-footer .card-buttons ._quickViewAndCompare .card-figcaption-button { padding: 0; margin: 0; } .card-footer .card-buttons ._quickViewAndCompare .card-figcaption-button span { background: #2d2d2d; border-radius: 0px; display: flex; justify-content: center; align-items: center; } .card-footer .card-buttons ._quickViewAndCompare .card-figcaption-button .btn-icon { height: 2.5rem; width: 2.5rem; min-width: 2.5rem; } .card-footer .card-buttons ._quickViewAndCompare .card-figcaption-button .icon { margin: 0; fill: white; height: 1.25rem; width: 1.25rem; } .card-footer .card-buttons ._quickViewAndCompare .card-figcaption-button .btn-text { display: none; font-weight: 700; color: white; } .card-footer .card-buttons ._quickViewAndCompare .card-figcaption-button:hover span { background: #e5e5e5; } .card-footer .card-buttons ._quickViewAndCompare .card-figcaption-button:hover .icon { fill: #666666; } .card-footer .card-buttons ._quickViewAndCompare .card-figcaption-button:hover .btn-text { color: #666666; } @media (min-width: 801px) { .card-footer .card-buttons .card-figcaption-button.button--outstock { margin-bottom: 0 !important; } } @media (max-width: 1360px) and (min-width: 1080px), (max-width: 800px) and (min-width: 700px) { .card-footer { width: 100%; } .card-footer .card-buttons { width: 100%; } .card-footer .card-buttons ._qtyAdd { flex: 1; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: 0; flex: 1; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .card-footer .card-buttons .button--outstock { flex: 1; width: 0; } } @media (max-width: 1079px) and (min-width: 801px), (max-width: 699px) { .card-footer { width: fit-content; } .card-footer .card-buttons { width: fit-content; } .card-footer .card-buttons ._qtyAdd { flex: unset; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button { height: 2.5rem; width: 2.5rem; flex: unset; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: none; } .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: block; } .card-footer:has(.button--outstock) { width: 100%; } .card-footer:has(.button--outstock) .card-buttons { width: 100%; } .card-footer:has(.button--outstock) .card-buttons .button--outstock { flex: 1; width: 0; } } .card-figcaption-button { display: block; width: 100%; text-align: center; padding: 1rem; border: 0; margin: 0; } .productCarousel .card-buttons .card-figcaption-button, .productGrid .card-buttons .card-figcaption-button { padding: 0.75rem 0; } .productCarousel .card-buttons .card-figcaption-button::before, .productGrid .card-buttons .card-figcaption-button::before { content: ""; display: block; height: 0; } @media (min-width: 801px) { .productCarousel .card-buttons .card-figcaption-button, .productGrid .card-buttons .card-figcaption-button { max-width: 230px; margin: 0 auto 0.75rem !important; display: table; } } .productCarousel .card-buttons .card-figcaption-button._compare, .productCarousel .card-buttons .card-figcaption-button._compare2, .productGrid .card-buttons .card-figcaption-button._compare, .productGrid .card-buttons .card-figcaption-button._compare2 { width: auto; min-width: auto; display: inline-block; font-size: 12px; margin-top: 0 !important; margin-bottom: 0 !important; } .productCarousel .card-buttons .card-figcaption-button._compare .icon, .productCarousel .card-buttons .card-figcaption-button._compare2 .icon, .productGrid .card-buttons .card-figcaption-button._compare .icon, .productGrid .card-buttons .card-figcaption-button._compare2 .icon { width: 12px; height: 12px; margin-right: 0.375rem; margin-top: 0; } @media (min-width: 801px) { .productCarousel .card-buttons .card-figcaption-button._compare, .productCarousel .card-buttons .card-figcaption-button._compare2, .productGrid .card-buttons .card-figcaption-button._compare, .productGrid .card-buttons .card-figcaption-button._compare2 { padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 14px; } } .productCarousel .card-buttons .card-figcaption-button._compare2, .productGrid .card-buttons .card-figcaption-button._compare2 { padding: 0.75rem; background-color: white; color: black; border-color: white; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } .productCarousel .card-buttons .card-figcaption-button._compare2 .icon, .productGrid .card-buttons .card-figcaption-button._compare2 .icon { fill: black; } .productCarousel .card-buttons .card-figcaption-button._compare2:focus, .productCarousel .card-buttons .card-figcaption-button._compare2:hover, .productCarousel .card-buttons .card-figcaption-button._compare2:active, .productGrid .card-buttons .card-figcaption-button._compare2:focus, .productGrid .card-buttons .card-figcaption-button._compare2:hover, .productGrid .card-buttons .card-figcaption-button._compare2:active { background-color: #767676; color: #2d2d2d; border-color: #767676; } .productCarousel .card-buttons .card-figcaption-button._compare2:focus .icon, .productCarousel .card-buttons .card-figcaption-button._compare2:hover .icon, .productCarousel .card-buttons .card-figcaption-button._compare2:active .icon, .productGrid .card-buttons .card-figcaption-button._compare2:focus .icon, .productGrid .card-buttons .card-figcaption-button._compare2:hover .icon, .productGrid .card-buttons .card-figcaption-button._compare2:active .icon { fill: #2d2d2d; } .productCarousel .card-buttons .card-figcaption-button._compare, .productGrid .card-buttons .card-figcaption-button._compare { padding: 0.375rem 0.375rem; background: transparent; color: #767676; } @media (min-width: 801px) { .productCarousel .card-buttons .card-figcaption-button._compare, .productGrid .card-buttons .card-figcaption-button._compare { display: none; } } .productCarousel .card-buttons .card-figcaption-button._compare .icon, .productGrid .card-buttons .card-figcaption-button._compare .icon { fill: #767676; } .productCarousel .card-buttons .card-figcaption-button._compare:hover, .productCarousel .card-buttons .card-figcaption-button._compare:focus, .productGrid .card-buttons .card-figcaption-button._compare:hover, .productGrid .card-buttons .card-figcaption-button._compare:focus { color: black; } .productCarousel .card-buttons .card-figcaption-button._compare:hover .icon, .productCarousel .card-buttons .card-figcaption-button._compare:focus .icon, .productGrid .card-buttons .card-figcaption-button._compare:hover .icon, .productGrid .card-buttons .card-figcaption-button._compare:focus .icon { fill: black; } .card-figcaption-button.button--primary::before { display: none; } .card-figure > a { display: block; } .card-figure > [href]:focus-visible { outline-offset: -2px !important; } .card-figure .card-buttons { margin: 0 auto; display: grid; gap: 0.375rem; } .card-figure a:focus ~ .sale-flag-side { opacity: 0; transition: opacity 0.3s linear; } .card-image { border-radius: 0px; } .card-text { font-size: 14px; } .card-text--rating { padding-top: 0.75rem; margin-bottom: 0.75rem; border-top: 1px solid whitesmoke; width: 100%; } .card-text--rating .rating--small .icon { height: 0.9375rem; width: 0.9375rem; } .card-text--brand { font-size: 12px; text-transform: uppercase; } .card-text--price { display: flex; flex-wrap: wrap; } .card-text--price .price-section { order: 2; margin: 0 0.5rem 0 0 !important; } .card-text--price .price-section:last-child { margin-right: 0 !important; } .card-text--price .price-section .price--non-sale { font-weight: initial; font-size: 1rem; color: #4f4f4f; } .card-text--price .non-sale-price--withTax { order: 1; } .card-text--price .non-sale-price--withTax .price { font-weight: 400; } .card-title { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: inherit; line-height: inherit; margin-bottom: 0.75rem; } .card-title a { color: black; } .card-badges { display: flex; flex-wrap: wrap; justify-content: center; display: none; } .card-badges .sale-flag-side { display: inline-block; position: static; z-index: auto; margin: 0 0.375rem 0.375rem 0; padding: 0.1875rem 0.375rem; } .card-badges .sale-flag-side._percent .sale-text span { font-size: inherit; font-weight: 700; vertical-align: baseline; } .card-badges .sale-flag-side::after, .card-badges .sale-flag-side::before { display: none; } .productSwatches-attributes { display: flex; flex-direction: column; row-gap: 0.375rem; } .productSwatches-swatches { margin: 0; } @media (min-width: 801px) { .productSwatches-swatches { flex-wrap: wrap; } } .productSwatches-swatches-item--rectangle { border: 0; color: #4f4f4f; text-decoration: none; margin: 0 0.5rem 0 0; } .productSwatches-swatches-item--rectangle .form-option-variant { padding: 0; font-size: 12px; text-align: inherit; white-space: nowrap; } @media (min-width: 801px) { .productSwatches-swatches-item--rectangle .form-option-variant { max-width: 4rem; overflow: hidden; text-overflow: ellipsis; } } .mode-bo .productGrid-bulkOrderHeader-wrapper { display: none; } .mode-bo .productGrid { margin-bottom: 0.75rem; } .mode-bo .productGrid .product { margin: 0; padding: 0; border: 0; } @media (min-width: 551px) { .mode-bo .productGrid .product:not(._border) { border-bottom: 1px solid whitesmoke; } } .mode-bo .productGrid .card-body .card-text--price { display: block; } .mode-bo .productGrid .card-footer { display: none; } .mode-bo .productGrid .card-bulkOrder-action .card-figcaption-button { padding: 0.75rem 1.5rem; font-size: 14px; margin-bottom: 0; } .mode-bo .productGrid .card-bulkOrder-price { display: none; } .mode-bo .productGrid .card-bulkOrder-qtyInCart { display: none; } .mode-bo .productGrid .card-bulkOrder-subtotal .price { font-size: 18px; font-weight: 700; } @media (max-width: 800px) { .mode-bo .productGrid .card-figure { width: 25%; } .mode-bo .productGrid .card-body { margin-left: calc(25% + 1.5rem); } .mode-bo .productGrid .card-bulkOrder-fieldRow { margin-top: 0; } .mode-bo .productGrid .card-bulkOrder-subtotal { margin-top: 0.75rem; } .mode-bo .productGrid .card-bulkOrder-label { font-size: 14px; } } @media (min-width: 801px) { .mode-bo .productGrid .card-body { width: calc(50% - 100px); } .mode-bo .productGrid .card-bulkOrder { width: 50%; } .mode-bo .productGrid .card-bulkOrder-qty { width: 150px; text-align: center; } .mode-bo .productGrid .card-bulkOrder-subtotal { width: calc(100% - 330px); text-align: center; } .mode-bo .productGrid .card-bulkOrder-action { width: 180px; } } .mode-bo .card { margin: 0; padding: 0.9375rem 0; } .mode-bo .card._border { margin: 0.375rem 0 1.125rem 0; width: 100%; padding: 0.5rem; } @media (min-width: 801px) { .mode-bo .card._border { margin-bottom: 1rem; } } @media (max-width: 550px) { .mode-bo .card { padding: 0.9375rem 0; margin-bottom: 0.9375rem; } } .mode-bo .card-body { display: flex; flex-direction: column; } .mode-bo .card-body .card-badges { order: 1; } .mode-bo .card-body .card-title { order: 2; } .mode-bo .card-body .card-text--brand { order: 3; } .mode-bo .card-body .card-text--sku { order: 4; } .mode-bo .card-body .card-text--info { order: 5; } .mode-bo .card-body .card-text--colorswatches { order: 6; min-height: auto; } .mode-bo .card-body .card-text--price { order: 7; } .mode-bo .card-body .card-text--rating { order: 8; } .mode-bo .card-body .card-text--summary { order: 9; } .mode-bo .card-figure .sale-flag-side { display: none; } .mode-bo .card-badges { display: flex; justify-content: flex-start; } .productGrid-bulkOrderHeader-name { width: calc(50% - 100px); } .productGrid-bulkOrderHeader-qtyInCart { display: none; } .productGrid-bulkOrderHeader-price { display: none; } .productGrid-bulkOrderHeader-qty { width: 150px; text-align: center; } .productGrid-bulkOrderHeader-subtotal { width: calc(50% - 330px); text-align: center; } .productGrid-bulkOrderHeader-action { width: 180px; } @media (min-width: 801px) { .productGrid-bulkOrderFooter-total { width: 60%; } } @media (min-width: 801px) { .productGrid-bulkOrderFooter-addAll { width: 40%; } } @media (max-width: 800px) { .productGrid-bulkOrderFooter-total-inner { background-color: transparent; } } .mode-1 .productGrid { display: block; margin-left: 0; margin-right: 0; } .mode-1 .product { width: 100%; } @media (min-width: 551px) { .mode-1 .product:not(._border) { border-bottom: 1px solid whitesmoke; } } .page-sidebar + .page-content .mode-1 .productGrid .product { width: 100%; } .mode-1 .card { display: flex; justify-content: space-between; margin: 0; padding: 0.9375rem 0; } .mode-1 .card:before, .mode-1 .card:after { content: " "; display: table; } .mode-1 .card:after { clear: both; } .mode-1 .card._border { margin: 0.375rem 0 1.125rem 0; width: 100%; padding: 0.5rem; } @media (min-width: 801px) { .mode-1 .card._border { margin-bottom: 1.5rem; } } @media (max-width: 800px) { .mode-1 .card._border { margin-top: 0.9375rem; margin-bottom: 0.5rem; } } @media (max-width: 550px) { .mode-1 .card._border { margin-bottom: 0; } } .mode-1 .card .card-figure { width: 12rem; min-width: 12rem; } .mode-1 .card .card-figure .card-img-container .card-image { margin: 0; } .mode-1 .card .card-figure .card-img-container .card-image ~ .card-image { height: auto; } .mode-1 .card .card-body { width: 100%; padding: 0 1.875rem; grid-template-rows: auto; text-align: left; } .mode-1 .card .card-body .card-badges { justify-content: left; } .mode-1 .card .card-body .card-title, .mode-1 .card .card-body .card-text { margin-top: 0; padding: 0; border: 0; } .mode-1 .card .card-body .card-title:empty, .mode-1 .card .card-body .card-text:empty { margin: 0; padding: 0; } .mode-1 .card .card-body .card-title .productSwatches-attributes, .mode-1 .card .card-body .card-text .productSwatches-attributes { margin: 0; align-items: unset; } .mode-1 .card .card-body .card-title .productSwatches-attributes .productSwatches-swatches, .mode-1 .card .card-body .card-text .productSwatches-attributes .productSwatches-swatches { place-content: unset; } .mode-1 .card .card-body .card-title .price, .mode-1 .card .card-body .card-text .price { font-size: 1rem; font-weight: 400; } .mode-1 .card .card-body .card-title .price.price--main, .mode-1 .card .card-body .card-text .price.price--main { font-weight: 700; } .mode-1 .card .card-footer .card-buttons { width: 100%; display: flex; flex-direction: column; height: fit-content; margin-right: 0.125rem; } .mode-1 .card .card-footer .card-buttons ._qtyAdd { width: 100%; } .mode-1 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: fit-content; min-width: 10.8125rem; display: flex; padding: 0; outline-offset: -1px !important; } .mode-1 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; padding: 0 1.5rem; } .mode-1 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .mode-1 .card .card-footer .card-buttons ._quickViewAndCompare { display: block; width: 100%; } .mode-1 .card .card-footer .card-buttons ._quickViewAndCompare .button { margin-bottom: 0.3125rem !important; padding: 0; display: flex; max-width: 100%; background: unset; background-color: unset; outline-offset: -1px !important; } .mode-1 .card .card-footer .card-buttons ._quickViewAndCompare .btn-icon { border-top-right-radius: 0; border-bottom-right-radius: 0; } .mode-1 .card .card-footer .card-buttons ._quickViewAndCompare .btn-text { border-top-left-radius: 0; border-bottom-left-radius: 0; min-width: 10.8125rem; display: flex; width: calc(100% - 2.5rem); margin-left: 0.0625rem; } .mode-1 .card .card-footer .card-buttons .button--outstock { display: flex; min-width: 100%; padding: 0; outline-offset: -1px !important; } @media (max-width: 1260px) { .mode-1 .card .card-figure { width: 50%; min-width: auto; } .mode-1 .card .card-body { width: 50%; padding: 0 0 0 0.9375rem; padding-top: 0; grid-template-rows: auto; } .mode-1 .card .card-body .card-title { font-size: 14px; } .mode-1 .card .card-body .card-text.card-text--summary { display: none; } .mode-1 .card .card-body .card-actions { display: flex; } .mode-1 .card .card-footer { display: none; } } @media (max-width: 1260px) and (min-width: 1070px) { .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button { width: auto; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button span { display: block; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button i { display: none; } } @media (max-width: 1069px) and (min-width: 801px) { .mode-1 .card .card-body .card-actions ._qtyAdd { flex: 1; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button { flex: 1; width: 0; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button span { display: block; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button i { display: none; } .mode-1 .card .card-body .card-actions .button--outstock { width: 0; flex: 1; } } @media (max-width: 800px) and (min-width: 701px) { .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button { width: auto; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button span { display: block; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button i { display: none; } } @media (max-width: 700px) and (min-width: 551px) { .mode-1 .card .card-body .card-actions ._qtyAdd { flex: 1; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button { flex: 1; width: 0; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button span { display: block; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button i { display: none; } .mode-1 .card .card-body .card-actions .button--outstock { width: 0; flex: 1; } } @media (max-width: 550px) { .mode-1 .card { padding: 0.9375rem 0 0 0; margin-bottom: 0.9375rem; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button { height: 2.5rem; width: 2.5rem; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button span { display: none; } .mode-1 .card .card-body .card-actions ._qtyAdd .card-figcaption-button i { display: block; } .mode-1 .card .card-body .card-actions .button--outstock { width: 0; flex: 1; } .mode-1 .card .card-body .card-actions .button--outstock span { padding: 0 1rem; } .mode-1 .card .card-figure { width: 45%; } .mode-1 .card .card-body { width: 55%; } } .mode-1 .card-body { display: flex; flex-direction: column; } .mode-1 .card-body .card-badges { order: 1; } .mode-1 .card-body .card-title { order: 2; } .mode-1 .card-body .card-text--brand { order: 3; } .mode-1 .card-body .card-text--sku { order: 4; } .mode-1 .card-body .card-text--info { order: 5; } .mode-1 .card-body .card-text--colorswatches { order: 6; min-height: auto; } .mode-1 .card-body .card-text--price { order: 7; } .mode-1 .card-body .card-text--rating { order: 8; } .mode-1 .card-body .card-text--summary { order: 9; } .mode-1 .card-body .card-actions { order: 10; } .mode-1 .card-body .card-title, .mode-1 .card-body .card-text { margin: 0; padding: 0; border: 0; margin-bottom: 0.9375rem; } .mode-1 .card-body .card-title::after:empty, .mode-1 .card-body .card-text::after:empty { display: none; } .mode-1 .card-body .card-title .productSwatches-attributes, .mode-1 .card-body .card-text .productSwatches-attributes { margin: 0; } .mode-1 .card-body .card-title .price, .mode-1 .card-body .card-text .price { font-size: 1rem; font-weight: 400; } .mode-1 .card-body .card-title .price.price--main, .mode-1 .card-body .card-text .price.price--main { font-weight: 700; } .mode-1 .card-body .card-text--brand:has(+ .card-text--sku), .mode-1 .card-body .card-text--brand:has(+ .card-text--info) { margin-bottom: 0.375rem; } .mode-1 .card-body .card-text--sku:has(+ .card-text--info) { margin-bottom: 0.375rem; } .mode-1 .card-footer { width: 30%; text-align: inherit; } @media (min-width: 801px) { .mode-1 .card-footer { position: static; visibility: visible; opacity: 1; transform: none; transition: none; background-color: transparent; } .mode-1 .card-footer .card-figcaption-button._compare { display: none !important; } .mode-1 .card-footer:not(._show) .card-buttons ._qtyAdd { justify-content: unset; } } .mode-1 .card-title { font-weight: 400; margin-bottom: 0; } .mode-1 .card-text--price { display: block; } .mode-1 .card-text--summary { display: block; margin-bottom: 0.75rem; font-size: 12px; } @media (min-width: 551px) { .mode-1 .card-title { font-size: 18px; } .mode-1 .card-text--summary { margin-bottom: 1rem; } .mode-1 .card-figcaption-button { display: inline-block; width: auto; margin: 0 0.375rem 0.375rem 0; } .mode-1 .card-figcaption-button .card-figcaption-button { margin-top: 0; } } @media (min-width: 801px) { .mode-1 .card-text--price { margin-bottom: 0.75rem; } .mode-1 .card-text--summary { font-size: 14px; margin-bottom: 1.5rem; line-height: 1.8; } .mode-1 .productCarousel .card-button .card-figcaption-button, .mode-1 .productGrid .card-buttons .card-figcaption-button { padding-left: 3rem; padding-right: 3rem; margin: 0 0 0.75rem 0; display: inline-block; } .mode-1 .productCarousel .card-button .card-figcaption-button._compare, .mode-1 .productGrid .card-buttons .card-figcaption-button._compare { padding: 1rem 0; margin-top: 0 !important; } .mode-1 .card-figcaption-body .card-buttons .card-figcaption-button { padding: 0.75rem !important; margin: 0 !important; } .mode-1 .card-buttons ._qtyAdd .button { margin-bottom: 0 !important; } } .card-bulkOrder-value .card-text--price { display: block; } .productView { padding-top: 0; } .productView-details { border-radius: 0px; } @media (min-width: 801px) { .productView-details { margin-bottom: 0.5rem; padding-right: 0; } .productView-details ~ .productView-details { margin-bottom: 1.5rem; } } .productView-details [data-product-attribute] .form-option.unavailable { opacity: 1; background-color: transparent; } .productView-details [data-product-attribute] .form-option.unavailable .form-option-variant { position: relative; z-index: 10; } .productView-details [data-product-attribute] .form-option.unavailable .form-option-variant::after { content: ""; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); background-color: rgba(221, 221, 221, 0.6); left: -2px; top: -1px; z-index: 20; } .productView-details .productView-icon-rating { display: flex; } .productView-details .form-option:not(.form-option-swatch).unavailable::before { display: none; } .productView-details .form-option-swatch.unavailable::before { width: 135%; left: -20px; top: 0; z-index: 20; background-color: rgba(0, 0, 0, 0.3); } @media (max-width: 550px) { .productView .productView-detailsWrapper { overflow: hidden; } } @media (max-width: 800px) { .productView .productView-detailsWrapper .productView-imageCarousel-nav .slick-dots { bottom: -1.375rem; } } @media (max-width: 800px) { .productView .productView-detailsWrapper .productView-imageCarousel-nav .slick-dots li { width: calc(1.5rem * 0.8); height: calc(1.5rem * 0.8); } .productView .productView-detailsWrapper .productView-imageCarousel-nav .slick-dots li.slick-active { width: calc(3rem * 0.6); } .productView .productView-detailsWrapper .productView-imageCarousel-nav .slick-dots li.slick-active button, .productView .productView-detailsWrapper .productView-imageCarousel-nav .slick-dots li.slick-active button::before { width: 1.5rem; } .productView .productView-detailsWrapper .productView-imageCarousel-nav .slick-dots li button, .productView .productView-detailsWrapper .productView-imageCarousel-nav .slick-dots li button::before { width: 0.375rem; height: 0.375rem; } } @media (max-width: 800px) { .productView .productView-details { margin-top: calc(1.5rem * -0.5); } } .productView-alsoBought--right { padding-bottom: 0; } @media (min-width: 801px) { .productView-alsoBought--right { padding-right: 0; } } .productView-alsoBought--left { padding-bottom: 0; } @media (min-width: 801px) { .productView-alsoBought--left { padding-left: 0; } } .productView-conditionLabel, .productView-saleLabel { background-color: #2d2d2d; color: white; padding: 0.1875rem 0.75rem; margin: 0 0.375rem 0 0; font-size: 12px; border-radius: 0px; display: inline-block; } .productView-conditionLabel { color: white; } .productView-conditionLabel._new { background-color: #ec1d58; } .productView-conditionLabel._used { background-color: #999999; } .productView-conditionLabel._refurbished { background-color: #999999; } .productView-saleLabel { background-color: #19aa9d; color: white; margin: 0; padding: 0.375rem 0.9375rem; } .productView-saleLabel._percent span { font-size: 18px; line-height: 12px; vertical-align: middle; } .productView-stockLabel { color: black; font-weight: 600; margin-bottom: 0.75rem; display: flex; } .productView-stockLabel::before { height: 1.5rem; width: 1.5rem; content: ""; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_23_2861)'%3E%3Cpath d='M10 20C15.5234 20 20 15.5234 20 10C20 4.47656 15.5234 0 10 0C4.47656 0 0 4.47656 0 10C0 15.5234 4.47656 20 10 20ZM14.4141 8.16406L9.41406 13.1641C9.04688 13.5312 8.45312 13.5312 8.08984 13.1641L5.58984 10.6641C5.22266 10.2969 5.22266 9.70312 5.58984 9.33984C5.95703 8.97656 6.55078 8.97266 6.91406 9.33984L8.75 11.1758L13.0859 6.83594C13.4531 6.46875 14.0469 6.46875 14.4102 6.83594C14.7734 7.20312 14.7773 7.79687 14.4102 8.16016L14.4141 8.16406Z' fill='%23888888'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_23_2861'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-size: auto; background-repeat: no-repeat; vertical-align: top; margin-right: 1.25rem; flex-shrink: 0; } .productView-stockLabel._outstock { color: #ff7d7d; } .productView-stockLabel._outstock::before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24px' version='1.1' viewBox='0 0 24 24' width='24px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cg fill='none' fill-rule='evenodd' id='shopping' stroke='none' stroke-width='1'%3E%3Cg fill='%23ff7d7d' fill-rule='nonzero' id='external_link' transform='translate(-13.000000, -13.000000)'%3E%3Cpath d='M25,14.25 C30.9370611,14.25 35.75,19.0629389 35.75,25 C35.75,30.9370611 30.9370611,35.75 25,35.75 C19.0629389,35.75 14.25,30.9370611 14.25,25 C14.25,19.0629389 19.0629389,14.25 25,14.25 Z M25,15.75 C19.8913661,15.75 15.75,19.8913661 15.75,25 C15.75,30.1086339 19.8913661,34.25 25,34.25 C30.1086339,34.25 34.25,30.1086339 34.25,25 C34.25,19.8913661 30.1086339,15.75 25,15.75 Z M29.4363794,20.3898796 L29.5303301,20.4696699 L29.6029482,20.5537883 C29.7965966,20.8147763 29.7989874,21.1729908 29.6101204,21.4363794 L29.5303301,21.5303301 L26.061,25 L29.5303301,28.4696699 L29.6029482,28.5537883 C29.8208027,28.8473998 29.7965966,29.2640635 29.5303301,29.5303301 C29.2640635,29.7965966 28.8473998,29.8208027 28.5537883,29.6029482 L28.4696699,29.5303301 L25,26.061 L21.5303301,29.5303301 C21.2374369,29.8232233 20.7625631,29.8232233 20.4696699,29.5303301 C20.2034034,29.2640635 20.1791973,28.8473998 20.3970518,28.5537883 L20.4696699,28.4696699 L23.939,25 L20.4696699,21.5303301 C20.2034034,21.2640635 20.1791973,20.8473998 20.3970518,20.5537883 L20.4696699,20.4696699 C20.7359365,20.2034034 21.1526002,20.1791973 21.4462117,20.3970518 L21.5303301,20.4696699 L25,23.939 L28.4696699,20.4696699 L28.5537883,20.3970518 C28.8147763,20.2034034 29.1729908,20.2010126 29.4363794,20.3898796 Z' id='shape'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .productView-stockLabel._hideInStock:not(._outstock) { display: none; } @media (max-width: 800px) { .productView-stockLabel { margin-bottom: 0.625rem; } } .productView-info--stock { display: flex; flex-wrap: wrap; margin: 0; } .productView-info--stock .productView-info-value--stock, .productView-info--stock .productView-info-name--stock { float: none; } .productView-info-name--stock._lowStock { color: #ff7d7d; } .productView-info-name--stock._lowStock + .productView-info-value--stock { color: #ff7d7d; } .productView-info-name--stock._lowStock ._std { display: none; } .productView-info-name--stock._lowStock .icon { fill: #ff7d7d; } .productView-info-name--stock:not(._lowStock) ._low { display: none; } .productView-info-name--stock .icon { height: 1.5rem; width: 1.5rem; vertical-align: top; margin-right: 1.25rem; fill: #767676; } .productView-info-value--stock { font-weight: 700; } .productView-shipping { margin-bottom: 1rem; } .productView-shipping:has(.productView-info--stock) { margin-bottom: 1.25rem; } .productView-shipping ._addToCartVisibility { margin-bottom: 0.75rem; } @media (max-width: 800px) { .productView-shipping { font-size: 14px; margin-top: 1rem; } .productView-shipping ._addToCartVisibility { margin-bottom: 0.625rem; } } [data-papathemes-shipping-countdown] { display: flex; } [data-papathemes-shipping-countdown] .icon { height: 1.5rem; width: 1.5rem; margin-right: 1.25rem; fill: #767676; flex-shrink: 0; } .productView-headingWrapper { margin-bottom: 1.875rem; } @media (max-width: 800px) { .productView-headingWrapper { margin-bottom: 0.75rem; } } @media (max-width: 800px) { .productView-headingWrapper .container { padding-left: 0.75rem; padding-right: 0.75rem; } } .productView-titleWrapper { clear: both; display: flex; justify-content: space-between; } .productView-title { clear: both; line-height: 1.35; font-size: 22px; } @media (max-width: 800px) { .productView-title { margin-bottom: 0.5rem; } } @media (min-width: 801px) { .productView-title { margin-bottom: 1rem; } } .productView-reviewBrand { display: flex; align-items: center; row-gap: 0.5rem; flex-wrap: wrap; } .productView-reviewBrand .productView-reviewBrand-item { margin-left: 0.75rem; color: black; display: inline-block; padding-right: 1.25rem; vertical-align: middle; position: relative; } .productView-reviewBrand .productView-reviewBrand-item:hover, .productView-reviewBrand .productView-reviewBrand-item:focus { color: #767676; } .productView-reviewBrand .productView-reviewBrand-item::after { position: absolute; right: 0; content: "|"; color: whitesmoke; } .productView-reviewBrand .productView-reviewBrand-item:last-child::after { display: none; } @media (max-width: 550px) { .productView-reviewBrand .productView-reviewBrand-item { font-size: 14px; margin-left: 0.1875rem; padding-right: 0.75rem; } } .productView-brand { font-size: 1rem; font-weight: inherit; line-height: 1; text-transform: none; margin-bottom: 0.625rem; position: relative; padding-right: 1.5rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .productView-brand a { text-decoration: none; } @media (max-width: 800px) { .productView-brand { margin-bottom: 0; } } .productView-brandImg { width: 90px; height: 30px; object-fit: contain; } .productView-rating { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; row-gap: 0.5rem; } .productView-rating .productView-icon-rating { line-height: 1; } .productView-rating .productView-icon-rating a { text-decoration: none; } .productView-rating .icon { height: 1rem; width: 1rem; margin-right: 0.1875rem; } .productView-reviewLink { font-size: 1rem; } .productView-reviewLink a { color: inherit; display: inline-block; } .productView-reviewLink + .productView-reviewLink::before { display: none; } .productView-reviewLink + .productView-reviewLink a { color: black; text-decoration: underline; } .productView-reviewLink + .productView-reviewLink a:hover, .productView-reviewLink + .productView-reviewLink a:focus { color: #767676; } .productView-reviewLink:last-child { flex: 1; text-align: end; } @media (max-width: 550px) { .productView-reviewLink { font-size: 14px; } .productView-reviewLink:last-child { flex: 1 100%; text-align: center; } } .productView-shortDesc { margin-bottom: 1.5rem; } .productView-images { flex-wrap: wrap; } .productView-images .addthis_toolbox { order: 1; width: 100%; margin-bottom: 0.75rem; } .productView-images .socialLinks { text-align: right; } @media (max-width: 800px) { .productView-images { margin-top: 0.375rem; margin-bottom: 2.5rem; } .productView-images .addthis_toolbox { margin-top: 1.5rem; margin-bottom: 0; } .productView-images .socialLinks { text-align: center; } } .productView-imageCarousel-main { margin-bottom: 0; } .productView-imageCarousel-main-item { margin: 2px; } .productView-imageCarousel-nav { margin-top: 0.75rem; margin-bottom: 0; } @media (max-width: 800px) { .productView-imageCarousel-nav { padding: 0 20px; } } @media (min-width: 551px) { .productView-imageCarousel-nav.slick-vertical .productView-imageCarousel-nav-item { margin: 0.375rem 0; } .productView-imageCarousel-nav.slick-vertical .slick-prev, .productView-imageCarousel-nav.slick-vertical .slick-next { padding: 0; height: 35px; } .productView-imageCarousel-nav.slick-vertical .slick-prev { left: 50%; } } .productView-imageCarousel-nav .slick-next, .productView-imageCarousel-nav .slick-prev { width: 2rem; padding-left: 0.375rem; padding-right: 0.375rem; } .productView-imageCarousel-nav .slick-next { right: -0.5rem; } .productView-imageCarousel-nav .slick-prev { left: -0.5rem; } .productView-imageCarousel-nav-item { margin: 0 0.375rem; border: 2px solid rgba(245, 245, 245, 0.3); } .productView-imageCarousel-nav-item.slick-current { border-color: #888888; } .productView-bulkPricing-list { margin: 0; list-style: none; display: flex; flex-wrap: wrap; color: #4f4f4f; text-transform: uppercase; font-size: 14px; } .productView-bulkPricing-list li { color: #767676; font-weight: 600; } .productView-bulkPricing-list li:not(:last-child)::after { content: "|"; color: rgba(79, 79, 79, 0.5); margin: 0 0.5rem; } @media (max-width: 800px) { .productView-bulkPricing-list { overflow: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; white-space: nowrap; } .productView-bulkPricing-list::-webkit-scrollbar { display: none; } } .productView-price { width: 100%; margin-bottom: 0; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 1.5rem; /*.price-section--withoutTax.rrp-price--withoutTax { grid-column: 1 / 2; grid-row: 1 / 2; } .price-section--withoutTax.non-sale-price--withoutTax { grid-column: 2 / 3; grid-row: 1 / 2; } .price-section--withoutTax { grid-column: 1 / 2; grid-row: 2 / 3; }*/ } @media (min-width: 801px) { .productView-price { margin-bottom: 1.25rem; } } .productView-price .price-section { margin-right: 0.75rem; font-size: 20px; font-weight: 300; } .productView-price ._wrapper-price-saving { width: 100%; } .productView-price .price-section--saving { color: #e10238; border-radius: 4px; font-size: 1rem; margin-left: 0; margin-right: 0; display: inline-block; width: 100%; } .productView-price .price-section--saving.price { font-size: inherit; font-weight: inherit; } .productView-price .price-section--saving .price { font-size: inherit; font-weight: 400; color: inherit; } .productView-price .price--non-sale, .productView-price .price--rrp { font-weight: inherit; } .productView-price .price--rrp { text-decoration: none; } .productView-price .price--main { font-size: 22px; font-weight: 700; } .productView-price ._br { width: 100%; } .productView-price ~ afterpay-placement { margin-top: -0.375rem; } @media (min-width: 801px) { .productView-price ~ afterpay-placement { margin-top: -0.75rem; } } .productView-price .price-section--withoutTax.rrp-price--withoutTax { position: relative; padding: 0 0.375rem; } .productView-price .price-section--withoutTax.rrp-price--withoutTax::after, .productView-price .price-section--withoutTax.rrp-price--withoutTax::before { position: absolute; top: -1px; } .productView-price .price-section--withoutTax.rrp-price--withoutTax::after { content: ")"; right: 0; } .productView-price .price-section--withoutTax.rrp-price--withoutTax::before { content: "("; left: 0; } .productView-options { margin-bottom: 0; } .productView-options .form-radio:checked + .form-option { box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px; } .productView-options .form-field { font-size: 1rem; } .productView-options .form-field[data-product-attribute="swatch"] .form-label--alternate, .productView-options .form-field[data-product-attribute="set-rectangle"] .form-label--alternate { flex-shrink: 0; margin-right: 1.5rem; } .productView-options .form-field[data-product-attribute="swatch"] .chiara__dropdownSwatches.selectize-control, .productView-options .form-field[data-product-attribute="set-rectangle"] .chiara__dropdownSwatches.selectize-control { flex: auto; margin-bottom: 0; } .productView-options .form-field[data-product-attribute="swatch"] .chiara__dropdownSwatches.selectize-control .selectize-input, .productView-options .form-field[data-product-attribute="set-rectangle"] .chiara__dropdownSwatches.selectize-control .selectize-input { padding: 0.75rem; } .productView-options .form-field[data-product-attribute="swatch"] .chiara__dropdownSwatches.selectize-control .selectize-input ._item ._img, .productView-options .form-field[data-product-attribute="set-rectangle"] .chiara__dropdownSwatches.selectize-control .selectize-input ._item ._img { border: unset; } .productView-options .form-field > .form-radio + .form-label { margin-left: 0; margin-right: 0.75rem; } .productView-options .form-share { position: relative; display: inline-block; } .productView-options .form-share ul { margin-left: 0; } .productView-options .form-share .form-label { font-weight: 700; font-size: 18px; } .productView-options .form-share .button { background-color: transparent; border: unset; height: 2.5rem; width: 2.5rem; padding: 0; display: flex; justify-content: center; align-items: center; margin-bottom: 0; } .productView-options .form-share .button .icon { height: 1.75rem; width: 1.75rem; margin-left: 0; fill: #767676; } .productView-options .form-share .button:hover { border-color: black; } .productView-options .form-share .button:hover .icon { fill: black; } .productView-options .form-share .dropdown-menu-button.is-open, .productView-options .form-share .button[data-dropdown].is-open { border-color: #767676; } .productView-options .form-share .dropdown-menu-button.is-open .icon, .productView-options .form-share .button[data-dropdown].is-open .icon { fill: #767676; } .productView-options .form-share .socialLinks--alt { display: none; width: 300px; position: absolute; } .productView-options .form-share .socialLinks--alt.is-open { display: block; background-color: white; padding: 0.5rem 0.75rem; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 0px; z-index: 10; left: unset !important; right: 0; transform: translateX(calc(100% - 40px)); } @media screen and (max-width: 550px) { .productView-options .form-share .socialLinks--alt.is-open { width: 300px !important; left: unset !important; right: 0 !important; } } .productView-options .form-field--increments { display: flex; align-items: center; } .productView-options .form-field--increments .form-label--alternate { margin-bottom: 0; } .productView-options .form--addToCart .form-action { float: unset; width: 100%; } .productView-options .formView-action { display: flex; gap: 1rem; position: relative; padding-bottom: 1.875rem; border-bottom: 1px solid whitesmoke; margin-bottom: 1.875rem; } .productView-options .formView-action .button[data-dropdown] { background-color: transparent; flex-shrink: 0; width: 50%; height: 50px; padding: 0; border: 2px solid #767676; position: relative; display: flex; justify-content: center; align-items: center; color: #767676; margin: 0; } .productView-options .formView-action .button[data-dropdown]:hover { border-color: black; color: black; } .productView-options .formView-action .button[data-dropdown]:hover .icon { fill: #767676; } .productView-options .formView-action .button[data-dropdown] .icon { width: 28px; height: 24px; margin-left: 0; fill: #767676; } .productView-options .formView-action .dropdown-menu-button.is-open { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-color: #767676; } .productView-options .formView-action .dropdown-menu-button.is-open .icon { fill: #767676; } @media (max-width: 800px) { .productView-options .formView-action { margin-bottom: 1rem; } .productView-options .formView-action .button[data-dropdown] { height: 50px; } } .productView-options .form-select--small, .productView-options .form-select--date, .productView-options .form-input:not(.form-input--incrementTotal) { width: 100%; max-width: none; height: auto; padding: 0.75rem 1rem; background-position: right 0.5rem top 0.8rem; line-height: 1.5; } .productView-options .form-select--date { width: auto; padding-right: 1.875rem; } .productView-options .form-select--date + .form-select--date { margin-left: 0.375rem; } .productView-options .form-input[type=number]:not(.form-input--incrementTotal) { width: 100px; text-align: center; } .productView-options .form-option { border-radius: 4px; margin-bottom: 0.3125rem; } .productView-options .form-option-variant { padding: 0.1875rem 1rem; font-size: 14px; border-radius: 4px; } .productView-options .productOptions-list { border-radius: 4px; } .productView-options .form-checkbox + .form-label, .productView-options .form-radio + .form-label { font-size: 14px; } .productView-options .form-label--alternate { font-size: 14px; font-weight: 700; } @media (min-width: 801px) { .productView-options .form-label--alternate { font-size: 1rem; } } .productView-options .form-label--inlineSmall small { text-transform: none; } .productView-options .form-increment { border: 1px solid rgba(0, 0, 0, 0.15); margin-right: 1.5rem; margin-left: 1.5rem; position: relative; } .productView-options .form-increment .button[data-action=dec], .productView-options .form-increment .button[data-action=inc] { height: 1.5625rem; width: 1.5625rem; padding: 0; background-color: transparent; position: absolute; right: 0; opacity: 0; visibility: hidden; z-index: 20; } .productView-options .form-increment .button[data-action=dec] .icon, .productView-options .form-increment .button[data-action=dec] svg, .productView-options .form-increment .button[data-action=inc] .icon, .productView-options .form-increment .button[data-action=inc] svg { width: 100%; height: 100%; } .productView-options .form-increment .button[data-action=dec]:hover .icon svg, .productView-options .form-increment .button[data-action=inc]:hover .icon svg { fill: #767676; } @media (max-width: 800px) { .productView-options .form-increment .button[data-action=dec], .productView-options .form-increment .button[data-action=inc] { opacity: 1; visibility: visible; } .productView-options .form-increment .button[data-action=dec] .icon, .productView-options .form-increment .button[data-action=inc] .icon { width: 100%; height: 100%; } } .productView-options .form-increment .button[data-action=inc] { top: 35%; transform: translateY(-60%); } .productView-options .form-increment .button[data-action=inc]::after { left: 0; } .productView-options .form-increment .button[data-action=dec] { top: 75%; transform: translateY(-50%); } .productView-options .form-increment .button[data-action=dec]::after { right: 0; } .productView-options .form-increment .form-input--incrementTotal { border-top: unset; border-bottom: unset; width: 50px; height: 50px; } .productView-options .form-increment .form-input--incrementTotal::-webkit-inner-spin-button, .productView-options .form-increment .form-input--incrementTotal::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .productView-options .form-increment .button--icon svg { fill: #4f4f4f; } .productView-options .form-increment:hover .button[data-action=dec], .productView-options .form-increment:hover .button[data-action=inc] { opacity: 1; visibility: visible; } .productView-options .form-action--addToCart { margin-left: 0; width: calc(100% - 115px); display: flex; margin-bottom: 0.75rem; } .productView-options .form-action--addToCart .button { max-height: 55px; font-size: 18px; margin-bottom: 0; } .productView-options .form-action--addToCart .button::before { content: ""; display: block; height: 0; } .productView-options .form-action--addToCart .price-section { display: flex; align-items: center; justify-content: center; padding: 0 0.75rem; background-color: #e5e5e5; border: 1px solid rgba(45, 45, 45, 0.5); border-right: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .productView-options .form-action--addToCart .price-section + .button { border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 0; } .productView-options .form-action--addToCart .price-section + .button:disabled { border: 1px solid rgba(45, 45, 45, 0.5); } .productView-options .productView-guideQuote { display: flex; justify-content: center; gap: 1rem; margin-bottom: 1.5rem; } .productView-options .productView-guideQuote a { font-size: 18px; padding-top: 1.125rem; padding-bottom: 1.125rem; margin-bottom: 0; margin-left: 0; } .productView-options .productView-guideQuote > .button--buyNow { margin-left: 0; margin-bottom: 0; font-size: 18px; } .productView-options .productView-guideQuote > * { width: 100%; } .productView-options .productView-guideQuote a + a { position: relative; margin-left: 1px; } @media (max-width: 1260px) and (min-width: 800px) { .productView-options .productView-guideQuote { flex-wrap: wrap; } } @media (max-width: 800px) { .productView-options .productView-guideQuote { flex-wrap: wrap; row-gap: 0.75rem; margin-bottom: 0; } .productView-options .productView-guideQuote a + a::after { display: none; } } .productView-options .productAttributes-message { clear: both; margin-top: 0; margin-bottom: 1rem; } @media (min-width: 801px) { .productView-options .form-field { margin-bottom: 0; } } @media (min-width: 1261px) { .productView-options .form-action { margin-top: 0; } } .productView-options .productView-qtyAddWrapper:not(._sticky) .form-field { margin-bottom: 1rem; } .productView-options .productView-qtyAddWrapper._sticky { display: none !important; } @media (max-width: 800px) { .productView-options .productView-qtyAddWrapper._sticky { display: flex !important; column-gap: 0.75rem; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); } .productView-options .productView-qtyAddWrapper._sticky .formView-action { display: block; width: 100%; padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .productView-options .productView-qtyAddWrapper._sticky .formView-action .form-action--addToCart { width: 100%; height: 50px; } .productView-options .productView-qtyAddWrapper._sticky .formView-action .button { margin-right: 0; height: 52px; } .productView-options .productView-qtyAddWrapper._sticky .form-action { padding-right: 0; padding-left: 0; } .productView-options .productView-qtyAddWrapper._sticky .form-field { margin-bottom: 0; display: inline-flex; border: 2px solid whitesmoke; border-radius: 4px; padding-left: 1rem; padding-right: 0.375rem; flex-wrap: nowrap; height: fit-content; } .productView-options .productView-qtyAddWrapper._sticky .form-field .form-increment { margin: 0; border: unset; } .productView-options .productView-qtyAddWrapper._sticky .form-field .form-increment .form-input--incrementTotal { font-weight: 700; width: 4rem; padding-left: 0.75rem; text-align: left; } .productView-options .productView-qtyAddWrapper._sticky .form-label--alternate { font-size: 12px; color: #4f4f4f; } } .productView-options .form-option.form-option-swatch { margin-bottom: 0.75rem; } .productView-saleCount { display: block; font-size: 1rem; background: #19aa9d; padding: 0.75rem 1rem; opacity: 1; visibility: visible; margin-bottom: 0.75rem; position: relative; overflow: hidden; border-radius: 4px; color: white; display: flex; justify-content: space-between; column-gap: 1rem; row-gap: 0.5rem; flex-wrap: wrap; } .productView-saleCount::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); opacity: 0; z-index: 1; transform: translate(-100%, -100%); animation: productView-saleCount-flash 3s 1s infinite; } @keyframes productView-saleCount-flash { 0% { transform: translateX(-100%); opacity: 0; } 60% { transform: translateX(20%); opacity: 1; } 80% { animation-timing-function: ease-out; transform: translateX(80%); } 100% { transform: translateX(100%); opacity: 0; } } .productView-saleCount ._labelTime__title { font-weight: 700; color: white; } .productView-saleCount > ._labelTime__title { font-size: 20px; letter-spacing: 0.1em; } @media (max-width: 550px) { .productView-saleCount > ._labelTime__title { font-size: 18px; } } .productView-saleCount ._showTimer { display: flex; column-gap: 0.1875rem; row-gap: 0.5rem; align-items: center; flex-wrap: wrap; } .productView-saleCount ._showTimer > ._labelTime__title { font-weight: 400; padding-right: 1rem; } @media (max-width: 550px) { .productView-saleCount ._showTimer { align-items: center; } .productView-saleCount ._showTimer > ._labelTime__title { padding-right: 0.5rem; font-size: 14px; } } .productView-saleCount ._blockTimer { display: flex; } .productView-saleCount ._blockDays, .productView-saleCount ._blockHours, .productView-saleCount ._blockMinutes, .productView-saleCount ._blockSeconds { display: inline-flex; text-align: center; background-color: transparent; border-radius: 4px; align-items: start; } .productView-saleCount ._blockDays > span:nth-child(2), .productView-saleCount ._blockHours > span:nth-child(2), .productView-saleCount ._blockMinutes > span:nth-child(2), .productView-saleCount ._blockSeconds > span:nth-child(2) { font-size: 0.625rem; font-weight: 700; position: relative; } .productView-saleCount ._days, .productView-saleCount ._hours, .productView-saleCount ._minutes, .productView-saleCount ._seconds { min-width: 40px; display: inline-block; text-align: center; font-size: 22px; line-height: normal; font-weight: 700; } @media (max-width: 550px) { .productView-saleCount ._days, .productView-saleCount ._hours, .productView-saleCount ._minutes, .productView-saleCount ._seconds { font-size: 1.25rem; min-width: 35px; } } @media (max-width: 1260px) and (min-width: 800px) { .productView-saleCount ._showTimer > ._labelTime__title { padding-right: 0; } } @media (max-width: 1050px) and (min-width: 800px) { .productView-saleCount { column-gap: 0.75rem; } .productView-saleCount ._showTimer > ._labelTime__title { display: none; } .productView-saleCount > ._labelTime__title { font-size: 1rem; } .productView-saleCount ._days, .productView-saleCount ._hours, .productView-saleCount ._minutes, .productView-saleCount ._seconds { min-width: 32px; font-size: 18px; } } @media (max-width: 600px) { .productView-saleCount ._showTimer > ._labelTime__title { display: none; } } @media (max-width: 550px) { .productView-saleCount { padding: 0.75rem 0.5rem; column-gap: 0.1875rem; } .productView-saleCount > ._labelTime__title { font-size: 14px; } .productView-saleCount ._days, .productView-saleCount ._hours, .productView-saleCount ._minutes, .productView-saleCount ._seconds { min-width: 32px; font-size: 1rem; } } .productView-saleCount.hide { opacity: 0; visibility: hidden; padding: 0.75rem 1rem; } .form--addToCart div[data-content-region^="product_below_addtocart"] div[data-sub-layout] a { text-decoration: underline; } .form--addToCart div[data-content-region^="product_below_addtocart"] div[data-sub-layout] a:hover, .form--addToCart div[data-content-region^="product_below_addtocart"] div[data-sub-layout] a:focus-visible { color: #767676; } .form--addToCart div[data-content-region^="product_below_addtocart"] div[data-sub-layout] [data-edit-mode] { line-height: 1.75 !important; } .form--addToCart div[data-content-region^="product_below_addtocart"] div[data-layout-name="TITLE-AVAILABILITY"] div[data-sub-layout] { background-color: transparent; padding: 0; margin-bottom: 0; } @media (max-width: 800px) { .form--addToCart div[data-content-region^="product_below_addtocart"] div[data-sub-layout] ._item--style-left { display: grid; grid-template: "icon text" max-content "icon desc" auto/max-content minmax(min-content, max-content); } .form--addToCart div[data-content-region^="product_below_addtocart"] div[data-sub-layout] ._item--style-left ._heading { margin-top: 0; } .form--addToCart div[data-content-region^="product_below_addtocart"] div[data-sub-layout] ._item--style-left ._icon { margin-right: 1.25rem; } } .productView-availability { display: flex; flex-wrap: wrap; column-gap: 0.1875rem; margin: 0; font-size: 14px; color: #4f4f4f; margin-bottom: 1.875rem; } .productView-availability .productView-info-name--availability, .productView-availability .productView-info-value--availability { float: none; display: block; } @media (max-width: 800px) { .productView-availability { margin-bottom: 1.5rem; } } @media (max-width: 800px) { .productView-qtyAddWrapper._sticky { background-color: #f7f7f7; bottom: 0; left: 0; position: fixed; right: 0; padding: 0.75rem; z-index: 20; } .productView-qtyAddWrapper._sticky .form-action--addToCart, .productView-qtyAddWrapper._sticky .button, .productView-qtyAddWrapper._sticky .form-field { margin-bottom: 0; } } .productView-qtyAddWrapper .card-figcaption-button { background-color: transparent; border: 2px solid #767676; margin-left: 0; padding: 0.875rem 1rem; color: #767676; height: 50px; margin-bottom: 0; } .productView-qtyAddWrapper .card-figcaption-button:hover, .productView-qtyAddWrapper .card-figcaption-button:active, .productView-qtyAddWrapper .card-figcaption-button:focus { color: black; border-color: black; } @media (max-width: 800px) { .productView-qtyAddWrapper .card-figcaption-button { height: 50px; } } .productView-qtyAddWrapper ._wrapper-productShare { margin-top: 2.5rem; display: flex; align-items: center; gap: 1.375rem; } .productView-qtyAddWrapper ._wrapper-productShare ul { margin-left: 0; display: flex; flex-wrap: wrap; gap: 1.375rem; } @media (max-width: 800px) { .productView-qtyAddWrapper ._wrapper-productShare { margin-top: 1.875rem; } } .form-wishlist { margin-top: 0.1875rem; margin-bottom: 0; } .form-wishlist .dropdown-menu-button { padding: 0.375rem; border: 0; margin-top: -0.375rem; margin-bottom: 0; display: flex; align-items: center; font-weight: 400; text-align: left; text-decoration: underline; background-color: transparent; } .form-wishlist .dropdown-menu-button:hover, .form-wishlist .dropdown-menu-button:focus { color: black; } .form-wishlist .dropdown-menu-button:active { color: black; } .form-wishlist .dropdown-menu-button .icon { position: static; float: none; margin: 0; height: 1.8125rem; width: 1.8125rem; } @media (min-width: 801px) { .form-wishlist .dropdown-menu-button .icon { height: 1.625rem; width: 1.625rem; } } .form-wishlist .dropdown-menu-button span { display: block; } .form-wishlist ul.dropdown-menu { left: 0 !important; } #wishlist-dropdown, ul.dropdown-menu { background-color: #f7f7f7; min-width: 250px; max-width: 375px; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; left: auto !important; right: 0 !important; } #wishlist-dropdown .button, ul.dropdown-menu .button { border: 0; border-bottom: 1px solid whitesmoke; border-radius: 0; margin: 0; font-size: 14px; width: 100%; } #wishlist-dropdown li:last-child .button, ul.dropdown-menu li:last-child .button { border-bottom: 0; } .form--removeWishlistItem { text-align: center; padding: 0 0.375rem; text-align: center; } @media (min-width: 801px) { .form--removeWishlistItem { padding: 0 0.75rem; } } .form--removeWishlistItem .button { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } [data-content-region="product_below_addtocart--global"], [data-content-region="product_below_addtocart"] { clear: both; } [data-content-region="product_below_addtocart--global"] .beautify__calloutIcons [data-index] ._heading, [data-content-region="product_below_addtocart"] .beautify__calloutIcons [data-index] ._heading { font-weight: 400; } @media (min-width: 801px) { [data-content-region="product_below_addtocart--global"] .beautify__calloutIcons [data-index] ._heading, [data-content-region="product_below_addtocart"] .beautify__calloutIcons [data-index] ._heading { font-size: 1rem; } } .beautify__productView-4icons { clear: both; display: flex; text-align: center; font-size: 12px; text-transform: uppercase; } .beautify__productView-4icons a { flex: 1; padding: 1.125rem 0.375rem 0.75rem; color: black; text-decoration: none; } .beautify__productView-4icons a:hover, .beautify__productView-4icons a:focus { color: #888888; } .beautify__productView-4icons a .icon { margin: 0 0 0.375rem; width: 42px; height: 42px; } .beautify__productView-4icons a span { display: block; } @media (min-width: 801px) { .beautify__productView-4icons { width: 100%; margin: 0; } } .productView-description .beautify__page-heading, .productView-productTabs .beautify__page-heading, .supermarket-newProducts .beautify__page-heading, .papathemes-section-inner > .beautify__page-heading { padding: 2.5rem 0; margin: 0; font-weight: 600; font-size: 20px; font-weight: 600; } @media (max-width: 550px) { .productView-description .beautify__page-heading, .productView-productTabs .beautify__page-heading, .supermarket-newProducts .beautify__page-heading, .papathemes-section-inner > .beautify__page-heading { padding: 1rem; font-size: 18px; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1); } } .beautify__page-heading._hasToggle { margin-right: 50px; } @media (min-width: 551px) { .productView-productTabs .beautify__page-heading, .supermarket-newProducts .beautify__page-heading { text-align: center; } } @media (max-width: 800px) { .productView-description { margin-top: 1.5rem; margin-bottom: 1.5rem; } .productView-description .tabs-contents { margin-bottom: 0; } .productView-description .tab-content { position: relative; padding: 0; } .productView-description .tab-content .button--toggle { position: absolute; top: 0.375rem; right: 0; } } @media (min-width: 801px) { .productView-description .tabs { border-bottom: 0; position: unset; top: 0; z-index: 20; display: flex; flex-wrap: wrap; justify-content: center; } .productView-description .tabs::before, .productView-description .tabs::after { display: none; } .quickView .productView-description .tabs { top: -2.25rem; } .productView-description .tab { border-bottom-width: 0; margin-bottom: -2px; margin-left: 1.25rem; margin-right: 1.25rem; border-color: transparent; } .productView-description .tab:not(.is-active) .tab-title:focus { color: black; } .productView-description .tab:first-child { margin-left: 0; } .productView-description .tab-title { padding: 1.25rem 0.1875rem; } .productView-description .tabs-contents { margin-bottom: 0; } .productView-description .tab-content { display: none; } .productView-description .tab-content .button--toggle { display: none; } .productView-description #tab-reviews .page-heading, .productView-description #tab-return .page-heading { display: block; border: 0; text-align: left; text-transform: none; font-size: 28px; padding: 0; margin-bottom: 0.75rem; } .productView-description #tab-reviews .page-heading::after, .productView-description #tab-return .page-heading::after { display: none; } } #tab-reviews { padding-top: 1.5rem; padding-bottom: 1.5rem; } .productView-description-tabContent { line-height: 1.8; } .productView-description-tabContent .productView-reviewLink::after { content: unset; } .productView-addition-tabContent { line-height: 1.8; } @media (max-width: 800px) { .productView-addition-tabContent { font-size: 14px; transition: opacity 0.3s; } .productView-addition-tabContent:not(.is-open) { height: 0; opacity: 0; overflow: hidden; } } .productView-custom-tabContent ul:last-child { margin-bottom: 0; } .productView-custom-tabContent ul:not([class]) { margin-left: 0; } .productView-custom-tabContent ul:not([class]) li { list-style: outside; margin: 0 0 0.375rem 1.5rem; line-height: 1.8; } .productView-custom-tabContent ul:not([class]) li:last-child { margin-bottom: 0; } @media (max-width: 800px) { .productView-custom-tabContent { padding: 0; } } .productView-description-tabContent ol { padding-left: 1.875rem; } .productView-description-tabContent ul:not([class]) { margin-left: 0; } .productView-description-tabContent ul:not([class]) li { list-style: outside; margin: 0 0 0.375rem 1.5rem; } .productView-description-tabContent li { margin-bottom: 0.375rem; } .productView-description-tabContent .videoGallery-list { padding-left: 0; } .productView-description-tabContent .videoGallery-main { margin-bottom: 0.75rem; } .productView-description-tabContent .video-figure { margin-right: 0.75rem; } .productView-description-tabContent .video { margin-bottom: 0.75rem; } .productView-description-tabContent .productReviews-list { padding-left: 0; } .productView-description-tabContent._fixedWidth { max-width: 64rem; } @media (max-width: 500px) { .productView-description-tabContent ._payment-icons { display: flex; flex-wrap: wrap; } .productView-description-tabContent ._payment-icons span { width: 25%; padding: 0 0.75rem 0.75rem 0; display: inline-block; } .productView-description-tabContent ._payment-icons span:nth-child(4) ~ span { width: auto; max-width: 20%; } } @media (min-width: 501px) { .productView-description-tabContent ._payment-icons { margin-bottom: 0; } .productView-description-tabContent ._payment-icons span { display: inline-block; padding: 0 1.5rem 1.5rem 0; } } .productView-addition-table { margin-top: 0; margin-bottom: 0; } .productView-addition-table td:first-child { font-weight: 600; } @media (max-width: 800px) { .writeReview-form .form-fieldset { min-inline-size: auto; } } .pagination-info { display: none; } .pagination-info + .pagination-list { float: none; } .pagination-item { border: 0; } .pagination-item .pagination-link, .pagination-item.pagination-item.pagination-item--previous > a, .pagination-item.pagination-item.pagination-item--next > a { border: 0; color: black; text-align: center; padding: 0.375rem 1rem; min-width: 2.625rem; line-height: 1.875rem; } .pagination-item .pagination-link .icon, .pagination-item.pagination-item.pagination-item--previous > a .icon, .pagination-item.pagination-item.pagination-item--next > a .icon { height: 1.875rem; width: 1.875rem; } .pagination-item .pagination-link .icon svg, .pagination-item.pagination-item.pagination-item--previous > a .icon svg, .pagination-item.pagination-item.pagination-item--next > a .icon svg { fill: black; } .pagination-item--current .pagination-link { color: white; background-color: #2d2d2d; } .pagination-item--current .pagination-link:hover { color: white; background-color: #2d2d2d; } .pagination .pagination-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.625rem; } .pagination .pagination-list .pagination-item { margin: 0; padding: 0; } .pagination .pagination-list .pagination-item .pagination-link { font-weight: 700; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; } .pagination .pagination-list .pagination-item:not(.pagination-item--current) .pagination-link { background: #e5e5e5; } .pagination .pagination-list .pagination-item:not(.pagination-item--current) .pagination-link:hover, .pagination .pagination-list .pagination-item:not(.pagination-item--current) .pagination-link:active, .pagination .pagination-list .pagination-item:not(.pagination-item--current) .pagination-link.is-selected { color: white; background-color: #2d2d2d; } .pagination .pagination-list .pagination-item:not(.pagination-item--current) .pagination-link:hover svg, .pagination .pagination-list .pagination-item:not(.pagination-item--current) .pagination-link:active svg, .pagination .pagination-list .pagination-item:not(.pagination-item--current) .pagination-link.is-selected svg { fill: white; } .pagination .pagination-list .pagination-item:not(.pagination-item--current).pagination-item--previous .pagination-link, .pagination .pagination-list .pagination-item:not(.pagination-item--current).pagination-item--next .pagination-link { padding: 0.375rem; } .pagination .pagination-list .pagination-item:not(.pagination-item--current).pagination-item--previous .pagination-link span, .pagination .pagination-list .pagination-item:not(.pagination-item--current).pagination-item--next .pagination-link span { display: none; } .pagination .pagination-list .pagination-item:not(.pagination-item--current).pagination-item--previous .pagination-link .icon, .pagination .pagination-list .pagination-item:not(.pagination-item--current).pagination-item--next .pagination-link .icon { margin: 0; } @media (max-width: 800px) { .productGrid { margin: 0 -0.375rem; margin-bottom: 2.25rem; } } @media (min-width: 551px) and (min-width: 800px) { .productCarousel.productCarousel--maxCol3-md .slick-list { padding: 0; width: 100%; } .productCarousel.productCarousel--maxCol4-md .slick-list { padding: 0; width: 100%; } .productCarousel.productCarousel--maxCol5-md .slick-list { padding: 0; width: 100%; } } @media (max-width: 800px) { .productCarousel { margin: 0 0 3rem; overflow: hidden; } .productCarousel:not(.slick-slider) { width: calc(100% - 30px); } .productCarousel.slick-dotted.slick-slider { margin-bottom: 1.5rem; } .productCarousel .slick-list { width: calc(100% - 30px); flex: 0 0 calc(100% - 30px); overflow: visible; } } @media (max-width: 550px) { .productCarousel { padding-bottom: 3rem; } .productCarousel.slick-dotted.slick-slider { margin-bottom: 0.5rem; } } .productCarousel .slick-track { display: flex; align-items: stretch; } .productCarousel .slick-dots { bottom: auto; top: 100%; } @media (max-width: 550px) { .productCarousel .slick-dots { top: 96%; } } .beautify__section:has(.productCarousel.blaze-slider) { position: relative; } .beautify__section:has(.productCarousel.blaze-slider) .papathemes-recentlyViewed .container { position: static; } .beautify__section:has(.productCarousel.blaze-slider) .blaze-container { position: static; } .beautify__section:has(.productCarousel.blaze-slider) .blaze-container .blaze-prev { left: 0.25rem; } .beautify__section:has(.productCarousel.blaze-slider) .blaze-container .blaze-next { right: 0.25rem; } @media (min-width: 1750px) { .beautify__section:has(.productCarousel.blaze-slider) .blaze-container .blaze-prev { left: -1.125rem; } .beautify__section:has(.productCarousel.blaze-slider) .blaze-container .blaze-next { right: -1.125rem; } } .productCarousel.blaze-slider { width: 100%; width: auto; padding: 0; } @media (min-width: 801px) { .productCarousel.blaze-slider:has(.card._border) { margin-left: -0.375rem; margin-right: -0.375rem; } } .productCarousel.blaze-slider .blaze-container { width: 100%; margin: 0; } .productCarousel.blaze-slider .blaze-track-container { padding: 0; } @media (min-width: 801px) { .productCarousel.blaze-slider .blaze-pagination { display: none; } } .productCarousel-slide[tabindex]:not([tabindex="-1"]) { outline-offset: -2px !important; } .productCarousel-slide.slick-slide { display: flex; height: auto; } .productReviews .productView-rating { margin-bottom: 1.5rem; margin-top: 0.75rem; padding-bottom: 1.5rem; border-bottom: 1px solid whitesmoke; justify-content: center; } @media (min-width: 801px) { .productReviews .productView-rating .icon { height: 1.25rem; width: 1.25rem; } } .productReviews .productView-reviewLink { font-size: 1rem; margin-right: 0.75rem; } @media (min-width: 801px) { .productReviews .productView-reviewLink { margin-right: 0; } } .productReviews .ih__subheading { font-size: 18px; font-weight: 700; text-transform: uppercase; } .productReviews > p { margin-bottom: 0.75rem; } .productReviews header { display: flex; flex-direction: column; width: 100%; } .productReviews header .productReview-title { order: 3; width: 100%; } .productReviews header .productReview-rating { order: 1; } .productReviews header .productReview-author { order: 2; } .productReviews .productReview-body { padding: 0; border: 0; width: 100%; } .productReviews ._noReview { display: flex; justify-content: center; margin-bottom: 3rem; padding-top: 0.5rem; } @media (max-width: 800px) { .productReviews .button._writeReview { width: 100%; display: block; } } @media (max-width: 550px) { .productReviews .productView-rating { margin-bottom: 0; } .productReviews .productView-rating .productView-reviewLink { margin-left: 0; } .productReviews .productView-rating:has(.icon--ratingFull) { margin-bottom: 1.5rem; } } @media (min-width: 801px) { .productReviews .button._writeReview { min-width: 350px; } } .productReviews-list li.productReview { margin-bottom: 0.75rem; } @media (min-width: 801px) { .productReviews-list li.productReview { margin-bottom: 1.5rem; } } @media (min-width: 801px) { .productReviews-list { column-count: 2; column-gap: 1.5rem; } .productReviews-list::before, .productReviews-list::after { display: none; } } .productReview { padding: 0; } .productReview .productReview-author span { font-weight: bold; color: black; } .productReview-title { line-height: 1.5; margin-bottom: 0.375rem; font-size: 18px; line-height: 1.875rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; } .productReview-author { margin-bottom: 0.375rem; font-size: 14px; } .productReview-body { font-size: 1rem; color: black; font-style: unset; } .productReview-rating { line-height: 1.5; } .productReview-rating.rating--small .icon { width: 18px; height: 18px; } .productView-productTabs { background-color: #e5e5e5; padding-bottom: 2.25rem; } .productView-productTabs .tabs-contents { margin: 0; } .productView-productTabs .tabs-contents .tab-content { padding-top: 0; padding-bottom: 0; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content { background-color: #f7f7f7; overflow: hidden; padding-top: 1.875rem; padding-bottom: 1.875rem; } @media (max-width: 800px) and (min-width: 551px) { .productView-productTabs .tabs-contents .tab-content .beautify__page-content { padding: 0.5rem; } } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .productGrid { margin-bottom: 1.875rem; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .__actionGroup { text-align: center; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .__actionGroup .button { margin-bottom: 0; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .slick-next { right: -3rem; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .slick-next:focus-visible { margin-right: 0.1875rem; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .slick-prev { left: -3rem; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .slick-prev:focus-visible { margin-left: 0.1875rem; } @media (max-width: 800px) { .productView-productTabs .tabs-contents .tab-content .beautify__page-content .slick-next { right: -0.75rem; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .slick-prev { left: -0.75rem; } } .productView-productTabs .tabs-contents .tab-content .beautify__page-content { position: relative; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .blaze-container { position: static; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .blaze-container .blaze-prev { left: 1rem; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .blaze-container .blaze-next { right: 1rem; } @media (min-width: 1750px) { .productView-productTabs .tabs-contents .tab-content .beautify__page-content .blaze-container .blaze-prev { left: -3.125rem; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content .blaze-container .blaze-next { right: -3.125rem; } } @media (min-width: 1750px) { .productView-productTabs .tabs-contents .tab-content .container { background-color: #f7f7f7; max-width: 102.75rem; border: 1px solid whitesmoke; border-radius: 0px; padding-left: 4.5rem; padding-right: 4.5rem; } .productView-productTabs .tabs-contents .tab-content .beautify__page-content { overflow: unset; padding-left: 0; padding-right: 0; border: 0; } } @media (max-width: 550px) { .productView-productTabs .tabs-contents .tab-content .beautify__page-content:has(.productCarousel) { padding-bottom: 2.25rem; } } @media (max-width: 550px) { .productView-productTabs { padding-bottom: 0; } .productView-productTabs .tabs-contents .tab-content .container { padding: 0; } .productView-productTabs .tabs-contents .tab-content .container .beautify__page-content { padding: 0.75rem; } .productView-productTabs .tabs-contents .tab-content .container .beautify__page-content .productCarousel, .productView-productTabs .tabs-contents .tab-content .container .beautify__page-content .productGrid { margin-left: -0.25rem; margin-right: -0.25rem; width: auto; } .productView-productTabs .tabs-contents .tab-content .container .beautify__page-content:has(.card._border) .productGrid { margin-left: -0.25rem; margin-right: -0.125rem; } } @media (min-width: 801px) { .productView-productTabs { padding-bottom: 2.25rem; } .productView-productTabs .tabs { display: none; } .productView-productTabs .tab-content { display: block !important; height: auto !important; visibility: visible !important; overflow: visible !important; } .productView-productTabs .tab-content .beautify__page-content { border: 1px solid whitesmoke; border-radius: 0px; padding-left: 4.5rem; padding-right: 4.5rem; } .productView-productTabs .tabs-contents .tab-content:first-child { margin-bottom: 1.25rem; } .productView-productTabs .tabs-contents:not(:has(.tab-content)) { margin-top: 3rem; } .productView-productTabs .tabs-contents:not(:has(.tab-content:nth-child(n + 2))) { margin-bottom: 3.45rem; } .productView-productTabs .page-heading { display: block !important; border: 0; text-transform: none; } .productView-productTabs .page-heading::after { display: none; } } .productView-productTabs .__actionGroup { display: none; } .yotpo-icon-star, .yotpo-icon-half-star, .yotpo-icon-empty-star { color: #ffc737 !important; } .yotpo .yotpo-icon-star, .yotpo .yotpo-icon-half-star, .yotpo .yotpo-icon-empty-star { margin-left: 2px; margin-right: 2px; } .productView-rating .yotpo-icon-star, .productView-rating .yotpo-icon-half-star, .productView-rating .yotpo-icon-empty-star { font-size: 1rem !important; } @media (min-width: 801px) { .productView-rating .yotpo-icon-star, .productView-rating .yotpo-icon-half-star, .productView-rating .yotpo-icon-empty-star { font-size: 1.5rem !important; } } .card-text--rating .yotpo-icon-star, .card-text--rating .yotpo-icon-half-star, .card-text--rating .yotpo-icon-empty-star { font-size: 1rem !important; } @media (min-width: 801px) { .card-text--rating .yotpo-icon-star, .card-text--rating .yotpo-icon-half-star, .card-text--rating .yotpo-icon-empty-star { font-size: 1.375rem !important; } } .productView .yotpo-stars { margin-right: 0.75rem; } .productView .yotpo-bottomline .text-m { display: inline-flex; align-items: center; color: #4f4f4f !important; font-size: 1rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .productView-rating .yotpo { display: inline-flex; vertical-align: middle; } .yotpo + .productView-reviewLink { color: #4f4f4f; font-size: 1rem; text-decoration: none; } .yotpo + .productView-reviewLink::before { content: "|"; padding-right: 0.75rem; } .yotpo + .productView-reviewLink:hover, .yotpo + .productView-reviewLink:focus { color: #767676; } .yotpo .promoted-products-box { overflow: visible !important; } .yotpo .promoted-products-box .yotpo-page-element { font-size: 30px !important; } .yotpo .promoted-products-box .yotpo-icon-left-arrow::before { display: block !important; content: "" !important; width: 40px !important; height: 60px !important; background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2221px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2021%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22product-page%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22product_page_desktop%22%20transform%3D%22translate%28-379.000000%2C%20-943.000000%29%22%20fill%3D%22%231A1A1A%22%3E%3Cg%20id%3D%2202-Icons-%2F-24x24-%2F-ic24-arrow-left%22%20transform%3D%22translate%28371.000000%2C%20932.000000%29%22%3E%3Cpath%20d%3D%22M17.2902954%2C11.3871006%20L17.2071068%2C11.2928932%20C16.8466228%2C10.9324093%2016.2793918%2C10.9046797%2015.8871006%2C11.2097046%20L15.7928932%2C11.2928932%20L8.79289322%2C18.2928932%20L8.7514958%2C18.336853%20L8.7514958%2C18.336853%20L8.69633458%2C18.4046934%20L8.69633458%2C18.4046934%20L8.62467117%2C18.5159379%20L8.62467117%2C18.5159379%20L8.57122549%2C18.628664%20L8.57122549%2C18.628664%20L8.53584514%2C18.734007%20L8.53584514%2C18.734007%20L8.50690716%2C18.8819045%20L8.50690716%2C18.8819045%20L8.5%2C19%20L8.50278786%2C19.0752385%20L8.50278786%2C19.0752385%20L8.52024007%2C19.2007258%20L8.52024007%2C19.2007258%20L8.54973809%2C19.3121425%20L8.54973809%2C19.3121425%20L8.59367336%2C19.4232215%20L8.59367336%2C19.4232215%20L8.64599545%2C19.5207088%20L8.64599545%2C19.5207088%20L8.71968877%2C19.625449%20L8.71968877%2C19.625449%20L8.79289322%2C19.7071068%20L15.7928932%2C26.7071068%20C16.1834175%2C27.0976311%2016.8165825%2C27.0976311%2017.2071068%2C26.7071068%20C17.5675907%2C26.3466228%2017.5953203%2C25.7793918%2017.2902954%2C25.3871006%20L17.2071068%2C25.2928932%20L11.916%2C20%20L27.5%2C20%20C28.0522847%2C20%2028.5%2C19.5522847%2028.5%2C19%20C28.5%2C18.4477153%2028.0522847%2C18%2027.5%2C18%20L11.914%2C18%20L17.2071068%2C12.7071068%20C17.5675907%2C12.3466228%2017.5953203%2C11.7793918%2017.2902954%2C11.3871006%20L17.2071068%2C11.2928932%20L17.2902954%2C11.3871006%20Z%22%20id%3D%22Icon-Color%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat; } @media (min-width: 1261px) { .yotpo .promoted-products-box .yotpo-icon-left-arrow { left: -50px !important; } } .yotpo .promoted-products-box .yotpo-icon-right-arrow::before { display: block !important; content: "" !important; width: 40px !important; height: 60px !important; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22product-page%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22product_page_desktop%22%20transform%3D%22translate%28-923.000000%2C%20-943.000000%29%22%20fill%3D%22%231A1A1A%22%3E%3Cg%20id%3D%2202-Icons-%2F-24x24-%2F-ic24-arrow-left%22%20transform%3D%22translate%28933.000000%2C%20951.000000%29%20scale%28-1%2C%201%29%20translate%28-933.000000%2C%20-951.000000%29%20translate%28914.000000%2C%20932.000000%29%22%3E%3Cpath%20d%3D%22M17.7902954%2C11.3871006%20L17.7071068%2C11.2928932%20C17.3466228%2C10.9324093%2016.7793918%2C10.9046797%2016.3871006%2C11.2097046%20L16.2928932%2C11.2928932%20L9.29289322%2C18.2928932%20L9.2514958%2C18.336853%20L9.2514958%2C18.336853%20L9.19633458%2C18.4046934%20L9.19633458%2C18.4046934%20L9.12467117%2C18.5159379%20L9.12467117%2C18.5159379%20L9.07122549%2C18.628664%20L9.07122549%2C18.628664%20L9.03584514%2C18.734007%20L9.03584514%2C18.734007%20L9.00690716%2C18.8819045%20L9.00690716%2C18.8819045%20L9%2C19%20L9.00278786%2C19.0752385%20L9.00278786%2C19.0752385%20L9.02024007%2C19.2007258%20L9.02024007%2C19.2007258%20L9.04973809%2C19.3121425%20L9.04973809%2C19.3121425%20L9.09367336%2C19.4232215%20L9.09367336%2C19.4232215%20L9.14599545%2C19.5207088%20L9.14599545%2C19.5207088%20L9.21968877%2C19.625449%20L9.21968877%2C19.625449%20L9.29289322%2C19.7071068%20L16.2928932%2C26.7071068%20C16.6834175%2C27.0976311%2017.3165825%2C27.0976311%2017.7071068%2C26.7071068%20C18.0675907%2C26.3466228%2018.0953203%2C25.7793918%2017.7902954%2C25.3871006%20L17.7071068%2C25.2928932%20L12.416%2C20%20L28%2C20%20C28.5522847%2C20%2029%2C19.5522847%2029%2C19%20C29%2C18.4477153%2028.5522847%2C18%2028%2C18%20L12.414%2C18%20L17.7071068%2C12.7071068%20C18.0675907%2C12.3466228%2018.0953203%2C11.7793918%2017.7902954%2C11.3871006%20L17.7071068%2C11.2928932%20L17.7902954%2C11.3871006%20Z%22%20id%3D%22Icon-Color%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat; } @media (min-width: 1261px) { .yotpo .promoted-products-box .yotpo-icon-right-arrow { right: -50px !important; } } .yotpo-main-title { color: black !important; line-height: 1.25 !important; white-space: normal !important; margin-bottom: 0 !important; } @media (max-width: 800px) { .yotpo-main-title { font-size: 24px !important; } } @media (min-width: 801px) { .yotpo-main-title { font-size: 28.8px !important; } } .yotpo-product-name { font-family: "Montserrat", Arial, Helvetica, sans-serif !important; font-size: 1rem !important; color: black !important; margin-bottom: 0.375rem !important; height: auto !important; max-height: none !important; white-space: normal !important; line-height: 1.25 !important; } @media (max-width: 800px) { .yotpo-product-name { height: 60px !important; } } @media (min-width: 801px) { .yotpo-product-name { font-size: 20px !important; height: 75px !important; } } @media (min-width: 1261px) { .yotpo-promoted-products { margin: 0 !important; } } .yotpo-promoted-product { text-align: center !important; } .yotpo-promoted-product .reviews-count { display: none !important; } .yotpo-promoted-product .yotpo-review-stars { float: none !important; } .yotpo-promoted-product .yotpo-icon { font-size: 20px !important; } .card-text--rating .yotpo-display-wrapper { display: inline-block !important; } .card-text--rating .yotpo-bottomline { float: none !important; justify-content: center !important; } .mode-1 .card-text--rating .yotpo-bottomline { justify-content: flex-start !important; } .card-text--rating .yotpo-bottomline .text-m { display: none !important; } .beautify__anpost { display: flex; align-items: center; margin-bottom: 1.5rem; } .beautify__anpost ._text { margin-left: 1.5rem; padding-left: 1.5rem; border-left: 1px solid whitesmoke; } @media (min-width: 801px) { .beautify__anpost ._text { max-width: 310px; } } #modal-review-form, #modal-bulk-pricing { padding-bottom: 0.1875rem; } #modal-review-form .modal-header-title, #modal-bulk-pricing .modal-header-title { font-size: 20px; } #modal-review-form .modal-close, #modal-bulk-pricing .modal-close { height: 2.5rem; width: 2.5rem; margin-top: 0.1875rem; margin-right: 0.1875rem; } #modal-review-form .modal-body { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; max-height: calc(100vh - 180px); } .page-sidebar + .page-content .papathemes-section-inner { position: relative; } @media (min-width: 801px) { .page-sidebar + .page-content .papathemes-section-inner .beautify__page-heading + .productCarousel { position: static; } .page-sidebar + .page-content .papathemes-section-inner .beautify__page-heading + .productCarousel .slick-arrow { top: -0.75rem; transform: none; } .page-sidebar + .page-content .papathemes-section-inner .beautify__page-heading + .productCarousel .slick-prev { left: auto; right: 2.5rem; } .page-sidebar + .page-content .papathemes-section-inner .beautify__page-heading + .productCarousel .slick-next { right: -0.75rem; } } .beautify__productView-calloutList { font-size: 14px; } .beautify__productView-calloutList .li-icon { min-width: 25px; } @media (max-width: 800px) { .beautify__productView-calloutList { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; margin-bottom: 1.5rem; } .beautify__productView-calloutList::-webkit-scrollbar { display: none; } .beautify__productView-calloutList li { display: inline; margin-right: 1.5rem; } } @media (min-width: 801px) { .beautify__productView-calloutList { margin-top: 0.75rem; } } .quickView { max-height: calc(100vh - 50px); } @media (min-width: 801px) { .quickView { padding: 0; } .quickView .productView-detailsWrapper { padding: 0.75rem; } .quickView #tab-reviews { padding: 1.75rem 3rem 3rem; } .quickView .form-option-expanded { left: auto; right: 0; } .quickView .form-option:hover .form-option-expanded { transform: none; } } @media (max-width: 550px) { .quickView { max-height: calc(100vh - 100px); } } .quickView .productView-headingWrapper { padding: 0.75rem 0.75rem 0; } @media (min-width: 801px) { .quickView .productView-headingWrapper { margin-bottom: 0.75rem; } } .quickView--alt { margin-top: 0; } .quickView--alt .productView-detailsWrapper { background-color: transparent; } .quickView--alt .productView-details:first-child { margin-right: 50px; } @media (min-width: 801px) { .quickView--alt .productView-details:first-child { width: calc(50% - 50px); } } .quickView--alt div.productView-imageCarousel-main { width: 100%; } .quickView--alt .productView-price { padding-top: 0.75rem; } .quickView--alt .productView-info { display: none; } .quickView--alt .papathemes-productView-optionsGrid { margin-top: 0; } .quickView--alt .productView-details { border: unset; border-radius: unset; padding-top: 0; padding-bottom: 0; } .quickView--alt .productView-details .productView-title { font-size: 22px; padding-top: 0.75rem; margin-bottom: 0; } @media (max-width: 800px) { .quickView--alt .productView-details .productView-title { display: none; } } .quickView--alt .productView-details .productView-price { margin-bottom: 0; } .quickView--alt .productView-details .productView-addToCart { display: flex; gap: 1rem; margin-top: 1.5rem; } .quickView--alt .productView-details .form-increment { margin-right: 0; margin-left: 0; } .quickView--alt .productView-details .form--addToCart .form-action { width: 100%; } @media (max-width: 800px) { .quickView--alt .productView-details { width: 60%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-top: 0; } .quickView--alt .productView-details:last-child { width: 100%; } } @media (max-width: 800px) { .quickView--alt .productView-beforeAlsoBought { display: flex; flex-direction: row; flex-wrap: wrap; } .quickView--alt .productView-details:first-child { width: calc(100% - 150px); min-height: 100px; display: flex; align-items: center; } .quickView--alt .productView-price { border-bottom: 0; } .quickView--alt .productView-images { width: 100px; display: block; margin-bottom: 0; } .quickView--alt .form-field--increments { margin-bottom: 0.75rem; } } .modal--purchaseOptions { border-radius: 8px; opacity: 0 !important; transform: translateY(200px); transition: all 0.3s ease-in; border-radius: 0px; } .modal--purchaseOptions.open { opacity: 1 !important; transform: translateY(-50%); } .modal--purchaseOptions .loadingOverlay { background-color: transparent; } @media (max-width: 800px) { .modal--purchaseOptions { top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100%; max-width: none; transform: translateY(200px); } .modal--purchaseOptions .modal-close { top: 8px; right: 8px; background-color: transparent; box-shadow: unset; } .modal--purchaseOptions.open { transform: none; } } .papathemes-productView-optionsGrid { margin: 1.5rem 0 1.25rem; } .papathemes-productView-optionsGrid div[data-product-option-change] { width: 100%; } .papathemes-productView-optionsGrid div[data-product-option-change] .form-field { width: auto; } .papathemes-productView-optionsGrid div[data-product-option-change] .form-field::after { padding-bottom: 1rem; } .papathemes-productView-optionsGrid div[data-product-option-change] .form-field .form-label--alternate { padding: 0.375rem 0.75rem 0.375rem 0; } @media (max-width: 800px) { .papathemes-productView-optionsGrid { margin: 0.75rem 0 1.25rem; } } .papathemes-productView-optionsGrid [data-product-attribute="swatch"] [data-option-value] { display: inline-block; } .modal-productView-options { padding-bottom: 3rem; } .modal-productView-options form { width: 100%; } .modal-productView-options form .form-field[data-product-attribute] { width: auto; } .modal-productView-options form .form-field[data-product-attribute]::before { display: none; } .modal-productView-options form .form-field[data-product-attribute]::after { padding-bottom: 1.5rem; } .modal-productView-options form .form-field[data-product-attribute="swatch"] span[data-option-value] { display: inline-block; } .modal-productView-options form .form-label--alternate { padding: 0.375rem 0.75rem 0.375rem 0; } .modal-productView-options form .form-actions { position: relative; width: 100%; } .modal-productView-options form .form-actions input.button { position: absolute; left: 50%; transform: translateX(-50%); } @media (max-width: 800px) { .modal-productView-options { padding-bottom: 4rem; } } .modal-question { border-radius: 0px; position: relative; } .modal-question .modal-header { padding: 2.25rem; } @media (max-width: 800px) { .modal-question .modal-header { padding: 1.5rem; } .modal-question .modal-body { padding: 1.5rem; } } @media (max-width: 550px) { .modal-question::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 30px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: white; } .modal-question .modal-header { padding-bottom: 0.75rem; } .modal-question .modal-body { padding-left: 0.75rem; padding-right: 0.75rem; max-height: calc(100vh - 180px); } .modal-question .modal-body > :last-child { padding-bottom: 0.5625rem; } } @media (max-width: 1120px) { .productView-options .form-field--increments { flex-wrap: wrap; } .productView-options .form-field--increments .form-label--alternate { margin-right: 0; } .productView-options .form-increment { margin-left: 0; } .productView-reviewLink { margin-right: 0; margin-left: 0; } .productView-reviewLink + .productView-reviewLink { margin-right: 0; margin-left: 0; } .productView-brand { padding-right: 0.75rem; margin: 0 0.75rem 0 0; } .productView-brand::after { display: none; } } @media (max-width: 865px) { .papathemes-productView-optionsGrid div[data-product-option-change] .form-field { display: block; } .papathemes-productView-optionsGrid div[data-product-option-change] .form-field::after { padding-bottom: 0; } } @media (max-width: 800px) { .productView-qtyAddWrapper._sticky .form-field { margin-bottom: 1.5rem; } .productView-options .form-field--increments { flex-wrap: nowrap; } .productView-options .form-field--increments .form-label--alternate { width: auto; margin-bottom: 0; } .productView-options .form-increment { margin-left: 1.5rem; } .productView-options .form--addToCart .form-action { width: 100%; padding-right: 0; } .productView-options .form-field { margin-bottom: 0.1875rem; } .productView-reviewBrand { flex-direction: row; align-items: center; } .productView-brand { margin: 0 0.5rem 0 0; } .productView-brand::after { display: block; } .papathemes-productView-optionsGrid div[data-product-option-change] .form-field::after { padding-bottom: 0.75rem; } } @media (max-width: 550px) { .productView-options .form-field--increments { flex-wrap: wrap; } .productView-options .form-field--increments .form-label--alternate { width: auto; margin-right: 0; margin-bottom: 0; } .productView-options .form-increment { margin-left: 0; } } @media (max-width: 450px) { .productView-details { padding: 0; } } @media (max-width: 427px) { .productView-brand { padding-right: 0.75rem; margin: 0 0.75rem 0.375rem 0; } .productView-brand::after { display: none; } .productView-rating { display: flex; } .productView-reviewBrand { align-items: flex-start; } .papathemes-productView-optionsGrid div[data-product-option-change] .form-field { display: block; margin-bottom: 0.75rem; } .papathemes-productView-optionsGrid div[data-product-option-change] .form-field::after { padding-bottom: 0; } .modal-productView-options form .form-field { margin-bottom: 0.75rem; } .modal-productView-options form .form-field[data-product-attribute] { display: block; } .modal-productView-options form .form-field[data-product-attribute]::after { padding-bottom: 0; } } @media (max-width: 340px) { .productView-options .productView-shipping { margin-top: 0.75rem; } } .mode-6 .sale-flag-side--custom + .sale-flag-side--custom { margin-top: -0.1875rem; } @media (max-width: 800px) { .productGrid .card-buttons .card-figcaption-button .icon { display: inline-block; } } @media (max-width: 925px) { .productGrid .card-figure .card-buttons { gap: 0; } } @media (max-width: 880px) { .mode-6 .productGrid .card-buttons .card-figcaption-button._compare2, .mode-6 .productGrid .card-buttons .button.card-figcaption-button.quickview { font-size: 0.5rem; } .mode-3 .productGrid .card-buttons .card-figcaption-button._compare2, .mode-3 .productGrid .card-buttons .button.card-figcaption-button.quickview, .mode-3 .productGrid .card-buttons .card-figcaption-button { font-size: 0.75rem; } } .mode-2 .productGrid:has(.card:not(._border)), .mode-3 .productGrid:has(.card:not(._border)), .mode-4 .productGrid:has(.card:not(._border)), .mode-5 .productGrid:has(.card:not(._border)) { margin-left: -0.75rem; margin-right: -0.75rem; } @media (max-width: 800px) { .mode-2 .productGrid:has(.card:not(._border)), .mode-3 .productGrid:has(.card:not(._border)), .mode-4 .productGrid:has(.card:not(._border)), .mode-5 .productGrid:has(.card:not(._border)) { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .mode-2 .productGrid:has(.card:not(._border)) .product:nth-child(odd) .card, .mode-3 .productGrid:has(.card:not(._border)) .product:nth-child(odd) .card, .mode-4 .productGrid:has(.card:not(._border)) .product:nth-child(odd) .card, .mode-5 .productGrid:has(.card:not(._border)) .product:nth-child(odd) .card { padding-left: 0; } .mode-2 .productGrid:has(.card:not(._border)) .product:nth-child(even) .card, .mode-3 .productGrid:has(.card:not(._border)) .product:nth-child(even) .card, .mode-4 .productGrid:has(.card:not(._border)) .product:nth-child(even) .card, .mode-5 .productGrid:has(.card:not(._border)) .product:nth-child(even) .card { padding-right: 0; } } .mode-2 .productGrid:has(.card._border), .mode-3 .productGrid:has(.card._border), .mode-4 .productGrid:has(.card._border), .mode-5 .productGrid:has(.card._border) { margin-left: -0.375rem; margin-right: -0.375rem; } @media (max-width: 800px) { .mode-2 .productGrid:has(.card._border), .mode-3 .productGrid:has(.card._border), .mode-4 .productGrid:has(.card._border), .mode-5 .productGrid:has(.card._border) { margin-left: -0.25rem; margin-right: -0.125rem; width: auto; padding-left: 0; padding-right: 0; } } @media (max-width: 800px) { .mode-2 .product-listing-form:has(.card._border), .mode-3 .product-listing-form:has(.card._border), .mode-4 .product-listing-form:has(.card._border), .mode-5 .product-listing-form:has(.card._border) { margin-top: 0.625rem; } } @media (max-width: 550px) { .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { height: 2.5rem; width: 2.5rem; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: none; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: block; } .mode-2 .card .card-footer:has(.button--outstock), .mode-3 .card .card-footer:has(.button--outstock), .mode-4 .card .card-footer:has(.button--outstock), .mode-5 .card .card-footer:has(.button--outstock) { width: 100%; } .mode-2 .card .card-footer:has(.button--outstock) .card-buttons, .mode-3 .card .card-footer:has(.button--outstock) .card-buttons, .mode-4 .card .card-footer:has(.button--outstock) .card-buttons, .mode-5 .card .card-footer:has(.button--outstock) .card-buttons { width: 100%; } .mode-2 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock, .mode-3 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock, .mode-4 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock, .mode-5 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock { flex: 1; width: 0; } } @media (max-width: 1260px) and (min-width: 942px) { .mode-2 .card .card-footer, .mode-3 .card .card-footer, .mode-4 .card .card-footer, .mode-5 .card .card-footer { width: fit-content; } .mode-2 .card .card-footer .card-buttons, .mode-3 .card .card-footer .card-buttons, .mode-4 .card .card-footer .card-buttons, .mode-5 .card .card-footer .card-buttons { width: fit-content; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: auto; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .mode-2 .card .card-footer .card-buttons .button--outstock, .mode-3 .card .card-footer .card-buttons .button--outstock, .mode-4 .card .card-footer .card-buttons .button--outstock, .mode-5 .card .card-footer .card-buttons .button--outstock { width: fit-content; } } @media (max-width: 941px) and (min-width: 801px) { .mode-2 .card .card-footer, .mode-3 .card .card-footer, .mode-4 .card .card-footer, .mode-5 .card .card-footer { width: 100%; } .mode-2 .card .card-footer .card-buttons, .mode-3 .card .card-footer .card-buttons, .mode-4 .card .card-footer .card-buttons, .mode-5 .card .card-footer .card-buttons { width: 100%; } .mode-2 .card .card-footer .card-buttons ._qtyAdd, .mode-3 .card .card-footer .card-buttons ._qtyAdd, .mode-4 .card .card-footer .card-buttons ._qtyAdd, .mode-5 .card .card-footer .card-buttons ._qtyAdd { flex: 1; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: auto; max-width: unset; width: 0; flex: 1; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .mode-2 .card .card-footer .card-buttons .button--outstock, .mode-3 .card .card-footer .card-buttons .button--outstock, .mode-4 .card .card-footer .card-buttons .button--outstock, .mode-5 .card .card-footer .card-buttons .button--outstock { flex: 1; width: 0; } } @media (max-width: 550px) { .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { height: 2.5rem; width: 2.5rem; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: none; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: block; } .mode-2 .card .card-footer:has(.button--outstock), .mode-3 .card .card-footer:has(.button--outstock), .mode-4 .card .card-footer:has(.button--outstock), .mode-5 .card .card-footer:has(.button--outstock) { width: 100%; } .mode-2 .card .card-footer:has(.button--outstock) .card-buttons, .mode-3 .card .card-footer:has(.button--outstock) .card-buttons, .mode-4 .card .card-footer:has(.button--outstock) .card-buttons, .mode-5 .card .card-footer:has(.button--outstock) .card-buttons { width: 100%; } .mode-2 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock, .mode-3 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock, .mode-4 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock, .mode-5 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock { flex: 1; width: 0; } } @media (max-width: 800px) and (min-width: 600px) { .mode-2 .card .card-footer, .mode-3 .card .card-footer, .mode-4 .card .card-footer, .mode-5 .card .card-footer { width: fit-content; } .mode-2 .card .card-footer .card-buttons, .mode-3 .card .card-footer .card-buttons, .mode-4 .card .card-footer .card-buttons, .mode-5 .card .card-footer .card-buttons { width: fit-content; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: auto; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .mode-2 .card .card-footer .card-buttons .button--outstock, .mode-3 .card .card-footer .card-buttons .button--outstock, .mode-4 .card .card-footer .card-buttons .button--outstock, .mode-5 .card .card-footer .card-buttons .button--outstock { width: fit-content; } } @media (max-width: 599px) and (min-width: 551px) { .mode-2 .card .card-footer, .mode-3 .card .card-footer, .mode-4 .card .card-footer, .mode-5 .card .card-footer { width: 100%; } .mode-2 .card .card-footer .card-buttons, .mode-3 .card .card-footer .card-buttons, .mode-4 .card .card-footer .card-buttons, .mode-5 .card .card-footer .card-buttons { width: 100%; } .mode-2 .card .card-footer .card-buttons ._qtyAdd, .mode-3 .card .card-footer .card-buttons ._qtyAdd, .mode-4 .card .card-footer .card-buttons ._qtyAdd, .mode-5 .card .card-footer .card-buttons ._qtyAdd { flex: 1; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: auto; max-width: unset; width: 0; flex: 1; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .mode-2 .card .card-footer .card-buttons .button--outstock, .mode-3 .card .card-footer .card-buttons .button--outstock, .mode-4 .card .card-footer .card-buttons .button--outstock, .mode-5 .card .card-footer .card-buttons .button--outstock { flex: 1; width: 0; } } @media (max-width: 550px) { .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { height: 2.5rem; width: 2.5rem; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: none; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i, .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: block; } .mode-2 .card .card-footer:has(.button--outstock), .mode-3 .card .card-footer:has(.button--outstock), .mode-4 .card .card-footer:has(.button--outstock), .mode-5 .card .card-footer:has(.button--outstock) { width: 100%; } .mode-2 .card .card-footer:has(.button--outstock) .card-buttons, .mode-3 .card .card-footer:has(.button--outstock) .card-buttons, .mode-4 .card .card-footer:has(.button--outstock) .card-buttons, .mode-5 .card .card-footer:has(.button--outstock) .card-buttons { width: 100%; } .mode-2 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock, .mode-3 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock, .mode-4 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock, .mode-5 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock { flex: 1; width: 0; } } @media (min-width: 1261px) { .mode-2 .card .card-footer { width: fit-content; } .mode-2 .card .card-footer .card-buttons { width: fit-content; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: auto; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .mode-2 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .mode-2 .card .card-footer .card-buttons .button--outstock { width: fit-content; } } @media (min-width: 1361px) { .mode-3 .card .card-footer { width: fit-content; } .mode-3 .card .card-footer .card-buttons { width: fit-content; } .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: auto; } .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .mode-3 .card .card-footer .card-buttons .button--outstock { width: fit-content; } } @media (max-width: 1360px) and (min-width: 1261px) { .mode-3 .card .card-footer { width: 100%; } .mode-3 .card .card-footer .card-buttons { width: 100%; } .mode-3 .card .card-footer .card-buttons ._qtyAdd { flex: 1; } .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: auto; max-width: unset; width: 0; flex: 1; } .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .mode-3 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .mode-3 .card .card-footer .card-buttons .button--outstock { flex: 1; width: 0; } } @media (min-width: 1650px) { .mode-4 .card .card-footer { width: 100%; } .mode-4 .card .card-footer .card-buttons { width: 100%; } .mode-4 .card .card-footer .card-buttons ._qtyAdd { flex: 1; } .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: auto; max-width: unset; width: 0; flex: 1; } .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .mode-4 .card .card-footer .card-buttons .button--outstock { flex: 1; width: 0; } } @media (max-width: 1649px) and (min-width: 1261px) { .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { height: 2.5rem; width: 2.5rem; } .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: none; } .mode-4 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: block; } .mode-4 .card .card-footer:has(.button--outstock) { width: 100%; } .mode-4 .card .card-footer:has(.button--outstock) .card-buttons { width: 100%; } .mode-4 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock { flex: 1; width: 0; } } @media (min-width: 1750px) { .mode-5 .card .card-footer { width: 100%; } .mode-5 .card .card-footer .card-buttons { width: 100%; } .mode-5 .card .card-footer .card-buttons ._qtyAdd { flex: 1; } .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { width: auto; max-width: unset; width: 0; flex: 1; } .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: block; } .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: none; } .mode-5 .card .card-footer .card-buttons .button--outstock { flex: 1; width: 0; } } @media (max-width: 1749px) and (min-width: 1261px) { .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button { height: 2.5rem; width: 2.5rem; } .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: none; } .mode-5 .card .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: block; } .mode-5 .card .card-footer:has(.button--outstock) { width: 100%; } .mode-5 .card .card-footer:has(.button--outstock) .card-buttons { width: 100%; } .mode-5 .card .card-footer:has(.button--outstock) .card-buttons .button--outstock { flex: 1; width: 0; } } ._wrapper-quantityAddToCart { display: flex; gap: 1rem; } ._wrapper-quantityAddToCart .form-action--addToCart .button { max-height: 50px; } .productView-details .form-field._addToCartVisibility { display: inline-flex; border: 2px solid whitesmoke; border-radius: 4px; padding-left: 1rem; padding-right: 0.375rem; align-items: center; flex-wrap: nowrap; } .productView-details .form-field._addToCartVisibility .form-label--alternate { font-size: 12px; color: #4f4f4f; line-height: 1; } .productView-details .form-field._addToCartVisibility .form-increment { margin: 0; border: unset; } .productView-details .form-field._addToCartVisibility .form-increment .form-input--incrementTotal { font-weight: 700; width: 4rem; height: 3rem; text-align: center; flex-shrink: 0; } @media (max-width: 800px) { .productView-details .form-field._addToCartVisibility .form-increment .form-input--incrementTotal { text-align: left; padding-left: 1rem; } } .productView-images { display: block; } @media (min-width: 551px) { .productView-images-container._grid { display: flex; align-items: flex-start; justify-content: space-between; } } @media (min-width: 801px) { .productView-images-container._grid._horizontal { display: block; } } @media (min-width: 801px) { .productView-images-container._horizontal .sale-flag-side { right: 1.875rem; } } @media (max-width: 800px) { .productView-images-container._horizontal .sale-flag-side { right: 0; } } @media (min-width: 551px) and (max-width: 800px) { .productView-images-container._horizontal._grid .sale-flag-side { left: 0; right: unset; } } .productView-images-container._vertical { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row-reverse; } @media (min-width: 1261px) { .productView-images-container._vertical .sale-flag-side { right: 1.875rem; } } @media (max-width: 1260px) { .productView-images-container._vertical .sale-flag-side { right: 0.75rem; } } @media (max-width: 800px) { .productView-images-container._vertical .sale-flag-side { right: 0; } } .productView-images-container:has(.productView-imageCarousel-nav) .productView-imageCarousel-main { margin-bottom: 0.375rem; } @media (min-width: 551px) { .productView-images-container:has(.productView-imageCarousel-nav) .productView-imageCarousel-main { margin-bottom: 1.275rem; } } .productView-imageCarousel-main { margin-bottom: 0; } .productView-imageCarousel-main:not(.slick-slider) { position: relative; } .productView-imageCarousel-main:not(.slick-slider)::after { content: ""; display: block; height: 0; padding-top: 100%; } .productView-imageCarousel-main:not(.slick-slider) .productView-imageCarousel-main-item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .productView-imageCarousel-main:not(.slick-slider) .slick-current ~ .productView-imageCarousel-main-item { visibility: hidden; pointer-events: none; } div.productView-imageCarousel-main._vertical { width: calc(100% - 7rem); min-width: auto; } div.productView-imageCarousel-main._vertical:not(:has(~ .productView-imageCarousel-nav)) { width: 100%; } div.productView-imageCarousel-main._vertical .productView-imageCarousel-main-item img { margin-top: 0; } @media (min-width: 551px) { div.productView-imageCarousel-main._grid { width: calc(50% - 5px); } } @media (min-width: 801px) { div.productView-imageCarousel-main._horizontal._grid { width: 100%; } } div.productView-imageCarousel-main._horizontal._grid:not(:has(~ .productView-imageCarousel-nav)) { width: 100%; } .productView-imageCarousel-main-item { margin: 0; } .productView-imageCarousel-main-item[tabindex]:not([tabindex="-1"]):focus-visible { outline-offset: -2px !important; padding: 2px; } .productView-imageCarousel-main-item[tabindex]:not([tabindex="-1"]):focus-visible img { left: 2px; top: 2px; right: 2px; bottom: 2px; max-width: calc(100% - 4px); max-height: calc(100% - 4px); } .productView-imageCarousel-nav { padding: 0; margin: 0; overflow: hidden; } .productView-imageCarousel-nav._vertical { margin-top: -5px; width: 100px; min-width: auto; max-height: 500px; min-height: 1px; padding: 0 0 60px; overflow: auto; -webkit-overflow-scrolling: touch; } .productView-imageCarousel-nav._vertical[data-image-gallery-nav-disable-slider] { max-height: 464px; padding: 0; } .productView-imageCarousel-nav._vertical[data-image-gallery-nav-rows] { max-height: 500px; } @media (min-width: 551px) { .productView-imageCarousel-nav._vertical[data-image-gallery-nav-rows] { width: calc(50% + 5px); padding: 0; max-height: none; position: relative; } .productView-imageCarousel-nav._vertical[data-image-gallery-nav-rows] .productView-imageCarousel-nav-item { width: calc(25% - 10px); margin-right: 10px; } .productView-imageCarousel-nav._vertical[data-image-gallery-nav-rows] .productView-imageCarousel-nav-item:nth-child(4) ~ .productView-imageCarousel-nav-item { position: absolute; top: 0; left: -100%; } .productView-imageCarousel-nav._vertical[data-image-gallery-nav-rows] .slick-slide { margin-right: 10px; } .productView-imageCarousel-nav._vertical[data-image-gallery-nav-rows] .slick-prev, .productView-imageCarousel-nav._vertical[data-image-gallery-nav-rows] .slick-next { bottom: unset; top: 50%; transform: translateY(-50%); } .productView-imageCarousel-nav._vertical[data-image-gallery-nav-rows] .slick-prev { left: 1rem; } .productView-imageCarousel-nav._vertical[data-image-gallery-nav-rows] .slick-next { right: 1rem; } } .productView-imageCarousel-nav._vertical::-webkit-scrollbar { display: none; } .productView-imageCarousel-nav._vertical .productView-imageCarousel-nav-item { margin: 5px 0; display: block; float: left; } .productView-imageCarousel-nav._vertical .slick-arrow::after { display: none; } .productView-imageCarousel-nav._vertical:not(:has(.slick-arrow)) { padding-bottom: 0; } .productView-imageCarousel-nav._vertical .slick-prev, .productView-imageCarousel-nav._vertical .slick-next { height: 1.125rem; width: 0.625rem; top: auto; bottom: 0.75rem; transform: none; width: 40px !important; height: 40px !important; } .productView-imageCarousel-nav._vertical .slick-prev::before, .productView-imageCarousel-nav._vertical .slick-next::before { height: 1.125rem; width: 0.625rem; } .productView-imageCarousel-nav._vertical .slick-prev { left: 0.375rem; right: auto; } .productView-imageCarousel-nav._vertical .slick-next { left: auto; right: 0.375rem; } @media (max-width: 800px) { .productView-imageCarousel-nav._horizontal:not(:has(li + li)) { padding-bottom: 0.5rem; } } @media (max-width: 550px) { .productView-imageCarousel-nav._horizontal:not(:has(li + li)) { padding-bottom: 0; } } .productView-imageCarousel-nav._horizontal { overflow: hidden; -webkit-overflow-scrolling: touch; display: flex; margin: 0 auto; justify-content: center; padding: 0; width: 440px; max-width: 100%; min-width: auto; } .productView-imageCarousel-nav._horizontal.slick-slider { overflow: unset; } @media (max-width: 800px) { .productView-imageCarousel-nav._horizontal { max-width: 100%; padding: 0; } } .productView-imageCarousel-nav._horizontal::-webkit-scrollbar { display: none; } @media (min-width: 551px) { .productView-imageCarousel-nav._horizontal { max-width: calc(100% - 6rem); } } .productView-imageCarousel-nav._horizontal .productView-imageCarousel-nav-item { flex: 0 0 auto; max-width: calc(25% - 20px); margin: 0 10px; } @media (max-width: 550px) { .productView-imageCarousel-nav._horizontal .productView-imageCarousel-nav-item { max-width: calc(25% - 6px); margin: 0 3px; height: max-content; } } .productView-imageCarousel-nav._horizontal .slick-list { display: flex; width: 100%; } @media (max-width: 550px) { .productView-imageCarousel-nav._horizontal:has(.productView-imageCarousel-nav-item:nth-child(5)) .slick-list { padding-right: 1.5rem; overflow: visible; } } .productView-imageCarousel-nav._horizontal .slick-track { display: flex; justify-content: center; } .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-disable-slider] { padding: 0; width: 100%; } @media (min-width: 801px) { .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-disable-slider] { flex-wrap: wrap; } } @media (min-width: 801px) { .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-disable-slider] .productView-imageCarousel-nav-item { margin-bottom: 20px; } } @media (max-width: 550px) { .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-disable-slider]:has(.productView-imageCarousel-nav-item:nth-child(5)) { padding-right: 1.5rem; } } .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] { max-height: 540px; } @media (min-width: 551px) { .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] { flex-wrap: wrap; justify-content: flex-start; width: calc(50% + 10px); max-height: none; position: relative; } .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] .productView-imageCarousel-nav-item { width: calc(25% - 20px); margin: 0 0 20px 20px; max-width: none; } .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] .productView-imageCarousel-nav-item.slick-slide { max-width: none !important; } .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] .productView-imageCarousel-nav-item:nth-child(4) ~ .productView-imageCarousel-nav-item { position: absolute; top: 0; left: -100%; } .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] .slick-slide { margin-left: 20px; } .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] .slick-slide .productView-imageCarousel-nav-item { margin-left: 0; } .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] .slick-next, .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] .slick-prev { bottom: unset; top: 50%; transform: translateY(calc(-50% - 20px)); } .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] .slick-prev { left: calc(1rem + 20px); } .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] .slick-next { right: 1rem; } } @media (min-width: 801px) { .productView-imageCarousel-nav._horizontal[data-image-gallery-nav-rows] { width: calc(100% + 20px); max-width: none; margin-left: -20px; } } .productView-imageCarousel-nav[data-image-gallery-nav-rows] .productView-imageCarousel-nav-item.slick-slide.slick-current { border-color: whitesmoke; } .productView-imageCarousel-nav.slick-dotted { margin-bottom: 0; } .productView-imageCarousel-nav .slick-dots { bottom: 0; left: 0; right: 0; } .productView-imageCarousel-nav .slick-dots:not(:has(li + li)) { display: none; } .productView-imageCarousel-nav .slick-dots li { display: inline-flex; align-items: flex-end; justify-content: center; padding: 2px; } .productView-imageCarousel-nav .slick-dots li.slick-active button::before { border-radius: 5px; } @media (max-width: 550px) { .productView-imageCarousel-nav .slick-dots { opacity: 0; } } .productView-imageCarousel-nav._vertical:not([data-image-gallery-nav-rows]) .slick-disabled, .productView-imageCarousel-nav._horizontal:not([data-image-gallery-nav-rows]) .slick-disabled { opacity: 1; cursor: pointer; } .productView-imageCarousel-nav._vertical:not([data-image-gallery-nav-rows]) .slick-disabled::before, .productView-imageCarousel-nav._horizontal:not([data-image-gallery-nav-rows]) .slick-disabled::before { opacity: 1; } .productView-imageCarousel-nav._vertical .slick-disabled, .productView-imageCarousel-nav._horizontal .slick-disabled { opacity: 0.2; } .productView-imageCarousel-nav:has(.productView-imageCarousel-nav-item.slick-current:first-child) .slick-disabled, .productView-imageCarousel-nav:has(.productView-imageCarousel-nav-item.slick-current:last-child) .slick-disabled { opacity: 0.2; pointer-events: none; } .productView-imageCarousel-nav .productView-imageCarousel-nav-item:focus-visible { outline-offset: -2px !important; } .productView-imageCarousel-nav-item { width: 100px; margin: 0; border-radius: 0px; overflow: hidden; } @media (max-width: 800px) { .beautify__filters { position: absolute; width: 450px; height: 100%; max-width: calc(100% - 50px); position: fixed; top: 0; left: -450px; overflow: hidden; z-index: 100; display: flex; flex-direction: column; padding: 0; flex-direction: row-reverse; transition: left 0.2s ease; } .beautify__filters:not(.is-open) .is-open { visibility: hidden; } .beautify__filters .facetedSearch-refineFilters ._header { padding: 0.75rem 1.25rem; border-radius: unset; position: absolute; left: 0; right: 50px; top: 0; z-index: 50; } .beautify__filters > ._header { flex: 0 0 auto; display: flex; align-items: center; padding: 0; background: #888888; color: white; right: 0; height: fit-content; } .beautify__filters > ._header ._heading { flex: 1; margin: 0; font-size: 1rem; font-weight: 700; font-family: "Montserrat", Arial, Helvetica, sans-serif; position: absolute; left: 0; top: 0; width: calc(100% - 50px); background-color: #e8e8e8; padding: 0.75rem 1.25rem; } .beautify__filters > ._header ._close { height: 3.125rem; width: 3.125rem; padding: 0.9375rem; background-color: black; display: flex; justify-content: center; align-items: center; } .beautify__filters > ._header .icon { height: 1.25rem; width: 1.25rem; fill: white; } .beautify__filters > ._body { flex: 1 1 auto; overflow: hidden; background: #e5e5e5; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); } .beautify__filters > ._body:has(.categoryPage-searchInCategory-form--sidebar) .facetedSearch-navList { padding-top: 0; } .beautify__filters > ._body#faceted-search-container .facetedSearch-refineFilters .inlineList--labels { margin-top: 4.3125rem; padding: 0 1.5rem 0; } .beautify__filters:has(.categoryPage-searchInCategory-form--sidebar) #faceted-search-container ._header { top: 70px; } .beautify__filters:has(.categoryPage-searchInCategory-form--sidebar) #faceted-search-container nav { padding-top: 8.8125rem; } .beautify__filters.is-open { left: 0; } .beautify__filters.is-open > ._body { overflow: auto; -webkit-overflow-scrolling: touch; } .beautify__filters.is-open > ._body::-webkit-scrollbar { display: none; } } @media (min-width: 801px) { .beautify__filters:has(.facetedSearch) > ._header ._heading, .beautify__filters:has(.advancedSearch-form) > ._header ._heading { display: none; } .beautify__filters:has(.advancedSearch-form) .sidebarBlock-content { background: #e5e5e5; } .beautify__filters:has(.categoryPage-searchInCategory-form--sidebar) > ._header ._heading { display: block; } .beautify__filters > ._header ._close { display: none; } .beautify__filters > ._header ._heading { padding: 0.75rem 1.25rem; margin: 0; background-color: #e8e8e8; border-top-left-radius: 0px; border-top-right-radius: 0px; font-size: 1rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 700; } .beautify__filters > ._footer { display: none; } } @media (max-width: 550px) { .beautify__filters { max-width: 450px; width: 100%; } } @media (max-width: 550px) { aside.beautify__filters ._body .facetedSearch-refineFilters .inlineList--labels { margin-top: 4.3125rem; padding-bottom: 0; } aside.beautify__filters ._body:has(.categoryPage-searchInCategory-form--sidebar) .facetedSearch-refineFilters .inlineList--labels { margin-top: 0; padding-bottom: 1.25rem; } } .beautify__hozFilters ._heading { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .beautify__hozFilters ._header { display: none; } .beautify__hozFilters #facetedSearch { position: relative; } @media (min-width: 801px) { .beautify__hozFilters #facetedSearch { margin-bottom: 1.25rem; } } .beautify__hozFilters #facetedSearch .facetedSearch-refineFilters .facetedSearch-clearLink { position: absolute; top: 0; text-decoration: none; color: rgba(0, 0, 0, 0.4); font-weight: 600; line-height: 1.25; left: 6%; text-transform: uppercase; } .beautify__hozFilters #facetedSearch .facetedSearch-refineFilters .facetedSearch-clearLink:hover, .beautify__hozFilters #facetedSearch .facetedSearch-refineFilters .facetedSearch-clearLink:active, .beautify__hozFilters #facetedSearch .facetedSearch-refineFilters .facetedSearch-clearLink:focus-within { color: #767676; } @media (max-width: 800px) { .beautify__hozFilters #facetedSearch .facetedSearch-refineFilters .facetedSearch-clearLink { font-size: 12px; left: unset; right: 0; } } .beautify__hozFilters #facetedSearch ._header { display: none; } .beautify__hozFilters#faceted-search-container nav, .beautify__hozFilters .facetedSearch-navList { background-color: transparent; } .beautify__hozFilters .sidebarBlock-heading { font-size: 14px; color: #4f4f4f; text-transform: uppercase; } .beautify__hozFilters .sidebarBlock-heading[data-collapsible] { border-bottom: 0; padding-bottom: 0; } @media (min-width: 801px) { .beautify__hozFilters .sidebarBlock-heading[data-collapsible] { display: inline-flex; } .beautify__hozFilters .sidebarBlock-heading[data-collapsible] .icon { margin-left: 0.375rem; margin-right: 0; } } .beautify__hozFilters .sidebarBlock-heading[data-collapsible]:hover .icon, .beautify__hozFilters .sidebarBlock-heading[data-collapsible]:focus .icon, .beautify__hozFilters .sidebarBlock-heading[data-collapsible]:active .icon { fill: #4f4f4f; } .beautify__hozFilters .sidebarBlock-heading[data-collapsible] .icon { fill: rgba(79, 79, 79, 0.3); margin-right: 0.75rem; } .beautify__hozFilters .sidebarBlock-heading[data-collapsible]:has(+ [data-beautify-shop-by-price]) { margin-bottom: 0; } @media (max-width: 800px) { .beautify__hozFilters .sidebarBlock-heading { font-size: 12px; } } @media (max-width: 800px) { .beautify__hozFilters .sidebarBlock--categories { position: relative; } .beautify__hozFilters .sidebarBlock--categories::after { content: ""; display: block; height: 100%; background: linear-gradient(to right, transparent, transparent); position: absolute; right: 0; top: 0; } } .beautify__hozFilters .sidebarBlock--categories .beautify__navList { font-size: 1rem; } @media (max-width: 800px) { .beautify__hozFilters .sidebarBlock--brands { position: relative; } .beautify__hozFilters .sidebarBlock--brands::after { content: ""; display: block; height: 100%; background: linear-gradient(to right, transparent, transparent); position: absolute; right: 0; top: 0; } } .beautify__hozFilters .sidebarBlock--brands .navList-item .icon { display: none; } .beautify__hozFilters .sidebarBlock--brands .beautify__navList .navList-item { margin-bottom: 0; } @media (max-width: 800px) { .beautify__hozFilters .sidebarBlock--brands { margin-top: 0.375rem; } } .beautify__hozFilters .beautify__navList.is-open { display: flex; gap: 0.75rem; } @media (max-width: 800px) { .beautify__hozFilters .beautify__navList.is-open { max-width: 100%; white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; } .beautify__hozFilters .beautify__navList.is-open::-webkit-scrollbar { display: none; } .beautify__hozFilters .beautify__navList.is-open .navList-item:last-child { margin-right: 1.5rem; } } @media (min-width: 801px) { .beautify__hozFilters .beautify__navList.is-open { flex-wrap: wrap; } } .beautify__hozFilters .beautify__navList .navList-action { padding: 0.5rem 1rem; border: 1px solid whitesmoke; border-radius: 0px; } .beautify__hozFilters .beautify__navList .navList-action:hover, .beautify__hozFilters .beautify__navList .navList-action:focus, .beautify__hozFilters .beautify__navList .navList-action:active { text-decoration: none; color: #767676; border-color: #767676; } .beautify__hozFilters .beautify__navList .navList-action:hover span, .beautify__hozFilters .beautify__navList .navList-action:focus span, .beautify__hozFilters .beautify__navList .navList-action:active span { text-decoration: none; } @media (max-width: 800px) { .beautify__hozFilters .beautify__navList .navList-action { font-size: 12px; background-color: #f7f7f7; } } .beautify__hozFilters .beautify__navList .navList-action.button { padding: 0.5625rem 1.5rem; border-radius: 4px; margin-bottom: 0.4375rem; } .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open { display: block; } @media (min-width: 551px) { .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open { display: flex; flex-wrap: wrap; gap: 0 0.75rem; } .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open .beautify__shopByPrice-slider { width: 100%; } .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open .form-minMaxRow .form-field { width: 50%; } .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open .form-minMaxRow .button { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 801px) { .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open { flex-wrap: nowrap; align-items: flex-end; gap: 0.75rem; margin-top: 0.375rem; } .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open .beautify__shopByPrice-slider { max-width: 500px; } .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open .form { margin-bottom: 0; width: 50%; display: flex; gap: 0.75rem; align-items: center; } .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open .form .form-fieldset { width: 30%; } .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open .form ._wrap-silder-shopByPrice { width: 70%; margin-top: 0; } } @media (min-width: 801px) and (max-width: 1400px) { .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open .form { width: 70%; } } @media (min-width: 801px) and (max-width: 1024px) { .beautify__hozFilters #shopByPrice-navList.beautify__navList.is-open .form { width: 90%; } } @media (max-width: 800px) { .beautify__hozFilters #shopByPrice-navList .form { margin-bottom: 0; width: 100%; } } .beautify__hozFilters .sidebarBlock--shopByPrice { position: relative; } @media (max-width: 800px) { .beautify__hozFilters .sidebarBlock--shopByPrice ._wrap-silder-shopByPrice { margin-top: 0.5rem; } } .beautify__hozFilters .facetedSearch { padding-bottom: 0; margin: 0; } .beautify__hozFilters .facetedSearch .sidebarBlock-heading { font-size: 14px; font-weight: 600; } @media (max-width: 800px) { .beautify__hozFilters .facetedSearch .sidebarBlock-heading { font-size: 12px; } } .beautify__hozFilters .facetedSearch ._accordion { display: flex; gap: 0.75rem; padding-bottom: 12px; } @media (max-width: 800px) { .beautify__hozFilters .facetedSearch ._accordion { max-width: 100%; white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; } .beautify__hozFilters .facetedSearch ._accordion::-webkit-scrollbar { display: none; } .beautify__hozFilters .facetedSearch ._accordion ._accordion-block:last-child { margin-right: 1.5rem; } } @media (min-width: 801px) { .beautify__hozFilters .facetedSearch ._accordion { flex-wrap: wrap; } } .beautify__hozFilters .facetedSearch ._accordion-block { padding-top: 0; border-top: 0; } .beautify__hozFilters .facetedSearch ._accordion-block .facetedSearch-clearLink { display: none; } .beautify__hozFilters .facetedSearch ._accordion-block ._accordion-navigation-actions .facetedSearch-clearLink { display: block; position: relative; } .beautify__hozFilters .facetedSearch ._accordion-block ._accordion-navigation-actions .facetedSearch-clearLink ._clear-titlePrice { display: none; } .beautify__hozFilters .facetedSearch ._accordion-navigation { padding: 0.5rem 0.75rem 0.5rem 1rem; border: 1px solid whitesmoke; border-radius: 0px; margin-bottom: 0; gap: 0.375rem; } .beautify__hozFilters .facetedSearch ._accordion-navigation:hover, .beautify__hozFilters .facetedSearch ._accordion-navigation:focus, .beautify__hozFilters .facetedSearch ._accordion-navigation:active { border-color: #767676; } .beautify__hozFilters .facetedSearch ._accordion-navigation:has(.facetedSearch-clearLink) { background: #e5e5e5; } @media (max-width: 800px) { .beautify__hozFilters .facetedSearch ._accordion-navigation:has(.facetedSearch-clearLink) { background: white; } } .beautify__hozFilters .facetedSearch ._accordion-navigation.is-open { position: relative; } .beautify__hozFilters .facetedSearch ._accordion-navigation.is-open::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 3px); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(136, 136, 136, 0.3); } @media (max-width: 800px) { .beautify__hozFilters .facetedSearch ._accordion-navigation { background-color: #f7f7f7; } } .beautify__hozFilters .facetedSearch ._accordion-title { font-size: 14px; font-weight: 400; } @media (max-width: 800px) { .beautify__hozFilters .facetedSearch ._accordion-title { font-size: 12px; display: flex; align-items: center; } } .beautify__hozFilters .facetedSearch ._accordion-content { position: absolute; display: none; background: #f7f7f7; border: 3px solid rgba(136, 136, 136, 0.3); border-radius: 0px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); padding: 1rem 1.5rem 0.5rem; z-index: 10; max-width: calc(100% - 1.5rem); width: max-content; } .beautify__hozFilters .facetedSearch ._accordion-content.is-open { display: block; } .beautify__hozFilters .facetedSearch ._accordion-content .facetedSearch-filterItems { margin-bottom: 1rem; } .beautify__hozFilters .facetedSearch ._accordion-content .facetedSearch-filterItems .form-input { height: 2.5rem; font-size: 14px; } .beautify__hozFilters .facetedSearch ._accordion-content .navList-item { margin-bottom: 0.75rem; } .beautify__hozFilters .facetedSearch ._accordion-content .toggleLink { display: inline-flex; gap: 1.25rem; align-items: center; } @media (max-width: 800px) { .beautify__hozFilters .facetedSearch ._accordion-navigation-actions:has(.facetedSearch-clearLink)::before { content: ""; height: 0.375rem; width: 0.375rem; border-radius: 50%; background-color: #767676; overflow: hidden; margin-top: -10px; margin-left: 0.1875rem; } } @media (max-width: 800px) { .beautify__hozFilters .facetedSearch ._accordion-navigation-actions .facetedSearch-clearLink { display: none; } } .beautify__hozFilters .facetedSearch-navList { margin-bottom: 0.75rem; } @media (max-width: 800px) { .beautify__hozFilters .facetedSearch-navList { position: relative; } .beautify__hozFilters .facetedSearch-navList::after { content: ""; display: block; height: 100%; background: linear-gradient(to right, transparent, transparent); position: absolute; right: 0; top: 0; } } .beautify__hozFilters .facetedSearch-navList #facetedSearch-content--price .navList-actions-inline { display: none; } .beautify__hozFilters .facetedSearch-refineFilters .inlineList--labels { padding: 0; } @media (min-width: 801px) { .beautify__hozFilters .facetedSearch-refineFilters .inlineList--labels { background-color: transparent; } } .beautify__hozFilters .facetedSearch-refineFilters { padding-top: 0; border-top: 0; } .beautify__hozFilters .facetedSearch-refineFilters:has(._nofilter) { display: none; } .beautify__hozFilters .facetedSearch-refineFilters .sidebarBlock-heading { display: none; } .beautify__hozFilters .facetedSearch-refineFilters ._nofilter { display: none; } .beautify__hozFilters .facetedSearch-refineFilters .inlineList--labels { margin: 0; gap: 0.75rem; display: flex; flex-wrap: wrap; } .beautify__hozFilters .facetedSearch-refineFilters .inlineList--labels > li { margin: 0; float: none; } .beautify__hozFilters .facetedSearch-bottom { display: none; } .beautify__hozFilters .beautify__shopByPrice-slider { margin: 1.5rem 0.6em; } .beautify__hozFilters .sidebarBlock-heading[data-collapsible] { gap: 0; } .beautify__hozFilters .facetedSearch-navList ._accordion-block .facetedSearch-clearLink .icon { fill: rgba(0, 0, 0, 0.8); } .beautify__hozFilters .facetedSearch .navList--inner { margin-top: 0.75rem; } @media (max-width: 800px) { .beautify__hozFilters { margin-left: -0.75rem; margin-right: -0.75rem; padding: 0.75rem; padding-bottom: 0; background: #e5e5e5; box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.1) inset; } .beautify__hozFilters .beautify__navList.is-open { margin-top: 0; padding: 0.5rem 0.125rem 0.125rem; gap: 0.625rem; } .beautify__hozFilters .facetedSearch-navList { padding-top: 0; margin-bottom: 0; } .beautify__hozFilters .facetedSearch ._accordion { gap: 0.5625rem; } .beautify__hozFilters .facetedSearch-refineFilters .inlineList--labels { margin-top: 0.625rem; } .beautify__hozFilters .facetedSearch-refineFilters .inlineList--labels > li .facetLabel { line-height: 1.25; font-size: 12px; } .beautify__hozFilters .facetedSearch .sidebarBlock-heading { margin-bottom: 0.625rem; } .beautify__hozFilters .sidebarBlock--shopByPrice .navList-actions-inline { right: 0; position: absolute; top: 0; } .beautify__hozFilters .sidebarBlock--shopByPrice .navList-actions-inline .button.navList-action { background-color: transparent; padding: 0; margin: 0; color: rgba(0, 0, 0, 0.4); } } .beautify__filters-overlay { display: none; } @media (max-width: 800px) { .has-sidebarTopOpened .beautify__filters-overlay { position: fixed; display: block; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100; } } .sidebarBlock-heading { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 0.875rem; text-decoration: none; color: black; margin-bottom: 0.5rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; } .sidebarBlock-heading[data-collapsible] { display: inline-flex; padding-bottom: 0; margin-bottom: 0; cursor: pointer; gap: 0.625rem; } .sidebarBlock-heading .icon { flex-shrink: 0; height: 0.625rem; width: 0.625rem; margin: auto 0; } .sidebarBlock-heading.is-open .toggleLink-text--off { display: none; } .sidebarBlock-heading.is-open .toggleLink-text--on { display: block; } .sidebarBlock-heading .toggleLink-text--off { display: block; } .sidebarBlock-heading .toggleLink-text--on { display: none; } .beautify__navList { height: 0; overflow: hidden; opacity: 0; transition: opacity 0.3s linear; margin-left: 0; visibility: hidden; margin-bottom: 0; } .beautify__navList.is-open { height: auto; overflow: visible; opacity: 1; visibility: visible; margin-top: 1rem; } .beautify__navList .navList-item { margin-bottom: 1rem; font-size: 14px; } .navList-actions-inline { min-height: 2.5rem; } .navList-actions-inline .navList-action { display: inline-block; margin-right: 0.75rem; font-size: 14px; } #facetedSearch-filterItems--bool { display: none; } #facetedSearch-filterItems--bool + .navList { margin-top: 0; } .navList-action { padding: 0.5rem 0; color: black; display: flex; justify-content: space-between; align-items: center; padding: 0; } .navList-action:hover { color: #767676; } .navList-action:hover span { text-decoration: underline; } .navList-action:hover .rating--small { text-decoration: unset; } .navList-action--checkbox { padding-left: 2.625rem; padding-top: 0.1875rem; padding-bottom: 0.1875rem; padding-right: 2rem; margin-bottom: 0; font-size: 0.875rem; display: flex; justify-content: space-between; gap: 0.375rem; word-break: break-all; align-items: flex-start; position: relative; } .navList-action--checkbox::before { height: 1.5625rem; width: 1.5625rem; margin-top: 0.1875rem; top: -2px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); background-color: white; } .navList-action--checkbox::after { width: 0.8125rem; height: 0.5rem; border-left: 3px solid black; border-bottom: 3px solid black; position: absolute; top: 11px; transform: translate(40%, 55%) rotate(311deg) !important; left: 0; opacity: 0; visibility: hidden; background-image: unset; } .navList-action--checkbox ._count-item { position: absolute; top: 0.1875rem; right: 0; } .navList-action--checkbox.is-selected::after { opacity: 1; visibility: visible; background-color: white; } .navList-action--checkbox .navList-action-close { display: none; } @media (max-width: 800px) { .facetedSearch { padding-bottom: 4.5rem; } } .facetedSearch:not([data-beautify-faceted-shop-by-price]) .beautify__shopByPrice-slider { display: none; } .facetedSearch:not([data-beautify-faceted-shop-by-price]) .navList-actions-inline { display: none; } .facetedSearch:not([data-beautify-faceted-shop-by-price]) #facet-range-form { display: flex; } .facetedSearch:not([data-beautify-faceted-shop-by-price]) #facet-range-form .facetedSearch-range-head { margin-top: 0; } .facetedSearch .sidebarBlock-heading { font-size: 1.375rem; margin-bottom: 0.75rem; } .facetedSearch a { text-decoration: none; } .facetedSearch ._accordion-navigation { display: flex; margin-bottom: 1rem; } .facetedSearch ._accordion-navigation:hover ._accordion-indicator, .facetedSearch ._accordion-navigation:focus ._accordion-indicator, .facetedSearch ._accordion-navigation:active ._accordion-indicator { opacity: 1; } .facetedSearch ._accordion-title { font-size: 1.375rem; font-weight: 700; line-height: inherit; text-transform: none; margin: 0; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .facetedSearch .facetedSearch-navList .blocker { background: #e5e5e5; opacity: 0.5; } .facetedSearch ._accordion-navigation-actions { margin: auto 0 auto auto; display: flex; align-items: center; } .facetedSearch ._accordion-navigation-actions .icon { height: 0.625rem; width: 0.625rem; opacity: 0.3; display: none; } .facetedSearch ._accordion-content { height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity 0.3s linear; } .facetedSearch ._accordion-content.is-open { height: auto; overflow: visible; opacity: 1; visibility: visible; margin-bottom: 0.625rem; } .facetedSearch .navList { margin-bottom: 0; margin-top: 0; overflow-y: auto; } .facetedSearch .navList::-webkit-scrollbar { width: 4px; } .facetedSearch .navList::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); } .facetedSearch .facetedSearch-content--rating .navList { overflow-y: unset; } #facetedSearch-navList--category { max-height: 450px; overflow-y: auto; } .facetedSearch-content--rating .navList { margin-top: 0; } .facetedSearch-content--rating .navList .navList-action { font-size: 0.875rem; } @media (max-width: 800px) { .facetedSearch-bottom { position: absolute; bottom: 0; left: 0; right: 50px; flex: 0 0 auto; display: flex; align-items: stretch; padding: 0.75rem; background: #2d2d2d; color: white; z-index: 50; flex-direction: row; align-items: center; z-index: 2; column-gap: 0.75rem; flex-wrap: wrap; row-gap: 0.75rem; justify-content: center; } .facetedSearch-bottom .button { margin: 0; font-size: 14px; padding: 0.5rem 0.75rem; flex: 1; line-height: 1.5; } .facetedSearch-bottom .button + .button { margin-top: 0; } } @media (min-width: 801px) { .facetedSearch-bottom { display: none; } } .facetedSearch-refineFilters .facetedSearch-clearLink { color: rgba(0, 0, 0, 0.2); text-decoration: underline; font-size: 14px; } .facetedSearch-refineFilters .facetedSearch-clearLink:hover, .facetedSearch-refineFilters .facetedSearch-clearLink:focus, .facetedSearch-refineFilters .facetedSearch-clearLink:active { color: #767676; } .facetedSearch-refineFilters ._header { display: flex; justify-content: space-between; padding: 0.75rem 1.25rem; align-items: center; background-color: #e8e8e8; border-top-right-radius: 4px; border-top-left-radius: 4px; } .facetedSearch-refineFilters ._header .sidebarBlock-heading { margin-bottom: 0; font-size: 1rem; font-weight: 700; line-height: 1.55; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .facetedSearch-refineFilters ._header > li { list-style: none; line-height: 1; transition: all 0.2s ease; } .facetedSearch-refineFilters ._header > li:hover .icon { fill: white; background: #767676; } .facetedSearch-refineFilters ._header > li:hover span { color: #767676; } .facetedSearch-refineFilters ._header .facetedSearch-clearLink { text-decoration: unset; text-transform: uppercase; } .facetedSearch-refineFilters ._header .facetedSearch-clearLink span { font-weight: 600; font-size: 0.75rem; color: rgba(0, 0, 0, 0.4); } .facetedSearch-refineFilters ._header .facetedSearch-clearLink .icon { background: rgba(0, 0, 0, 0.2); border-radius: 50%; padding: 0.25rem; fill: #e8e8e8; margin-left: 0.1875rem; } .facetedSearch-refineFilters .inlineList--labels { margin-left: 0; display: flex; column-gap: 0.75rem; row-gap: 0.75rem; flex-wrap: wrap; padding: 0 1.5rem 0; padding-top: 1.25rem; background: #e5e5e5; } .facetedSearch-refineFilters .inlineList--labels > li { margin: 0; } .facetedSearch-refineFilters .inlineList--labels .facetLabel { background: transparent; border-color: transparent; line-height: 1.6; padding: 0; color: #4f4f4f; } .facetedSearch-refineFilters .inlineList--labels .facetLabel .icon { fill: rgba(0, 0, 0, 0.4); margin-left: 0.375rem; } .facetedSearch-refineFilters .inlineList--labels .facetLabel:hover { color: #767676; border-color: transparent; background-color: transparent; } .facetedSearch-refineFilters .inlineList--labels .facetLabel:hover .icon { fill: #767676; } @media (max-width: 800px) { .facetedSearch-refineFilters:has(.inlineList--labels) + .facetedSearch-navList { padding: 1.25rem; } .facetedSearch-refineFilters .inlineList--labels { margin-top: 4.3125rem; padding: 0 1.5rem; } } #faceted-search-container #facetedSearch { margin-top: 0; } #faceted-search-container nav { padding: 1.5rem 1.25rem 1.25rem; border-top-left-radius: 0; border-top-right-radius: 0; background: #e5e5e5; } @media (max-width: 800px) { #faceted-search-container nav { padding-top: 3.75rem; } } #faceted-search-container:has(.facetedSearch) nav { padding: 0; } #faceted-search-container:not(:has(.facetedSearch)) ._header { margin-bottom: 0; padding: 0.75rem 1.25rem; background-color: #e8e8e8; border-top-right-radius: 4px; border-top-left-radius: 4px; } #faceted-search-container:not(:has(.facetedSearch)) ._header .sidebarBlock-heading { margin-bottom: 0; font-size: 1rem; font-weight: 700; } @media (max-width: 800px) { #faceted-search-container ._header { padding: 0.75rem 1.25rem; border-radius: unset; left: 0; right: 50px; top: 0; z-index: 50; position: absolute; background-color: #e8e8e8; } #faceted-search-container ._header .sidebarBlock-heading { font-size: 1rem; margin-bottom: 0; line-height: 1.55; font-weight: 700; } } #faceted-search-container:not(._horizontal) .navList + .toggleLink { display: inline-flex; gap: 1.25rem; align-items: center; margin-top: 0.625rem; } #faceted-search-container:not(._horizontal) .facetedSearch ._accordion-navigation { display: inline-flex; } #faceted-search-container:not(._horizontal) .facetedSearch ._accordion-content.is-open { margin-bottom: 1.25rem; } @media (min-width: 801px) { #faceted-search-container:not(._horizontal) .facetedSearch-navList { padding-top: 1.25rem; } } #faceted-search-container:not(._horizontal) .facetedSearch-navList ._accordion-block .facetedSearch-clearLink { top: 7px; right: 0; } #faceted-search-container:not(._horizontal) ._accordion-block { padding-top: 0; border-top: 0; } #faceted-search-container:not(._horizontal) ._accordion-block .facetedSearch-clearLink { display: inline-flex; } #faceted-search-container:not(._horizontal) ._accordion-block ._accordion-navigation-actions .facetedSearch-clearLink .icon { opacity: 1; } #faceted-search-container:not(._horizontal) ._accordion-block:has(.beautify__shopByPrice-slider.ui-slider) ._accordion-navigation ._accordion-navigation-actions .facetedSearch-clearLink { display: none; } #faceted-search-container:not(._horizontal) .inlineList--labels .facetedSearch-clearLink { display: none; } #faceted-search-container:not(._horizontal) .sidebarBlock--shopByPrice { position: relative; } #faceted-search-container:not(._horizontal) .navList-actions-inline { min-height: unset; position: absolute; top: 7px; right: -5px; display: inline-flex; gap: 0.75rem; } #faceted-search-container:not(._horizontal) .navList-actions-inline .navList-action.button { color: rgba(0, 0, 0, 0.4); margin: 0; background-color: transparent; font-size: 12px; padding-left: 0; padding-right: 0; display: flex; align-items: center; } #faceted-search-container:not(._horizontal) .navList-actions-inline .navList-action.button .icon { fill: rgba(0, 0, 0, 0.4); padding: 0.0625rem; height: 0.6875rem; width: 0.6875rem; margin-left: 0.5rem; } #faceted-search-container:not(._horizontal) .navList-actions-inline .navList-action.button:hover, #faceted-search-container:not(._horizontal) .navList-actions-inline .navList-action.button:focus-visible { color: #767676; } #faceted-search-container:not(._horizontal) .navList-actions-inline .navList-action.button:hover .icon, #faceted-search-container:not(._horizontal) .navList-actions-inline .navList-action.button:focus-visible .icon { fill: #767676; } #faceted-search-container:not(._horizontal) .navList-actions-inline .navList-action:last-child { margin-right: 0; } #faceted-search-container:not(._horizontal) #brands-navList .navList-action--checkbox:active::after { opacity: 1; visibility: visible; background-color: white; } #faceted-search-container:not(._horizontal) #brands-navList .navList-item:last-child .navList-action { padding-left: 0.1875rem; justify-content: unset; gap: 1.5rem; } #faceted-search-container:not(._horizontal) #brands-navList .navList-item:last-child .navList-action .icon { fill: #767676; } #faceted-search-container:not(._horizontal) #brands-navList .navList-item:last-child .navList-action span { text-decoration: none; font-weight: 700; } .facetedSearch-navList { background: #e5e5e5; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #e5e5e5; padding: 0.625rem 1.25rem 1.25rem; } @media (max-width: 800px) { .facetedSearch-navList { padding-top: 3.75rem; } } .facetedSearch-navList ._accordion-title { font-size: 0.875rem; line-height: 1.8; } .facetedSearch-navList .categoryPage-searchInCategory-form { margin-bottom: 1.25rem; } .facetedSearch-navList ._accordion-block { position: relative; } .facetedSearch-navList ._accordion-block:has(.facetedSearch-filterItems) .navList { margin-top: 1rem; } .facetedSearch-navList ._accordion-block:last-child ._accordion-content.is-open { margin-bottom: 0; } .facetedSearch-navList ._accordion-block .navList-item { margin-bottom: 0.625rem; padding-right: 0.1875rem; margin-left: 0.0625rem; } .facetedSearch-navList ._accordion-block .navList-item:first-child { margin-top: 0.1875rem; } .facetedSearch-navList ._accordion-block .navList-item:last-child { margin-bottom: 0.1875rem; } .facetedSearch-navList ._accordion-block .navList-item .navList--inner { margin-top: 0.5rem; margin-left: 2.5rem; } .facetedSearch-navList ._accordion-block .form-field { margin-bottom: 0; } .facetedSearch-navList ._accordion-block .form-input { height: 2.5rem; padding: 0.5rem 1.25rem; font-size: 14px; } @media (max-width: 1260px) { .facetedSearch-navList ._accordion-block .form-input { padding: 0.5rem; } } .facetedSearch-navList ._accordion-block .facetedSearch-clearLink { width: min-content; display: inline-flex; align-items: center; transition: all 0.15s ease; position: absolute; } .facetedSearch-navList ._accordion-block .facetedSearch-clearLink:hover .icon, .facetedSearch-navList ._accordion-block .facetedSearch-clearLink:focus .icon, .facetedSearch-navList ._accordion-block .facetedSearch-clearLink:active .icon { opacity: 1; fill: #767676; } .facetedSearch-navList ._accordion-block .facetedSearch-clearLink:hover .facetedSearch-clearTitlte, .facetedSearch-navList ._accordion-block .facetedSearch-clearLink:focus .facetedSearch-clearTitlte, .facetedSearch-navList ._accordion-block .facetedSearch-clearLink:active .facetedSearch-clearTitlte { color: #767676; } .facetedSearch-navList ._accordion-block .facetedSearch-clearLink .icon { fill: rgba(0, 0, 0, 0.2); display: block; height: 0.875rem; width: 0.875rem; padding: 1px; border-radius: 50%; margin-left: 0.5rem; } .facetedSearch-navList ._accordion-block .facetedSearch-clearLink .facetedSearch-clearTitlte { text-transform: uppercase; font-size: 0.75rem; font-weight: 600; color: rgba(0, 0, 0, 0.4); line-height: 1; } .facetedSearch-navList .toggleLink ._accordion-title ._show-more-cats, .facetedSearch-navList .toggleLink ._accordion-title ._show-less-cats { line-height: 1; } .facetedSearch-navList .toggleLink ._accordion-title .icon { fill: black; margin-left: 0; margin-right: 0.625rem; height: 0.75rem; width: 0.75rem; } .facetedSearch-navList .toggleLink.is-open ._accordion-title ._show-more-cats { display: none; } .facetedSearch-navList .toggleLink.is-open ._accordion-title ._show-less-cats { display: inline-flex; align-items: center; } .facetedSearch-navList .toggleLink:not(.is-open) ._accordion-title ._show-more-cats { display: inline-flex; align-items: center; } .facetedSearch-navList .toggleLink:not(.is-open) ._accordion-title ._show-less-cats { display: none; } .facetedSearch-navList .toggleLink .icon { fill: #767676; transition: unset; margin-left: 5px; } .facetedSearch-navList .toggleLink .toggleLink-text { font-weight: bold; color: black; font-size: 14px; transition: all 0.15s ease; } .facetedSearch-navList .toggleLink:hover .toggleLink-text { color: #767676; } .facetedSearch-navList #facetedSearch-content--price { min-width: 300px; } .facetedSearch-navList #facetedSearch-content--price .navList-actions-inline { min-height: unset; display: inline-flex; position: absolute; top: 7px; right: -5px; line-height: 1; } .facetedSearch-navList #facetedSearch-content--price .navList-actions-inline .navList-action { text-transform: uppercase; font-size: 12px; color: rgba(0, 0, 0, 0.4); display: flex; align-items: center; font-weight: 600; } .facetedSearch-navList #facetedSearch-content--price .navList-actions-inline .navList-action .icon { fill: rgba(0, 0, 0, 0.4); height: 0.75rem; width: 0.75rem; padding: 0.0625rem; margin-left: 0.5rem; } .facetedSearch-navList #facetedSearch-content--price .navList-actions-inline .navList-action:hover, .facetedSearch-navList #facetedSearch-content--price .navList-actions-inline .navList-action:focus-visible { color: #767676; } .facetedSearch-navList #facetedSearch-content--price .navList-actions-inline .navList-action:hover .icon, .facetedSearch-navList #facetedSearch-content--price .navList-actions-inline .navList-action:focus-visible .icon { fill: #767676; } .facetedSearch-navList #facetedSearch-content--price .navList-actions-inline .navList-action:last-child { margin-right: 0; } .facetedSearch-navList #facetedSearch-content--price .facetedSearch-range-head { display: flex; justify-content: space-between; column-gap: 0.75rem; align-items: center; } .facetedSearch-navList #facetedSearch-content--price .facetedSearch-range-head .beautify__shopByPrice-slider { flex: 1; } .facetedSearch-navList #facetedSearch-content--price .facetedSearch-range-head .form-field { margin-bottom: 0; } .facetedSearch-navList #facetedSearch-content--price .facetedSearch-range-head .form-field .button { margin-bottom: 0; padding-right: 0.75rem; padding-left: 0.75rem; } .facetedSearch-navList #facetedSearch-content--price .form-minMaxRow .form-field--input { width: 100%; } .facetedSearch-navList #facetedSearch-content--price .form-minMaxRow .form-field--input:last-child { margin-right: 0; } @media (min-width: 801px) { .page-sidebar { padding: 0; border: 0; } .page-sidebar ._body { border-radius: 4px; } } .facetLabel { font-size: 14px; } .facetedSearch-clearLink { color: inherit; } .facetedSearch-clearLink:hover, .facetedSearch-clearLink:focus { color: #888888; } @media (min-width: 801px) { .facetedSearch-optionColumns { column-count: 3; } .facetedSearch-optionColumns .navList-item { break-inside: avoid-column; } } #facet-range-form { margin-bottom: 0.5rem; display: flex; column-gap: 0.75rem; row-gap: 1.25rem; align-items: flex-start; } #facet-range-form .form-fieldset { width: 100%; } #facet-range-form .facetedSearch-range-head { margin-top: 0; } #facet-range-form .facetedSearch-range-head .form-field .button { padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (max-width: 1260px) and (min-width: 800px) { #facet-range-form { flex-wrap: wrap; } } #facet-range-form:has(.beautify__shopByPrice-slider) { display: unset; } #facet-range-form:has(.beautify__shopByPrice-slider) .facetedSearch-range-head { margin-top: 1.25rem; } .facet-quick-heading { margin-top: 0; } .papathemes-productsFilter { /*@include breakpoint("large") { .actionBar { justify-content: flex-end; } .actionBar-section { margin-left: spacing("half"); } }*/ } .papathemes-productsFilter .form-label { text-transform: uppercase; font-size: 12px; color: inherit; font-weight: 700; color: #4f4f4f; font-weight: 600; } @media (min-width: 801px) { .papathemes-productsFilter .form-label { font-size: 14px; } } @media (max-width: 800px) { .papathemes-productsFilter .form-label { color: #4f4f4f; font-weight: 600; } } .papathemes-productsFilter .form-field { margin: 0; } .papathemes-productsFilter .form-select { height: 2.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-right: 2.25rem; background-position-y: center; font-size: 12px; } @media (min-width: 801px) { .papathemes-productsFilter .form-select { font-size: 14px; } } .papathemes-productsFilter .actionBar { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 1.5rem; gap: 1.25rem; } .papathemes-productsFilter .actionBar::before, .papathemes-productsFilter .actionBar::after { display: none; } @media (max-width: 800px) { .papathemes-productsFilter .actionBar { margin-bottom: 0; } } .papathemes-productsFilter .actionBar-section--mode .form-option { border-width: 0; } .papathemes-productsFilter .actionBar-section--mode .form-option:last-child { margin-right: 0; } .papathemes-productsFilter .actionBar-section--mode .form-option .form-option-variant .icon { height: 1.25rem; width: 1.25rem; fill: #4f4f4f; } .papathemes-productsFilter .actionBar-section--sort .form-select, .papathemes-productsFilter .actionBar-section--productsPerPage .form-select { border-width: 0; font-weight: 600; } @media (max-width: 800px) { .papathemes-productsFilter .actionBar { align-items: flex-end; background-color: #e5e5e5; padding: 0.9375rem 0.75rem; margin-left: -0.75rem; margin-right: -0.75rem; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset; gap: 0.625rem; } .papathemes-productsFilter .form-field .form-label { margin-bottom: 0.625rem; } .papathemes-productsFilter .actionBar-section--sort .form-field { display: flex; flex-direction: column; } .papathemes-productsFilter .actionBar-section--sort .form-field .form-select { background-color: #f7f7f7; } .papathemes-productsFilter .actionBar-section--mode .form-field { display: flex; } .papathemes-productsFilter .actionBar-section--mode .form-field .form-label { display: none; } .papathemes-productsFilter .actionBar-section--mode .form-field label.form-option { display: flex; height: 2.5rem; width: 2.5rem; margin-bottom: 0; justify-content: center; align-items: center; background-color: #f7f7f7; } .papathemes-productsFilter .actionBar-section--mode .form-field label.form-option .form-option-variant { padding: 0; } .papathemes-productsFilter .actionBar-section--productsPerPage .form-field { display: flex; flex-direction: column; } .papathemes-productsFilter .actionBar-section--productsPerPage .form-field .form-select { background-color: #f7f7f7; } .papathemes-productsFilter ._filters-toggle { display: inline-flex; align-items: center; justify-content: center; height: 2.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 100%; line-height: 1; font-size: 14px; } .papathemes-productsFilter ._filters-toggle .icon { margin-right: 0.9375rem; } .papathemes-productsFilter ._filters-toggle:focus { border-color: #2d2d2d; background-color: #2d2d2d; } } @media (max-width: 550px) { .papathemes-productsFilter .actionBar-section--sort { flex: 1; } .papathemes-productsFilter .actionBar-section--sort .form-select { width: 100%; } } @media (min-width: 801px) { .papathemes-productsFilter .actionBar { align-items: center; justify-content: flex-end; gap: 0.75rem; } .papathemes-productsFilter .actionBar-section { white-space: nowrap; } .papathemes-productsFilter .actionBar-section--sort, .papathemes-productsFilter .actionBar-section--productsPerPage, .papathemes-productsFilter .actionBar-section--mode { margin-left: 0.75rem; margin-right: 0; } .papathemes-productsFilter .actionBar-section--sort .form-select, .papathemes-productsFilter .actionBar-section--productsPerPage .form-select, .papathemes-productsFilter .actionBar-section--mode .form-select { width: fit-content; } .papathemes-productsFilter .actionBar-section--mode .form-label { display: none; } .papathemes-productsFilter .actionBar-section--mode .form-option { color: #4f4f4f; } .papathemes-productsFilter ._filters-toggle { display: none; } .papathemes-productsFilter .form-option { margin: 0 0.375rem 0 0; min-width: 2.5rem; height: 2.5rem; border: 1px solid #cccccc; border-radius: 0px; display: inline-flex; align-items: center; justify-content: center; } .papathemes-productsFilter .form-option-variant { padding: 0; line-height: 1; font-size: 1rem; display: inline; } } @media (min-width: 551px) { .papathemes-productsFilter .actionBar-section--sort .form-select, .papathemes-productsFilter .actionBar-section--productsPerPage .form-select, .papathemes-productsFilter .actionBar-section--mode .form-select { width: fit-content; } } /* .beautify__findGate-sidebar { &:not(.is-open) { display: none; } .form { margin-bottom: 0; } .form-field { display: flex; margin-bottom: 0; } .button { padding-left: spacing("base"); padding-right: spacing("base"); margin-left: spacing("half"); margin-bottom: 0; } } */ #shopByPrice-navList form { margin-bottom: 0.5rem; } .beautify__shopByPrice-slider { margin: 1.5rem 0.3em; min-height: 2px; } .beautify__shopByPrice-slider .ui-slider-handle { border-radius: 50%; background-color: white; border: 3px solid #767676; } .beautify__shopByPrice-horizontal { flex: 0; white-space: nowrap; display: grid; grid-template-columns: max-content auto max-content; } .beautify__shopByPrice-horizontal:before, .beautify__shopByPrice-horizontal:after { content: " "; display: table; } .beautify__shopByPrice-horizontal:after { clear: both; } .beautify__shopByPrice-horizontal .form-label { display: inline-block; margin-right: 1rem; grid-column: 1 / 2; grid-row: 1 / 2; margin-bottom: 0.375rem; } .beautify__shopByPrice-horizontal .beautify__shopByPrice-slider { width: 200px; margin: 0.375rem 0 0; grid-column: 1 / 3; grid-row: 2 / 3; } .beautify__shopByPrice-horizontal .form-fieldset { grid-column: 3 / 4; grid-row: 2 / 3; } .beautify__shopByPrice-horizontal ._actions { grid-column: 2 / 4; grid-row: 1 / 2; text-align: right; margin-bottom: 0.375rem; display: flex; justify-content: flex-end; } .beautify__shopByPrice-horizontal ._action { padding: 0; margin-left: 0.75rem; font-size: 14px; line-height: inherit; color: #767676; text-decoration: none; } .beautify__shopByPrice-horizontal ._action:hover, .beautify__shopByPrice-horizontal ._action:focus { color: black; text-decoration: underline; } .beautify__shopByPrice-horizontal .form-minMaxRow { margin-left: 0.375rem; } .beautify__shopByPrice-horizontal .form-minMaxRow .form-field { width: auto; margin: 0 0 0 0.375rem; } .beautify__shopByPrice-horizontal input[data-input-min], .beautify__shopByPrice-horizontal input[data-input-max] { width: 2.25rem; height: 1.5rem; font-size: 12px; } .beautify__actionBar-sortBy { display: none; } @media (max-width: 800px) { .beautify__actionBar-sortBy { position: relative; } .beautify__actionBar-sortBy::after { content: ""; display: block; height: 100%; background: linear-gradient(to right, transparent, transparent); position: absolute; right: 0; top: 0; } } .beautify__actionBar-sortBy ._heading { font-size: 14px; font-weight: 600; margin-bottom: 0.75rem; color: #4f4f4f; text-transform: uppercase; } .beautify__actionBar-sortBy ul { list-style: none; margin-left: 0; margin: 0; padding: 0; display: flex; gap: 0.75rem; } .beautify__actionBar-sortBy ul ul, .beautify__actionBar-sortBy ul ol { list-style: none; margin-bottom: 0; } .beautify__actionBar-sortBy ul li { margin: 0; padding: 0; } @media (max-width: 800px) { .beautify__actionBar-sortBy ul { max-width: 100%; white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; } .beautify__actionBar-sortBy ul::-webkit-scrollbar { display: none; } .beautify__actionBar-sortBy ul li:last-child { margin-right: 1.5rem; } } @media (min-width: 801px) { .beautify__actionBar-sortBy ul { flex-wrap: wrap; } } .beautify__actionBar-sortBy .button { border: 1px solid whitesmoke; color: black; background: #f7f7f7; padding: 0.5rem 1rem; text-transform: none; font-weight: 400; font-size: 14px; line-height: 1.5; display: flex; align-items: center; gap: 0.375rem; } .beautify__actionBar-sortBy .button:hover, .beautify__actionBar-sortBy .button:focus, .beautify__actionBar-sortBy .button:active { border-color: #767676; } .beautify__actionBar-sortBy .button[disabled] { border: 1px solid whitesmoke; background-color: #e5e5e5; } .categoryPage-searchInCategory-form { margin-bottom: 1.25rem; padding: 1.25rem 1.25rem; background: #e5e5e5; } @media (max-width: 800px) { .categoryPage-searchInCategory-form { display: none; margin-bottom: 0; padding: 1rem 1.25rem; position: absolute; top: 0; left: 0; width: calc(100% - 50px); z-index: 50; } .categoryPage-searchInCategory-form .form-field { margin-bottom: 0; } } @media (min-width: 801px) { .categoryPage-searchInCategory-form { display: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .categoryPage-searchInCategory-form:not(.categoryPage-searchInCategory-form--sidebar) { float: left; width: 28%; padding: 0.5rem; margin-bottom: 0; } } @media (min-width: 1261px) { .categoryPage-searchInCategory-form:not(.categoryPage-searchInCategory-form--sidebar) { width: 300px; } } .categoryPage-searchInCategory-form .form-field { border-radius: 0px; } .categoryPage-searchInCategory-form .form-input { height: 2.375rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .categoryPage-searchInCategory-form .form-input::placeholder { font-size: 14px; } .categoryPage-searchInCategory-form .button { height: 2.375rem; padding: 0.5rem 0.75rem; } .categoryPage-searchInCategory-form.loading .form-field::after { width: 1.5rem; height: 1.5rem; } .categoryPage-searchInCategory-form._fullwidth { display: block; float: none; } @media (max-width: 800px) { .categoryPage-searchInCategory-form._fullwidth { width: auto; margin: 0 -0.75rem !important; position: unset; padding: 0.75rem 0.75rem 0.1875rem; } .categoryPage-searchInCategory-form._fullwidth .form-field { margin-bottom: 0; } } @media (min-width: 801px) { .categoryPage-searchInCategory-form._fullwidth { padding: 0; margin-bottom: 0; margin-top: 1.5rem; width: 100%; } } .categoryPage-searchInCategory-form--sidebar { display: block; } .beautify-subcategories-grid { display: flex; overflow: auto; -webkit-overflow-scrolling: touch; list-style: none; margin: 0 -0.375rem 1.5rem; scrollbar-width: thin; /*&::-webkit-scrollbar { display: none; }*/ } .beautify-subcategories-grid::-webkit-scrollbar { width: 8px; height: 8px; } .beautify-subcategories-grid::-webkit-scrollbar-track { background-color: #e8e8e8; } .beautify-subcategories-grid::-webkit-scrollbar-thumb { background-color: #a5a5a5; border-radius: 4px; } @media (min-width: 801px) { .beautify-subcategories-grid { flex-wrap: wrap; overflow: visible; margin-bottom: 0.75rem; } } .beautify-subcategories-grid-item { flex: 0 0 auto; width: 40%; max-width: 14.5rem; padding: 0 0.375rem; } @media (min-width: 551px) { .beautify-subcategories-grid-item { width: 30%; } } @media (min-width: 801px) { .beautify-subcategories-grid-item { width: 25%; margin-bottom: 1.5rem; } } .beautify-subcategories-image { display: block; padding-bottom: 0.375rem; } .beautify-subcategories-image .card-img-container { max-width: 244px; position: relative; } .beautify-subcategories-image .card-img-container::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } .beautify-subcategories-image .card-img-container img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 0; width: 100%; max-height: 100%; object-fit: contain; font-family: "object-fit: contain"; } .beautify-subcategories-image .card-img-container ._thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.5rem; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #e5e5e5; color: rgba(0, 0, 0, 0.2); text-shadow: 1px 1px 0 #f7f7f7; font-size: 20px; } .beautify-subcategories-name { font-size: 14px; text-decoration: none; color: black; } .beautify-subcategories-name:hover, .beautify-subcategories-name:focus { color: black; } .sidebarBlock--categories .sidebarBlock-heading { display: inline-flex; border-bottom: 0; gap: 0.625rem; } .sidebarBlock--categories .beautify__navList { font-size: 14px; } .sidebarBlock--categories .navList-item { margin-bottom: 0.625rem; } .sidebarBlock--categories .sidebarBlock-heading { font-size: 14px; } .sidebarBlock--shopByPrice .sidebarBlock-heading { margin-bottom: 0; } .sidebarBlock--shopByPrice ._wrap-silder-shopByPrice { display: flex; justify-content: space-between; column-gap: 0.75rem; align-items: center; margin-top: 1rem; } .sidebarBlock--shopByPrice ._wrap-silder-shopByPrice .beautify__shopByPrice-slider { flex: 1; } .sidebarBlock--shopByPrice ._wrap-silder-shopByPrice .form-field { margin-bottom: 0; } .sidebarBlock--shopByPrice ._wrap-silder-shopByPrice .form-field .button { margin-bottom: 0; padding-left: 0.75rem; padding-right: 0.75rem; } .sidebarBlock--shopByPrice .form-minMaxRow .form-field--input { width: 100%; } .sidebarBlock--shopByPrice .form-minMaxRow .form-field--input:last-child { margin-right: 0; } .sidebarBlock--shopByPrice .navList-actions-inline .button.navList-action { color: white; border-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; margin-left: 0; } .sidebarBlock--shopByPrice .navList-actions-inline .button.navList-action:hover, .sidebarBlock--shopByPrice .navList-actions-inline .button.navList-action:active, .sidebarBlock--shopByPrice .navList-actions-inline .button.navList-action:focus { background-color: #767676; } #product-listing-container .productGrid .product { display: flex; } #product-listing-container .papathemes-productsFilter .actionBar-section.actionBar-section--mode .form-option:hover { box-shadow: none; background-color: #2d2d2d; } #product-listing-container .papathemes-productsFilter .actionBar-section.actionBar-section--mode .form-option:hover .icon { fill: white; } #product-listing-container .papathemes-productsFilter .actionBar-section.actionBar-section--mode .form-radio:checked + .form-option { box-shadow: none; background-color: #e5e5e5; filter: brightness(90%); } #product-listing-container .papathemes-productsFilter .actionBar-section.actionBar-section--mode .form-radio:checked + .form-option .icon { fill: #4f4f4f; fill-opacity: 0.5; } @media (min-width: 801px) { #product-listing-container .papathemes-productsFilter { background-color: #f7f7f7; padding: 0 0 0.75rem; } #product-listing-container .papathemes-productsFilter .actionBar { justify-content: flex-start; margin-bottom: 0; } #product-listing-container .papathemes-productsFilter .actionBar-section { margin: 0; } #product-listing-container .papathemes-productsFilter .actionBar-section.actionBar-section--sort { order: 1; } #product-listing-container .papathemes-productsFilter .actionBar-section.actionBar-section--sort .form-select { background-color: #e5e5e5; } #product-listing-container .papathemes-productsFilter .actionBar-section.actionBar-section--mode { order: 2; } #product-listing-container .papathemes-productsFilter .actionBar-section.actionBar-section--mode label.form-option { background-color: #e5e5e5; } #product-listing-container .papathemes-productsFilter .actionBar-section.actionBar-section--productsPerPage { order: 3; margin-left: auto; } #product-listing-container .papathemes-productsFilter .actionBar-section.actionBar-section--productsPerPage .form-select { background-color: #e5e5e5; } } @media (min-width: 801px) and (max-width: 1040px) { #product-listing-container .papathemes-productsFilter .actionBar { display: flex; align-items: flex-end; } #product-listing-container .papathemes-productsFilter .actionBar .actionBar-section--sort .form-field, #product-listing-container .papathemes-productsFilter .actionBar .actionBar-section--productsPerPage .form-field { display: flex; flex-direction: column; } #product-listing-container .papathemes-productsFilter .actionBar .actionBar-section--sort .form-field .form-label, #product-listing-container .papathemes-productsFilter .actionBar .actionBar-section--productsPerPage .form-field .form-label { padding-bottom: 0.625rem; } } @media (max-width: 1260px) { #product-listing-container .actionBar-section--mode .form-radio + label.form-option, #product-listing-container .actionBar-section--mode .form-radio { display: none; } #product-listing-container .actionBar-section--mode .form-radio[value="1"] + label.form-option, #product-listing-container .actionBar-section--mode .form-radio[value="bo"] + label.form-option { display: inline-flex; } #product-listing-container .actionBar-section--mode .form-radio:checked, #product-listing-container .actionBar-section--mode .form-radio[value="1"], #product-listing-container .actionBar-section--mode .form-radio[value="bo"] { display: inline-block; } #product-listing-container .actionBar-section--mode .form-radio[checked], #product-listing-container .actionBar-section--mode .form-radio[checked] + label.form-option { display: none; } #product-listing-container .actionBar-section--mode .form-radio[checked]:checked { display: inline-block; } #product-listing-container .actionBar-section--mode .form-radio[checked]:checked + label.form-option { display: inline-flex; } #product-listing-container .actionBar-section--mode .form-radio:checked + label.form-option { display: inline-flex; } } @media (min-width: 1261px) { #product-listing-container .actionBar-section.actionBar-section--sort .form-select { max-width: unset; } } #product-listing-container._hasSearchInCategory .product-listing-form { clear: both; } #product-listing-container._fullwidth .papathemes-productsFilter { clear: both; background: none; padding: 0; margin-bottom: 0; margin-top: 1.5rem; } @media (max-width: 800px) { #product-listing-container._fullwidth .papathemes-productsFilter { margin-top: 0; } } #product-listing-container._fullwidth .papathemes-productsFilter .form-label { font-size: 14px; text-transform: none; font-weight: 600; color: #4f4f4f; text-transform: uppercase; } #product-listing-container._fullwidth .papathemes-productsFilter .actionBar { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 0; } @media (min-width: 801px) { #product-listing-container._fullwidth .papathemes-productsFilter .actionBar { flex-wrap: nowrap; gap: 1.5rem; } } #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section { float: none; margin: 0 1.5rem 1.5rem 0; } @media (min-width: 801px) { #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section { margin: 0 0 1.5rem; } } #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--sort { min-inline-size: auto; width: 100%; } #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--sort .form-field { display: none; } @media (max-width: 800px) { #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--sort .form-field { display: block; } } @media (min-width: 801px) { #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--sort { width: auto; margin-left: 0; margin-right: auto; } } @media (max-width: 800px) { #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--sort { width: auto; } #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--sort .form-select { width: 100%; border: unset; } } @media (min-width: 801px) { #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--productsPerPage .form-label { display: block; margin-bottom: 0.75rem; } } @media (max-width: 800px) { #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--productsPerPage .form-select { border: unset; } } @media (min-width: 801px) { #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--mode .form-label { display: block; width: 0; margin-bottom: 0.75rem; } } @media (max-width: 800px) { #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--mode .form-field label.form-option { margin-right: 0.375rem; border: unset; } #product-listing-container._fullwidth .papathemes-productsFilter .actionBar-section--mode .form-field label.form-option:last-child { margin-right: 0; } } #product-listing-container._fullwidth .papathemes-productsFilter ._filters-toggle { display: none; } #product-listing-container._fullwidth .beautify__actionBar-sortBy { display: block; } @media (max-width: 800px) { #product-listing-container._fullwidth .beautify__actionBar-sortBy { display: none; } } @media (min-width: 801px) { #product-listing-container .productGrid:has(.card._border) { margin-left: -0.375rem; margin-right: -0.375rem; } } @media (max-width: 800px) { #product-listing-container .productGrid:has(.card._border) { margin-left: -0.25rem; margin-right: -0.125rem; } } .navProducts-rootMenu-list { display: flex; justify-content: center; } .navProducts-rootMenu-list .navProducts-list { display: flex; margin: 1.25rem 0 1.375rem 0; justify-content: center; align-items: center; list-style: none; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; gap: 0; margin-left: -0.75rem; margin-right: -0.75rem; } .navProducts-rootMenu-list .navProducts-list::-webkit-scrollbar { display: none; } .navProducts-rootMenu-list .navProducts-list .navProducts-item { font-size: 14px; } .navProducts-rootMenu-list .navProducts-list .navProducts-item a { color: #4f4f4f; text-decoration: none; padding: 0 0.75rem; font-weight: 600; width: max-content; } .navProducts-rootMenu-list .navProducts-list .navProducts-item a:hover { color: #767676; text-decoration: underline; } .navProducts-rootMenu-list .navProducts-list .navPages-action::before { content: unset; } @media (min-width: 801px) { .navProducts-rootMenu-list .navProducts-list { flex-wrap: wrap; gap: 0; row-gap: 0.75rem; } } @media (max-width: 800px) { .navProducts-rootMenu-list .navProducts-list { justify-content: flex-start; } } @media (max-width: 550px) { .navProducts-rootMenu-list .navProducts-list { margin: 1.25rem 0.1875rem; } .navProducts-rootMenu-list .navProducts-list .navProducts-item a { width: max-content; text-align: center; } } .supermarket-categoryPage-description { margin-bottom: 1.5rem; } .kitchenary-categoryPage-subCategories { margin-bottom: 4.5rem; } @media (max-width: 800px) { .kitchenary-categoryPage-subCategories { margin-bottom: 1.875rem; } } .kitchenary-categoryPage-subCategories._hasImage .subCategories-list { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1.875rem; list-style-type: none; margin: 0; } @media (max-width: 1260px) { .kitchenary-categoryPage-subCategories._hasImage .subCategories-list { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 800px) { .kitchenary-categoryPage-subCategories._hasImage .subCategories-list { grid-gap: 1rem; } } @media (max-width: 550px) { .kitchenary-categoryPage-subCategories._hasImage .subCategories-list { grid-template-columns: repeat(2, 1fr); } } .kitchenary-categoryPage-subCategories._hasImage .subCategories-item-action { position: relative; border-radius: 4px; overflow: hidden; background: rgba(229, 229, 229, 0.5); display: block; } .kitchenary-categoryPage-subCategories._hasImage .subCategories-item-action img { width: 100%; height: 100%; object-fit: contain; } .kitchenary-categoryPage-subCategories._hasImage .subCategories-item-action:focus-visible { outline-offset: -2px !important; } .kitchenary-categoryPage-subCategories._hasImage .subCategories-item-action .subCategories-item-name { position: absolute; bottom: 0.5rem; left: 0.5rem; border-radius: 4px; padding: 0.375rem 0.5rem; font-weight: 700; font-size: 12px; color: black; background-color: rgba(247, 247, 247, 0.8); } .kitchenary-categoryPage-subCategories._hasImage .button-loadMore { display: none; } @media (max-width: 550px) { .kitchenary-categoryPage-subCategories._hasImage { display: flex; flex-direction: column; } .kitchenary-categoryPage-subCategories._hasImage .subCategories-item:nth-child(n+7) { display: none; } .kitchenary-categoryPage-subCategories._hasImage .subCategories-list:has(.subCategories-item:nth-child(7)) ~ .button-loadMore { display: flex; } .kitchenary-categoryPage-subCategories._hasImage .subCategories-list._showMore .subCategories-item:nth-child(n+7) { display: block; } .kitchenary-categoryPage-subCategories._hasImage .button-loadMore { width: fit-content; padding: 0.375rem; font-size: 14px; font-weight: 600; color: #767676; cursor: pointer; margin: 1.5rem auto auto; } } .kitchenary-categoryPage-subCategories:not(._hasImage) { margin-bottom: 1.5rem; } .kitchenary-categoryPage-subCategories:not(._hasImage) .subCategories-list { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; justify-content: flex-start; align-items: center; margin: 0; list-style-type: none; } @media (max-width: 800px) { .kitchenary-categoryPage-subCategories:not(._hasImage) .subCategories-list { overflow: auto; justify-content: center; -webkit-overflow-scrolling: touch; padding: 0.375rem; margin: -0.375rem; } .kitchenary-categoryPage-subCategories:not(._hasImage) .subCategories-list::-webkit-scrollbar { display: none; } } .kitchenary-categoryPage-subCategories:not(._hasImage) .subCategories-list .subCategories-item { overflow: unset; background: none; } .kitchenary-categoryPage-subCategories:not(._hasImage) .subCategories-list .subCategories-item .subCategories-item-action { text-decoration: unset; color: black; display: block; font-weight: 700; white-space: nowrap; } .kitchenary-categoryPage-subCategories:not(._hasImage) .subCategories-list .subCategories-item .subCategories-item-action:hover, .kitchenary-categoryPage-subCategories:not(._hasImage) .subCategories-list .subCategories-item .subCategories-item-action:focus-visible { color: #767676; text-decoration: underline; } @media (max-width: 800px) { .kitchenary-categoryPage-subCategories:not(._hasImage) .subCategories-list .subCategories-item .subCategories-item-action { padding: 0; } } h1.categoryPage-heading { margin-bottom: 1.5rem; text-align: left; } @media (max-width: 800px) { h1.categoryPage-heading { text-align: center; margin-top: 1.5rem; } } h1.categoryPage-heading ~ .page .beautify__filters:not(:has(.categoryPage-searchInCategory-form--sidebar)) > ._header ._heading { display: none; } .login { margin-top: 0; } .blog { line-height: 1.8; } .brand-header { display: flex; flex-direction: column; margin-bottom: 1.5rem; } @media (min-width: 801px) { .brand-header { flex-direction: row; margin: 0 -1.5rem; margin-bottom: 1.5rem; } } .brand-header ._main { order: 2; } @media (min-width: 801px) { .brand-header ._main { padding: 0 1.5rem; } } .brand-header ._logo { order: 1; margin-bottom: 0.75rem; } @media (min-width: 801px) { .brand-header ._logo { padding: 0 0 0 1.5rem; width: 25%; flex: 0 0 auto; margin-bottom: 0; } } .brand-header h1.page-heading { margin-bottom: 0; } .papathemes-brandPage-mainImage { margin-bottom: 0; } .brandGrid .brand { padding: 0.375rem; transition: all 0.5s ease; } @media (min-width: 801px) { .brandGrid .brand { padding: 0.75rem; } } .brandGrid .brand .card { background-color: #f7f7f7; border: 1px solid whitesmoke; margin: 0; grid-template-rows: min-content auto; } .brandGrid .brand .card-body { display: block; padding-top: 0; } .brandGrid .brand .card-body._hide { display: none; } .brandGrid .brand .card-title { display: block; height: 1.5rem; margin: 0 auto; font-size: 1rem; line-height: 1.5; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.75rem; } .brandGrid .brand.is-open .card-title { height: max-content; margin-right: 1.875rem; white-space: unset; margin-bottom: 0; } .brandGrid .brand .card-figure { padding: 0.75rem; } .brandGrid .brand .card-figure a { display: block; position: relative; } .brandGrid .brand .card-figcaption { position: absolute; top: 0; left: auto; height: auto; bottom: auto; right: 0; opacity: 1; pointer-events: auto; display: block; } .brandGrid .brand .card-figcaption ._brandQuickView { margin: 1px; border: 0; border-radius: 0; background-color: whitesmoke; padding: 0.375rem; fill: #888888; } .brandGrid .brand .card-figcaption ._brandQuickView .icon { fill: inherit; display: block; } .brandGrid .brand .card-figcaption ._brandQuickView ._off { display: none; } .brandGrid .brand .card-figcaption ._brandQuickView:hover { background-color: #888888; fill: white; } .brandGrid .brand .card-figcaption ._brandQuickView.is-open ._on { display: none; } .brandGrid .brand .card-figcaption ._brandQuickView.is-open ._off { display: block; } .brandGrid .brand .card-img-container { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; } .brandGrid .brand ._brandQuickView-content { display: none; } .brandGrid .brand ._brandQuickView-content .loadingOverlay { min-height: 50px; display: block; position: relative; } .brandGrid .brand ._brandQuickView-content ._footer { padding: 0.75rem; } .brandGrid .brand ._brandQuickView-content ._footer .button { margin-bottom: 0; } .brandGrid .brand ._brandQuickView-content ._body { padding: 0.75rem; } .brandGrid .brand ._brandQuickView-content .banners--bottom { display: block; margin: 0; } .brandGrid .brand ._brandQuickView-content .banner { margin: 0; } .brandGrid .brand ._brandQuickView-content .banner p:last-child { margin-bottom: 0; } .brandGrid .brand.is-open { width: 100%; } .brandGrid .brand.is-open .card { position: relative; display: grid; grid-template: "logo name" auto "content content" auto/minmax(min-content, 223px) minmax(50%, 1fr); } .brandGrid .brand.is-open .card-figure { grid-area: logo; position: static; } @media (min-width: 801px) { .brandGrid .brand.is-open .card-figure { padding-top: 1.5rem; padding-bottom: 1.5rem; } } .brandGrid .brand.is-open .card-body { grid-area: name; align-self: center; padding-left: 0.75rem; } .brandGrid .brand.is-open .card-body._hide { display: block; } .brandGrid .brand.is-open .card-title { text-align: inherit; font-size: 20px; } .brandGrid .brand.is-open ._brandQuickView-content { grid-area: content; display: block; } .brandGrid .brand.is-open .card-img-container::after { display: none; } .brandGrid .brand.is-open .card-img-container img { position: static; } .cart-status { margin-bottom: 0.75rem; } .cart-status .alertBox { color: inherit; padding: 0.75rem 1rem; margin: 0.5rem 0 0; font-size: 18px; } .cart-status .alertBox .icon { height: 1.25rem; width: 1.25rem; } @media (min-width: 801px) { .cart-status { font-size: 20px; } } .cart-item-brand { color: #888888; font-weight: 600; display: none; } .cart-item { padding-left: 0; } .cart-item:not(:first-child) { border-top: 1px solid whitesmoke; } .cart-item .cart-item-wrapper { display: grid; grid-template-columns: 32px 120px 1fr; column-gap: 1rem; align-items: start; } .cart-item .cart-item-wrapper .cart-item-value { margin-bottom: 0.375rem; display: block; padding-left: 0; } .cart-item .cart-item-wrapper .definitionList { margin-bottom: 0.375rem; } .cart-item .cart-item-wrapper .definitionList .definitionList-value { color: #4f4f4f; } .cart-item .cart-item-wrapper ._editLink { text-decoration: none; display: inline-flex; column-gap: 0.375rem; margin-bottom: 0.375rem; } .cart-item .cart-item-wrapper ._editLink:hover .icon svg, .cart-item .cart-item-wrapper ._editLink:focus .icon svg { fill: black; opacity: 0.8; } .cart-item .cart-item-wrapper ._editLink:active .icon svg { fill: black; opacity: 0.8; } .cart-item .cart-item-wrapper ._editLink .icon svg { fill: #767676; } .cart-item .form-field { margin-bottom: 0; position: relative; } .cart-item .form-input[type="checkbox"] { position: absolute; border: 0; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; } .cart-item input.form-input:checked + .form-label::before { opacity: 1; visibility: visible; } .cart-item .form-label { margin: 0 auto; height: 1.875rem; width: 1.875rem; border: 1px solid #cccccc; border-radius: 4px; position: relative; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); background-color: white; } .cart-item .form-label::before { content: ""; width: 0.875rem; height: 0.5625rem; border-left: 3px solid black; border-bottom: 3px solid black; position: absolute; top: 45%; transform: translate(-50%, -50%) rotate(311deg); left: 50%; opacity: 0; visibility: hidden; } .cart-item .cart-remove-wrapper { padding: 1rem 0; display: flex; align-items: center; column-gap: 1rem; } .cart-item .cart-remove-wrapper .button-remove { margin-bottom: 0; padding: 0.5rem 1rem; font-size: 14px; line-height: 1.75; background-color: #666666; border: unset; } .cart-item .cart-remove-wrapper .button-remove:hover, .cart-item .cart-remove-wrapper .button-remove:active, .cart-item .cart-remove-wrapper .button-remove:focus { background-color: #989898; } .cart-item .cart-remove-wrapper .button-remove:disabled { background-color: #eeeeee; } .cart-item .cart-remove-wrapper .button-remove:disabled:hover, .cart-item .cart-remove-wrapper .button-remove:disabled:active, .cart-item .cart-remove-wrapper .button-remove:disabled:focus { background-color: #eeeeee; } .cart-item .cart-item-option-description, .cart-item .cart-item-option-title { margin-bottom: 0; } @media (max-width: 1260px) { .cart-item .cart-item-wrapper { grid-template-columns: 20px 90px 1fr; column-gap: 0.5rem; } .cart-item .form-label { height: 1.25rem; width: 1.25rem; } .cart-item .form-label::before { width: 0.625rem; height: 0.3125rem; } } @media (max-width: 800px) { .cart-item .cart-item-wrapper { grid-template-columns: 80px 1fr 30px; column-gap: 1rem; } .cart-item .cart-item-wrapper .definitionList { display: flex; align-items: center; flex-wrap: wrap; row-gap: 0.1875rem; } .cart-item .cart-item-wrapper .definitionList-value:not(:last-child) { padding-right: 0.375rem; margin-right: 0.375rem; border-right: 1px solid whitesmoke; } .cart-item .cart-item-wrapper ._editLink { margin-left: 0; margin-bottom: 0; position: absolute; right: -25px; top: 0; transform: translateY(-10%); } .cart-item .cart-item-wrapper ._wrapper-options { display: inline-flex; align-items: flex-start; position: relative; gap: 0.375rem; margin-bottom: 0.375rem; line-height: 15px; } .cart-item .cart-item-wrapper ._wrapper-options .definitionList { margin-bottom: 0; } .cart-item .cart-item-remove { display: block; width: 100%; } .cart-item .form-field { order: 3; } .cart-item .form-label { height: 1.875rem; width: 1.875rem; } .cart-item .form-label::before { width: 0.875rem; height: 0.5625rem; } .cart-item:last-child { background-color: #e5e5e5; border-top: unset; } .cart-item:has(.cart-item-remove) { margin-left: -0.75rem; margin-right: -0.75rem; padding-left: 0.75rem; padding-right: 0.75rem; box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.15); } .cart-item .cart-remove-wrapper { padding: 0; justify-content: flex-end; } } .cart-item-figure { width: 100px; } .cart-item-image-container { display: block; position: relative; width: 100%; } .cart-item-image-container::after { content: ""; display: block; height: 0; width: 100%; padding-bottom: 100%; } .cart-item-image { width: 100%; object-fit: contain; font-family: "object-fit: contain"; } .cart-item-name { font-size: 1rem; font-weight: 700; line-height: inherit; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .cart-item-name a { color: black; } .cart-item-name a:hover, .cart-item-name a:focus { color: #767676; } .cart-item-option-title { font-weight: 600; } .cart-remove { text-decoration: none; font-size: 12px; text-align: center; margin: 0.1875rem; display: flex; align-items: center; justify-content: center; border-radius: unset; } .cart-remove .fa { display: block; font-size: 20px; } .beautify__cart { margin-bottom: 0.75rem; font-size: 14px; margin-top: 2.25rem; } .beautify__cart .cart { margin-bottom: 0; } .beautify__cart .cart-item-title { padding: 1rem 0; } .beautify__cart .cart-item-title a:focus-visible { margin-left: 0.1875rem; } .beautify__cart .beautify__productView-4icons { border-top: 1px solid whitesmoke; padding-top: 0.375rem; } .beautify__cart .cart-totalsWrapper { border-radius: 0px; padding: 1.25rem 1.875rem 1.25rem; background-color: #e5e5e5; color: #4f4f4f; font-weight: 700; text-transform: uppercase; } .beautify__cart .cart-totalsWrapper .estimator-form { font-weight: 400; text-transform: none; } .beautify__cart .cart-totalsWrapper .estimator-form .estimator-form-label .form-label { font-size: 14px; } .beautify__cart .cart-totalsWrapper .shipping-estimate-hide { padding: 0.46875rem 0; line-height: inherit; } .beautify__cart .estimator-form--default { margin-top: 0.75rem; } .beautify__cart .estimator-form--default .estimator-form-input { margin-bottom: 0; } .beautify__cart .cart-payment .cart-payment-heading { margin-bottom: 0.625rem; margin-top: 0; font-weight: 600; color: #4f4f4f; } .beautify__cart .cart-payment .footer-payment-icons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.625rem; } .beautify__cart .cart-payment .footer-payment-icons .footer-payment-icon { margin: 0; } .beautify__cart .cart-payment .footer-payment-icons svg { width: 3.125rem; height: 2.1875rem; fill: white; } @media (max-width: 800px) { .beautify__cart .cart-payment .footer-payment-icons { justify-content: center; } } .beautify__cart .cart-total-value { font-weight: bold; } @media (max-width: 1260px) { .beautify__cart .cart-totalsWrapper { padding: 1.25rem 0.9375rem 1.25rem; } } @media (max-width: 800px) { .beautify__cart { margin-top: 1.25rem; } .beautify__cart .cart { margin-bottom: 0; } .beautify__cart .cart-total--shippingEstimator { flex-direction: column; } .beautify__cart .cart-form { margin-bottom: 0.5rem; } .beautify__cart .shipping-estimate-submit { width: 60%; } .beautify__cart .shipping-estimator .shipping-quotes { float: right; width: 60%; padding-top: 0; } .beautify__cart .cart-totalsWrapper { background-color: transparent; padding: 0; margin-bottom: 0; padding-top: 1.25rem; padding-bottom: 1.25rem; } .beautify__cart .cart-item-title { padding-top: 0; margin-bottom: 0; padding-bottom: 0.75rem; } } @media (min-width: 1261px) { .beautify__cart .shipping-estimate-submit { width: 60%; } .beautify__cart .shipping-estimator .shipping-quotes { float: right; width: 100%; } } @media (min-width: 801px) and (max-width: 1260px) { .beautify__cart .cart-gift-certificate-form, .beautify__cart .coupon-form { display: flex; flex-direction: column; } .beautify__cart .cart-gift-certificate-form .form-input, .beautify__cart .coupon-form .form-input { width: 100%; margin-bottom: 0.75rem; } .beautify__cart .cart-gift-certificate-form .button, .beautify__cart .coupon-form .button { width: 100%; margin: 0; } .beautify__cart .estimator-form-label { display: none; } .beautify__cart .shipping-quotes .estimator-form-label { display: block; } .beautify__cart .select-shipping-quote, .beautify__cart .estimator-form-input, .beautify__cart .shipping-estimate-submit { width: 100%; } .beautify__cart .cart-form { margin-bottom: 0; } } @media (max-width: 550px) { .beautify__cart .estimator-form-label { display: none; } .beautify__cart .shipping-quotes .estimator-form-label { display: block; } .beautify__cart .select-shipping-quote, .beautify__cart .estimator-form-input, .beautify__cart .shipping-estimate-submit { width: 100%; } .beautify__cart .shipping-estimator .shipping-quotes { width: 100%; } .beautify__cart .cart-gift-certificate-form, .beautify__cart .coupon-form { display: flex; } .beautify__cart .cart-gift-certificate-form .form-input, .beautify__cart .coupon-form .form-input { width: 80%; } .beautify__cart .cart-gift-certificate-form .button, .beautify__cart .coupon-form .button { width: 100%; max-width: 100px; margin-left: 0.625rem; } .beautify__cart .cart-form { margin-bottom: 0; } } .cart-totalsWrapper { padding: 0.75rem 0.75rem 1.5rem; border-radius: 4px; margin-bottom: 1.5rem; } .cart-totalsWrapper .select-shipping-quote, .cart-totalsWrapper .shipping-estimate-submit { margin-bottom: 0; } @media (max-width: 800px) { .cart-totalsWrapper .select-shipping-quote, .cart-totalsWrapper .shipping-estimate-submit { margin-bottom: 0.5rem; } } .cart-totals { font-size: 1rem; margin: 0; } .cart-totals .shipping-estimate-show { margin: 0; color: white; padding: 0.375rem 0.75rem; line-height: 1.55; font-size: 14px; } .cart-totals .shipping-estimate-show:active, .cart-totals .shipping-estimate-show:focus { border-color: #0f7fff; background-color: #2d2d2d; } .cart-totals .cart-total--coupons .cart-total-label { gap: 0.375rem; } .cart-total { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 0.625rem; } .cart-total::before, .cart-total::after { display: none; } .cart-total--grandTotal { padding: 1.25rem 0 0; display: flex; line-height: 1.6em; border-top: 1px solid whitesmoke; align-items: center; } .cart-total--grandTotal .cart-total-label, .cart-total--grandTotal .cart-total-value { float: none; display: block; padding: 0; text-align: inherit; } .cart-total--grandTotal .cart-total-label { font-size: 1rem; text-transform: uppercase; } .cart-total--grandTotal .cart-total-value { font-size: 20px; } .cart-total-label { width: auto; padding: 0 0.75rem 0 0; text-align: left; font-size: 14px; display: flex; justify-content: space-between; align-items: center; } .cart-total-label._shipping-estimate, .cart-total-label._coupon-code-input, .cart-total-label._gift-certificate-input { width: 100%; padding-right: 0; } .cart-total-label._shipping-estimate .coupon-code-add, .cart-total-label._coupon-code-input .coupon-code-add, .cart-total-label._gift-certificate-input .coupon-code-add { display: none; } .cart-total-value { width: auto; padding: 0 0 0 0.75rem; text-align: right; font-weight: inherit; color: #767676; } .cart-total-grandTotal { font-size: 20px; font-weight: 700; } .cart-form, .estimator-form { width: 100%; margin: 0.625rem 0 0; } .estimator-form dl { margin: 0; } .cart-actions-wrapper { display: block; align-items: center; padding-top: 1.25rem; margin-bottom: 0.625rem; } .cart-actions { width: auto; flex: 1 1 auto; padding: 0; margin: 0; } .cart-actions .button { padding-left: 0.375rem; padding-right: 0.375rem; } .cart-payment { text-align: center; } .cart-payment .cart-payment-heading { font-family: inherit; font-size: 1rem; color: black; font-weight: 400; } .cart-additionalCheckoutButtons, div.previewCart-additionalCheckoutButtons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 -0.375rem; } .cart-additionalCheckoutButtons:not(:has(*)), div.previewCart-additionalCheckoutButtons:not(:has(*)) { padding: 0; } .cart-additionalCheckoutButtons ._heading, div.previewCart-additionalCheckoutButtons ._heading { flex: 1 0 100%; width: 100%; margin-bottom: 0.75rem; text-align: center; font-size: 1rem; color: #888888; } .cart-additionalCheckoutButtons ._item, div.previewCart-additionalCheckoutButtons ._item { flex: 1 0 50%; margin-bottom: 0.75rem; text-align: center; } .cart-additionalCheckoutButtons ._item .paypalCommerce-buttons-container, div.previewCart-additionalCheckoutButtons ._item .paypalCommerce-buttons-container { width: 100%; display: block; } .cart-additionalCheckoutButtons ._item .paypalCommerce-smart-buttons, div.previewCart-additionalCheckoutButtons ._item .paypalCommerce-smart-buttons { margin: 0; display: block; } .cart-additionalCheckoutButtons ._item .paypalCommerce-smart-buttons .paypal-buttons, div.previewCart-additionalCheckoutButtons ._item .paypalCommerce-smart-buttons .paypal-buttons { min-width: auto !important; max-width: 100% !important; width: 100% !important; display: block !important; } .cart-additionalCheckoutButtons ._item .GooglePayContainer > div, div.previewCart-additionalCheckoutButtons ._item .GooglePayContainer > div { display: block !important; } .cart-additionalCheckoutButtons ._item button, div.previewCart-additionalCheckoutButtons ._item button { margin: 0; width: 100% !important; } .cart-additionalCheckoutButtons ._item .CheckoutButton, div.previewCart-additionalCheckoutButtons ._item .CheckoutButton { margin: 0; } .cart-additionalCheckoutButtons ._item .FloatRight div, div.previewCart-additionalCheckoutButtons ._item .FloatRight div { float: none; } .cart-additionalCheckoutButtons ._item .FloatRight .or-use-label, div.previewCart-additionalCheckoutButtons ._item .FloatRight .or-use-label { display: none; } .cart-additionalCheckoutButtons ._item .FloatRight .paypal-smart-buttons, div.previewCart-additionalCheckoutButtons ._item .FloatRight .paypal-smart-buttons { margin: 0; width: 100% !important; max-width: none !important; } .cart-additionalCheckoutButtons ._item .FloatRight .paypal-smart-buttons > div, div.previewCart-additionalCheckoutButtons ._item .FloatRight .paypal-smart-buttons > div { margin-bottom: 0; overflow: unset !important; } .cart-additionalCheckoutButtons ._item form, div.previewCart-additionalCheckoutButtons ._item form { display: flex; justify-content: center; align-items: center; } .cart-additionalCheckoutButtons .FloatRight div, div.previewCart-additionalCheckoutButtons .FloatRight div { float: none; width: 100%; max-width: 550px; margin: 0 auto; } .cart-additionalCheckoutButtons .FloatRight div .paypal-buttons-layout-vertical, div.previewCart-additionalCheckoutButtons .FloatRight div .paypal-buttons-layout-vertical { width: 100% !important; } .cart-additionalCheckoutButtons { margin: 0; margin-bottom: 0; } .cart-additionalCheckoutButtons ._item { flex: 1 0 100%; z-index: 1; margin-bottom: 0.625rem; } .cart-additionalCheckoutButtons ._item:not(:first-child) { margin-bottom: 0; } .GooglePayCheckout button.gpay-button { width: 100% !important; } .shipping-estimator .shipping-quotes { font-size: 14px; text-align: left; padding-top: 0.75rem; } .shipping-estimator .shipping-quotes ul { margin: 0; } .shipping-estimator .shipping-quotes .estimator-form--default { font-size: 1rem; } .shipping-estimator .shipping-quotes .button { margin-top: 0.75rem; } @media (max-width: 800px) { .cart-item:before, .cart-item:after { content: " "; display: table; } .cart-item:after { clear: both; } .cart-item-figure { float: left; margin-bottom: 0; } .cart-item-title { display: block; height: auto; padding-left: 0; } .cart-item-total { font-size: 1rem; text-align: left; padding-left: 20px; column-gap: 0.75rem; } .cart-item-info { display: none; } .cart-item-info .cart-item-label { display: none; } .cart-item-info .cart-item-value { padding: 0; line-height: 45px; } .cart-item-quantity, .cart-item-total, .cart-item-edit { display: block; float: left; clear: none; } .cart-item-quantity { width: 100px; clear: both; } .cart-item-quantity .form-increment { margin: 0; } .cart-item-total { width: calc(100% - 180px); } .cart-item-edit { width: 80px; text-align: right; } .cart-totalsWrapper { background-color: transparent; padding: 0 0 1.5rem; } } @media (min-width: 551px) { .cart-totals { width: 100%; float: none; } .cart-additionalCheckoutButtons { text-align: center; } .cart-additionalCheckoutButtons .FloatRight div { float: none; } .cart-item-total { display: grid; grid-template: "prices qtys nones" auto / 100px auto min-content; column-gap: 0.75rem; } .cart-item-figure { padding: 0.375rem 0; width: 10%; height: auto; } } @media (min-width: 801px) { .beautify__cart { display: grid; grid-template-columns: 70% 30%; grid-auto-rows: min-content; margin-bottom: 3rem; } .beautify__cart > ._left { grid-column: 1; margin-right: 2.5rem; } .beautify__cart > ._right { grid-column: 2; grid-row: 1 / 3; border-radius: 4px; align-self: start; position: sticky; top: 3rem; } .beautify__cart > ._suggests { grid-column: 1; grid-row: 2; } .beautify__cart > ._suggests .productCarousel { margin: 0; } .cart-header-price, .cart-header-total, .cart-item-price, .cart-item-total { text-align: center; font-size: 14px; font-weight: 400; } .cart-header-price { display: none; } .cart-item-price { display: none; } } ._suggests { background-color: #e5e5e5; padding-bottom: 1.25rem; } @media (max-width: 800px) { ._suggests { padding-bottom: 0; } } ._suggests .beautify__section { padding-top: 0; padding-bottom: 0; } ._suggests .beautify__section .page-heading { margin: 2.5rem 0; padding: 0; font-weight: 600; font-size: 20px; } ._suggests .beautify__section .list-products-content { background-color: #f7f7f7; border: 1px solid whitesmoke; border-radius: 0px; position: relative; } @media (min-width: 801px) { ._suggests .beautify__section .list-products-content { padding: 1.875rem 4.5rem; } } ._suggests .beautify__section .list-products-content .blaze-container .blaze-prev { left: 1rem; } ._suggests .beautify__section .list-products-content .blaze-container .blaze-next { right: 1rem; } @media (min-width: 1750px) { ._suggests .beautify__section .list-products-content .blaze-container .blaze-prev { left: -3.125rem; } ._suggests .beautify__section .list-products-content .blaze-container .blaze-next { right: -3.125rem; } } @media (max-width: 550px) { ._suggests .beautify__section .papathemes-cartSuggestedProducts.carouselMode .productCarousel { display: none; } } @media (min-width: 551px) { ._suggests .beautify__section .papathemes-cartSuggestedProducts.carouselMode .productGrid--cart-suggested, ._suggests .beautify__section .papathemes-cartSuggestedProducts.carouselMode .actionGroup { display: none; } } @media (min-width: 801px) { ._suggests .beautify__section .papathemes-cartSuggestedProducts .productGrid { max-width: 100%; margin-left: 0; margin-right: 0; } } ._suggests .beautify__section .papathemes-cartSuggestedProducts .actionGroup { text-align: center; } ._suggests .beautify__section .papathemes-cartSuggestedProducts .actionGroup .button { margin-bottom: 0; } @media (max-width: 800px) { ._suggests .beautify__section { padding: 0; } ._suggests .beautify__section .page-heading { font-weight: 600; font-size: 18px; text-align: left; padding: 0.9375rem; margin: 0; background-color: #e5e5e5; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1); } ._suggests .beautify__section .slick-next { right: -0.75rem; } ._suggests .beautify__section .slick-prev { left: -0.75rem; } ._suggests .beautify__section .papathemes-cartSuggestedProducts .container, ._suggests .beautify__section .papathemes-recentlyViewed .container { padding-bottom: 0.75rem; background-color: #f7f7f7; } ._suggests .beautify__section .papathemes-cartSuggestedProducts .container .list-products-content, ._suggests .beautify__section .papathemes-recentlyViewed .container .list-products-content { border-width: 0; padding-top: 0.5rem; } ._suggests .beautify__section:not(:has(._border)) .actionGroup { padding-top: 0.875rem; } } @media (min-width: 1750px) { ._suggests .beautify__section .container { background-color: #f7f7f7; max-width: 102.75rem; border: 1px solid whitesmoke; border-radius: 0px; padding-left: 4.5rem; padding-right: 4.5rem; } ._suggests .beautify__section .list-products-content { padding-left: 0; padding-right: 0; border: 0; } } ._suggests .beautify__section:has(.actionGroup.notActive) .productGrid { margin-bottom: 0; } ._suggests .beautify__section:has(.actionGroup.notActive) .actionGroup.notActive { display: none; } @media (min-width: 1261px) { .cart-item-figure { width: 15%; height: auto; } } .beautify__cart-couponMsg { font-weight: 700; } @media (max-width: 800px) { .beautify__cart-couponMsg { font-size: 20px; } } @media (min-width: 801px) { .beautify__cart-couponMsg { font-size: 22px; } } .cart-emptyText { margin-bottom: 3rem; } @keyframes shadowTransparent { 0% { box-shadow: 0 0 10px 0 transparent; } 100% { box-shadow: 0 0 5px 0 transparent; } } @media (max-width: 1260px) { .navUser-section #cart-preview-dropdown ._label { display: block; } } @media (max-width: 550px) { .navUser-section #cart-preview-dropdown ._label { display: none; } } #cart-preview-dropdown { top: 0; bottom: 0; position: fixed; left: auto; right: -320px; width: 320px; max-width: none; margin: 0; border: 0; visibility: hidden; transition: right 0.2s ease, 0.2s visibility 0.1s; display: block; z-index: 100; border-radius: 0; } @media (min-width: 551px) { #cart-preview-dropdown { right: -500px; width: 500px; } } #cart-preview-dropdown:not(.is-open) .is-open { visibility: hidden; } #cart-preview-dropdown.is-open { right: 0; visibility: visible; transition: right 0.2s ease; } #cart-preview-dropdown .previewCart { display: flex; flex-direction: column; height: 100%; border-radius: 0px; overflow: hidden; } #cart-preview-dropdown .previewCart .card:hover .sale-flag-side { opacity: 1; } #cart-preview-dropdown .previewCart ._wrapper-block { height: 1.25rem; width: calc(100% + 32px); background-color: #e5e5e5; margin: 0 -1rem; box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 9px 6px; } #cart-preview-dropdown .previewCart .card:hover .sale-flag-side { opacity: 1; } #cart-preview-dropdown .previewCart .card:hover .sale-flag-side { opacity: 1; } #cart-preview-dropdown .previewCart .loadingOverlay { border-radius: 0px; } #cart-preview-dropdown .previewCart ._header { flex: 0 0 auto; margin-top: 0; padding: 1.25rem 1rem; background: white; color: black; } #cart-preview-dropdown .previewCart ._header ._heading { margin: 0; color: inherit; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 20px; display: flex; justify-content: space-between; gap: 1.5rem; } #cart-preview-dropdown .previewCart ._header ._heading > span, #cart-preview-dropdown .previewCart ._header ._heading a { display: inline-flex; align-items: center; border-radius: 10px; font-size: 1rem; column-gap: 0.625rem; } #cart-preview-dropdown .previewCart ._header ._heading > span:has(._label) { gap: 0.375rem; align-items: center; } #cart-preview-dropdown .previewCart ._header ._heading ._label { font-size: 22px; font-weight: 600; display: flex; gap: 0.625rem; } #cart-preview-dropdown .previewCart ._header ._heading a { color: #767676; vertical-align: middle; text-decoration: none; justify-content: space-between; } #cart-preview-dropdown .previewCart ._header ._heading a .icon { fill: #767676; } #cart-preview-dropdown .previewCart ._header ._heading a:hover, #cart-preview-dropdown .previewCart ._header ._heading a:focus { color: black; } #cart-preview-dropdown .previewCart ._header ._heading a:hover .icon, #cart-preview-dropdown .previewCart ._header ._heading a:focus .icon { fill: black; transition: unset; } @media (min-width: 551px) { #cart-preview-dropdown .previewCart ._header ._heading { font-size: 22px; } } #cart-preview-dropdown .previewCart ._header ._heading .icon { height: 1rem; width: 1rem; fill: white; } #cart-preview-dropdown .previewCart ._header ._heading .button { padding: 0.375rem 0.5rem; margin: 0; } @media (max-width: 550px) { #cart-preview-dropdown .previewCart ._header ._heading { gap: 1rem; } #cart-preview-dropdown .previewCart ._header ._heading a, #cart-preview-dropdown .previewCart ._header ._heading span { justify-content: center; } } #cart-preview-dropdown .previewCart ._header ._close { height: 3.125rem; width: 3.125rem; padding: 0.875rem; position: absolute; top: 0; left: 0; background-color: black; display: flex; align-items: center; justify-content: center; border-radius: unset; transform: translateX(-100%); } #cart-preview-dropdown .previewCart ._header ._close:hover, #cart-preview-dropdown .previewCart ._header ._close:focus { background-color: #888888; } #cart-preview-dropdown .previewCart ._header ._close:hover .icon, #cart-preview-dropdown .previewCart ._header ._close:focus .icon { fill: white; } #cart-preview-dropdown .previewCart ._header .icon { width: 100%; height: 100%; fill: white; } #cart-preview-dropdown .previewCart ._header ._statusMsg .alertBox { background-color: transparent; color: inherit; padding: 0; margin: 1rem 0 0; } #cart-preview-dropdown .previewCart ._header ._statusMsg .alertBox .icon { height: 1.25rem; width: 1.25rem; } @media (max-width: 550px) { #cart-preview-dropdown .previewCart ._header { padding: 1.5rem 1rem 1rem; } #cart-preview-dropdown .previewCart ._header ._statusMsg .alertBox { margin-top: 1rem; } } #cart-preview-dropdown .previewCart ._body { flex: 1; overflow: auto; -webkit-overflow-scrolling: touch; padding: 1rem 1rem 0; background-color: white; box-shadow: inset rgba(0, 0, 0, 0.1) 0 2px 5px 0; } #cart-preview-dropdown .previewCart ._body::-webkit-scrollbar { width: 0.3125rem; } #cart-preview-dropdown .previewCart ._body::-webkit-scrollbar-thumb { background-color: #a5a5a5; } #cart-preview-dropdown .previewCart ._body ._cartSuggested, #cart-preview-dropdown .previewCart ._body ._recentlyViewed { border-top: 1px solid rgba(255, 255, 255, 0.15); } #cart-preview-dropdown .previewCart ._body ._cartSuggested { margin-bottom: 1rem; } #cart-preview-dropdown .previewCart ._body .previewCartItem { border: 0; align-items: flex-start; } #cart-preview-dropdown .previewCart ._body .previewCartItem:not(:first-child) { border-top: 1px solid whitesmoke; padding-top: 0.9375rem; } #cart-preview-dropdown .previewCart ._body .previewCartItem._flying { background-color: transparent; } #cart-preview-dropdown .previewCart ._body .previewCartItem._shadowPulse { animation-name: shadowTransparent; } #cart-preview-dropdown .previewCart ._body .previewCartItem-image { background-color: white; border-radius: 8px; max-width: 80px; max-height: 80px; } #cart-preview-dropdown .previewCart ._body .previewCartItem-image img { width: 100%; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content { padding-left: 1.5rem; padding-right: 0; padding-top: 0; width: calc(100% - 80px); } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .previewCartItem-name { color: black; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 600; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .definitionList-key, #cart-preview-dropdown .previewCart ._body .previewCartItem-content .definitionList-value, #cart-preview-dropdown .previewCart ._body .previewCartItem-content .previewCartItem-releaseDate, #cart-preview-dropdown .previewCart ._body .previewCartItem-content .cart-item-option-title, #cart-preview-dropdown .previewCart ._body .previewCartItem-content .cart-item-option-description { color: #4f4f4f; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .cart-item-option-description:has(.cart-item-option-actions) { margin-top: 0.375rem; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .cart-item-option-title { font-weight: 700; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .previewCartItem-price, #cart-preview-dropdown .previewCart ._body .previewCartItem-content .price { margin-bottom: 0.375rem; font-size: 14px; color: black; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .definitionList--previewCartItem { display: flex; flex-wrap: wrap; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .definitionList--previewCartItem .definitionList-value, #cart-preview-dropdown .previewCart ._body .previewCartItem-content .definitionList--previewCartItem .definitionList-key { margin-bottom: 0.375rem; display: inline-block; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .definitionList--previewCartItem span.definitionList-value { border-right: 1px solid whitesmoke; margin-right: 0.375rem; padding-right: 0.375rem; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .definitionList--previewCartItem .definitionList--content:last-child span.definitionList-value { border-right: unset; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .previewCartItem-name a:focus, #cart-preview-dropdown .previewCart ._body .previewCartItem-content .previewCartItem-name a:hover { color: #767676; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content ._wrapper-changeOption { position: relative; padding-right: 1rem; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content ._wrapper-changeOption:has(.definitionList--previewCartItem) { display: inline-block; line-height: 1.35; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content ._editLink { margin-left: 0; margin-bottom: 0; position: absolute; right: -16px; top: 3px; transform: translateY(-3px); display: flex; justify-content: center; align-items: flex-start; height: 2.5rem; width: 2.5rem; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content ._editLink .icon { height: 1rem; width: 1rem; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content ._editLink .icon svg { fill: #767676; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content ._editLink:focus .icon svg, #cart-preview-dropdown .previewCart ._body .previewCartItem-content ._editLink:hover .icon svg { fill: black; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .cart-item-option-description a:focus, #cart-preview-dropdown .previewCart ._body .previewCartItem-content .cart-item-option-description a:hover { color: #767676; opacity: 0.8; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .cart-item-options--giftWrapping { margin-bottom: 0.375rem; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .previewCartItem-remove-icon .icon { fill: #767676; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content .previewCartItem-remove-icon .icon:hover { fill: black; } #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment { border: 1px solid #cccccc; } #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .form-input { height: 2.5rem; width: 3.125rem; background-color: transparent; } #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button { height: 2.5rem; width: 2.5rem; background-color: #e5e5e5; } #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=dec] svg, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=inc] svg { fill: #4f4f4f; } #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=dec]:hover, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=dec]:active, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=dec]:focus, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=inc]:hover, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=inc]:active, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=inc]:focus { background-color: white; } #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=dec]:hover svg, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=dec]:active svg, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=dec]:focus svg, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=inc]:hover svg, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=inc]:active svg, #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=inc]:focus svg { fill: #767676; } #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=dec]::after { right: 0; } #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .button[data-action=inc]::after { left: 0; } @media (max-width: 550px) { #cart-preview-dropdown .previewCart ._body .previewCartItem-quantity .form-increment .form-input { width: 2.5rem; } } #cart-preview-dropdown .previewCart ._body .previewCartItem-remove a { line-height: 1; padding: 0; height: 2.5rem; width: 2.5rem; display: flex; justify-content: center; align-items: center; } @media (max-width: 550px) { #cart-preview-dropdown .previewCart ._body .previewCartItem-remove { margin-right: -0.375rem; } } #cart-preview-dropdown .previewCart ._body ._subheading { margin: 0; padding: 2rem 100px 0.75rem 0; font-size: 18px; line-height: 25px; box-shadow: inset rgba(0, 0, 0, 0.1) 0 2px 9px 0; } #cart-preview-dropdown .previewCart ._body .productCarousel { overflow: visible; margin: 0 -1rem 0 0; } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-list { width: 100%; flex-basis: 100%; overflow: hidden; padding-right: 3rem; } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-prev { top: -1.5rem; left: auto; right: 4rem; } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-prev::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M10.1651 8.33934C10.6533 8.8414 10.6533 9.65675 10.1651 10.1588L2.66658 17.8705C2.17839 18.3726 1.38558 18.3726 0.897389 17.8705C0.409204 17.3685 0.409204 16.5531 0.897389 16.051L7.51328 9.24707L0.901295 2.4431C0.413109 1.94103 0.413109 1.12568 0.901295 0.623618C1.38948 0.121554 2.18229 0.121554 2.67048 0.623618L10.169 8.33532L10.1651 8.33934Z' fill='white'/%3E%3C/svg%3E%0A"); } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-prev:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M0.501821 8.33934C0.0136347 8.8414 0.0136347 9.65676 0.501821 10.1588L8.00036 17.8705C8.48854 18.3726 9.28136 18.3726 9.76954 17.8705C10.2577 17.3685 10.2577 16.5531 9.76954 16.051L3.15365 9.24707L9.76564 2.4431C10.2538 1.94103 10.2538 1.12568 9.76564 0.623618C9.27745 0.121554 8.48464 0.121554 7.99645 0.623618L0.497914 8.33532L0.501821 8.33934Z' fill='%232d2d2d'/%3E%3C/svg%3E%0A"); } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-next { top: -1.5rem; left: auto; right: 0.75rem; } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-next::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M10.1651 8.33934C10.6533 8.8414 10.6533 9.65675 10.1651 10.1588L2.66658 17.8705C2.17839 18.3726 1.38558 18.3726 0.897389 17.8705C0.409204 17.3685 0.409204 16.5531 0.897389 16.051L7.51328 9.24707L0.901295 2.4431C0.413109 1.94103 0.413109 1.12568 0.901295 0.623618C1.38948 0.121554 2.18229 0.121554 2.67048 0.623618L10.169 8.33532L10.1651 8.33934Z' fill='white'/%3E%3C/svg%3E%0A"); } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-next:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M10.1651 8.33934C10.6533 8.8414 10.6533 9.65675 10.1651 10.1588L2.66658 17.8705C2.17839 18.3726 1.38558 18.3726 0.897389 17.8705C0.409204 17.3685 0.409204 16.5531 0.897389 16.051L7.51328 9.24707L0.901295 2.4431C0.413109 1.94103 0.413109 1.12568 0.901295 0.623618C1.38948 0.121554 2.18229 0.121554 2.67048 0.623618L10.169 8.33532L10.1651 8.33934Z' fill='%232d2d2d'/%3E%3C/svg%3E%0A"); } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-next::after, #cart-preview-dropdown .previewCart ._body .productCarousel .slick-prev::after { border-color: white; } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-next:hover::after, #cart-preview-dropdown .previewCart ._body .productCarousel .slick-prev:hover::after { border-color: #767676; } #cart-preview-dropdown .previewCart ._body .productCarousel .card { padding: 0.5rem; } #cart-preview-dropdown .previewCart ._body .productCarousel .card._border { border: 1px solid whitesmoke; } @media (max-width: 550px) { #cart-preview-dropdown .previewCart ._body .productCarousel .slick-next { right: 0.1875rem; } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-prev { right: 3.375rem; } } #cart-preview-dropdown .previewCart ._body .productCarousel .slick-dots li { margin: 0; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card { display: grid; grid-template-columns: 100%; grid-template-rows: min-content auto minmax(50px, min-content); border: 0; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card._border { box-shadow: none; margin: 0; width: 100%; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card._hideBtn { padding-bottom: 0.75rem; padding-top: 0.75rem; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card:has(.button--outstock) .button--outstock { max-width: 100%; flex: 1; width: 0; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card:has(.button--outstock) ._qtyAdd { margin-bottom: 0.75rem; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card:has(.button--outstock) ._qtyAdd .form-field { margin: 0; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card:has(.button--outstock) .card-body { grid-template-rows: minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(6rem, max-content); } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card-figure { padding: 0; max-height: 100%; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card-figure .sale-flag-side { display: block; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card-footer .form-input--incrementTotal { width: 38px; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: none; } #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: block; } @media (max-width: 550px) { #cart-preview-dropdown .previewCart ._body .productCarousel-slide .card-footer ._quickViewAndCompare .quickview + .card-figcaption-button { display: none; } } #cart-preview-dropdown .previewCart ._body .previewCart-emptyBody { color: #888888; } #cart-preview-dropdown .previewCart ._body .previewCartItem-qtyRemoveRow { column-gap: 2.5rem; } @media (max-width: 800px) { #cart-preview-dropdown .previewCart ._body .previewCartItem-qtyRemoveRow { gap: 0.5rem; } #cart-preview-dropdown .previewCart ._body .previewCartItem-qtyRemoveRow .cart-item-totals { width: auto; } } @media (max-width: 550px) { #cart-preview-dropdown .previewCart ._body { padding-left: 1rem; padding-right: 1rem; } #cart-preview-dropdown .previewCart ._body .previewCartItem-content { padding-left: 1rem; padding-right: 0; } } #cart-preview-dropdown .previewCart ._body .productGrid { margin-bottom: 0; padding-top: 1.875rem; } #cart-preview-dropdown .previewCart ._body .productGrid .product { width: 50%; flex-basis: 50%; } #cart-preview-dropdown .previewCart ._body .productGrid .card { padding: 0.5rem; } #cart-preview-dropdown .previewCart ._body .productGrid .card-footer { opacity: unset; visibility: unset; } #cart-preview-dropdown .previewCart ._body .productGrid .card-footer .card-buttons ._qtyAdd .card-figcaption-button span { display: none; } #cart-preview-dropdown .previewCart ._body .productGrid .card-footer .card-buttons ._qtyAdd .card-figcaption-button i { display: block; } #cart-preview-dropdown .previewCart ._body .productGrid .card-title a:hover, #cart-preview-dropdown .previewCart ._body .productGrid .card-title a:active { color: #767676; } #cart-preview-dropdown .previewCart ._body .productGrid .card-image { border-radius: unset; } #cart-preview-dropdown .previewCart ._body .productGrid .productCarousel-slide { width: 50%; flex-basis: 50%; } #cart-preview-dropdown .previewCart ._body ._subheading { margin: 0 -1rem; background-color: #e5e5e5; padding: 0.9375rem; } #cart-preview-dropdown .previewCart ._body .actionGroup { text-align: center; } #cart-preview-dropdown .previewCart ._body ._recentlyViewed .productCarousel-slide { width: calc(50% - 6px); overflow: hidden; } #cart-preview-dropdown .previewCart ._body ._recentlyViewed .blaze-track-container { padding-right: 4.5rem; } #cart-preview-dropdown .previewCart ._body ._recentlyViewed .card-footer._show, #cart-preview-dropdown .previewCart ._body ._recentlyViewed .card-footer .card-buttons { width: 100%; } #cart-preview-dropdown .previewCart ._body ._recentlyViewed .blaze-slider { padding: 1.875rem 0 0; } #cart-preview-dropdown .previewCart ._body ._recentlyViewed .productCarousel.blaze-slider .blaze-pagination { display: flex; margin-top: 0.75rem; margin-bottom: 1.5rem; } #cart-preview-dropdown .previewCart ._body ._recentlyViewed .productCarousel.blaze-slider:has(.card._border) .blaze-pagination { margin-top: 1.5rem; } #cart-preview-dropdown .previewCart ._body ._recentlyViewed .card._border { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } @media (max-width: 800px) { #cart-preview-dropdown .previewCart ._body ._recentlyViewed .productCarousel-slide { width: calc(50% - 3px); } } @media (max-width: 550px) { #cart-preview-dropdown .previewCart ._body ._recentlyViewed .blaze-track-container { padding-bottom: 0.1875rem; } } #cart-preview-dropdown .previewCart ._footer { flex: 0 0 auto; margin-bottom: 0; background-color: white; padding: 0.625rem 0.9375rem; display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.2) 0 8px 24px; } #cart-preview-dropdown .previewCart ._footer .coupon-code-add, #cart-preview-dropdown .previewCart ._footer .coupon-code-cancel { display: block; font-weight: 400; } #cart-preview-dropdown .previewCart ._footer .coupon-code-add .icon, #cart-preview-dropdown .previewCart ._footer .coupon-code-cancel .icon { height: 0.8125rem; width: 0.8125rem; fill: #767676; } #cart-preview-dropdown .previewCart ._footer .coupon-code-add:hover, #cart-preview-dropdown .previewCart ._footer .coupon-code-add:focus, #cart-preview-dropdown .previewCart ._footer .coupon-code-add:active, #cart-preview-dropdown .previewCart ._footer .coupon-code-cancel:hover, #cart-preview-dropdown .previewCart ._footer .coupon-code-cancel:focus, #cart-preview-dropdown .previewCart ._footer .coupon-code-cancel:active { color: black; } #cart-preview-dropdown .previewCart ._footer .coupon-code-add:hover .icon, #cart-preview-dropdown .previewCart ._footer .coupon-code-add:focus .icon, #cart-preview-dropdown .previewCart ._footer .coupon-code-add:active .icon, #cart-preview-dropdown .previewCart ._footer .coupon-code-cancel:hover .icon, #cart-preview-dropdown .previewCart ._footer .coupon-code-cancel:focus .icon, #cart-preview-dropdown .previewCart ._footer .coupon-code-cancel:active .icon { fill: black; } #cart-preview-dropdown .previewCart ._footer .coupon-code .form-input { height: 2.5rem; width: calc(78% - 8px); } #cart-preview-dropdown .previewCart ._footer .coupon-code { margin-bottom: 0.625rem; margin-top: 0; } #cart-preview-dropdown .previewCart ._footer ._wrapper-coupon-code { border-bottom: 1px solid whitesmoke; margin-bottom: 0.625rem; display: flex; flex-direction: column; } #cart-preview-dropdown .previewCart ._footer ._wrapper-coupon-code .coupon-form .button { width: 22%; margin-left: 0.5rem; } #cart-preview-dropdown .previewCart ._footer .cart-total--coupons .cart-total-label { gap: 0.375rem; } #cart-preview-dropdown .previewCart ._footer .cart-total--coupons .cart-total-value { font-weight: 700; } #cart-preview-dropdown .previewCart ._footer ._coupon-code-input { color: #4f4f4f; text-transform: uppercase; font-weight: 700; margin-bottom: 0.625rem; } #cart-preview-dropdown .previewCart ._footer .previewCartAction { border-color: rgba(255, 255, 255, 0.15); padding: 0; display: block; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .cart-total-value { color: black; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .previewCartAction-totals { padding-right: 0; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .previewCartAction-totals .cart-total { display: flex; align-items: center; gap: 0.375rem; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .previewCartAction-totals .cart-total-value { font-size: 14px; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .previewCartAction-totals .cart-total-label { color: #4f4f4f; font-weight: 700; font-size: 14px; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .previewCartAction-totals .cart-total--grandTotal { margin-top: 0; border-top: unset; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .previewCartAction-totals .cart-total-grandTotal { font-size: 20px; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .previewCartAction-checkout { width: 100%; } @media (max-width: 550px) { #cart-preview-dropdown .previewCart ._footer .previewCartAction { display: flex; flex-direction: column; } #cart-preview-dropdown .previewCart ._footer .previewCartAction [data-papathemes-cart-popup-totals] { width: 100%; } #cart-preview-dropdown .previewCart ._footer .previewCartAction [data-cart-totals] { width: 100%; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .previewCartAction-totals { padding-right: 0; margin-bottom: 1rem; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .previewCartAction-totals .cart-total { display: flex; justify-content: space-between; align-items: center; } #cart-preview-dropdown .previewCart ._footer .previewCartAction .previewCartAction-checkout { width: 100%; } } #cart-preview-dropdown .previewCart:has(._footer) ._body { background-image: unset; } @media (max-width: 550px) { #cart-preview-dropdown.is-open { width: calc(100% - 50px); } } .previewCart-overlay { display: none; } .has-previewCartOpened .previewCart-overlay { position: fixed; display: block; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100; } div.previewCart-additionalCheckoutButtons { margin: -0.75rem 0 0; padding: 0; } div.previewCart-additionalCheckoutButtons ._heading { color: white; } .previewCartAction { display: flex; align-items: center; } .previewCartAction-checkout { width: auto; flex: 1 1 auto; padding: 0; } .previewCartAction-checkout .button { padding-left: 0.375rem; padding-right: 0.375rem; } .previewCartAction-totals { padding-right: 1.5rem; } .previewCartAction-totals .cart-total { padding: 0; display: block; line-height: 1.15; border-bottom: 0; } .previewCartAction-totals .cart-total-label, .previewCartAction-totals .cart-total-value { float: none; display: block; padding: 0; text-align: center; } .previewCartAction-totals .cart-total-label { font-size: 1rem; text-transform: uppercase; position: relative; } .previewCartAction-totals .cart-total-label--dots { display: none; } @media (max-width: 550px) { .previewCartAction-totals .cart-total-label--dots { display: inline; } } .previewCartAction-totals .cart-total-value { font-size: 22px; font-weight: 700; color: #767676; } @media (max-width: 550px) { .previewCartAction-totals .cart-total-value { padding-left: calc(1rem * 0.5); } } .previewCartList { display: block; } .previewCartItem { display: flex; align-items: center; } .previewCartItem._flying { background-color: #f7f7f7; } .previewCartItem._shadowPulse { animation-name: shadowPulse; animation-duration: 1.5s; animation-iteration-count: 1; animation-timing-function: ease-in-out; } .previewCartItem-image { width: 33.3333%; flex: 0 0 auto; } .previewCartItem-content { width: 66.6667%; flex: 0 0 auto; } .previewCartItem-name { font-size: 1rem; margin-bottom: 0.375rem; } .previewCartItem-name a { color: inherit; } .previewCartItem-name a:hover, .previewCartItem-name a:focus { color: #888888; } .previewCartItem-name a:active { color: #888888; } .previewCartItem-brand { font-size: 14px; color: inherit; } .previewCartItem-price { display: block; font-size: 1rem; color: inherit; margin-bottom: 0.75rem; } .advancedSearch-form { border-radius: 4px; overflow: hidden; } .advancedSearch-form .sidebarBlock-heading { border-bottom: 0; background-color: #e8e8e8; font-size: 1rem; padding: 0.75rem 1.25rem; font-weight: 700; margin-bottom: 0; } .advancedSearch-form .sidebarBlock-heading::after { display: none; } .advancedSearch-form .sidebarBlock-content { padding: 0.75rem 1.25rem 1.25rem; } .advancedSearch-form .accordion { border: 0; } .advancedSearch-form .accordion-navigation { border: 0; display: inline-flex; gap: 0.5rem; cursor: pointer; margin-top: 0.625rem; } .advancedSearch-form .accordion-navigation .accordion-title { padding: 0 0 0 1.25rem; margin-bottom: 1rem; } .advancedSearch-form .accordion-navigation .accordion-title label { cursor: pointer; } .advancedSearch-form .accordion-navigation-actions { position: absolute; top: 0; left: 0; right: unset; } .advancedSearch-form .accordion-navigation-actions .toggleLink-text--on, .advancedSearch-form .accordion-navigation-actions .toggleLink-text--off { height: 0.625rem; width: 0.625rem; } .advancedSearch-form .accordion-title { margin-bottom: 0.75rem; font-size: 14px; font-weight: 600; } .advancedSearch-form .accordion-content { padding: 0; margin-bottom: 1.5rem; } .advancedSearch-form .accordion-content.is-open { display: flow-root; } .advancedSearch-form .accordion-content .form-input { height: 2.5rem; } .advancedSearch-form .accordion-content .form-field:has(.form-checkbox) { margin-bottom: 0; } .advancedSearch-form .accordion-content .form-checkbox + .form-label:last-child { margin-bottom: 0; } .advancedSearch-form .accordion-content .form-checkbox + .form-label { position: relative; height: 30px; line-height: 2; padding-left: 2.625rem; } .advancedSearch-form .accordion-content .form-checkbox + .form-label::before { height: 1.5625rem; width: 1.5625rem; margin-top: 0.1875rem; top: -1px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); background-color: white; } .advancedSearch-form .accordion-content .form-checkbox + .form-label::after { width: 0.8125rem; height: 0.5rem; border-left: 3px solid black; border-bottom: 3px solid black; position: absolute; top: 4px; transform: translate(40%, 55%) rotate(311deg) !important; left: 0; opacity: 0; visibility: hidden; background-image: unset; } .advancedSearch-form .accordion-content .form-checkbox:checked + .form-label::after { opacity: 1; visibility: visible; } .advancedSearch-form .form-field-group { margin-bottom: 0.75rem; padding: 0.75rem; overflow: auto; } .advancedSearch-form .search-price-range label { display: inline-block; width: 100px; } .advancedSearch-form .search-price-range label + label { margin-left: 0.375rem; } .advancedSearch-form .search-price-range label span { padding: 0; } .advancedSearch-form .form-label { font-size: 14px; } .advancedSearch-form .form-checkbox + .form-label, .advancedSearch-form .form-radio + .form-label { font-size: 14px; } .advancedSearch-form #advancedSearch-content--setting .form-field { margin-bottom: 0.75rem; } .advancedSearch-form #advancedSearch-content--setting .form-field:last-child { margin-bottom: 0; } .advancedSearch-form .form-actions .button { width: 100%; } .advancedSearch-form .accordion-block { font-size: 14px; } .advancedSearch-form .accordion-block .form-select--small { height: 2.5rem; font-size: 14px; } .advancedSearch-form .accordion-block .search-price-range { margin-bottom: 0; } @media (max-width: 800px) { .advancedSearch-form { margin-bottom: 0; } .advancedSearch-form .sidebarBlock-heading { position: absolute; width: calc(100% - 50px); z-index: 10; } .advancedSearch-form .sidebarBlock-content { padding-top: 3rem; } .advancedSearch-form .form-actions { position: absolute; bottom: 0; width: calc(100% - 50px); left: 0; padding: 0 1.25rem; background: #2d2d2d; padding: 0.625rem 1rem; } .advancedSearch-form .form-actions .button { margin-bottom: 0; font-size: 14px; padding: 0.5rem 1.5rem; height: 2.5rem; } .advancedSearch-form .accordion { margin-bottom: 3rem; } } .quickSearchResults .tabs-contents { margin: 0; } .quickSearchResults .tab-content { padding: 0; } .quickSearchResults .search-suggestion { margin-top: 0.75rem; } .quickSearchResults .search-suggestion p { margin: 0; } .quickSearchResults .search-suggestion a:not(.button) { color: black; } .quickSearchResults .search-suggestion a:not(.button):hover, .quickSearchResults .search-suggestion a:not(.button):focus { color: #888888; } .quickSearchResults .search-suggestion a:not(.button):active { color: #888888; } .quickSearchResults .category-suggestion-list { column-gap: 1.5rem; } .quickSearchResults .category-suggestion { margin: 0; display: block; border-bottom: 1px solid whitesmoke; padding: 0.75rem 0; } .quickSearchResults .category-suggestion .icon { fill: #4f4f4f; } .quickSearchResults .category-suggestion a { text-decoration: none; } .quickSearchResults .brand-suggestion-list { list-style: none; margin: 0; column-gap: 1.5rem; } .quickSearchResults .brand-suggestion { margin: 0; display: block; border-bottom: 1px solid whitesmoke; padding: 0.75rem 0; font-size: 14px; } .quickSearchResults .brand-suggestion a { text-decoration: none; } @media (max-width: 800px) { .quickSearchResults { font-size: 14px; padding-top: 0.75rem; } .quickSearchResults .tabs { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; border-bottom: 0; } .quickSearchResults .tabs::before { content: ""; height: 0; border-bottom: 1px solid whitesmoke; position: absolute; bottom: 0; left: 0; right: 0; display: block; } .quickSearchResults .tab { display: inline-block; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .quickSearchResults .tab.is-active { border: 1px solid whitesmoke; border-bottom: 1px solid #f7f7f7; position: relative; } .quickSearchResults .tab-title { padding: 0.75rem; } .quickSearchResults .search-refine { margin-left: 0; } .quickSearchResults .category-suggestion-list { column-count: 1; } .quickSearchResults .quickSearchResults-more { padding: 0 0.375rem; } .quickSearchResults .quickSearchResults-more .button { width: 100%; } .quickSearchResults .alertBox { font-size: inherit; } } @media (min-width: 801px) { .quickSearchResults .search-suggestion--query p { display: inline; } .quickSearchResults .category-suggestion-list { column-count: 2; break-inside: avoid-column; } .quickSearchResults .brand-suggestion-list { column-count: 3; break-inside: avoid-column; } } #search-results-heading .page-heading { margin-bottom: 1.25rem; } .quickSearchMessage { text-align: inherit; } @media (max-width: 800px) { .supermarket-pageType--account .body { margin-bottom: 3rem; } } @media (min-width: 801px) { .supermarket-pageType--account .body { margin-bottom: 4.5rem; } } @media (max-width: 800px) { .account { margin-bottom: 3rem; } } @media (min-width: 801px) { .account { margin-bottom: 4.5rem; } } .supermarket-pageType--account .account { margin-bottom: 0; } .account .form-row { overflow: hidden; } .account .form-row .form-row { margin-left: -0.75rem; margin-right: -0.75rem; } @media (min-width: 801px) { .beautify__orderDetails { display: grid; grid-template-columns: 66.6666% 33.3333%; } } @media (min-width: 801px) { .beautify__orderDetails-main { grid-column: 1; padding-right: 1.5rem; } } .beautify__orderDetails-main .account-orderTotal { float: none; width: 100%; } @media (min-width: 801px) { .beautify__orderDetails-sidebar { grid-column: 2; padding-left: 1.5rem; } } .account-orderTotal { font-weight: 700; } .account-orderTotal-key, .account-orderTotal-value { padding: 0.75rem 0; } .navBar--sub { border: 1px solid whitesmoke; border-radius: 4px; padding: 0 0.75rem; } .navBar--sub .navBar-section { display: flex; overflow-x: auto; } .navBar--sub .navBar-section::-webkit-scrollbar { display: none; } .navBar--sub .navBar-item { border-right: 1px solid whitesmoke; margin: 0; } .navBar--sub .navBar-item.is-active { padding: 0.75rem; border-bottom: 0; min-width: max-content; } .navBar--sub .navBar-item.is-active .navBar-action { padding: 0; } .navBar--sub .navBar-action { padding: 0.75rem; width: max-content; } .account-orderStatus-label { font-weight: 700; text-transform: uppercase; } .account-product-title { font-size: 1rem; } .account-product-title a:focus { outline-offset: -2px !important; } .gift_certificate_redeem > ol { margin-left: 3rem; text-align: justify; } @media (max-width: 550px) { .gift_certificate_redeem > ol { margin-left: 0.75rem; } } .cart-item-block { display: block; padding: 0; margin: 0; } .cart-item-info { width: 100%; } .cart-item-info + .cart-item-info { margin-top: 0; } .cart-item-price { display: none; } .cart-item-totals { text-align: center; vertical-align: top; padding: 1rem 0; } @media (max-width: 800px) { .cart-item-totals { padding: 0; width: 100%; vertical-align: middle; } .cart-item-totals .cart-item-info .cart-item-value { line-height: normal; } } .cart-item-changes { vertical-align: top; padding: 1rem; } .cart-item-changes .cart-item-value { font-weight: bold; } .cart-item-changes .cart-item-change .cart-item-edit { flex: 1; } .cart-item-changes .cart-item-change .cart-item-edit span { display: none; } @media (min-width: 1261px) { .cart-item-changes .cart-item-change .cart-item-edit svg { display: none; } .cart-item-changes .cart-item-change .cart-item-edit span { display: block; color: #767676; font-size: 14px; } .cart-item-changes .cart-item-change .cart-item-edit span:hover { color: black; } } .cart-item-changes .cart-item-change .form-input:focus-visible { margin-top: 0.1875rem; height: 88%; } .cart-item-changes .cart-item-change .cart-item-quantity { margin: 0 auto; } @media (max-width: 1260px) { .cart-item-changes { padding-left: 0.375rem; padding-right: 0.375rem; } } @media (max-width: 800px) { .cart-item-changes { padding: 0 0.5rem; padding-left: 6rem; } } @media (max-width: 550px) { .cart-item-changes .cart-item-value { line-height: 1.4; } } .cart-item-total { display: flex; align-items: end; justify-content: flex-end; flex-direction: column-reverse; font-size: 1rem; } .cart-item-total .cart-item-value { font-weight: 700; } .cart-item-total .cart-item-value.price--discounted { font-weight: 400; } @media (max-width: 800px) { .cart-item-total { justify-content: flex-end; } } .cart-item-quantity { display: flex; margin-right: 0.75rem; max-width: max-content; } .cart-item-edit { display: flex; align-items: flex-start; } @media (max-width: 768px) { .navPages-item .navPage-subMenu { display: none !important; opacity: 0; visibility: hidden; transition: all 0.3s ease; position: absolute; left: 100%; top: 0; width: 100%; background: #fff; z-index: 999; } .navPages-item.is-expanded .navPage-subMenu { display: block !important; opacity: 1; visibility: visible; position: absolute; } .navPages-item .navPage-subMenu-list { display: block !important; padding-left: 1rem; } .navPages-item .navPage-subMenu-item { display: block !important; width: 100% !important; margin-bottom: 0.5rem; } .navPage-subMenu-item a { display: block; padding: 0.5rem 0; font-size: 0.95rem; font-weight: 400; color: #666 !important; border-bottom: 1px solid #eee; } .navPage-subMenu-item a:hover { color: #000; } .navPages .navPages-item { font-size: 1.05rem; font-weight: 600; color: #000 !important; } .navPages .navPages-item.is-open > a { color: #000 !important; } } @media (max-width: 800px) { .productView .productView-details section { display: flex; flex-direction: column; } .productView .productView-details section .productView-product { order: 1; } .productView .productView-details section .productView-info { order: 1; } .productView .productView-details section .productView-description { order: 2; } .productView .productView-details section div[data-content-region="product_above_options--global"] { order: 1; } .productView .productView-details section div[data-content-region="product_above_options"] { order: 1; } .productView .productView-details section .productView-options { order: 1; } }

Panel Title

Some Panel Content

Dynamic Group Header - 1

Dynamic Group Header - 2

Dynamic Group Header - 3

20% Off First Design Project

Custom Designs