@charset "UTF-8"; /* TODO: when full redesign implementation is complete: Replace primary-new to primary, secondary-new to secondary, and so on.. */ .custom-select:-moz-focusring, .custom-select::-moz-focus-inner { color: transparent; text-shadow: 0 0 0 #434343; } /* TODO: when full redesign implementation is complete: Replace primary-new to primary, secondary-new to secondary, and so on.. */ .custom-select:-moz-focusring, .custom-select::-moz-focus-inner { color: transparent; text-shadow: 0 0 0 #434343; } .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: #1900ff; 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: #1900ff; border-radius: 0.69em; background-color: #1900ff; 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: #a52a2b; 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: #a52a2b; border-radius: 0.69em; background-color: #a52a2b; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; } .swatch-circle-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #eee2cd; 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: #eee2cd; border-radius: 0.69em; background-color: #eee2cd; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; } .swatch-circle-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #008000; 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: #008000; border-radius: 0.69em; background-color: #008000; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; } .swatch-circle-dark-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #55651d; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-dark-green.disabled { opacity: 0.2; } .swatch-filter-dark-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #55651d; border-radius: 0.69em; background-color: #55651d; display: block; position: relative; } .swatch-filter-dark-green.disabled { opacity: 0.2; } .swatch-circle-olive { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #7f8000; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-olive.disabled { opacity: 0.2; } .swatch-filter-olive { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #7f8000; border-radius: 0.69em; background-color: #7f8000; display: block; position: relative; } .swatch-filter-olive.disabled { opacity: 0.2; } .swatch-circle-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #c0c0c0; 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: #c0c0c0; border-radius: 0.69em; background-color: #c0c0c0; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; } .swatch-circle-dark-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #808080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-dark-grey.disabled { opacity: 0.2; } .swatch-filter-dark-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #808080; border-radius: 0.69em; background-color: #808080; display: block; position: relative; } .swatch-filter-dark-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: #060080; 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: #060080; border-radius: 0.69em; background-color: #060080; 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-dark-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ff7f50; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-dark-orange.disabled { opacity: 0.2; } .swatch-filter-dark-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ff7f50; border-radius: 0.69em; background-color: #ff7f50; display: block; position: relative; } .swatch-filter-dark-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: #ffc0cb; 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: #ffc0cb; border-radius: 0.69em; background-color: #ffc0cb; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; } .swatch-circle-dark-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #dd3daa; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-dark-pink.disabled { opacity: 0.2; } .swatch-filter-dark-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #dd3daa; border-radius: 0.69em; background-color: #dd3daa; display: block; position: relative; } .swatch-filter-dark-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: #ff0200; 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: #ff0200; border-radius: 0.69em; background-color: #ff0200; 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: #feff00; 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: #feff00; border-radius: 0.69em; background-color: #feff00; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; } .swatch-circle-dark-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ffd700; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-dark-yellow.disabled { opacity: 0.2; } .swatch-filter-dark-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ffd700; border-radius: 0.69em; background-color: #ffd700; display: block; position: relative; } .swatch-filter-dark-yellow.disabled { opacity: 0.2; } .swatch-circle-camouflage { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #55651d; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-camouflage.disabled { opacity: 0.2; } .swatch-filter-camouflage { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #55651d; border-radius: 0.69em; background-color: #55651d; display: block; position: relative; } .swatch-filter-camouflage.disabled { opacity: 0.2; } .swatch-circle-coral { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ff8300; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-coral.disabled { opacity: 0.2; } .swatch-filter-coral { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ff8300; border-radius: 0.69em; background-color: #ff8300; display: block; position: relative; } .swatch-filter-coral.disabled { opacity: 0.2; } .swatch-circle-gold { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #bfa110; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-gold.disabled { opacity: 0.2; } .swatch-filter-gold { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #bfa110; border-radius: 0.69em; background-color: #bfa110; display: block; position: relative; } .swatch-filter-gold.disabled { opacity: 0.2; } .swatch-circle-gray { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #949494; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-gray.disabled { opacity: 0.2; } .swatch-filter-gray { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #949494; border-radius: 0.69em; background-color: #949494; display: block; position: relative; } .swatch-filter-gray.disabled { opacity: 0.2; } .swatch-circle-multi { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #dd3caa; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-multi.disabled { opacity: 0.2; } .swatch-filter-multi { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #dd3caa; border-radius: 0.69em; background-color: #dd3caa; display: block; position: relative; } .swatch-filter-multi.disabled { opacity: 0.2; } .swatch-circle-natural { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #eee2c6; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-natural.disabled { opacity: 0.2; } .swatch-filter-natural { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #eee2c6; border-radius: 0.69em; background-color: #eee2c6; display: block; position: relative; } .swatch-filter-natural.disabled { opacity: 0.2; } .swatch-circle-miscellaneous { 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; transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { transform: rotate(-35deg); } .swatch-circle-multi, .swatch-filter-multi { background-image: url("../images/swatch-multi.png"); background-repeat: no-repeat; background-size: contain; } .form-group.required .form-control-label::before, .form-control-label.label-for-required-field::before { content: "*"; color: #D31717; margin-right: 4px; } /* ============================================================================ Scope - Size Chart ============================================================================ */ .s-size-chart, .global-sizecharts-container { /********** Shoe Size Charts ***********/ /********** Apparel Size Charts ***********/ } .s-size-chart table, .global-sizecharts-container table { margin-bottom: 20px; width: 100%; } .s-size-chart thead, .global-sizecharts-container thead { background-color: #DEDEDE; } .s-size-chart th, .s-size-chart td, .global-sizecharts-container th, .global-sizecharts-container td { padding: 10px; text-align: center; } .s-size-chart tbody tr:nth-of-type(odd), .global-sizecharts-container tbody tr:nth-of-type(odd) { background-color: #DEDEDE; } .s-size-chart .color-attribute, .global-sizecharts-container .color-attribute { border: none; padding: 0; background: none; } .s-size-chart .toggle-kids-sizechart, .s-size-chart .toggle-toddlers-sizechart, .global-sizecharts-container .toggle-kids-sizechart, .global-sizecharts-container .toggle-toddlers-sizechart { text-align: center; } .s-size-chart .title, .global-sizecharts-container .title { font-size: 1.3125rem; color: #434343; text-align: center; line-height: 36px; font-weight: 600; } @media (min-width: 1280px) { .s-size-chart .title, .global-sizecharts-container .title { font-size: 2rem; } } .s-size-chart .toggle-infant, .s-size-chart .toggle-kids, .global-sizecharts-container .toggle-infant, .global-sizecharts-container .toggle-kids { font-weight: 600; font-size: 18px; text-decoration: underline; } .s-size-chart .sizechart-table, .global-sizecharts-container .sizechart-table { margin-top: 10px; } .s-size-chart .shoe-fitguide a, .global-sizecharts-container .shoe-fitguide a { color: #333333; text-decoration: underline; } .s-size-chart .shoe-fitguide .heading, .global-sizecharts-container .shoe-fitguide .heading { width: 97%; margin: 0 auto; text-align: center; background-color: #ffffff; } .s-size-chart .shoe-fitguide .title, .global-sizecharts-container .shoe-fitguide .title { color: #333366; width: 100%; font-weight: 600; position: relative; padding-top: 50px; word-spacing: -5px; letter-spacing: 2px; line-height: 7rem; margin: auto; z-index: 2; } .s-size-chart .shoe-fitguide .subtitle, .global-sizecharts-container .shoe-fitguide .subtitle { line-height: 32px; letter-spacing: initial; word-spacing: initial; max-width: 75%; margin: auto; display: inline-block; } .s-size-chart .find-styles, .global-sizecharts-container .find-styles { text-align: center; padding-right: 5px; } .s-size-chart .find-styles .h3, .global-sizecharts-container .find-styles .h3 { margin-top: 5px; margin-bottom: 8px; } @media (min-width: 1280px) { .s-size-chart .find-styles .h3, .global-sizecharts-container .find-styles .h3 { margin-top: 10px; margin-bottom: 17px; } } .s-size-chart .shoe-fitguide .h4, .global-sizecharts-container .shoe-fitguide .h4 { font-weight: 300; } .s-size-chart .shoe-fitguide .diagram-cont, .global-sizecharts-container .shoe-fitguide .diagram-cont { display: table; width: 100%; padding-left: 30px; } .s-size-chart .shoe-fitguide .diagram-classic-fit, .s-size-chart .shoe-fitguide .diagram-relaxed-fit, .s-size-chart .shoe-fitguide .diagram-wide-fit, .s-size-chart .shoe-fitguide .diagram-xtra-wide-fit, .global-sizecharts-container .shoe-fitguide .diagram-classic-fit, .global-sizecharts-container .shoe-fitguide .diagram-relaxed-fit, .global-sizecharts-container .shoe-fitguide .diagram-wide-fit, .global-sizecharts-container .shoe-fitguide .diagram-xtra-wide-fit { background-size: contain; background-repeat: no-repeat; display: inherit; width: 85%; max-width: 300px; float: right; margin-right: 30px; } .s-size-chart .shoe-fitguide .classic-fit, .s-size-chart .shoe-fitguide .relaxed-fit, .s-size-chart .shoe-fitguide .wide-fit, .s-size-chart .shoe-fitguide .xtra-wide-fit, .global-sizecharts-container .shoe-fitguide .classic-fit, .global-sizecharts-container .shoe-fitguide .relaxed-fit, .global-sizecharts-container .shoe-fitguide .wide-fit, .global-sizecharts-container .shoe-fitguide .xtra-wide-fit { padding-top: 10px; } .s-size-chart tr:nth-child(n+2):hover, .global-sizecharts-container tr:nth-child(n+2):hover { background-color: #bfbfbf !important; } @media (max-width: 1439.98px) { .s-size-chart .shoe-fitguide .classic-fit, .s-size-chart .shoe-fitguide .relaxed-fit, .s-size-chart .shoe-fitguide .wide-fit, .s-size-chart .shoe-fitguide .xtra-wide-fit, .global-sizecharts-container .shoe-fitguide .classic-fit, .global-sizecharts-container .shoe-fitguide .relaxed-fit, .global-sizecharts-container .shoe-fitguide .wide-fit, .global-sizecharts-container .shoe-fitguide .xtra-wide-fit { margin: 10px; width: 95%; } } @media (min-width: 1280px) { .s-size-chart .shoe-fitguide .classic-fit, .s-size-chart .shoe-fitguide .relaxed-fit, .s-size-chart .shoe-fitguide .wide-fit, .s-size-chart .shoe-fitguide .xtra-wide-fit, .global-sizecharts-container .shoe-fitguide .classic-fit, .global-sizecharts-container .shoe-fitguide .relaxed-fit, .global-sizecharts-container .shoe-fitguide .wide-fit, .global-sizecharts-container .shoe-fitguide .xtra-wide-fit { margin: 10px; width: 47%; } } .s-size-chart .classic-fit, .global-sizecharts-container .classic-fit { display: inherit; float: left; border: 5px solid #669966; } .s-size-chart .relaxed-fit, .global-sizecharts-container .relaxed-fit { display: inherit; float: left; border: 5px solid #cc6600; } .s-size-chart .wide-fit, .global-sizecharts-container .wide-fit { display: inherit; float: left; border: 5px solid #957086; } .s-size-chart .xtra-wide-fit, .global-sizecharts-container .xtra-wide-fit { display: inherit; float: left; border: 5px solid #39919a; } .s-size-chart .shoe-fitguide .classic-fit-base, .s-size-chart .shoe-fitguide .relaxed-fit-base, .s-size-chart .shoe-fitguide .wide-fit-base, .s-size-chart .shoe-fitguide .xtra-wide-fit-base, .global-sizecharts-container .shoe-fitguide .classic-fit-base, .global-sizecharts-container .shoe-fitguide .relaxed-fit-base, .global-sizecharts-container .shoe-fitguide .wide-fit-base, .global-sizecharts-container .shoe-fitguide .xtra-wide-fit-base { width: 100%; height: 11%; padding: 2% 0px; margin-bottom: -1px; text-align: center; clear: both; } .s-size-chart .shoe-fitguide .classic-fit-base, .global-sizecharts-container .shoe-fitguide .classic-fit-base { background: #e0ebe0; } .s-size-chart .shoe-fitguide .relaxed-fit-base, .global-sizecharts-container .shoe-fitguide .relaxed-fit-base { background: #f2e1cf; } .s-size-chart .shoe-fitguide .wide-fit-base, .global-sizecharts-container .shoe-fitguide .wide-fit-base { background: #e1d5da; } .s-size-chart .shoe-fitguide .xtra-wide-fit-base, .global-sizecharts-container .shoe-fitguide .xtra-wide-fit-base { background: #d8e9eb; margin-top: 70px; } .s-size-chart .shoe-fitguide .logo-classic-fit, .s-size-chart .shoe-fitguide .logo-relaxed-fit, .s-size-chart .shoe-fitguide .logo-wide-fit, .s-size-chart .shoe-fitguide .logo-xtra-wide-fit, .global-sizecharts-container .shoe-fitguide .logo-classic-fit, .global-sizecharts-container .shoe-fitguide .logo-relaxed-fit, .global-sizecharts-container .shoe-fitguide .logo-wide-fit, .global-sizecharts-container .shoe-fitguide .logo-xtra-wide-fit { padding-top: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50%; text-align: center; width: 100%; height: 80px; } .s-size-chart .shoe-fitguide .diagram-classic-fit img, .s-size-chart .shoe-fitguide .diagram-relaxed-fit img, .s-size-chart .shoe-fitguide .diagram-wide-fit img, .s-size-chart .shoe-fitguide .diagram-xtra-wide-fit img, .global-sizecharts-container .shoe-fitguide .diagram-classic-fit img, .global-sizecharts-container .shoe-fitguide .diagram-relaxed-fit img, .global-sizecharts-container .shoe-fitguide .diagram-wide-fit img, .global-sizecharts-container .shoe-fitguide .diagram-xtra-wide-fit img { max-width: 100%; } .s-size-chart .shoe-fitguide .logo-classic-fit, .global-sizecharts-container .shoe-fitguide .logo-classic-fit { background-image: url(https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-logo-fit-guide-classic_e458de209801.png); } .s-size-chart .shoe-fitguide .logo-relaxed-fit, .global-sizecharts-container .shoe-fitguide .logo-relaxed-fit { background-image: url(https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-logo-fit-guide-relaxed_d79447a9a45f.png); } .s-size-chart .shoe-fitguide .logo-wide-fit, .global-sizecharts-container .shoe-fitguide .logo-wide-fit { background-image: url(https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-logo-fit-guide-wide_2afcd0c06ccf.png); } .s-size-chart .shoe-fitguide .logo-xtra-wide-fit, .global-sizecharts-container .shoe-fitguide .logo-xtra-wide-fit { background-image: url(https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-logo-fit-guide-xtra-wide_b122c8d984ae.png); } .s-size-chart .fit-title, .global-sizecharts-container .fit-title { font-size: 32px; color: #434343; text-align: center; line-height: 36px; font-weight: 800; margin-bottom: 10px; } .s-size-chart .heading p, .global-sizecharts-container .heading p { font-size: 15px; color: #434343; text-align: center; line-height: 22px; margin: 0 auto; max-width: 500px; } .s-size-chart .country-header, .global-sizecharts-container .country-header { background-color: #757575 !important; } .s-size-chart .country-header th, .global-sizecharts-container .country-header th { padding: 10px 0 10px 0 !important; color: #FFFFFF; text-align: center; line-height: 28px; border: 2px solid #757575; } .s-size-chart .modal-header, .global-sizecharts-container .modal-header { padding: 33px 20px 10px !important; } .s-size-chart .h3 strong, .global-sizecharts-container .h3 strong { font-weight: 800; } .s-size-chart .shoe-fitguide .skx_6x12omega, .global-sizecharts-container .shoe-fitguide .skx_6x12omega { margin-bottom: 10px; } .s-size-chart .shoe-fitguide a, .global-sizecharts-container .shoe-fitguide a { color: #1973C1; letter-spacing: 0; text-align: center; font-weight: 600; } .s-size-chart .measure-printable, .global-sizecharts-container .measure-printable { font-size: 18px; font-weight: 600; text-decoration: underline; } @media (min-width: 1440px) { .s-size-chart .toggle-kids-sizechart, .global-sizecharts-container .toggle-kids-sizechart { text-align: center; min-width: 500px; } .s-size-chart .skx_6x12omega, .global-sizecharts-container .skx_6x12omega { margin-bottom: 5px; } .s-size-chart .h4, .global-sizecharts-container .h4 { margin-bottom: 5px; margin-top: 5px; } .s-size-chart .shoe-fitguide div, .global-sizecharts-container .shoe-fitguide div { margin-bottom: 10px; } .s-size-chart .shoe-fitguide .diagram-classic-fit, .s-size-chart .shoe-fitguide .diagram-relaxed-fit, .s-size-chart .shoe-fitguide .diagram-wide-fit, .s-size-chart .shoe-fitguide .diagram-xtra-wide-fit, .global-sizecharts-container .shoe-fitguide .diagram-classic-fit, .global-sizecharts-container .shoe-fitguide .diagram-relaxed-fit, .global-sizecharts-container .shoe-fitguide .diagram-wide-fit, .global-sizecharts-container .shoe-fitguide .diagram-xtra-wide-fit { max-width: 340px; } } @media (max-width: 767.98px) { .s-size-chart .title, .global-sizecharts-container .title { margin-bottom: 5px; font-size: 23px; } .s-size-chart .fit-title, .global-sizecharts-container .fit-title { font-size: 28px; margin-bottom: 10px; } .s-size-chart .subtitle, .global-sizecharts-container .subtitle { margin-bottom: 10px !important; } .s-size-chart .heading, .global-sizecharts-container .heading { display: inline-block; text-align: center; } .s-size-chart .heading p, .global-sizecharts-container .heading p { display: contents; font-size: 14px; float: left; } .s-size-chart .heading-margin, .global-sizecharts-container .heading-margin { margin-bottom: 10px; } } @media (max-width: 543.98px) { .s-size-chart .title, .global-sizecharts-container .title { font-size: 21px; margin-bottom: 5px; } .s-size-chart .fit-title, .global-sizecharts-container .fit-title { font-size: 23px; } } .s-size-chart .sizechart, .global-sizecharts-container .sizechart { max-width: 600px; margin: 0 auto; text-align: center; } .s-size-chart .sizechart-table, .global-sizecharts-container .sizechart-table { text-align: center; width: 100%; } .s-size-chart .imgapparel, .global-sizecharts-container .imgapparel { background-position: 0 0; width: 130px; float: right; } .s-size-chart .imgapparel-men, .global-sizecharts-container .imgapparel-men { background-position: -150px 0; width: 147px; float: right; } .s-size-chart .shoe-sizechart > td, .global-sizecharts-container .shoe-sizechart > td { width: 25%; } .s-size-chart .apparel-sizechart > td, .global-sizecharts-container .apparel-sizechart > td { width: 25%; } .s-size-chart .sizechart-list, .global-sizecharts-container .sizechart-list { list-style-type: lower-alpha; } .s-size-chart .category-headers, .global-sizecharts-container .category-headers { background-color: #757575 !important; } .s-size-chart .category-headers td, .global-sizecharts-container .category-headers td { padding: 10px 0 10px 0 !important; color: #FFFFFF; text-align: center; line-height: 28px; border: 2px solid #757575; font-weight: 800; } .s-size-chart .modal-header, .global-sizecharts-container .modal-header { padding: 33px 20px 10px; } @media (min-width: 1440px) and (max-width: 1579.98px) { .s-size-chart .title, .global-sizecharts-container .title { font-size: 25px; } .s-size-chart .womens-title, .global-sizecharts-container .womens-title { font-size: 23px; } .s-size-chart .column, .global-sizecharts-container .column { padding: 10px 1px 10px 1px !important; } } @media (min-width: 768px) and (max-width: 1279.98px) { .s-size-chart .category-headers td, .global-sizecharts-container .category-headers td { line-height: 15px; } .s-size-chart .title, .global-sizecharts-container .title { font-size: 1.5rem; } .s-size-chart .row-striped td, .global-sizecharts-container .row-striped td { font-size: 13px; } .s-size-chart .category-headers td, .global-sizecharts-container .category-headers td { font-size: 14px; font-weight: 600px; } .s-size-chart .paddingTop h3, .global-sizecharts-container .paddingTop h3 { font-size: 16px; } .s-size-chart .paddingTop p, .global-sizecharts-container .paddingTop p { font-size: 13px; } .s-size-chart .widget-subsection h2, .global-sizecharts-container .widget-subsection h2 { font-size: 16px; } .s-size-chart .widget-subsection ul, .global-sizecharts-container .widget-subsection ul { font-size: 13px; padding-left: 15px; } } @media (min-width: 768px) and (max-width: 1279.98px) { .s-size-chart .title, .global-sizecharts-container .title { font-size: 1.3125rem; } } @media (max-width: 543.98px) { .s-size-chart .womens-sizechart .row-striped td, .global-sizecharts-container .womens-sizechart .row-striped td { font-size: 10px; } } .global-sizecharts-container { margin: 0 auto; padding-top: 30px; padding-right: 5px; padding-left: 15px; } .global-sizecharts-container .size-chart-description { text-align: left; margin: 0 auto; padding-bottom: 30px; width: 100%; } @media (min-width: 768px) { .global-sizecharts-container .size-chart-description { text-align: left; } } @media (min-width: 1280px) { .global-sizecharts-container { max-width: 1000px; } } @media (max-width: 1439.98px) { .global-sizecharts-container { width: 90%; } } .global-sizecharts-container .toggle-break { display: none; } @media (max-width: 1279.98px) { .global-sizecharts-container .toggle-break { display: inline; } } @media (max-width: 1279.98px) { .global-sizecharts-container .infants-toggle { margin-top: 10px; } } .global-sizecharts-container .inactive-toggle { color: #666666; } .global-sizecharts-container .active-toggle { font-weight: 600; font-size: 18px; text-decoration: underline; color: #1973C1; } .global-sizecharts-container .toggles-container { text-align: center; margin: 0 auto; padding-bottom: 30px; } .global-sizecharts-container .toggles-container a { margin: 0 20px 20px 20px; } @media (max-width: 1279.98px) { .global-sizecharts-container .toggles-container a { margin: 0 20px 20px 20px; } } @media (max-width: 543.98px) { .global-sizecharts-container .toggles-container a { margin: 0 5px 20px 0; } } .global-sizecharts-container .s-size-chart .country-header th, .global-sizecharts-container .global-sizecharts-container .country-header th { padding: 0; } .global-sizecharts-container .fit-title { margin-top: 40px; } .global-sizecharts-container .diagram-cont { display: flex; flex-wrap: wrap; } .global-sizecharts-container .classic-fit { display: grid !important; grid-template-columns: 5fr 2fr; grid-template-rows: auto; grid-template-areas: "header header header header" "main main . sidebar" "footer footer footer footer"; } @media (max-width: 1279.98px) { .global-sizecharts-container .classic-fit { grid-template-columns: 5fr 3fr; } } .global-sizecharts-container .classic-fit .logo-classic-fit { grid-area: header; } .global-sizecharts-container .classic-fit .diagram-classic-fit { grid-area: main; } @media (max-width: 1279.98px) { .global-sizecharts-container .classic-fit .diagram-classic-fit { padding-left: 15px; } } .global-sizecharts-container .classic-fit .find-styles { grid-area: sidebar; margin-top: 20px; } @media (max-width: 1279.98px) { .global-sizecharts-container .classic-fit .find-styles { padding-right: 5px; } } .global-sizecharts-container .classic-fit .classic-fit-base { grid-area: footer; height: 100%; } @media (max-width: 1279.98px) { .global-sizecharts-container .classic-fit .classic-fit-base .h4 { margin-bottom: 0; } } .global-sizecharts-container .relaxed-fit { display: grid !important; grid-template-columns: 5fr 2fr; grid-template-rows: auto; grid-template-areas: "header header header header" "main main . sidebar" "footer footer footer footer"; } @media (max-width: 1279.98px) { .global-sizecharts-container .relaxed-fit { grid-template-columns: 5fr 3fr; } } .global-sizecharts-container .relaxed-fit .logo-relaxed-fit { grid-area: header; } .global-sizecharts-container .relaxed-fit .diagram-relaxed-fit { grid-area: main; } @media (max-width: 1279.98px) { .global-sizecharts-container .relaxed-fit .diagram-relaxed-fit { padding-left: 15px; } } .global-sizecharts-container .relaxed-fit .find-styles { grid-area: sidebar; margin-top: 20px; } @media (max-width: 1279.98px) { .global-sizecharts-container .relaxed-fit .find-styles { width: 90%; } } .global-sizecharts-container .relaxed-fit .relaxed-fit-base { grid-area: footer; height: 100%; } @media (max-width: 1279.98px) { .global-sizecharts-container .relaxed-fit .relaxed-fit-base .h4 { margin-bottom: 0; } } .global-sizecharts-container .wide-fit { display: grid !important; grid-template-columns: 5fr 2fr; grid-template-rows: auto; grid-template-areas: "header header header header" "main main . sidebar" "footer footer footer footer"; } @media (max-width: 1279.98px) { .global-sizecharts-container .wide-fit { grid-template-columns: 5fr 2fr; } } .global-sizecharts-container .wide-fit .logo-wide-fit { grid-area: header; } .global-sizecharts-container .wide-fit .diagram-wide-fit { grid-area: main; } @media (min-width: 768px) and (max-width: 1279.98px) { .global-sizecharts-container .wide-fit .diagram-wide-fit { margin-right: 80px; } } .global-sizecharts-container .wide-fit .find-styles { grid-area: sidebar; margin-top: 20px; } @media (max-width: 1279.98px) { .global-sizecharts-container .wide-fit .find-styles { padding-right: 10px; } } .global-sizecharts-container .wide-fit .wide-fit-base { grid-area: footer; height: 100%; justify-self: end; } @media (min-width: 1440px) { .global-sizecharts-container .wide-fit .wide-fit-base { height: 53%; margin-top: 60px; } } @media (max-width: 1279.98px) { .global-sizecharts-container .wide-fit .wide-fit-base .h4 { margin-bottom: 0; } } .global-sizecharts-container .xtra-wide-fit { display: grid !important; grid-template-columns: 5fr 2fr; grid-template-rows: auto; grid-template-areas: "header header header header" "main main . sidebar" "footer footer footer footer"; } @media (max-width: 1279.98px) { .global-sizecharts-container .xtra-wide-fit { grid-template-columns: 5fr 3fr; } } .global-sizecharts-container .xtra-wide-fit .logo-xtra-wide-fit { grid-area: header; } .global-sizecharts-container .xtra-wide-fit .diagram-xtra-wide-fit { grid-area: main; } .global-sizecharts-container .xtra-wide-fit .find-styles { grid-area: sidebar; margin-top: 20px; } .global-sizecharts-container .xtra-wide-fit .xtra-wide-fit-base { grid-area: footer; height: auto; } @media (min-width: 1280px) { .global-sizecharts-container .xtra-wide-fit .xtra-wide-fit-base { margin-top: 32px; } } @media (max-width: 1439.98px) { .global-sizecharts-container .xtra-wide-fit .xtra-wide-fit-base { margin-top: 10px; } } @media (max-width: 1279.98px) { .global-sizecharts-container .xtra-wide-fit .xtra-wide-fit-base .h4 { margin-bottom: 0; } } @media (min-width: 1280px) { .unisex-footwear-sizechart { min-width: 824px; } } @media (max-width: 1279.98px) { .unisex-footwear-sizechart { min-width: 500px; } } @media (max-width: 767.98px) { .unisex-footwear-sizechart { min-width: 100vw; } } .in-store-inventory-dialog { max-width: 70em; } .in-store-inventory-dialog .modal-header { margin-bottom: 5px; } @media (min-width: 768px) { .in-store-inventory-dialog .modal-content { width: 100%; } } @media (min-width: 544px) { .in-store-inventory-dialog .mt-auto { margin-top: -2rem !important; } } @media (max-width: 543.98px) { .in-store-inventory-dialog .mt-auto { margin-top: 1.15em !important; } } .in-store-inventory-dialog .btn-primary-ghost-alt, .in-store-inventory-dialog .btn-primary-new { margin: 1.75rem 0 0; } .in-store-inventory-dialog .modal-header { padding-top: 23px; margin-bottom: 24px; } .in-store-inventory-dialog .modal-header .modal-title { display: inline-block; width: 100%; color: #434343; font-family: Mulish; font-size: 22px; font-weight: 600; letter-spacing: 0; line-height: 35px; text-transform: uppercase; border-bottom: 1px solid #D3D3D3; padding-bottom: 12px; } @media (min-width: 768px) { .in-store-inventory-dialog .modal-header .modal-title { font-size: 28px; } } .store-locator-container { padding-left: 0; padding-right: 0; } .store-locator-container .selected-store { border: none; border-radius: 0; background: #F5F5F5; position: relative; } .store-locator-container .selected-store .pickup-details { float: right; text-align: right; } .store-locator-container .selected-store .card-body { position: relative; z-index: 1; } .store-locator-container .selected-store:after { display: block; content: ''; width: calc(100% + 38px); height: 100%; position: absolute; background: #F5F5F5; top: 0; left: -19px; right: 0; bottom: 0; } @media (min-width: 768px) { .store-locator-container .selected-store:after { display: none; } } .store-locator-container__modal-header { font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.07; letter-spacing: normal; color: #434343; margin-bottom: 12px; } @media (min-width: 768px) { .store-locator-container__modal-header { font-size: 22px; } } @media (min-width: 768px) { .store-locator-container__modal-header { font-size: 24px; } } @media (min-width: 768px) { .store-locator-container__results-container.has-current { margin-top: 23px; } } @media (min-width: 768px) { .store-locator-container__results-container { min-width: 320px; } } .store-locator-container__store-results-card { padding: 1rem; } @media (min-width: 768px) { .store-locator-container__store-results-card { margin-right: 0.938em; } } .store-locator-container .detect-location { margin-bottom: 1em; } .store-locator-container .store-details { display: block; } .store-locator-container .store-details .in-stock { color: #009245; } .store-locator-container .store-details .out-of-stock { color: #d31717; } @media screen and (max-width: 321px) { .store-locator-container .store-details { margin: 0 !important; } } .store-locator-container .striped > div:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .store-locator-container .search-form { width: 100%; } .store-locator-container .custom-radio .store-details { margin-left: 1.125em; } .store-locator-container .store-locator-no-results { font-size: 21px; line-height: 1.5; font-family: Mulish; font-weight: 500; display: none; width: 100%; max-width: 400px; margin: 0 auto; } .store-locator-container .current-store { font-size: 14px; line-height: 1.3; letter-spacing: 0.5px; text-transform: uppercase; font-family: Mulish; font-weight: 400; color: #757575; margin: 0 0 5px 0; display: block; width: 100%; } @media (min-width: 768px) { .store-locator-container .results { overflow-y: auto; overflow-x: hidden; max-height: 21.875em; } } /* * base styles for the icons/labels */ .pickup-details.in-stock-false { display: none; } .pickup-details .store-pickup-icons { width: 16px; height: 16px; object-fit: contain; } .pickup-details .in-store-true, .pickup-details .curb-side-true { color: #009245; } .pickup-details .in-store-true .is-available-icon, .pickup-details .curb-side-true .is-available-icon { fill: #009245; } .pickup-details .in-store-false, .pickup-details .curb-side-false { color: #d31717; } .pickup-details .in-store-false .not-available-icon, .pickup-details .curb-side-false .not-available-icon { fill: #d31717; } .pickup-details .in-store-null, .pickup-details .curb-side-null { color: purple; } .pickup-details .in-store-null .store-icon, .pickup-details .in-store-null .curbside-icon, .pickup-details .in-store-null .is-available-icon, .pickup-details .in-store-null .not-available-icon, .pickup-details .curb-side-null .store-icon, .pickup-details .curb-side-null .curbside-icon, .pickup-details .curb-side-null .is-available-icon, .pickup-details .curb-side-null .not-available-icon { fill: purple; } @media (max-width: 767.98px) { .pickup-details { margin-top: 16px; } } .store-pickup { display: inline-block; height: 21px; font-family: Mulish; font-size: 11px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; } @media (max-width: 767.98px) { .store-pickup { margin-bottom: 0; } } .store-pickup:nth-of-type(odd) { margin-right: 20px; } @media screen and (max-width: 321px) { .store-pickup:nth-of-type(odd) { margin: 5px !important; } } .store-pickup .store-pickup-labels, .store-pickup .store-pickup-icons { display: inline-block; vertical-align: middle; } .selected-store .store-pickup:nth-of-type(odd) { margin-right: 0px; } @media screen and (max-width: 321px) { .selected-store .store-pickup:nth-of-type(odd) { margin: 5px !important; } } .selected-store .store-pickup:nth-of-type(even) { margin-right: 0px; margin-left: 20px !important; } @media screen and (max-width: 321px) { .selected-store .store-pickup:nth-of-type(even) { margin-left: 5px !important; } } /* * alignment/orientation related styles */ /* ensures containers that host in store/curbside icons take up the full width of their parent */ .pdp-in-store-inventory .pickup-options, .store-locator-container__store-results-card .custom-control-label, .store-detail, .pickup-summary-subsection { display: block; width: 100%; } /* clear after any pre-existing containers that will now be hosting the in store/curbside icons */ @media (min-width: 768px) { .store-detail:after, .shipping.summary-details:after { content: ""; display: table; clear: both; } } /* desktop view: right-aligned, stacked */ @media (min-width: 768px) { .pickup-address-container { width: auto; min-width: 220px; max-width: 47.75%; float: left; padding-right: 40px; } } @media (min-width: 1280px) { .pickup-address-container { padding-right: 80px; } } /* desktop view: right-aligned, stacked */ @media (min-width: 768px) { .pickup-details { width: auto; max-width: 60%; float: left; margin-top: 3px; } } @media (min-width: 768px) { .pickup-details .store-pickup { display: block; } .pickup-details .store-pickup:nth-of-type(even) { margin-left: 0; margin-top: 10px; } } /* * View-specific styling modifications */ /* checkout: align icons with right column of field elements on desktop */ @media (min-width: 768px) { #checkout-main .pickup-address-container { width: 49.1%; min-width: none; max-width: none; } } /* order summary & order history: show mobile arrangement on desktop */ @media (min-width: 768px) { .receipt .pickup-address-container, .historical-receipt .pickup-address-container { width: auto; min-width: none; max-width: none; float: none; padding-left: 0; margin-top: 0; } } @media (min-width: 768px) { .receipt .pickup-details, .historical-receipt .pickup-details { width: auto; min-width: none; max-width: none; float: none; padding-left: 0; margin-top: 0; } } @media (max-width: 1279.98px) { .receipt .pickup-details, .historical-receipt .pickup-details { margin: 10px 0 15px; } } @media (min-width: 768px) { .receipt .pickup-details .store-pickup, .historical-receipt .pickup-details .store-pickup { display: inline-block; margin-bottom: 0; } .receipt .pickup-details .store-pickup:nth-of-type(even), .historical-receipt .pickup-details .store-pickup:nth-of-type(even) { margin-left: 20px; } } @media screen and (min-width: 768px) and (max-width: 321px) { .receipt .pickup-details .store-pickup:nth-of-type(even), .historical-receipt .pickup-details .store-pickup:nth-of-type(even) { margin: 5px !important; } } .btn-get-in-store-inventory .btn-storelocator-search { margin-bottom: 0.625rem; display: block; width: 100%; } @media (min-width: 544px) { .btn-get-in-store-inventory .btn-storelocator-search { margin-top: 2rem; margin-bottom: 0; } } .selected-store-with-inventory .store-address1, .selected-store-with-inventory .store-address2, .selected-store-with-inventory .store-phone, .address-summary .store-address1, .address-summary .store-address2, .address-summary .store-phone { display: block; } .display-none { display: none !important; } .modal-header .close span { font-size: 1rem; margin-right: 0.313em; } .ship-it-option { letter-spacing: 0; } .ship-it-option__stock-label { color: #008945; margin-left: 12px; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: bold; } .ship-it-option__shipit-label { font-weight: 500; } .pickup-options { padding-top: 30px; } .pickup-options .learn-more { position: relative; } .pickup-options label { padding-left: 11px; font-size: 15px; line-height: 22px; letter-spacing: 0; font-weight: 500; } .pickup-options .form-group { margin-bottom: 20px; } .pickup-availability { display: inline-block; text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 19px; margin-bottom: 0; } .pickup-availability.out-of-stock { color: #D31717; } .pickup-availability.in-stock { color: #008945; } .store-details .card-body { padding: 0; } .js-alert-no-stock .alert { border-left: 3px solid #d31717; font-family: Mulish; font-size: 14px; color: #d31717; } .js-alert-no-stock .alert:after { content: ""; display: table; clear: both; } .js-alert-no-stock .alert-icon { display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: middle; } .js-alert-no-stock .alert-copy { display: inline-block; width: calc(100% - 50px); vertical-align: middle; } .change-store-button { font-size: 14px; } button.change-store { background: transparent; letter-spacing: normal; text-transform: none; -webkit-appearance: none; width: auto; height: auto; display: inline-block; border: none; font-size: 14px; font-weight: 600; text-align: left; padding: 0; margin: 0 0 0 39px; line-height: 24px; border-radius: 0; transition: none; color: #1973c1; } button.change-store:hover { background: transparent; color: #1973C1; text-decoration: underline; } .store-detail p, .store-detail address { margin: 0; color: #666; } .pickup-availability::after { content: attr(data-function-word); color: #434343; margin-left: 4px; text-transform: lowercase; font-weight: normal; } .product-mix-alert-modal { display: block; width: 100%; max-width: 297px; margin: 0 auto; } .product-mix-alert-modal .header { width: 100%; height: 28px; font-family: Mulish; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; color: #434343; margin: 10px 0; } .product-mix-alert-modal .body { width: 100%; font-family: Mulish; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #1a1a1a; } .product-mix-alert-modal .btn { width: 100%; height: 40px; font-family: Mulish; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: 1px; text-align: center; padding: 0; margin: 20px 0 0 0; } .product-mix-alert-modal .btn.cancel-and-continue, .product-mix-alert-modal .btn.confirm-clear-and-add { font-size: 16px; letter-spacing: 0; text-transform: none; } .change-store-button .set-location { margin-top: 6px; margin-left: 39px; font-size: 14px; line-height: 19px; } .change-store-button .set-location:hover { color: #1973C1; text-decoration: underline; } .pickup-options-info { display: flex; flex-flow: row wrap; width: 100%; color: #666; margin: 12px 0 0 0; } .pickup-options-info .pickup-options-info-row { background-image: url("../../images/ico-bopis-shipit.svg"); background-repeat: no-repeat; background-position: 0 6px; padding: 0 0 0 40px; margin: 20px 0 0 0; } .pickup-options-info .pickup-options-info-row.check-instore { background-image: url("../../images/ico-bopis-instore.svg"); } .pickup-options-info .pickup-options-info-row .title { color: #282828; font-size: 15px; font-weight: bold; letter-spacing: 0; line-height: 22px; } .pickup-options-info .pickup-options-info-row .description { font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 19px; } .pickup-options-info .tooltip-icon, .pick-up-option .tooltip-icon { top: -2px; position: relative; } .pickup-options-info .info-icon .tooltip, .pick-up-option .info-icon .tooltip { background-color: #fff; color: #434343; font-size: 13px; letter-spacing: 0; line-height: 20px; padding: 20px; border: 1px solid #DEDEDE; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16); min-width: 335px; width: 335px; left: 0; transform: translate(-50vw, -0.625em); } @media (min-width: 768px) { .pickup-options-info .info-icon .tooltip, .pick-up-option .info-icon .tooltip { left: calc(50% - 120px); transform: translate(-50%, -0.625em); min-width: 335px; } } .pickup-options-info .info-icon .tooltip .learn-more, .pick-up-option .info-icon .tooltip .learn-more { color: #1973C1; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 22px; } .pickup-options-info .info-icon .tooltip .learn-more::after, .pick-up-option .info-icon .tooltip .learn-more::after { content: "\BB"; display: inline; } .pickup-options-info .info-icon .tooltip a, .pick-up-option .info-icon .tooltip a { color: #1973C1; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 22px; } .pickup-options-info .info-icon .tooltip a:hover, .pick-up-option .info-icon .tooltip a:hover { color: #1973C1; text-decoration: underline; } .pickup-options-info .info-icon .tooltip p, .pick-up-option .info-icon .tooltip p { margin-bottom: 12px; } .pickup-options-info .info-icon .tooltip::after, .pick-up-option .info-icon .tooltip::after { bottom: -13px; background-image: url("../../images/img-tooltip-white-corner-m.png"); border: none; content: ""; width: 20px; height: 20px; transform: rotate(-45deg) scale(0.7); left: 235px; } @media (min-width: 544px) { .pickup-options-info .info-icon .tooltip::after, .pick-up-option .info-icon .tooltip::after { left: calc(58px + var(--tooltip-arrow-offset, 0)); } } @media (min-width: 768px) { .pickup-options-info .info-icon .tooltip::after, .pick-up-option .info-icon .tooltip::after { left: calc(285px + var(--tooltip-arrow-offset, 0)); } } .pickup-options-info .info-icon-overlay, .pick-up-option .info-icon-overlay { width: 100vw; height: 100vh; background: transparent; position: fixed; top: 0; left: 0; z-index: 60; } .pick-up-option .card-body { display: inline-block; } .pick-up-option .form-group { margin-bottom: 0; } .pick-up-option .store-name, .pick-up-option .store-zip { font-weight: bold; font-size: 14px; } .pick-up-option .selected-store-with-inventory { padding: 16px 0 6px 39px; font-size: 14px; line-height: 22px; } .pick-up-option .selected-store-with-inventory .change-store { margin: 0 1em 1em; width: auto; } .pick-up-option .selected-store-with-inventory .store-summary { display: inline; } .pick-up-option .selected-store-with-inventory .store-summary .store-name, .pick-up-option .selected-store-with-inventory .store-summary .store-zip { display: inline; } .pick-up-option.current-selection .selected-store-with-inventory { padding: 14px 0 16px 39px; } .pick-up-option.current-selection .pickup-availability { margin-bottom: 6px; } .pick-up-option.current-selection .pickup-availability::after { display: none; } .pick-up-option.current-selection .card-body { display: block; } .pick-up-option:not(.current-selection) .selected-store-with-inventory .pickup-availability, .pick-up-option:not(.current-selection) .selected-store-with-inventory .card-body, .pick-up-option:not(.current-selection) .selected-store-with-inventory .store-summary, .pick-up-option:not(.current-selection) .selected-store-with-inventory .store-name, .pick-up-option:not(.current-selection) .selected-store-with-inventory .store-zip { display: inline; } .pdp-in-store-inventory .pick-up-option .store-detail { display: flex; flex-flow: row wrap; max-width: 100%; } @media (min-width: 1280px) { .pdp-in-store-inventory .pick-up-option .store-detail { max-width: 500px; } } .pdp-in-store-inventory .pick-up-option .store-detail .pickup-address-container { width: 100%; max-width: 100%; flex-grow: 2; padding: 0; } @media (min-width: 1280px) { .pdp-in-store-inventory .pick-up-option .store-detail .pickup-address-container { width: 50%; padding: 0 80px 0 0; } } .pdp-in-store-inventory .pick-up-option .store-detail .pickup-details { width: 100%; max-width: 100%; padding: 10px 0 0 0; margin: 0; flex-grow: 1; } @media (min-width: 1280px) { .pdp-in-store-inventory .pick-up-option .store-detail .pickup-details { width: 110px; max-width: 110px; padding: 3px 0 0 0; } } .pdp-in-store-inventory .pick-up-option .store-detail .store-pickup { line-height: 13px; letter-spacing: 0; width: 100%; display: block; } .pdp-in-store-inventory .pick-up-option .store-detail .store-pickup:nth-of-type(odd) { margin: 10px 0 0 0; } @media (min-width: 1280px) { .pdp-in-store-inventory .pick-up-option .store-detail .store-pickup:nth-of-type(odd) { margin-top: 0; } } .pdp-in-store-inventory .pick-up-option .store-detail .store-pickup:nth-of-type(even) { margin-top: 14px; } .pdp-in-store-inventory .pick-up-option .store-detail .store-pickup.in-store-true { color: #008945; } .product-alert-form .text-required { margin: 0 0 20px 0; font-size: 0.875rem; line-height: 19px; color: #666; } .product-alert-form .shopping-tip { font-size: 0.8125rem; font-weight: 400; line-height: 18px; color: #777777; margin: 0 0 20px 0; } .product-alert-form .shopping-tip strong, .product-alert-form .shopping-tip b { font-weight: 700; } .product-alert-form .btn-attr-width { height: 32px; padding: 5px 8px; } .product-alert-form .btn-attr-width span { font-weight: 500; min-width: 100%; } .product-alert-form .btn-attr-width.selected span { font-weight: 700; } .product-alert-form .btn-attr-size { line-height: 34px; height: 34px; width: 48px; min-width: 48px; padding: 0 3px; } .product-alert-form .unisex-sizes-container .btn-attr-size { min-width: 120px; } .product-alert-form .product-alert-copy-top { font-size: 0.9375rem; line-height: 22px; font-weight: normal; margin: 0 0 10px 5px; } .product-alert-form .product-alert-copy-bottom { font-size: 0.8125rem; line-height: 18px; font-weight: normal; color: #777777; margin-left: 5px; } .product-alert-form .btn-cancel { color: #1973C1; font-size: 1.125rem; line-height: 28px; text-transform: none; font-weight: normal; padding: 11px 10px; } @media (min-width: 768px) { .product-alert-form .btn-cancel { margin-top: 0; padding: 11px 30px; } } .product-alert-form .btn-cancel:hover { color: #104b7d; text-decoration: underline; } .product-alert-form .form-actions { display: block; } .product-alert-form .form-actions .btn { display: block; width: 100%; } @media (min-width: 768px) { .product-alert-form .form-actions .btn { width: auto; display: inline; } } .product-alert-form .form-actions .btn[type="submit"] { width: 100%; } @media (min-width: 768px) { .product-alert-form .form-actions .btn[type="submit"] { min-width: 200px; width: auto; max-width: 340px; } } .product-alert-form label, .product-alert-form .label { font-weight: bold; font-size: 0.9375rem; line-height: 22px; } .product-alert-form .js-alert-width, .product-alert-form .js-alert-size { display: none; } .modal.js-product-alert-modal { z-index: 3000; } .modal.js-product-alert-modal.modal-overflow { align-items: flex-start; } .modal.js-product-alert-modal.modal-overflow .modal-dialog { margin-top: 0; } .modal.js-product-alert-modal .modal-dialog { margin: 0; width: 100vw; height: 100vh; overflow: scroll; margin: auto; } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-dialog { width: 100%; height: auto; max-width: 700px; overflow: hidden; } } .modal.js-product-alert-modal .modal-dialog .modal-content { width: 100%; height: 100vh; max-height: 100vh; background-repeat: no-repeat; border: none; border-radius: 12px; } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-dialog .modal-content { width: 610px; max-height: 100%; height: auto; margin: 50px auto; border-radius: 12px; } } @media (max-width: 767.98px) { .modal.js-product-alert-modal .modal-dialog .modal-content { border-radius: 0; } } .modal.js-product-alert-modal .modal-header { padding: 63px 20px 0; } .modal.js-product-alert-modal .modal-body { font-size: 1rem; line-height: 24px; color: #434343; height: 100%; max-height: 100%; padding: 43px 30px 30px 30px; } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-body { overflow: hidden; } } .modal.js-product-alert-modal .modal-body.notifyme-success { justify-content: flex-start; } .modal.js-product-alert-modal .modal-body.notifyme-success .product-name.js-alert-name.top { display: flex; } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-body.notifyme-success .product-name.js-alert-name.top { display: flex; } } .modal.js-product-alert-modal .modal-body.notifyme-success .product-info .product-name.js-alert-name { display: none; } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-body.notifyme-success .product-info .product-name.js-alert-name { display: none; } } .modal.js-product-alert-modal .modal-body h3 { font-size: 1.75rem; line-height: 35px; text-align: center; } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-body h3 { font-size: 2rem; line-height: 36px; text-align: left; width: 100%; } } .modal.js-product-alert-modal .modal-body .success-message { text-align: left; font-size: 1rem; line-height: 20px; max-width: 100%; } .modal.js-product-alert-modal .modal-body .success-check { width: 24px; height: 24px; } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-body .success-check { width: 32px; height: 32px; } } .modal.js-product-alert-modal .modal-body .keep-in-mind { color: #777777; font-size: 0.8125rem; line-height: 18px; margin: 10px 0 28px 0; } .modal.js-product-alert-modal .modal-body .modal-title { font-size: 1.5rem; line-height: 36px; font-weight: bold; } .modal.js-product-alert-modal .modal-body .card { display: flex; flex-flow: row wrap; border-radius: 6px; border: 1px #434343 solid; padding: 20px; width: 100%; color: #434343; font-size: 0.875rem; line-height: 22px; } .modal.js-product-alert-modal .modal-body .card .product-image { width: 125px; margin: 0 20px 0 0; } .modal.js-product-alert-modal .modal-body .card .product-image img { width: 100%; } .modal.js-product-alert-modal .modal-body .card .product-name { font-weight: bold; font-size: 1rem; line-height: 22px; text-overflow: ellipsis; white-space: normal; overflow: hidden; max-width: 300px; } .modal.js-product-alert-modal .modal-body .card .product-name.top { margin-bottom: 18px; display: flex; } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-body .card .product-name.top { display: none; } } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-body .card .product-name { max-width: 390px; } } @media (min-width: 1280px) { .modal.js-product-alert-modal .modal-body .card .product-name { max-width: 500px; } } .modal.js-product-alert-modal .modal-body .card .product-info { margin: 10px 0 0 0; width: 30%; flex-grow: 2; overflow: hidden; } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-body .card .product-info { width: 60%; margin: 0; } } .modal.js-product-alert-modal .modal-body .card .product-info .label { font-weight: bold; font-size: 0.9375rem; display: inline-block; } .modal.js-product-alert-modal .modal-body .card .product-info .value { margin: 0 0 0 2px; font-weight: normal; display: inline-flex; } .modal.js-product-alert-modal .modal-body .card .product-info .product-name { display: none; } @media (min-width: 768px) { .modal.js-product-alert-modal .modal-body .card .product-info .product-name { display: flex; } } .product-detail .swatch-circle { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fff; border-radius: 1.25em; border: 0.063em solid rgba(0, 0, 0, 0.3); display: inline-block; margin-right: 0.313em; position: relative; } .product-detail .swatch-circle.color-value[data-selected=true]::after { color: #000; display: table-caption; font-size: 1.625em; left: 0.295em; position: absolute; } .product-detail .swatch-circle.color-value.selected::after { background: #fff; border-radius: 50%; color: #000; display: table-caption; font-size: 1.625em; height: 0.75em; left: 0.31em; line-height: 0.8em; position: absolute; top: 0.35em; width: 0.8em; } .product-detail .swatch-circle i.fa-times-circle { background: #fff; border-radius: 50%; height: 0.75em; line-height: 0.8em; width: 0.8em; } .product-detail [disabled] .swatch-circle, .product-detail .swatch-circle.unselectable { cursor: not-allowed; } .product-detail [disabled] .swatch-circle.color-value.selected::after, .product-detail .swatch-circle.unselectable.color-value.selected::after { background-color: #495057; } label.color ~ a:hover { text-decoration: none; } .social-container { padding-top: 0.9375em; text-align: center; } .social-container .social-icons { text-decoration: none; font-size: 1.875em; list-style-type: none; padding: 0; color: #444; } @media (max-width: 1279.98px) { .social-container .social-icons { font-size: 1.5625em; } } .social-container .social-icons i, .social-container .social-icons a { color: #444; padding-right: 0.2em; } label.availability { padding-right: 0.3125em; } .quantity-select { color: #434343; cursor: pointer; font-size: 0.875rem; font-weight: 600; margin-left: 10px; width: 66px; } @media (max-width: 767.98px) { .quantity-select:active, .quantity-select:focus, .quantity-select:hover { font-size: 16px; } } .promotion { color: #D31717; } .promotion .callout { font-size: 0.875rem; font-weight: 300; } .promotion .callout-d-none { display: none; } .price { font-size: 1.3125rem; letter-spacing: .44px; } @media (min-width: 1280px) { .price { font-size: 1.5rem; } } .product-options { margin-top: 1.25em; } .size-chart .size-chart-collapsible { max-height: 0; overflow: hidden; transition: max-height 0.5s; transition-timing-function: cubic-bezier(0, 1, 0, 1); } .size-chart .size-chart-collapsible.active { max-height: 100%; transition-timing-function: ease-in-out; } .color-attribute { border: none; padding: 0; background: none; } .non-input-label { display: block; letter-spacing: 1px; text-transform: uppercase; } .toggle-womens-sizechart { max-width: 1000px; } .guest-join-elite-cta { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; min-height: 60px; padding: 30px 0; text-align: center; font-size: 1rem; letter-spacing: 1px; } .join-elite-cta-title { font-weight: bold; } .join-elite-cta-link { text-transform: uppercase; } .product-alert-copy-bottom { font-size: 0.875rem; } .product-number-rating { margin-top: auto; margin-bottom: auto; } .pdp-plus-cta { min-height: 60px; font-size: 1rem; font-weight: bold; letter-spacing: 1px; position: relative; } .pdp-plus-cta .pdp-logo-plus-cta { display: block; text-align: center; margin-bottom: 6px; border: none; padding: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 1279.98px) { .pdp-plus-cta .pdp-logo-plus-cta { text-align: left; } } .pdp-plus-cta .pdp-logo-plus-cta img { display: block; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .pdp-plus-cta .pdp-logo-plus-cta.left { text-align: left; } .pdp-plus-cta .pdp-icon-shipping, .pdp-plus-cta .text-pdp-auth-cta { display: inline-block; vertical-align: middle; font-weight: bold; line-height: 20px; } .pdp-plus-cta .text-pdp-auth-cta { width: calc(100% - 42px); margin-bottom: 0; padding-right: 0; padding-left: 17px; text-align: left; } @media (max-width: 1279.98px) { .pdp-plus-cta .text-pdp-auth-cta { font-size: 14px; line-height: 18px; } } @media (max-width: 767.98px) { .pdp-plus-cta .text-pdp-auth-cta { font-size: 16px; line-height: 20px; } } @media (max-width: 767.98px) { .pdp-plus-cta { text-align: center; } } .pdp-plus-cta .text-pdp-non-auth-cta { color: #363636; line-height: 20px; font-weight: bold; border: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 767.98px) { .pdp-plus-cta .text-pdp-non-auth-cta { text-align: left; } } .pdp-plus-cta .text-pdp-non-auth-cta p { font-weight: 700; } .pdp-plus-cta .mask { border: none; display: block; position: absolute; padding: 0; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 2; } .s-product-details-promo-splus div.pdp-plus-cta { border: none; border-top: 1px solid #ccc; max-width: 530px; padding: 25px 0 25px 25px; background-size: cover; background-position: center 10px; background-repeat: no-repeat; } @media (max-width: 767.98px) { .s-product-details-promo-splus div.pdp-plus-cta { border-top: none; padding-left: 10px; } } .pdp-icon-shipping { display: -webkit-inline-box; width: 36px; height: 19px; background-repeat: no-repeat; } .pdp-icon-shipping, .text-pdp-auth-cta, .text-pdp-non-auth-cta, .pdp-guest-buttons-cta { display: inline-block; vertical-align: middle; } .text-pdp-auth-cta { color: #363636; } @media (max-width: 767.98px) { .text-pdp-auth-cta { display: table-cell; } } .text-pdp-non-auth-cta, .pdp-guest-buttons-cta { margin: 0; padding: 0 !important; } .pdp-guest-buttons-cta { text-align: right; } @media (max-width: 1279.98px) { .pdp-guest-buttons-cta { text-align: left; } } @media (max-width: 1279.98px) { .pdp-guest-buttons-cta { text-align: center; } } .pdp-guest-buttons-cta button { padding: 2%; } .pdp-guest-buttons-cta .guest-cta-join { background-color: #119DA4; border-color: #119DA4; } .pdp-guest-buttons-cta .guest-cta-join.btn-primary:hover { background-color: #0F8D94; border-color: #0F8D94; } .s-product-details-promo-splus div.pdp-guest-buttons-cta { border: none; } .guest-cta-login { border-color: #000; background-color: #fff; } @media screen and (max-width: 1280px) { .pdp-guest-buttons-cta { margin-top: 6%; } } .add-to-cart-failure { display: flex; } .add-to-cart-failure svg { height: 53px; width: 53px; margin-top: auto; margin-bottom: auto; } @media (min-width: 768px) { .add-to-cart-failure svg { height: 48px; width: 48px; } } @media (min-width: 1280px) { .add-to-cart-failure svg { height: 31px; width: 31px; } } .add-to-cart-failure span { padding-left: 5px; margin-top: auto; margin-bottom: auto; padding-right: 5px; } .add-to-cart-failure span a { color: #D31717; font-size: 0.875rem; line-height: normal; } .pdp-callout-basic { margin-top: 15px; } .pdp-callout-basic a { display: block; } .pdp-callout-basic img { display: block; } @media (min-width: 1440px) { .grid-lg-auto-40-percent { grid-auto-rows: 40%; grid-template-rows: inherit; } } .klarna-content-pdp { min-height: 32px; } /* gift card redesign */ .product-giftcard .gift-row { margin: 0 -5px; } @media (min-width: 768px) { .product-giftcard .gift-row { margin-left: -10px; margin-right: -10px; } } .product-giftcard .gift-row .col-3 { padding-right: 5px; padding-left: 5px; } @media (min-width: 768px) { .product-giftcard .gift-row .col-3 { padding-right: 10px; padding-left: 10px; } } .product-giftcard .c-pdp-carousel__slider__item { min-height: auto; } .product-giftcard .c-pdp-carousel__slider__item__zoom { display: none; } .product-giftcard .c-pdp-carousel__thumbnails { display: none; } .product-giftcard .primary-images { padding-right: 0; } @media (min-width: 1280px) { .product-giftcard .primary-images { padding-right: 0; } } @media (min-width: 768px) { .product-giftcard .primary-images { padding-right: 0; } } .product-giftcard .primary-images img { min-width: 100%; padding-left: 0; padding-right: 0; } .product-giftcard .c-icon--zoom { display: none; } .product-giftcard .imagecarousel-container { display: flex; flex-direction: column; width: 100%; position: relative; left: 0; } @media (min-width: 768px) { .product-giftcard .imagecarousel-container { grid-column-start: 1; grid-row-start: 1; grid-row-end: 3; left: unset; order: 1; padding-right: 24px; width: auto; } } @media (min-width: 1280px) { .product-giftcard .imagecarousel-container { padding-right: 60px; } } .product-giftcard .imagecarousel-container .c-product-details__images { width: 100%; position: relative; left: 0; } .product-giftcard .attribute-amount-only { margin: 10px 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .product-giftcard .attribute-amount-only .c-product-attributes__item__header, .product-giftcard .attribute-amount-only .row[data-attr="color"] { display: none; } .product-giftcard .attribute-amount-only button.c-product-attributes__item__selector { width: auto; height: 30px; width: 40px; min-width: auto; padding: 0 2px; margin-right: 7px; margin-bottom: 10px; } @media (min-width: 1024px) { .product-giftcard .attribute-amount-only button.c-product-attributes__item__selector { width: 63px; height: 48px; } } .product-giftcard .attribute-amount-only button.c-product-attributes__item__selector .c-product-attributes__item__value { font-size: 14px; } @media (min-width: 1024px) { .product-giftcard .attribute-amount-only button.c-product-attributes__item__selector .c-product-attributes__item__value { font-size: 19px; } } .product-giftcard .attribute-color-only .c-product-attributes__item__header, .product-giftcard .attribute-color-only .row[data-attr="gcAmount"] { display: none; } .product-giftcard button.color-attribute { border: 1px solid transparent; border-radius: 5px; height: auto; margin-right: 0; padding-right: 0; padding-left: 0; width: 100%; max-width: 100%; margin-bottom: 10px; } @media (min-width: 1280px) { .product-giftcard button.color-attribute { margin-right: 10px; padding-right: 1px; } } @media (min-width: 768px) { .product-giftcard button.color-attribute { margin-bottom: 20px; } } .product-giftcard button.color-attribute:checked + .c-product-attributes__item__selector, .product-giftcard button.color-attribute.c-product-attributes__item__selector.selected { border: 2px solid #ccc; box-shadow: 0px 2px 3px 0px #ccc; } @media (min-width: 1280px) { .product-giftcard button.color-attribute:checked + .c-product-attributes__item__selector, .product-giftcard button.color-attribute.c-product-attributes__item__selector.selected { border: 2px solid #ccc; box-shadow: 0px 2px 10px 1px #ccc; } } .product-giftcard button.color-attribute span.color-value { border: none; width: 100%; max-width: 100%; min-width: 100%; padding: 54.929577% 0 0 0; background-size: cover; border-radius: 3px; } @media (min-width: 768px) { .product-giftcard button.color-attribute span.color-value { border: 2px #fff solid; border-radius: 5px; } } @media (min-width: 1280px) { .product-giftcard button.color-attribute span.color-value { border: 3px #fff solid; border-radius: 8px; } } .product-giftcard .imagecarousel-container .c-pdp-carousel__slider { padding: 0 0 54.926471% 0 !important; height: 0px !important; } .product-giftcard .color-alt { font-size: 14px; letter-spacing: 0.5px; line-height: 15px; margin: 0; } @media (min-width: 1280px) { .product-giftcard .color-alt { font-size: 20px; letter-spacing: 0.67px; line-height: 25px; margin: 20px 0 10px 0; } } .product-giftcard .s-pdp-gift-card .gift-card-style { margin-bottom: 30px; font-size: 15px; line-height: 22px; } .product-giftcard .c-product-description-features__item__content { padding-bottom: 25px; } @media (min-width: 768px) { .product-giftcard .c-product-description-features__item__content { padding-bottom: 0; } } .product-giftcard .gift-card-balance { width: 100%; overflow: hidden; position: relative; box-sizing: border-box; background-color: #F8F8F8; border-top: #ccc; padding: 25px 8px; border-top: 1px #ccc solid; bottom: -34px; } @media (max-width: 767.98px) { .product-giftcard .gift-card-balance .check-another-gc, .product-giftcard .gift-card-balance .inline-gc-submit { padding: 16px 0; width: 100%; } } @media (min-width: 1280px) { .product-giftcard .gift-card-balance { bottom: -40px; padding: 25px; width: calc(100% + 20px); left: 0; margin-left: -10px; } } .product-giftcard .gift-card-balance .title { font-size: 26px; line-height: 36px; font-weight: 600; } @media (min-width: 768px) { .product-giftcard .gift-card-balance .title { font-size: 32px; line-height: 42px; } } @media (min-width: 1280px) { .product-giftcard .gift-card-balance .title { font-size: 36px; line-height: 46px; } } .product-giftcard .gift-card-balance .gc-link { box-sizing: border-box; display: block; width: 100%; max-width: 100%; margin: 30px auto 10px auto; } @media (min-width: 768px) { .product-giftcard .gift-card-balance .gc-link { max-width: 600px; } } @media (min-width: 1280px) { .product-giftcard .gift-card-balance .gc-link { max-width: 660px; } } .product-giftcard .gift-card-balance .inline-gc-col { margin: 0 auto; max-width: 750px; } .product-giftcard .gift-card-balance .inline-gc-col .alert-danger { text-align: left; } .product-giftcard .gift-card-balance .show-gc-form { margin-bottom: 10px; } .product-giftcard .gift-card-balance.open h3 { border-bottom: 1px solid #dedede; margin: 0 20px 15px; padding-bottom: 15px; } .product-giftcard .gift-card-balance .close { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E %3Cg fill='none' fill-rule='evenodd' stroke='%23434343' stroke-linejoin='round' stroke-width='1.5'%3E %3Cpath d='M22.5 22.5l-13-13 13 13zM9.5 22.5l13-13-13 13z'/%3E %3C/g%3E %3C/svg%3E"); padding-right: 30px; background-repeat: no-repeat; background-position: top right; top: -8px; position: relative; text-transform: uppercase; font-size: 10px; font-weight: normal; text-shadow: none; line-height: 32px; display: block; opacity: 0.9; } .product-giftcard .gift-card-balance .close:hover { opacity: 1; } .product-giftcard .gift-card-balance .inline-gc-balance { margin: 20px auto 40px; } .product-giftcard .gift-card-balance .inline-gc-balance .giftcard-balance { font-weight: 700; } @media (max-width: 767.98px) { .product-giftcard .gift-card-balance .inline-gc-balance { font-size: 1.15em; } .product-giftcard .gift-card-balance .inline-gc-balance .giftcard-balance { display: block; margin-top: 20px; } } .product-giftcard .gc-curalate-gallery-wrap:has(div[role="list"]) { margin-top: 68px; } .product-giftcard .form-control-alt .invalid-feedback { display: none; } .product-giftcard .form-control-alt.is-invalid .invalid-feedback { display: block; } .product-giftcard .selected-attribute-error { border: none; background: none; padding: 0; } .product-giftcard .cart-and-ipay .selected-attribute-error { position: relative; bottom: -8px; } @media (min-width: 768px) and (max-width: 1279.98px) { .skx-plus-margin { margin-top: 50px; } } .skx-plus-exclusive-message-btn-container { margin-top: 20px; margin-bottom: 20px; border: 2px solid #EFF0F2; border-radius: 15px; background-image: url("../../images/bg-striping.svg"); height: 100%; background-size: 600%; padding-top: 15px; padding-bottom: 15px; margin-top: 20px; background-position: 100%; } @media (max-width: 543.98px) { .skx-plus-exclusive-message-btn-container { width: 100vw; position: relative; left: calc(-1 * (100vw - 100%) / 2); border-radius: 0; padding: 20px; } } @media (min-width: 544px) and (max-width: 767.98px) { .skx-plus-exclusive-message-btn-container { padding: 25px; } } @media (min-width: 768px) and (max-width: 1279.98px) { .skx-plus-exclusive-message-btn-container { height: 103%; } } @media (min-width: 768px) { .skx-plus-exclusive-message-btn-container { grid-column-start: 2; grid-row: 2; order: 3; padding: 25px; margin-bottom: 40px; } } @media (min-width: 1280px) { .skx-plus-exclusive-message-btn-container { background-image: url("../../images/bg-plus.svg"), url("../../images/bg-striping.svg"); background-size: 110%, 500%; background-position: 50% 50%; margin-top: 0; height: auto; max-height: 242px; } } .skx-plus-exclusive-message-btn-container .skx-plus-exclusive-title { font-weight: 800; text-transform: uppercase; font-size: 32px; line-height: 32px; } @media (max-width: 543.98px) { .skx-plus-exclusive-message-btn-container .skx-plus-exclusive-title { margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 1279.98px) { .skx-plus-exclusive-message-btn-container .skx-plus-exclusive-title { margin-bottom: 10px; } } @media (min-width: 1280px) { .skx-plus-exclusive-message-btn-container .skx-plus-exclusive-title { font-size: 46px; } } .skx-plus-exclusive-message-btn-container .skx-plus-exclusive-copy { font-weight: 600; line-height: 22px; } .skx-plus-exclusive-message-btn-container .contentasset--skx-plus-exclusive-message { font-weight: 500; } @media (min-width: 768px) { .skx-plus-exclusive-message-btn-container .contentasset--skx-plus-exclusive-message { font-size: 15px; line-height: 22px; } } @media (min-width: 1280px) { .skx-plus-exclusive-message-btn-container .contentasset--skx-plus-exclusive-message { font-size: 16px; line-height: 24px; } } @media (max-width: 543.98px) { .skx-plus-exclusive-message-btn-container .join-login-container { margin-top: 20px; padding-bottom: 8px; } } @media (min-width: 544px) and (max-width: 767.98px) { .skx-plus-exclusive-message-btn-container .join-login-container { margin-top: 15px; } } @media (min-width: 768px) { .skx-plus-exclusive-message-btn-container .join-login-container { margin-top: 30px; max-height: 50px; } } @media (min-width: 1280px) { .skx-plus-exclusive-message-btn-container .join-login-container { display: flex; } } .skx-plus-exclusive-message-btn-container .join-login-container .js-register-modal { background-color: #129DA4; border: #129DA4; height: 50px; padding: 10px 41px; box-shadow: 0 2px #0F8187; } .skx-plus-exclusive-message-btn-container .join-login-container .js-register-modal:hover { border: none; background-color: #0E787D; box-shadow: 0 2px #24626B; } @media (min-width: 1280px) { .skx-plus-exclusive-message-btn-container .join-login-container .js-register-modal { max-width: 65%; margin-right: 20px; } } .skx-plus-exclusive-message-btn-container .join-login-container .js-login-modal { background-color: white; border: 2px solid #333333; color: #333333; height: 50px; padding: 10px 41px; } .skx-plus-exclusive-message-btn-container .join-login-container .js-login-modal:hover { color: white; background-color: #333333; border: none; } @media (min-width: 544px) and (max-width: 767.98px) { .skx-plus-exclusive-message-btn-container .join-login-container .js-login-modal { margin-bottom: 10px; } } @media (min-width: 1280px) { .skx-plus-exclusive-message-btn-container .join-login-container .js-login-modal { margin-top: 0; max-width: 30%; } } @media (min-width: 768px) { .c-product-details__container.skx-plus-grid-container { grid-template-rows: [row1-start] 350px [row1-end] 300px [third-line] auto [last-line]; } } .c-product-details__container.skx-plus-grid-container .c-product-details__attributes { grid-row-start: 3; } @media (min-width: 768px) { .c-product-details__container.skx-plus-grid-container .c-product-details__images { grid-row-end: 4; } }