.swatch-circle-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #f5f5dc; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-beige.disabled { opacity: 0.2; } .swatch-filter-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #f5f5dc; border-radius: 0.69em; background-color: #f5f5dc; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; } .swatch-circle-black { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #000; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-black.disabled { opacity: 0.2; } .swatch-filter-black { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #000; border-radius: 0.69em; background-color: #000; display: block; position: relative; } .swatch-filter-black.disabled { opacity: 0.2; } .swatch-circle-blue { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #0070d2; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-blue.disabled { opacity: 0.2; } .swatch-filter-blue { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #0070d2; border-radius: 0.69em; background-color: #0070d2; display: block; position: relative; } .swatch-filter-blue.disabled { opacity: 0.2; } .swatch-circle-brown { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #a52a2a; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-brown.disabled { opacity: 0.2; } .swatch-filter-brown { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #a52a2a; border-radius: 0.69em; background-color: #a52a2a; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; } .swatch-circle-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #008827; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-green.disabled { opacity: 0.2; } .swatch-filter-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #008827; border-radius: 0.69em; background-color: #008827; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; } .swatch-circle-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #8f979d; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-grey.disabled { opacity: 0.2; } .swatch-filter-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #8f979d; border-radius: 0.69em; background-color: #8f979d; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; } .swatch-circle-navy { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #000080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-navy.disabled { opacity: 0.2; } .swatch-filter-navy { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #000080; border-radius: 0.69em; background-color: #000080; display: block; position: relative; } .swatch-filter-navy.disabled { opacity: 0.2; } .swatch-circle-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ffa500; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-orange.disabled { opacity: 0.2; } .swatch-filter-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ffa500; border-radius: 0.69em; background-color: #ffa500; display: block; position: relative; } .swatch-filter-orange.disabled { opacity: 0.2; } .swatch-circle-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fe249a; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-pink.disabled { opacity: 0.2; } .swatch-filter-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #fe249a; border-radius: 0.69em; background-color: #fe249a; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; } .swatch-circle-purple { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #800080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-purple.disabled { opacity: 0.2; } .swatch-filter-purple { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #800080; border-radius: 0.69em; background-color: #800080; display: block; position: relative; } .swatch-filter-purple.disabled { opacity: 0.2; } .swatch-circle-red { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #f00; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-red.disabled { opacity: 0.2; } .swatch-filter-red { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #f00; border-radius: 0.69em; background-color: #f00; display: block; position: relative; } .swatch-filter-red.disabled { opacity: 0.2; } .swatch-circle-white { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fff; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-white.disabled { opacity: 0.2; } .swatch-filter-white { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #fff; border-radius: 0.69em; background-color: #fff; display: block; position: relative; } .swatch-filter-white.disabled { opacity: 0.2; } .swatch-circle-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ff0; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-yellow.disabled { opacity: 0.2; } .swatch-filter-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ff0; border-radius: 0.69em; background-color: #ff0; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; } .swatch-circle-miscellaneous { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b)); background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .category-tile { position: relative; } .category-tile h1, .category-tile h2 { font-size: 1.75rem; position: absolute; bottom: 1.875rem; left: 1.875rem; color: #fff; } .category-tile::before { content: ''; position: absolute; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%); } .refinement-bar { overflow: auto; } .refinement-bar ul { padding-left: 0; } @media (max-width: 768.98px) { .refinement-bar { background-color: #fff; -webkit-box-shadow: 0 0.313em 0.938em rgba(0, 0, 0, 0.5); box-shadow: 0 0.313em 0.938em rgba(0, 0, 0, 0.5); display: none; left: 0; position: fixed; top: 0; width: 100%; z-index: 1; } } @media (max-width: 543.98px) { .refinement-bar { position: fixed; height: 100%; } } @media (min-width: 769px) { .refinement-bar { display: block !important; } } .filter-header { margin-left: -15px; margin-right: -15px; } .header-bar { background-color: #848281; border-bottom: 0.063em solid #848281; } .header-bar button.close { font-size: 1rem; font-weight: normal; opacity: 1; } .header-bar .fa.fa-close::before { font-size: 1.25em; } @media (min-width: 544px) and (max-width: 768.98px) { .header-bar { padding: 0.938em 2.813em; } } @media (max-width: 543.98px) { .header-bar { padding: 0.938em; } } .refinements .header, .refinements .values { padding: 0.313em 0; } @media (min-width: 544px) and (max-width: 768.98px) { .refinements .header li, .refinements .values li { display: inline-block; } } .refinements .header { font-size: 1.125em; color: #444; } .refinements ul { overflow: auto; } .refinements ul li { padding-left: 1px; } .refinements ul li button { border: none; color: var(--skin-link-color-1); background-color: transparent; } .refinements li { list-style-type: none; padding-left: 0; } .refinements li.color-attribute { display: inline-block; padding-left: 0; } .refinements li.color-attribute button { padding: 0; } .refinements li.disabled { opacity: 0.5; } @media (max-width: 543.98px) { .refinements { padding: 0; } } .refinements .card-header h2 { font-family: inherit; font-size: inherit; font-weight: inherit; margin-bottom: 0; } .secondary-bar { padding-left: 0; padding-right: 0; padding-bottom: 1em; overflow: auto; } @media (max-width: 768.98px) { .secondary-bar button.reset { float: right; } } @media (min-width: 544px) and (max-width: 768.98px) { .secondary-bar { padding: 0.938em 2.813em; } } @media (max-width: 543.98px) { .secondary-bar { padding: 0.938em; } } .refinement-header { overflow: auto; } .disabled { pointer-events: none; } .grid-header, .content-grid-header { margin-top: 1em; margin-bottom: 1em; } @media (max-width: 543.98px) { .grid-header .result-count, .content-grid-header .result-count { padding-bottom: 0.938em; } .grid-header .filter-results, .content-grid-header .filter-results { display: block; width: 100%; } } .grid-header select, .content-grid-header select { width: 100%; } .result-count { font-size: 0.875rem; } .refinement { margin-bottom: 1em; } @media (max-width: 768.98px) { .refinement.card { border-top: 0 none; border-left: 0 none; border-right: 0 none; border-radius: 0; margin-bottom: 0; } .refinement .card-header { border-bottom: 0 none; padding: 0.25rem 1rem; } .refinement .card-body { padding: 0 1rem; } } .refinement a { text-decoration: none; } .refinement.refinement-category li { margin-left: 0.938em; display: block; } .refinement.refinement-category > ul > li { margin-left: 0; } .search-banner { background-image: url("../images/search.jpg"); background-position-y: 40%; } .search-keywords { font-weight: bold; } .filter-bar ul { padding-left: 15px; } .filter-bar li { list-style: none; float: left; margin-left: 0.3125em; margin-right: 0.3125em; } .filter-bar li:first-child { margin-left: 0; } .filter-bar li.filter-value { border: 1px solid #ccc; padding: 0.3125em; border-radius: 3px; position: relative; } .filter-bar li.filter-value button { color: black; border: none; padding: 0 2rem 0 0.5rem; } .filter-bar li.filter-value button::after { content: "\F00D"; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; position: absolute; right: 10px; top: 11px; } .filter-bar li.swatch-filter { font-size: 1.38em; position: relative; margin-top: 4px; } .filter-bar li.swatch-filter button { width: 100%; height: 100%; display: block; border: none; } .filter-bar li.swatch-filter button::before { content: ""; background-color: white; width: 0.8em; height: 0.8em; border-radius: 0.4em; position: absolute; left: 0.5em; top: 0.5em; } .filter-bar li.swatch-filter button::after { content: "\F057"; font: normal normal normal 14px/1 FontAwesome; display: inline; text-rendering: auto; position: absolute; left: 0.18em; top: 0.12em; font-size: 1.5em; } @media (max-width: 543.98px) { .tab-content { padding-left: 0; padding-right: 0; } } @media (max-width: 543.98px) { .product-grid { padding-top: 0.938em; } .product-grid .col-6 { padding-left: 5px; padding-right: 5px; } } .search-tips { text-align: left; margin-top: 1.875rem; } .category-item { margin-bottom: 0.938rem; } .show-more, .show-more-content { padding: 0.938em; clear: both; } .swatch-mark.color-value[data-selected=true]::after { color: #000; content: '\F058'; display: table-caption; font-family: 'FontAwesome'; font-size: 1.625em; left: 0.295em; position: absolute; } .swatch-mark.color-value.selected::after { background: #fff; border-radius: 50%; color: #000; content: '\F058'; display: table-caption; font-family: 'FontAwesome'; font-size: 1.625em; height: 0.75em; left: 0.31em; line-height: 0.8em; position: absolute; top: 0.35em; width: 0.8em; } .search-nav { margin-bottom: 1em; border-bottom: 0.063em solid #e5e5e5; } .search-nav .nav-tabs-wrapper { padding: 0; } @media (max-width: 543.98px) { .search-nav .nav-tabs-wrapper { width: 100%; } } .search-nav .nav-tabs-wrapper .nav-tabs { border-bottom: 0 none; } .search-nav .nav-link:focus { background-color: #716b6a; } .product-options .quantity { position: absolute; bottom: 0; right: 0; } .carousel-indicators { margin: 10px 0 0; overflow: auto; position: static; text-align: left; white-space: nowrap; width: 100%; } .carousel-indicators li { background-color: transparent; border-radius: 0; display: inline-block; height: auto; margin: 0 !important; width: auto; } .carousel-indicators li img { display: block; opacity: 0.5; width: 60%; } .carousel-indicators li.active img { opacity: 1; border: 1px solid #bfbfbf; } .carousel-indicators li:hover img { opacity: 0.75; } .not-found-container { max-width: 1400px; padding: 0 20px; margin: 20px auto; } .not-found-container .title { color: #e20026; font-size: 30px; text-align: center; margin: 0; font-family: "mukta-regular", sans-serif; letter-spacing: 1px; } .not-found-container .subtitle { font-size: 25px; margin: 30px 0; color: #e20026; font-family: "mukta-regular", sans-serif; font-weight: bold; text-align: center; letter-spacing: 1px; } .not-found-container img { width: 50%; } .not-found-container .buttons-container a { width: 100%; margin: 10px 15px; border: 1px solid #e20026; background-color: #e20026; max-width: 300px; height: 35px; text-align: center; color: #fff; font-size: 14px; text-transform: uppercase; font-family: "mukta-bold", sans-serif; /* &:hover { background-color: $white; text-decoration: none; } */ } #sort-order-by-button:focus { text-decoration: underline; } #product-search-results .grid-header { position: relative; margin: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #product-search-results .grid-header .result-count { width: 100%; padding: 20px 2% 10px; text-align: right; } #product-search-results .grid-header .result-count span { font-size: 14px; line-height: 20px; letter-spacing: 0.5px; color: #706765; } #product-search-results .grid-header .filter-results { width: 49%; background-color: transparent; border: 1px solid #706765; border-radius: 5px; text-transform: uppercase; text-align: left; color: #000; letter-spacing: 0.5px; padding: 10px 26px 10px 2%; font-size: 14px; line-height: 20px; height: auto; position: relative; text-overflow: ellipsis; font-family: "mukta-bold", sans-serif; } #product-search-results .grid-header .filter-results::before { content: ''; display: block; position: absolute; height: 18px; width: 18px; right: 0; background-position: -146px -216px; top: 50%; -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); background-image: url("../images/common/iconos.svg"); background-size: calc(100 * 10%); background-repeat: no-repeat; display: block; } #product-search-results .grid-header .filter-results.show { background-color: #dfdfde; border-color: #dfdfde; width: 100%; position: absolute; bottom: 0; right: 0; z-index: 3; } #product-search-results .grid-header .filter-results.show::before { background-position: 0 0; right: 0; -webkit-transform: translate(-30%, -50%) rotate(180deg); transform: translate(-30%, -50%) rotate(180deg); } #product-search-results .grid-header .dropdown-container { width: 49%; } #product-search-results .grid-header .dropdown-container .dropdown-btn { width: 100%; background-color: transparent; border: 1px solid #706765; border-radius: 5px; text-transform: uppercase; text-align: left; color: #000; letter-spacing: 0.5px; padding: 10px 26px 10px 2%; font-size: 14px; line-height: 20px; height: auto; position: relative; text-overflow: ellipsis; font-family: "mukta-bold", sans-serif; } #product-search-results .grid-header .dropdown-container .dropdown-btn::before { content: ''; display: block; position: absolute; height: 18px; width: 18px; background-position: -163px -214px; right: 1px; top: 50%; -webkit-transform: translate(-30%, -50%) rotate(180deg); transform: translate(-30%, -50%) rotate(180deg); background-image: url("../images/common/iconos.svg"); background-size: calc(100 * 10%); background-repeat: no-repeat; display: block; } #product-search-results .grid-header .dropdown-container .dropdown-content { position: absolute; z-index: 1; top: 94px; background-color: white; width: 100%; right: 0; max-height: 0; overflow-y: hidden; -webkit-transition: max-height 0.15s ease-in-out; transition: max-height 0.15s ease-in-out; } #product-search-results .grid-header .dropdown-container .dropdown-content ul { padding: 5px 0; } #product-search-results .grid-header .dropdown-container .dropdown-content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; width: 100%; color: #706765; letter-spacing: 0.5px; font-size: 14px; padding: 0 8px; font-family: "mukta-regular", sans-serif; } #product-search-results .grid-header .dropdown-container .dropdown-content ul li:hover { cursor: pointer; font-family: "mukta-medium", sans-serif; } #product-search-results .grid-header .dropdown-container.show .dropdown-btn { position: absolute; width: 100%; background-color: #dfdfde; border-color: #dfdfde; right: 0; } #product-search-results .grid-header .dropdown-container.show .dropdown-btn::before { background-position: 0 0; right: 0; -webkit-transform: translate(-30%, -50%) rotate(180deg); transform: translate(-30%, -50%) rotate(180deg); } #product-search-results .grid-header .dropdown-container.show .dropdown-content { max-height: 1000px; } #product-search-results .category-info { width: 100%; text-align: center; margin-top: 10px; } #product-search-results .category-info h1 { font-size: 26px; color: #333; letter-spacing: 0.5px; margin-bottom: 0; font-family: "mukta-bold", sans-serif; } #product-search-results .category-info p { font-size: 13px; margin-bottom: 10px; } #product-search-results .discover-more { width: 100%; text-align: center; margin: 20px 0; } #product-search-results .discover-more.block { background-color: rgba(242, 242, 242, 0.9); padding: 1% 4%; } #product-search-results .category-interlink { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-x: auto; margin-top: 15px; } #product-search-results .category-interlink .interlink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ebebeb; border-radius: 20px; margin: 0 10px; } #product-search-results .category-interlink .interlink .text-bubble { -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; text-align: center; font-size: 16px; font-weight: 700; color: #000; margin: 0 auto; padding: 10px; } #product-search-results .category-interlink .interlink:hover { background-color: #353332; } #product-search-results .category-interlink .interlink:hover p { color: white; } #product-search-results .refinement-bar { position: relative; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: calc(100% - 20px); margin: 0 10px; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.15s ease-in-out; transition: max-height 0.15s ease-in-out; } #product-search-results .refinement-bar .filter-label-desktop { display: none; } #product-search-results .refinement-bar .filter-header { margin: 0; position: absolute; width: 100%; height: 42px; top: -42px; } #product-search-results .refinement-bar .filter-header .header-bar { padding: 0; border: 0; background-color: transparent; height: 100%; } #product-search-results .refinement-bar .filter-header .header-bar .result-count { display: none; } #product-search-results .refinement-bar .filter-header .header-bar .close { width: 100%; height: 100%; } #product-search-results .refinement-bar .filter-header .header-bar .close span, #product-search-results .refinement-bar .filter-header .header-bar .close i { display: none; } #product-search-results .refinement-bar > div:nth-of-type(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #product-search-results .refinement-bar > div:nth-of-type(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #product-search-results .refinement-bar .refinement { border-color: #706765; } #product-search-results .refinement-bar .refinement .card-header { padding: 10px 2%; } #product-search-results .refinement-bar .refinement .card-header .title { position: relative; height: 32px; -webkit-box-shadow: none !important; box-shadow: none !important; } #product-search-results .refinement-bar .refinement .card-header .title span { color: #706765; font-size: 14px; letter-spacing: 0.5px; line-height: 20px; font-family: "mukta-regular", sans-serif; } #product-search-results .refinement-bar .refinement .card-header .title::after { content: ''; height: 24px; width: 24px; background-position: -194px -21px; position: absolute; top: 50%; right: 0; background-image: url("../images/common/iconos.svg"); background-size: calc(100 * 10%); background-repeat: no-repeat; display: block; } #product-search-results .refinement-bar .refinement .card-body { padding: 0 2%; margin: 0; display: block; max-height: 0; visibility: hidden; overflow-y: hidden; -webkit-transition: max-height 0.15s ease-in-out; transition: max-height 0.15s ease-in-out; } #product-search-results .refinement-bar .refinement .card-body .values { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: visible; } #product-search-results .refinement-bar .refinement .card-body .values .color-attribute { margin-right: 8px; width: auto !important; } #product-search-results .refinement-bar .refinement .card-body .values .color-attribute .swatch-circle { height: 40px; width: 40px; display: inline-block; border-radius: 50%; border: 1px solid #706765; position: relative; } #product-search-results .refinement-bar .refinement .card-body .values .color-attribute .swatch-circle.selected::after { content: ''; position: absolute; background: transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: block; width: 25px; height: 10px; left: 7px; top: 12px; border-style: solid; border-color: white; border-width: 0 0 2px 2px; border-radius: 0; } #product-search-results .refinement-bar .refinement .card-body .values .color-attribute .swatch-circle.selected.swatch-circle-white::after { border-color: #bfbfbf; } #product-search-results .refinement-bar .refinement .card-body .values .color-attribute .swatch-circle.selected.swatch-circle-miscellaneous::after { -webkit-transform: rotate(-80deg); transform: rotate(-80deg); } #product-search-results .refinement-bar .refinement .card-body .values .color-attribute > span { display: none; } #product-search-results .refinement-bar .refinement .card-body .values .color-attribute.disabled { display: none; } #product-search-results .refinement-bar .refinement.refinement-size .card-body .values li { padding: 0; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 45px; margin: 0 8px 8px 0; } #product-search-results .refinement-bar .refinement.refinement-size .card-body .values li > button { height: 45px; width: 45px; padding: 0; border-radius: 50%; border: 1px solid #bfbfbf; color: #706765; } #product-search-results .refinement-bar .refinement.refinement-size .card-body .values li > button > i.fa-check-square { position: absolute; height: 100%; width: 100%; background: #bfbfbf; display: block; border-radius: 50px; top: 0; left: 0; z-index: 0; } #product-search-results .refinement-bar .refinement.refinement-size .card-body .values li > button > i.fa-check-square + span { position: relative; color: #fff; } #product-search-results .refinement-bar .refinement.refinement-size .card-body .values li > button > i.fa-check-square::before { display: none; } #product-search-results .refinement-bar .refinement.refinement-size .card-body .values li > button > i.fa-square-o { display: none; } #product-search-results .refinement-bar .refinement.refinement-size .card-body .values li > button > span:first-of-type { font-size: 14px; letter-spacing: 0.5px; white-space: nowrap; font-family: "mukta-regular", sans-serif; } #product-search-results .refinement-bar .refinement.refinement-category .card-body .values li { margin: 0; padding: 0; width: 100%; } #product-search-results .refinement-bar .refinement.refinement-category .card-body .values li button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; padding: 0; } #product-search-results .refinement-bar .refinement.refinement-category .card-body .values li button > i { height: 14px; width: 14px; margin-right: 6px; } #product-search-results .refinement-bar .refinement.refinement-category .card-body .values li button > i::before { display: none; } #product-search-results .refinement-bar .refinement.refinement-category .card-body .values li button > i.fa-circle-o { border: 1px solid #bfbfbf; background-color: white; } #product-search-results .refinement-bar .refinement.refinement-category .card-body .values li button > i.fa-check-circle { border: 1px solid #bfbfbf; background-color: #bfbfbf; } #product-search-results .refinement-bar .refinement.refinement-category .card-body .values li button > span { color: #706765; font-size: 14px; letter-spacing: 0.5px; font-family: "mukta-regular", sans-serif; } #product-search-results .refinement-bar .refinement.active .card-header .title span { color: #e20026; } #product-search-results .refinement-bar .refinement.active .card-header .title::after { background-position: -144px -21px; -webkit-transform: rotate(270deg); transform: rotate(270deg); top: 7px; } #product-search-results .refinement-bar .refinement.active .card-body { max-height: 1000px; visibility: visible; } #product-search-results .refinement-bar.show { max-height: 5000px; overflow: visible; position: relative; z-index: 3; } #product-search-results .filter-bar { margin: 0 10px; max-width: 100%; overflow-x: auto; } #product-search-results .filter-bar ul { padding: 20px 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } #product-search-results .filter-bar ul .filter-value { margin-right: 10px; margin-left: 0; padding: 0; border: none; } #product-search-results .filter-bar ul .filter-value button { position: relative; height: 28px; border: 1px solid #bfbfbf; border-radius: 10px; background-color: transparent; padding: 3px 26px 3px 10px; font-size: 14px; color: #706765; white-space: nowrap; -webkit-box-shadow: none; box-shadow: none; } #product-search-results .filter-bar ul .filter-value button > span { font-size: 14px; } #product-search-results .filter-bar ul .filter-value button::after { content: ''; position: absolute; background-position: 0 0; width: 11px; height: 11px; right: 6px; top: 10px; background-image: url("../images/common/iconos.svg"); background-size: calc(100 * 10%); background-repeat: no-repeat; display: block; } #product-search-results .filter-bar ul .filter-value button.reset, #product-search-results .filter-bar ul .filter-value button:hover { background-color: #bfbfbf; color: #fff; } #product-search-results .filter-bar ul .filter-value button.reset::after, #product-search-results .filter-bar ul .filter-value button:hover::after { background-position: -56px -79px; } #product-search-results .filter-bar ul .filter-value button:focus { text-decoration: underline; } #product-search-results .banner-link { width: 100%; } @media screen and (min-width: 768px) { #product-search-results .grid-header .result-count { padding: 10px 2%; } #product-search-results .refinement-bar { width: 75%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } #product-search-results .refinement-bar .filter-header .header-bar { display: block !important; } #product-search-results .refinement-bar .refinement { background-color: transparent; color: unset; font-family: unset; border-top: 0 none; border-left: 0 none; border-right: 0 none; border-radius: 0; margin-bottom: 0; } #product-search-results .refinement-bar .refinement .card-header { border: none; } #product-search-results .refinement-bar .refinement .card-header .title { display: block !important; padding: 0; } #product-search-results .refinement-bar .refinement .card-header > h2 { display: none !important; } #product-search-results .refinement-bar .refinement .card-header .mobileFilter { display: none !important; } .category-interlink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } } @media screen and (min-width: 992px) { #product-search-results { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #product-search-results .grid-header { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc(25% - 30px); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition: top 0.3s; transition: top 0.3s; margin: 0; } } @media screen and (min-width: 992px) and (min-width: 1800px) { #product-search-results .grid-header { padding: 0; margin: 0; } } @media screen and (min-width: 992px) { #product-search-results .grid-header.fixed-top { position: fixed; z-index: 2; right: 20px; top: 120px; background: white; margin: 0; padding: 0 20px; width: 25%; height: 42px; } } @media screen and (min-width: 992px) and (min-width: 1800px) { #product-search-results .grid-header.fixed-top { padding: 0; } } @media screen and (min-width: 992px) { #product-search-results .grid-header.fixed-top.search-active { top: 185px; } #product-search-results .grid-header .result-count, #product-search-results .grid-header .filter-results { display: none; } #product-search-results .grid-header .dropdown-container { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: auto; } #product-search-results .grid-header .dropdown-container .dropdown-btn { border: none; white-space: nowrap; padding: 10px 2% 10px 26px; } #product-search-results .grid-header .dropdown-container .dropdown-btn::before { left: 6px; } #product-search-results .grid-header .dropdown-container .dropdown-content { top: 42px; width: 250px; right: 0; } #product-search-results .grid-header .dropdown-container .dropdown-content ul li { padding: 0 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #product-search-results .grid-header .dropdown-container .dropdown-content ul li:focus { outline: none; text-decoration: underline; } #product-search-results .grid-header .dropdown-container.show .dropdown-btn { position: relative; width: auto; background-color: white; border: none; right: initial; } #product-search-results .grid-header .dropdown-container.show .dropdown-btn::before { background-position: -163px -214px; -webkit-transform: translate(-130%, -50%); transform: translate(-130%, -50%); left: 26px; } #product-search-results .grid-header .dropdown-container.show .dropdown-content { border: 1px solid #dfdfde; } #product-search-results .category-info h1 { font-size: 36px; margin-bottom: 20px; } #product-search-results .category-info p { font-size: 15px; } #product-search-results .refinement-bar { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-height: 100%; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: visible; -webkit-transition: top 0.3s; transition: top 0.3s; } #product-search-results .refinement-bar.fixed-top { position: fixed; z-index: 2; background: white; top: 120px; margin: 0; padding: 0 10px; height: 42px; width: 75%; } #product-search-results .refinement-bar.fixed-top.search-active { top: 185px; } #product-search-results .refinement-bar .filter-label-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-transform: uppercase; color: #000; letter-spacing: 0.5px; font-size: 14px; margin-right: 100px; font-family: "mukta-bold", sans-serif; } #product-search-results .refinement-bar .filter-header { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: auto; position: initial; } #product-search-results .refinement-bar .filter-header .header-bar { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #product-search-results .refinement-bar .filter-header .header-bar .result-count { display: block !important; width: auto; margin: 0 25px; } #product-search-results .refinement-bar .filter-header .header-bar .result-count span { font-size: 14px; letter-spacing: 0.5px; line-height: 20px; color: #706765; font-family: "mukta-regular", sans-serif; } #product-search-results .refinement-bar .filter-header .header-bar .result-count span:focus { outline: none; text-decoration: underline; } #product-search-results .refinement-bar .filter-header .header-bar .close { display: none; } #product-search-results .refinement-bar > div:nth-of-type(1) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; top: 100%; } #product-search-results .refinement-bar > div:nth-of-type(2) { width: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #product-search-results .refinement-bar .refinements { display: -webkit-box; display: -ms-flexbox; display: flex; } #product-search-results .refinement-bar .refinements .refinement { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; background-color: transparent; border: none; margin: 0 25px; position: relative; } #product-search-results .refinement-bar .refinements .refinement .card-header { border-bottom: none; padding: 0; } #product-search-results .refinement-bar .refinements .refinement .card-header .title { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: auto; padding-right: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #product-search-results .refinement-bar .refinements .refinement .card-header .title::after { height: 16px; width: 16px; background-position: -128px -13px; top: 7px; } #product-search-results .refinement-bar .refinements .refinement .card-header .title > span:focus { outline: none; text-decoration: underline; } #product-search-results .refinement-bar .refinements .refinement .card-header > h2 { display: none !important; } #product-search-results .refinement-bar .refinements .refinement .card-header .mobileFilter { display: none !important; } #product-search-results .refinement-bar .refinements .refinement .card-header:focus { outline: none; text-decoration: underline; } #product-search-results .refinement-bar .refinements .refinement .card-body { padding: 0; position: absolute; width: 250px; top: 100%; background-color: white; z-index: 1; max-height: 0; overflow-y: hidden; -webkit-transition: max-height 0.15s ease-in-out; transition: max-height 0.15s ease-in-out; } #product-search-results .refinement-bar .refinements .refinement .card-body .values { padding: 0; } #product-search-results .refinement-bar .refinements .refinement .card-body .values li button { margin: 0 25px; } #product-search-results .refinement-bar .refinements .refinement .card-body .values li button:focus { outline: none; text-decoration: underline; } #product-search-results .refinement-bar .refinements .refinement .card-body .values .color-attribute { width: 100% !important; padding: 0 25px; margin: 0; height: 30px; line-height: 30px; position: relative; } #product-search-results .refinement-bar .refinements .refinement .card-body .values .color-attribute > button { margin: 0; width: 100%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; position: relative; z-index: 1; } #product-search-results .refinement-bar .refinements .refinement .card-body .values .color-attribute > button:focus { text-decoration: underline; } #product-search-results .refinement-bar .refinements .refinement .card-body .values .color-attribute .swatch-circle { height: 17px; width: 17px; display: block; margin-right: 6px; } #product-search-results .refinement-bar .refinements .refinement .card-body .values .color-attribute > span { position: absolute; left: 50px; top: 0; display: inline-block; vertical-align: middle; color: #706765; font-size: 12px; letter-spacing: 0.5px; font-family: "mukta-regular", sans-serif; } #product-search-results .refinement-bar .refinements .refinement .card-body .values .color-attribute > span:focus { text-decoration: underline; } #product-search-results .refinement-bar .refinements .refinement .card-body .values .color-attribute:hover { cursor: pointer; } #product-search-results .refinement-bar .refinements .refinement .card-body > .values { padding-bottom: 8px; } #product-search-results .refinement-bar .refinements .refinement.refinement-size .card-body .values li { max-width: 50%; margin: 0; } #product-search-results .refinement-bar .refinements .refinement.refinement-size .card-body .values li > button { margin: 0 25px; height: 30px; width: calc(100% - 50px); border: none; text-align: left; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #product-search-results .refinement-bar .refinements .refinement.refinement-size .card-body .values li > button > i { display: inline-block; height: 14px; width: 14px; margin-right: 6px; } #product-search-results .refinement-bar .refinements .refinement.refinement-size .card-body .values li > button > i::before { display: none; } #product-search-results .refinement-bar .refinements .refinement.refinement-size .card-body .values li > button > i.fa-square-o { border: 1px solid #bfbfbf; background-color: white; } #product-search-results .refinement-bar .refinements .refinement.refinement-size .card-body .values li > button > i.fa-check-square { border: 1px solid #bfbfbf; background-color: #bfbfbf; border-radius: 0; top: 8px; left: 25px; position: initial; } #product-search-results .refinement-bar .refinements .refinement.refinement-size .card-body .values li > button > i.fa-check-square + span { color: #706765; position: initial; } #product-search-results .refinement-bar .refinements .refinement.refinement-size .card-body .values li > button > span { color: #706765; font-size: 12px; letter-spacing: 0.5px; font-family: "mukta-regular", sans-serif; } #product-search-results .refinement-bar .refinements .refinement.refinement-size .card-body .values li > button:focus { text-decoration: underline; } #product-search-results .refinement-bar .refinements .refinement.active .card-header .title::after { background-position: -99px -14px; -webkit-transform: rotate(270deg); transform: rotate(270deg); } #product-search-results .refinement-bar .refinements .refinement.active .card-body { border: 1px solid #bfbfbf; padding: 5px 0; max-height: 400px; top: calc(100% + 1px); overflow-y: auto; } #product-search-results .refinement-bar .refinements .refinement.active .card-body ul li:focus { text-decoration: underline; } #product-search-results .filter-bar { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-transition: top 0.3s; transition: top 0.3s; } } @media screen and (min-width: 992px) and (min-width: 1800px) { #product-search-results .filter-bar { margin: 0 -10px; } } @media screen and (min-width: 992px) { #product-search-results .filter-bar.fixed-top { position: fixed; top: 150px; z-index: 1; background: white; width: 100%; padding: 0 10px; margin: 0; height: auto; max-height: 38px; max-width: 1800px; } } @media screen and (min-width: 992px) and (min-width: 1800px) { #product-search-results .filter-bar.fixed-top { padding: 0; } } @media screen and (min-width: 992px) { #product-search-results .filter-bar.fixed-top.search-active { top: 220px; } #product-search-results .filter-bar ul { padding: 0 0 10px; } #product-search-results .product-grid { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } #product-search-results #content-search-results-pane { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } #product-search-results .discover-more { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .search-page #product-search-results .grid-header.fixed-top, .search-page #product-search-results .refinement-bar.fixed-top { top: 99px; } .search-page #product-search-results .filter-bar.fixed-top { top: 141px; } .category-interlink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } } .hero.search-banner { display: none; } .header-navigation-content.fixed-header { z-index: 4; } .products-grid-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .products-grid-container .tab-content { width: 100%; } .products-grid-container .tab-content .tab-pane { padding: 0; } .products-grid-container .tab-content .banner-plp-picture { width: 100%; } .products-grid-container .tab-content .banner-plp-picture img { width: 100%; } .products-grid-container .tab-content .label-search-results { width: 100%; padding: 10px; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .products-grid-container .tab-content .label-search-results .search-result-count { color: #706765; font-size: 16px; font-family: "mukta-regular", sans-serif; } .products-grid-container .tab-content .label-search-results .search-keywords { color: #333; font-size: 16px; } .products-grid-container .tab-content .product-grid { padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .products-grid-container .tab-content .product-grid .product.sizeTile_1 { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .products-grid-container .tab-content .product-grid .product.sizeTile_2 { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .products-grid-container .tab-content .product-grid .product.sizeTile_2 .product-tile { padding: 1%; } .products-grid-container .tab-content .product-grid .product .product-tile { border: none; padding: 2%; height: 100%; } .products-grid-container .tab-content .product-grid .product .product-tile .image-container { position: relative; } .products-grid-container .tab-content .product-grid .product .product-tile .image-container a img { opacity: 1; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .products-grid-container .tab-content .product-grid .product .product-tile .image-container a img.tileimage-d-none { display: block; opacity: 0; } .products-grid-container .tab-content .product-grid .product .product-tile .image-container a img.tileimage-d-none.tileimage-d-show { opacity: 1; } .products-grid-container .tab-content .product-grid .product .product-tile .image-container a img:nth-of-type(2) { display: none; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding: 10px; text-align: center; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .pdp-link { margin: 3px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .pdp-link .link { font-size: 11px; line-height: 18px; letter-spacing: 0.5px; color: #333; border-bottom: 0; font-family: "mukta-regular", sans-serif; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .pdp-link::first-letter { text-transform: uppercase; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .price .sales .value { font-size: 14px; color: #333; margin: 0 5px; letter-spacing: 0.5px; display: inline-block; vertical-align: middle; font-family: "mukta-bold", sans-serif; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .price .strike-through.list .value { color: #545261; letter-spacing: 0.5px; text-decoration: line-through; font-size: 12px; margin: 0 5px; display: inline-block; vertical-align: middle; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .price del { text-decoration: none; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .price del + .sales .value { color: #e20026; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .color-swatches { display: none; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .tile-body-footer .label-colours { display: block; width: 100%; text-align: center; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .tile-body-footer .quickview > button { display: none; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .tile-body-footer .sizes-list { display: none; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .label-colours { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-top: 5px; } .products-grid-container .tab-content .product-grid .show-more { visibility: hidden; } .products-grid-container .not-found-container + .row { display: none; } @media screen and (min-width: 768px) { .products-grid-container { max-width: 100%; } .products-grid-container .tab-content { width: 100%; } .products-grid-container .tab-content .tab-pane { max-width: 100%; } } .products-grid-container .tab-content .product-grid .product { height: calc((50vw * 1.2) + 90.39px); } @media screen and (min-width: 992px) { .products-grid-container { max-width: 100%; padding: 20px 10px 0; } .products-grid-container .tab-content { width: 100%; } .products-grid-container .tab-content .tab-pane { max-width: 100%; } .products-grid-container .tab-content .product-grid.margin-fixed { margin-top: 100px; } .products-grid-container .tab-content .product-grid .product { -ms-flex-preferred-size: 25%; flex-basis: 25%; height: 30vw; max-height: 1300px; overflow-y: hidden; } .products-grid-container .tab-content .product-grid .product.sizeTile_1 { -ms-flex-preferred-size: 20%; flex-basis: 20%; } .products-grid-container .tab-content .product-grid .product.sizeTile_2 { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .products-grid-container .tab-content .product-grid .product .product-tile .image-container a > img { display: block; } .products-grid-container .tab-content .product-grid .product .product-tile .image-container a > img:not(.tile-image-second) { opacity: 1; } .products-grid-container .tab-content .product-grid .product .product-tile .image-container a > img.tile-image-second { opacity: 0; } .products-grid-container .tab-content .product-grid .product .product-tile .image-container a > img:nth-of-type(2) { display: block; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body { background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .color-swatches { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; min-height: 0; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .color-swatches .swatches { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .color-swatches .swatches > a { max-width: 20%; width: auto; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .color-swatches .swatches > a:only-child { display: none; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .color-swatches .swatches .swatch { border-radius: 0; height: auto; max-width: 100%; width: auto; margin: 0; border: none; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .color-swatches .swatches .swatch.selected { border-bottom: 2px solid #e20026; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .pdp-link { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .pdp-link .link { font-size: 16px; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .pdp-link .link::first-letter { text-transform: capitalize; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .reference { display: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .reference a { font-size: 14px; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .reference a:hover { text-decoration: none; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .price { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .price .sales .value { font-size: 16px; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .price .strike-through.list .value { font-size: 14px; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .tile-body-footer { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin: 0; display: none; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .tile-body-footer .quickview { width: 100%; margin: 3px 0; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .tile-body-footer .quickview > button { display: block; width: 100%; margin-top: 8px; border: none; background: #e20026; color: white; text-transform: uppercase; padding: 2px; letter-spacing: 0.5px; font-size: 14px; font-family: "mukta-bold", sans-serif; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .tile-body-footer .quickview:hover { text-decoration: none; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .tile-body-footer .sizes-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 4px 0; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .tile-body-footer .sizes-list li { padding: 3px 3px 0; } .products-grid-container .tab-content .product-grid .product .product-tile .tile-body .tile-body-footer .sizes-list li a { font-size: 14px; } .products-grid-container .tab-content .product-grid .product:hover, .products-grid-container .tab-content .product-grid .product:focus { outline: none; position: relative; } .products-grid-container .tab-content .product-grid .product:hover .product-tile .image-container a > img:not(.tile-image-second), .products-grid-container .tab-content .product-grid .product:focus .product-tile .image-container a > img:not(.tile-image-second) { opacity: 0; } .products-grid-container .tab-content .product-grid .product:hover .product-tile .image-container a > img.tile-image-second, .products-grid-container .tab-content .product-grid .product:focus .product-tile .image-container a > img.tile-image-second { opacity: 1; } .products-grid-container .tab-content .product-grid .product:hover .product-tile .image-container a > img:only-child, .products-grid-container .tab-content .product-grid .product:focus .product-tile .image-container a > img:only-child { opacity: 1; } .products-grid-container .tab-content .product-grid .product:hover .product-tile .tile-body, .products-grid-container .tab-content .product-grid .product:focus .product-tile .tile-body { position: absolute; -webkit-transform: translateY(-50px); transform: translateY(-50px); width: 100%; left: 0; bottom: 0; padding: 0 2%; } .products-grid-container .tab-content .product-grid .product:hover .product-tile .tile-body .color-swatches, .products-grid-container .tab-content .product-grid .product:hover .product-tile .tile-body .reference, .products-grid-container .tab-content .product-grid .product:hover .product-tile .tile-body .tile-body-footer, .products-grid-container .tab-content .product-grid .product:focus .product-tile .tile-body .color-swatches, .products-grid-container .tab-content .product-grid .product:focus .product-tile .tile-body .reference, .products-grid-container .tab-content .product-grid .product:focus .product-tile .tile-body .tile-body-footer { display: block; } .products-grid-container .tab-content .product-grid .product:hover .product-tile .tile-body .label-colours, .products-grid-container .tab-content .product-grid .product:focus .product-tile .tile-body .label-colours { display: none; } } .product-grid { overflow-y: hidden; } .icon-arrow-up, .icon-arrow-down { cursor: pointer; margin: -15px auto -5px; } .icon-arrow-up { background-position: -24px -120px !important; width: 24px !important; height: 24px !important; } .icon-arrow-down { background-position: -48px -125px !important; width: 25px !important; height: 25px !important; } .hide { display: none; } /*# sourceMappingURL=search.css.map*/