/* source: inline */ .video-js { width: 300px; height: 150px; } .vjs-fluid:not(.vjs-audio-only-mode) { padding-top: 56.25%; } /* source: https://www.ralphlauren.co.uk/on/demandware.static/-/Library-Sites-RalphLauren_EU_Library/en_GB/v1785482969300/_common/fonts/df-refresh/fonts.css */ @font-face { font-family: "Founders Grotesk Mono Light"; src: url("../../assets/fonts/FoundersGroteskMonoWeb-Light.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Founders Grotesk Mono Medium"; src: url("../../assets/fonts/FoundersGroteskMonoWeb-Medium.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Founders Grotesk Mono Regular"; src: url("../../assets/fonts/FoundersGroteskMonoWeb-Regular.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Founders Grotesk Text Medium"; src: url("../../assets/fonts/FoundersGroteskTextWeb-Medium.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Founders Grotesk text Regular"; src: url("../../assets/fonts/FoundersGroteskTextWeb-Regular.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Founders Grotesk Text Bold"; src: url("https://www.ralphlauren.co.uk/on/demandware.static/-/Library-Sites-RalphLauren_EU_Library/en_GB/v1785482969300/_common/fonts/df-refresh/Fonts/FoundersGroteskText-Bold.woff2") format("woff2"), url("https://www.ralphlauren.co.uk/on/demandware.static/-/Library-Sites-RalphLauren_EU_Library/en_GB/v1785482969300/_common/fonts/df-refresh/Fonts/FoundersGroteskText-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: LeJeuneDeck-Light; src: url("../../assets/fonts/LeJeuneDeck-Light-Web.woff2") format("woff2"); font-display: swap; } @font-face { font-family: LeJeuneDeck-Regular; src: url("../../assets/fonts/LeJeuneDeck-Regular-Web.woff2") format("woff2"); font-display: swap; } @font-face { font-family: LeJeuneDeck-Regular-Italic; src: url("../../assets/fonts/LeJeuneDeck-RegularItalic-Web.woff2") format("woff2"); font-display: swap; } @font-face { font-family: SackersGothicW01-Heavy; src: url("../../assets/fonts/0e382226-2fd0-4217-b22f-6624a7afc569.woff") format("woff"), url("../../assets/fonts/f3ef64db-65a0-40a0-9541-9628d06833dc.ttf") format("truetype"); } @font-face { font-family: SackersGothicW01-Light; src: url("../../assets/fonts/558e1882-61fa-42c9-b946-2ff0b251d89e.woff") format("woff"), url("../../assets/fonts/51d279cf-7422-4166-bea9-d5890c7b255a.ttf") format("truetype"); } @font-face { font-family: SackersGothicW01-Medium; src: url("../../assets/fonts/e166de1f-75a3-44b0-b88e-a037e19243d2.woff") format("woff"), url("../../assets/fonts/2d9efcdc-b053-4bc8-bef4-80630d67027e.ttf") format("truetype"); } @font-face { font-family: "Northwell Alt"; src: url("../../assets/fonts/NorthwellAlt.woff2") format("woff2"); font-display: swap; } @font-face { font-family: Northwell; src: url("../../assets/fonts/Northwell.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Northwell Swash"; src: url("../../assets/fonts/NorthwellSwash.woff2") format("woff2"); font-display: swap; } /* source: https://www.ralphlauren.co.uk/on/demandware.static/Sites-RalphLauren_GB-Site/-/en_GB/v1785482969300/lib/font-awesome/css/font-awesome.min.css */ @font-face { font-family: FontAwesome; src: url("../../assets/fonts/fontawesome-webfont.woff2") format("woff2"), url("../../assets/fonts/fontawesome-webfont.woff") format("woff"), url("../../assets/fonts/fontawesome-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0px; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.142857em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; } .fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0px; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: rgb(255, 255, 255); } .fa-glass::before { content: ""; } .fa-music::before { content: ""; } .fa-search::before { content: ""; } .fa-envelope-o::before { content: ""; } .fa-heart::before { content: ""; } .fa-star::before { content: ""; } .fa-star-o::before { content: ""; } .fa-user::before { content: ""; } .fa-film::before { content: ""; } .fa-th-large::before { content: ""; } .fa-th::before { content: ""; } .fa-th-list::before { content: ""; } .fa-check::before { content: ""; } .fa-remove::before, .fa-close::before, .fa-times::before { content: ""; } .fa-search-plus::before { content: ""; } .fa-search-minus::before { content: ""; } .fa-power-off::before { content: ""; } .fa-signal::before { content: ""; } .fa-gear::before, .fa-cog::before { content: ""; } .fa-trash-o::before { content: ""; } .fa-home::before { content: ""; } .fa-file-o::before { content: ""; } .fa-clock-o::before { content: ""; } .fa-road::before { content: ""; } .fa-download::before { content: ""; } .fa-arrow-circle-o-down::before { content: ""; } .fa-arrow-circle-o-up::before { content: ""; } .fa-inbox::before { content: ""; } .fa-play-circle-o::before { content: ""; } .fa-rotate-right::before, .fa-repeat::before { content: ""; } .fa-refresh::before { content: ""; } .fa-list-alt::before { content: ""; } .fa-lock::before { content: ""; } .fa-flag::before { content: ""; } .fa-headphones::before { content: ""; } .fa-volume-off::before { content: ""; } .fa-volume-down::before { content: ""; } .fa-volume-up::before { content: ""; } .fa-qrcode::before { content: ""; } .fa-barcode::before { content: ""; } .fa-tag::before { content: ""; } .fa-tags::before { content: ""; } .fa-book::before { content: ""; } .fa-bookmark::before { content: ""; } .fa-print::before { content: ""; } .fa-camera::before { content: ""; } .fa-font::before { content: ""; } .fa-bold::before { content: ""; } .fa-italic::before { content: ""; } .fa-text-height::before { content: ""; } .fa-text-width::before { content: ""; } .fa-align-left::before { content: ""; } .fa-align-center::before { content: ""; } .fa-align-right::before { content: ""; } .fa-align-justify::before { content: ""; } .fa-list::before { content: ""; } .fa-dedent::before, .fa-outdent::before { content: ""; } .fa-indent::before { content: ""; } .fa-video-camera::before { content: ""; } .fa-photo::before, .fa-image::before, .fa-picture-o::before { content: ""; } .fa-pencil::before { content: ""; } .fa-map-marker::before { content: ""; } .fa-adjust::before { content: ""; } .fa-tint::before { content: ""; } .fa-edit::before, .fa-pencil-square-o::before { content: ""; } .fa-share-square-o::before { content: ""; } .fa-check-square-o::before { content: ""; } .fa-arrows::before { content: ""; } .fa-step-backward::before { content: ""; } .fa-fast-backward::before { content: ""; } .fa-backward::before { content: ""; } .fa-play::before { content: ""; } .fa-pause::before { content: ""; } .fa-stop::before { content: ""; } .fa-forward::before { content: ""; } .fa-fast-forward::before { content: ""; } .fa-step-forward::before { content: ""; } .fa-eject::before { content: ""; } .fa-chevron-left::before { content: ""; } .fa-chevron-right::before { content: ""; } .fa-plus-circle::before { content: ""; } .fa-minus-circle::before { content: ""; } .fa-times-circle::before { content: ""; } .fa-check-circle::before { content: ""; } .fa-question-circle::before { content: ""; } .fa-info-circle::before { content: ""; } .fa-crosshairs::before { content: ""; } .fa-times-circle-o::before { content: ""; } .fa-check-circle-o::before { content: ""; } .fa-ban::before { content: ""; } .fa-arrow-left::before { content: ""; } .fa-arrow-right::before { content: ""; } .fa-arrow-up::before { content: ""; } .fa-arrow-down::before { content: ""; } .fa-mail-forward::before, .fa-share::before { content: ""; } .fa-expand::before { content: ""; } .fa-compress::before { content: ""; } .fa-plus::before { content: ""; } .fa-minus::before { content: ""; } .fa-asterisk::before { content: ""; } .fa-exclamation-circle::before { content: ""; } .fa-gift::before { content: ""; } .fa-leaf::before { content: ""; } .fa-fire::before { content: ""; } .fa-eye::before { content: ""; } .fa-eye-slash::before { content: ""; } .fa-warning::before, .fa-exclamation-triangle::before { content: ""; } .fa-plane::before { content: ""; } .fa-calendar::before { content: ""; } .fa-random::before { content: ""; } .fa-comment::before { content: ""; } .fa-magnet::before { content: ""; } .fa-chevron-up::before { content: ""; } .fa-chevron-down::before { content: ""; } .fa-retweet::before { content: ""; } .fa-shopping-cart::before { content: ""; } .fa-folder::before { content: ""; } .fa-folder-open::before { content: ""; } .fa-arrows-v::before { content: ""; } .fa-arrows-h::before { content: ""; } .fa-bar-chart-o::before, .fa-bar-chart::before { content: ""; } .fa-twitter-square::before { content: ""; } .fa-facebook-square::before { content: ""; } .fa-camera-retro::before { content: ""; } .fa-key::before { content: ""; } .fa-gears::before, .fa-cogs::before { content: ""; } .fa-comments::before { content: ""; } .fa-thumbs-o-up::before { content: ""; } .fa-thumbs-o-down::before { content: ""; } .fa-star-half::before { content: ""; } .fa-heart-o::before { content: ""; } .fa-sign-out::before { content: ""; } .fa-linkedin-square::before { content: ""; } .fa-thumb-tack::before { content: ""; } .fa-external-link::before { content: ""; } .fa-sign-in::before { content: ""; } .fa-trophy::before { content: ""; } .fa-github-square::before { content: ""; } .fa-upload::before { content: ""; } .fa-lemon-o::before { content: ""; } .fa-phone::before { content: ""; } .fa-square-o::before { content: ""; } .fa-bookmark-o::before { content: ""; } .fa-phone-square::before { content: ""; } .fa-twitter::before { content: ""; } .fa-facebook-f::before, .fa-facebook::before { content: ""; } .fa-github::before { content: ""; } .fa-unlock::before { content: ""; } .fa-credit-card::before { content: ""; } .fa-feed::before, .fa-rss::before { content: ""; } .fa-hdd-o::before { content: ""; } .fa-bullhorn::before { content: ""; } .fa-bell::before { content: ""; } .fa-certificate::before { content: ""; } .fa-hand-o-right::before { content: ""; } .fa-hand-o-left::before { content: ""; } .fa-hand-o-up::before { content: ""; } .fa-hand-o-down::before { content: ""; } .fa-arrow-circle-left::before { content: ""; } .fa-arrow-circle-right::before { content: ""; } .fa-arrow-circle-up::before { content: ""; } .fa-arrow-circle-down::before { content: ""; } .fa-globe::before { content: ""; } .fa-wrench::before { content: ""; } .fa-tasks::before { content: ""; } .fa-filter::before { content: ""; } .fa-briefcase::before { content: ""; } .fa-arrows-alt::before { content: ""; } .fa-group::before, .fa-users::before { content: ""; } .fa-chain::before, .fa-link::before { content: ""; } .fa-cloud::before { content: ""; } .fa-flask::before { content: ""; } .fa-cut::before, .fa-scissors::before { content: ""; } .fa-copy::before, .fa-files-o::before { content: ""; } .fa-paperclip::before { content: ""; } .fa-save::before, .fa-floppy-o::before { content: ""; } .fa-square::before { content: ""; } .fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; } .fa-list-ul::before { content: ""; } .fa-list-ol::before { content: ""; } .fa-strikethrough::before { content: ""; } .fa-underline::before { content: ""; } .fa-table::before { content: ""; } .fa-magic::before { content: ""; } .fa-truck::before { content: ""; } .fa-pinterest::before { content: ""; } .fa-pinterest-square::before { content: ""; } .fa-google-plus-square::before { content: ""; } .fa-google-plus::before { content: ""; } .fa-money::before { content: ""; } .fa-caret-down::before { content: ""; } .fa-caret-up::before { content: ""; } .fa-caret-left::before { content: ""; } .fa-caret-right::before { content: ""; } .fa-columns::before { content: ""; } .fa-unsorted::before, .fa-sort::before { content: ""; } .fa-sort-down::before, .fa-sort-desc::before { content: ""; } .fa-sort-up::before, .fa-sort-asc::before { content: ""; } .fa-envelope::before { content: ""; } .fa-linkedin::before { content: ""; } .fa-rotate-left::before, .fa-undo::before { content: ""; } .fa-legal::before, .fa-gavel::before { content: ""; } .fa-dashboard::before, .fa-tachometer::before { content: ""; } .fa-comment-o::before { content: ""; } .fa-comments-o::before { content: ""; } .fa-flash::before, .fa-bolt::before { content: ""; } .fa-sitemap::before { content: ""; } .fa-umbrella::before { content: ""; } .fa-paste::before, .fa-clipboard::before { content: ""; } .fa-lightbulb-o::before { content: ""; } .fa-exchange::before { content: ""; } .fa-cloud-download::before { content: ""; } .fa-cloud-upload::before { content: ""; } .fa-user-md::before { content: ""; } .fa-stethoscope::before { content: ""; } .fa-suitcase::before { content: ""; } .fa-bell-o::before { content: ""; } .fa-coffee::before { content: ""; } .fa-cutlery::before { content: ""; } .fa-file-text-o::before { content: ""; } .fa-building-o::before { content: ""; } .fa-hospital-o::before { content: ""; } .fa-ambulance::before { content: ""; } .fa-medkit::before { content: ""; } .fa-fighter-jet::before { content: ""; } .fa-beer::before { content: ""; } .fa-h-square::before { content: ""; } .fa-plus-square::before { content: ""; } .fa-angle-double-left::before { content: ""; } .fa-angle-double-right::before { content: ""; } .fa-angle-double-up::before { content: ""; } .fa-angle-double-down::before { content: ""; } .fa-angle-left::before { content: ""; } .fa-angle-right::before { content: ""; } .fa-angle-up::before { content: ""; } .fa-angle-down::before { content: ""; } .fa-desktop::before { content: ""; } .fa-laptop::before { content: ""; } .fa-tablet::before { content: ""; } .fa-mobile-phone::before, .fa-mobile::before { content: ""; } .fa-circle-o::before { content: ""; } .fa-quote-left::before { content: ""; } .fa-quote-right::before { content: ""; } .fa-spinner::before { content: ""; } .fa-circle::before { content: ""; } .fa-mail-reply::before, .fa-reply::before { content: ""; } .fa-github-alt::before { content: ""; } .fa-folder-o::before { content: ""; } .fa-folder-open-o::before { content: ""; } .fa-smile-o::before { content: ""; } .fa-frown-o::before { content: ""; } .fa-meh-o::before { content: ""; } .fa-gamepad::before { content: ""; } .fa-keyboard-o::before { content: ""; } .fa-flag-o::before { content: ""; } .fa-flag-checkered::before { content: ""; } .fa-terminal::before { content: ""; } .fa-code::before { content: ""; } .fa-mail-reply-all::before, .fa-reply-all::before { content: ""; } .fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: ""; } .fa-location-arrow::before { content: ""; } .fa-crop::before { content: ""; } .fa-code-fork::before { content: ""; } .fa-unlink::before, .fa-chain-broken::before { content: ""; } .fa-question::before { content: ""; } .fa-info::before { content: ""; } .fa-exclamation::before { content: ""; } .fa-superscript::before { content: ""; } .fa-subscript::before { content: ""; } .fa-eraser::before { content: ""; } .fa-puzzle-piece::before { content: ""; } .fa-microphone::before { content: ""; } .fa-microphone-slash::before { content: ""; } .fa-shield::before { content: ""; } .fa-calendar-o::before { content: ""; } .fa-fire-extinguisher::before { content: ""; } .fa-rocket::before { content: ""; } .fa-maxcdn::before { content: ""; } .fa-chevron-circle-left::before { content: ""; } .fa-chevron-circle-right::before { content: ""; } .fa-chevron-circle-up::before { content: ""; } .fa-chevron-circle-down::before { content: ""; } .fa-html5::before { content: ""; } .fa-css3::before { content: ""; } .fa-anchor::before { content: ""; } .fa-unlock-alt::before { content: ""; } .fa-bullseye::before { content: ""; } .fa-ellipsis-h::before { content: ""; } .fa-ellipsis-v::before { content: ""; } .fa-rss-square::before { content: ""; } .fa-play-circle::before { content: ""; } .fa-ticket::before { content: ""; } .fa-minus-square::before { content: ""; } .fa-minus-square-o::before { content: ""; } .fa-level-up::before { content: ""; } .fa-level-down::before { content: ""; } .fa-check-square::before { content: ""; } .fa-pencil-square::before { content: ""; } .fa-external-link-square::before { content: ""; } .fa-share-square::before { content: ""; } .fa-compass::before { content: ""; } .fa-toggle-down::before, .fa-caret-square-o-down::before { content: ""; } .fa-toggle-up::before, .fa-caret-square-o-up::before { content: ""; } .fa-toggle-right::before, .fa-caret-square-o-right::before { content: ""; } .fa-euro::before, .fa-eur::before { content: ""; } .fa-gbp::before { content: ""; } .fa-dollar::before, .fa-usd::before { content: ""; } .fa-rupee::before, .fa-inr::before { content: ""; } .fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: ""; } .fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: ""; } .fa-won::before, .fa-krw::before { content: ""; } .fa-bitcoin::before, .fa-btc::before { content: ""; } .fa-file::before { content: ""; } .fa-file-text::before { content: ""; } .fa-sort-alpha-asc::before { content: ""; } .fa-sort-alpha-desc::before { content: ""; } .fa-sort-amount-asc::before { content: ""; } .fa-sort-amount-desc::before { content: ""; } .fa-sort-numeric-asc::before { content: ""; } .fa-sort-numeric-desc::before { content: ""; } .fa-thumbs-up::before { content: ""; } .fa-thumbs-down::before { content: ""; } .fa-youtube-square::before { content: ""; } .fa-youtube::before { content: ""; } .fa-xing::before { content: ""; } .fa-xing-square::before { content: ""; } .fa-youtube-play::before { content: ""; } .fa-dropbox::before { content: ""; } .fa-stack-overflow::before { content: ""; } .fa-instagram::before { content: ""; } .fa-flickr::before { content: ""; } .fa-adn::before { content: ""; } .fa-bitbucket::before { content: ""; } .fa-bitbucket-square::before { content: ""; } .fa-tumblr::before { content: ""; } .fa-tumblr-square::before { content: ""; } .fa-long-arrow-down::before { content: ""; } .fa-long-arrow-up::before { content: ""; } .fa-long-arrow-left::before { content: ""; } .fa-long-arrow-right::before { content: ""; } .fa-apple::before { content: ""; } .fa-windows::before { content: ""; } .fa-android::before { content: ""; } .fa-linux::before { content: ""; } .fa-dribbble::before { content: ""; } .fa-skype::before { content: ""; } .fa-foursquare::before { content: ""; } .fa-trello::before { content: ""; } .fa-female::before { content: ""; } .fa-male::before { content: ""; } .fa-gittip::before, .fa-gratipay::before { content: ""; } .fa-sun-o::before { content: ""; } .fa-moon-o::before { content: ""; } .fa-archive::before { content: ""; } .fa-bug::before { content: ""; } .fa-vk::before { content: ""; } .fa-weibo::before { content: ""; } .fa-renren::before { content: ""; } .fa-pagelines::before { content: ""; } .fa-stack-exchange::before { content: ""; } .fa-arrow-circle-o-right::before { content: ""; } .fa-arrow-circle-o-left::before { content: ""; } .fa-toggle-left::before, .fa-caret-square-o-left::before { content: ""; } .fa-dot-circle-o::before { content: ""; } .fa-wheelchair::before { content: ""; } .fa-vimeo-square::before { content: ""; } .fa-turkish-lira::before, .fa-try::before { content: ""; } .fa-plus-square-o::before { content: ""; } .fa-space-shuttle::before { content: ""; } .fa-slack::before { content: ""; } .fa-envelope-square::before { content: ""; } .fa-wordpress::before { content: ""; } .fa-openid::before { content: ""; } .fa-institution::before, .fa-bank::before, .fa-university::before { content: ""; } .fa-mortar-board::before, .fa-graduation-cap::before { content: ""; } .fa-yahoo::before { content: ""; } .fa-google::before { content: ""; } .fa-reddit::before { content: ""; } .fa-reddit-square::before { content: ""; } .fa-stumbleupon-circle::before { content: ""; } .fa-stumbleupon::before { content: ""; } .fa-delicious::before { content: ""; } .fa-digg::before { content: ""; } .fa-pied-piper-pp::before { content: ""; } .fa-pied-piper-alt::before { content: ""; } .fa-drupal::before { content: ""; } .fa-joomla::before { content: ""; } .fa-language::before { content: ""; } .fa-fax::before { content: ""; } .fa-building::before { content: ""; } .fa-child::before { content: ""; } .fa-paw::before { content: ""; } .fa-spoon::before { content: ""; } .fa-cube::before { content: ""; } .fa-cubes::before { content: ""; } .fa-behance::before { content: ""; } .fa-behance-square::before { content: ""; } .fa-steam::before { content: ""; } .fa-steam-square::before { content: ""; } .fa-recycle::before { content: ""; } .fa-automobile::before, .fa-car::before { content: ""; } .fa-cab::before, .fa-taxi::before { content: ""; } .fa-tree::before { content: ""; } .fa-spotify::before { content: ""; } .fa-deviantart::before { content: ""; } .fa-soundcloud::before { content: ""; } .fa-database::before { content: ""; } .fa-file-pdf-o::before { content: ""; } .fa-file-word-o::before { content: ""; } .fa-file-excel-o::before { content: ""; } .fa-file-powerpoint-o::before { content: ""; } .fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: ""; } .fa-file-zip-o::before, .fa-file-archive-o::before { content: ""; } .fa-file-sound-o::before, .fa-file-audio-o::before { content: ""; } .fa-file-movie-o::before, .fa-file-video-o::before { content: ""; } .fa-file-code-o::before { content: ""; } .fa-vine::before { content: ""; } .fa-codepen::before { content: ""; } .fa-jsfiddle::before { content: ""; } .fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: ""; } .fa-circle-o-notch::before { content: ""; } .fa-ra::before, .fa-resistance::before, .fa-rebel::before { content: ""; } .fa-ge::before, .fa-empire::before { content: ""; } .fa-git-square::before { content: ""; } .fa-git::before { content: ""; } .fa-y-combinator-square::before, .fa-yc-square::before, .fa-hacker-news::before { content: ""; } .fa-tencent-weibo::before { content: ""; } .fa-qq::before { content: ""; } .fa-wechat::before, .fa-weixin::before { content: ""; } .fa-send::before, .fa-paper-plane::before { content: ""; } .fa-send-o::before, .fa-paper-plane-o::before { content: ""; } .fa-history::before { content: ""; } .fa-circle-thin::before { content: ""; } .fa-header::before { content: ""; } .fa-paragraph::before { content: ""; } .fa-sliders::before { content: ""; } .fa-share-alt::before { content: ""; } .fa-share-alt-square::before { content: ""; } .fa-bomb::before { content: ""; } .fa-soccer-ball-o::before, .fa-futbol-o::before { content: ""; } .fa-tty::before { content: ""; } .fa-binoculars::before { content: ""; } .fa-plug::before { content: ""; } .fa-slideshare::before { content: ""; } .fa-twitch::before { content: ""; } .fa-yelp::before { content: ""; } .fa-newspaper-o::before { content: ""; } .fa-wifi::before { content: ""; } .fa-calculator::before { content: ""; } .fa-paypal::before { content: ""; } .fa-google-wallet::before { content: ""; } .fa-cc-visa::before { content: ""; } .fa-cc-mastercard::before { content: ""; } .fa-cc-discover::before { content: ""; } .fa-cc-amex::before { content: ""; } .fa-cc-paypal::before { content: ""; } .fa-cc-stripe::before { content: ""; } .fa-bell-slash::before { content: ""; } .fa-bell-slash-o::before { content: ""; } .fa-trash::before { content: ""; } .fa-copyright::before { content: ""; } .fa-at::before { content: ""; } .fa-eyedropper::before { content: ""; } .fa-paint-brush::before { content: ""; } .fa-birthday-cake::before { content: ""; } .fa-area-chart::before { content: ""; } .fa-pie-chart::before { content: ""; } .fa-line-chart::before { content: ""; } .fa-lastfm::before { content: ""; } .fa-lastfm-square::before { content: ""; } .fa-toggle-off::before { content: ""; } .fa-toggle-on::before { content: ""; } .fa-bicycle::before { content: ""; } .fa-bus::before { content: ""; } .fa-ioxhost::before { content: ""; } .fa-angellist::before { content: ""; } .fa-cc::before { content: ""; } .fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: ""; } .fa-meanpath::before { content: ""; } .fa-buysellads::before { content: ""; } .fa-connectdevelop::before { content: ""; } .fa-dashcube::before { content: ""; } .fa-forumbee::before { content: ""; } .fa-leanpub::before { content: ""; } .fa-sellsy::before { content: ""; } .fa-shirtsinbulk::before { content: ""; } .fa-simplybuilt::before { content: ""; } .fa-skyatlas::before { content: ""; } .fa-cart-plus::before { content: ""; } .fa-cart-arrow-down::before { content: ""; } .fa-diamond::before { content: ""; } .fa-ship::before { content: ""; } .fa-user-secret::before { content: ""; } .fa-motorcycle::before { content: ""; } .fa-street-view::before { content: ""; } .fa-heartbeat::before { content: ""; } .fa-venus::before { content: ""; } .fa-mars::before { content: ""; } .fa-mercury::before { content: ""; } .fa-intersex::before, .fa-transgender::before { content: ""; } .fa-transgender-alt::before { content: ""; } .fa-venus-double::before { content: ""; } .fa-mars-double::before { content: ""; } .fa-venus-mars::before { content: ""; } .fa-mars-stroke::before { content: ""; } .fa-mars-stroke-v::before { content: ""; } .fa-mars-stroke-h::before { content: ""; } .fa-neuter::before { content: ""; } .fa-genderless::before { content: ""; } .fa-facebook-official::before { content: ""; } .fa-pinterest-p::before { content: ""; } .fa-whatsapp::before { content: ""; } .fa-server::before { content: ""; } .fa-user-plus::before { content: ""; } .fa-user-times::before { content: ""; } .fa-hotel::before, .fa-bed::before { content: ""; } .fa-viacoin::before { content: ""; } .fa-train::before { content: ""; } .fa-subway::before { content: ""; } .fa-medium::before { content: ""; } .fa-yc::before, .fa-y-combinator::before { content: ""; } .fa-optin-monster::before { content: ""; } .fa-opencart::before { content: ""; } .fa-expeditedssl::before { content: ""; } .fa-battery-4::before, .fa-battery::before, .fa-battery-full::before { content: ""; } .fa-battery-3::before, .fa-battery-three-quarters::before { content: ""; } .fa-battery-2::before, .fa-battery-half::before { content: ""; } .fa-battery-1::before, .fa-battery-quarter::before { content: ""; } .fa-battery-0::before, .fa-battery-empty::before { content: ""; } .fa-mouse-pointer::before { content: ""; } .fa-i-cursor::before { content: ""; } .fa-object-group::before { content: ""; } .fa-object-ungroup::before { content: ""; } .fa-sticky-note::before { content: ""; } .fa-sticky-note-o::before { content: ""; } .fa-cc-jcb::before { content: ""; } .fa-cc-diners-club::before { content: ""; } .fa-clone::before { content: ""; } .fa-balance-scale::before { content: ""; } .fa-hourglass-o::before { content: ""; } .fa-hourglass-1::before, .fa-hourglass-start::before { content: ""; } .fa-hourglass-2::before, .fa-hourglass-half::before { content: ""; } .fa-hourglass-3::before, .fa-hourglass-end::before { content: ""; } .fa-hourglass::before { content: ""; } .fa-hand-grab-o::before, .fa-hand-rock-o::before { content: ""; } .fa-hand-stop-o::before, .fa-hand-paper-o::before { content: ""; } .fa-hand-scissors-o::before { content: ""; } .fa-hand-lizard-o::before { content: ""; } .fa-hand-spock-o::before { content: ""; } .fa-hand-pointer-o::before { content: ""; } .fa-hand-peace-o::before { content: ""; } .fa-trademark::before { content: ""; } .fa-registered::before { content: ""; } .fa-creative-commons::before { content: ""; } .fa-gg::before { content: ""; } .fa-gg-circle::before { content: ""; } .fa-tripadvisor::before { content: ""; } .fa-odnoklassniki::before { content: ""; } .fa-odnoklassniki-square::before { content: ""; } .fa-get-pocket::before { content: ""; } .fa-wikipedia-w::before { content: ""; } .fa-safari::before { content: ""; } .fa-chrome::before { content: ""; } .fa-firefox::before { content: ""; } .fa-opera::before { content: ""; } .fa-internet-explorer::before { content: ""; } .fa-tv::before, .fa-television::before { content: ""; } .fa-contao::before { content: ""; } .fa-500px::before { content: ""; } .fa-amazon::before { content: ""; } .fa-calendar-plus-o::before { content: ""; } .fa-calendar-minus-o::before { content: ""; } .fa-calendar-times-o::before { content: ""; } .fa-calendar-check-o::before { content: ""; } .fa-industry::before { content: ""; } .fa-map-pin::before { content: ""; } .fa-map-signs::before { content: ""; } .fa-map-o::before { content: ""; } .fa-map::before { content: ""; } .fa-commenting::before { content: ""; } .fa-commenting-o::before { content: ""; } .fa-houzz::before { content: ""; } .fa-vimeo::before { content: ""; } .fa-black-tie::before { content: ""; } .fa-fonticons::before { content: ""; } .fa-reddit-alien::before { content: ""; } .fa-edge::before { content: ""; } .fa-credit-card-alt::before { content: ""; } .fa-codiepie::before { content: ""; } .fa-modx::before { content: ""; } .fa-fort-awesome::before { content: ""; } .fa-usb::before { content: ""; } .fa-product-hunt::before { content: ""; } .fa-mixcloud::before { content: ""; } .fa-scribd::before { content: ""; } .fa-pause-circle::before { content: ""; } .fa-pause-circle-o::before { content: ""; } .fa-stop-circle::before { content: ""; } .fa-stop-circle-o::before { content: ""; } .fa-shopping-bag::before { content: ""; } .fa-shopping-basket::before { content: ""; } .fa-hashtag::before { content: ""; } .fa-bluetooth::before { content: ""; } .fa-bluetooth-b::before { content: ""; } .fa-percent::before { content: ""; } .fa-gitlab::before { content: ""; } .fa-wpbeginner::before { content: ""; } .fa-wpforms::before { content: ""; } .fa-envira::before { content: ""; } .fa-universal-access::before { content: ""; } .fa-wheelchair-alt::before { content: ""; } .fa-question-circle-o::before { content: ""; } .fa-blind::before { content: ""; } .fa-audio-description::before { content: ""; } .fa-volume-control-phone::before { content: ""; } .fa-braille::before { content: ""; } .fa-assistive-listening-systems::before { content: ""; } .fa-asl-interpreting::before, .fa-american-sign-language-interpreting::before { content: ""; } .fa-deafness::before, .fa-hard-of-hearing::before, .fa-deaf::before { content: ""; } .fa-glide::before { content: ""; } .fa-glide-g::before { content: ""; } .fa-signing::before, .fa-sign-language::before { content: ""; } .fa-low-vision::before { content: ""; } .fa-viadeo::before { content: ""; } .fa-viadeo-square::before { content: ""; } .fa-snapchat::before { content: ""; } .fa-snapchat-ghost::before { content: ""; } .fa-snapchat-square::before { content: ""; } .fa-pied-piper::before { content: ""; } .fa-first-order::before { content: ""; } .fa-yoast::before { content: ""; } .fa-themeisle::before { content: ""; } .fa-google-plus-circle::before, .fa-google-plus-official::before { content: ""; } .fa-fa::before, .fa-font-awesome::before { content: ""; } .fa-handshake-o::before { content: ""; } .fa-envelope-open::before { content: ""; } .fa-envelope-open-o::before { content: ""; } .fa-linode::before { content: ""; } .fa-address-book::before { content: ""; } .fa-address-book-o::before { content: ""; } .fa-vcard::before, .fa-address-card::before { content: ""; } .fa-vcard-o::before, .fa-address-card-o::before { content: ""; } .fa-user-circle::before { content: ""; } .fa-user-circle-o::before { content: ""; } .fa-user-o::before { content: ""; } .fa-id-badge::before { content: ""; } .fa-drivers-license::before, .fa-id-card::before { content: ""; } .fa-drivers-license-o::before, .fa-id-card-o::before { content: ""; } .fa-quora::before { content: ""; } .fa-free-code-camp::before { content: ""; } .fa-telegram::before { content: ""; } .fa-thermometer-4::before, .fa-thermometer::before, .fa-thermometer-full::before { content: ""; } .fa-thermometer-3::before, .fa-thermometer-three-quarters::before { content: ""; } .fa-thermometer-2::before, .fa-thermometer-half::before { content: ""; } .fa-thermometer-1::before, .fa-thermometer-quarter::before { content: ""; } .fa-thermometer-0::before, .fa-thermometer-empty::before { content: ""; } .fa-shower::before { content: ""; } .fa-bathtub::before, .fa-s15::before, .fa-bath::before { content: ""; } .fa-podcast::before { content: ""; } .fa-window-maximize::before { content: ""; } .fa-window-minimize::before { content: ""; } .fa-window-restore::before { content: ""; } .fa-times-rectangle::before, .fa-window-close::before { content: ""; } .fa-times-rectangle-o::before, .fa-window-close-o::before { content: ""; } .fa-bandcamp::before { content: ""; } .fa-grav::before { content: ""; } .fa-etsy::before { content: ""; } .fa-imdb::before { content: ""; } .fa-ravelry::before { content: ""; } .fa-eercast::before { content: ""; } .fa-microchip::before { content: ""; } .fa-snowflake-o::before { content: ""; } .fa-superpowers::before { content: ""; } .fa-wpexplorer::before { content: ""; } .fa-meetup::before { content: ""; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; } /* source: https://www.ralphlauren.co.uk/on/demandware.static/Sites-RalphLauren_GB-Site/-/en_GB/v1785482969300/lib/slick/slick.css */ .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; } .slick-list:focus { outline: 0px; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::after, .slick-track::before { display: table; content: ""; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* source: inline */ isapplepay { display: inline; } .dw-apple-pay-button, .dw-apple-pay-button:hover, .dw-apple-pay-button:active { background-color: rgb(0, 0, 0); background-position: 50% 50%; background-repeat: no-repeat; background-size: 75% 60%; border-radius: 5px; border: 1px solid black; box-sizing: border-box; margin: 5px auto; min-height: 30px; min-width: 100px; padding: 0px; } .dw-apple-pay-button::after { content: "Apple Pay"; visibility: hidden; } .dw-apple-pay-button.dw-apple-pay-logo-white { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } .dw-apple-pay-button.dw-apple-pay-logo-white.dw-apple-pay-border { border-color: rgb(0, 0, 0); } /* source: https://www.ralphlauren.co.uk/on/demandware.static/Sites-RalphLauren_GB-Site/-/en_GB/v1785482969300/css/non-critical-manu-styles.css */ .ui-draggable-handle { touch-action: none; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix::after, .ui-helper-clearfix::before { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix::after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted rgb(0, 0, 0); } .ui-sortable-handle { touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0px 0px; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0px; overflow: auto; } .ui-autocomplete { position: absolute; top: 0px; left: 0px; cursor: default; } .ui-menu { list-style: none; padding: 0px; margin: 0px; display: block; outline: 0px; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0px; cursor: pointer; } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0px; height: 0px; font-size: 0px; line-height: 0; border-width: 1px 0px 0px; } .ui-menu .ui-state-active, .ui-menu .ui-state-focus { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0px; bottom: 0px; left: 0.2em; margin: auto 0px; } .ui-menu .ui-menu-icon { left: auto; right: 0px; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; user-select: none; } .ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited { text-decoration: none; } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { text-indent: 0px; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0px; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0px; white-space: normal; padding: 0.4em 1em; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0px; margin-right: 0px; } .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0px; margin-bottom: 0px; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .ui-controlgroup-vertical .ui-spinner-input { width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: rgb(204, 204, 204) 1px 1px 1px inset; border-radius: 0.12em; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0px; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: 700; border: 0px; } .ui-datepicker td { border: 0px; padding: 1px; } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px; border-right: 0px; border-bottom: 0px; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0px auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0px; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0px; left: 0px; padding: 0.2em; outline: 0px; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0px; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0px 0px; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0px; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0px 0px; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0px; } .ui-dialog .ui-resizable-e { width: 2px; right: 0px; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0px; } .ui-dialog .ui-resizable-w { width: 2px; left: 0px; } .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0px; bottom: 0px; } .ui-dialog .ui-resizable-sw { left: 0px; bottom: 0px; } .ui-dialog .ui-resizable-ne { right: 0px; top: 0px; } .ui-dialog .ui-resizable-nw { left: 0px; top: 0px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px; display: none; } .ui-selectmenu-menu .ui-menu { overflow: hidden auto; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: 700; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0px 0px; height: auto; border: 0px; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0px; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0px; background-position: 0px 0px; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0px; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0px; } .ui-slider-horizontal .ui-slider-range-max { right: 0px; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0px; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0px; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0px; } .ui-slider-vertical .ui-slider-range-max { top: 0px; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0px; vertical-align: middle; } .ui-spinner-input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: inherit; padding: 0.222em 0px; vertical-align: middle; margin: 0.2em 2em 0.2em 0.4em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0px; margin: 0px; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0px; } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0px; } .ui-spinner-down { bottom: 0px; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0px; padding: 0.2em 0.2em 0px; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 1px 0.2em 0px 0px; border-bottom-width: 0px; padding: 0px; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0px; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .swiper-container { margin: 0px auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translateZ(0px); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; align-items: flex-start; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: 50% center; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translateZ(0px); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(0, 0, 0); opacity: 0.2; } button.swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: rgb(0, 122, 255); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0px; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgb(0, 122, 255); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0px; top: 0px; } .swiper-pagination-white .swiper-pagination-bullet-active { background: rgb(255, 255, 255); } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: rgb(255, 255, 255); } .swiper-pagination-black .swiper-pagination-bullet-active { background: rgb(0, 0, 0); } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: rgb(0, 0, 0); } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; animation: 1s steps(12) 0s infinite normal none running swiper-preloader-spin; } .swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E"); background-position: 50% center; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { transform: rotate(1turn); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(1turn); } } .swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0px; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.6; filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { } /* source: https://www.ralphlauren.co.uk/on/demandware.static/Sites-RalphLauren_GB-Site/-/en_GB/v1785482969300/css/global.css */ @font-face { font-family: password; src: url("../../assets/fonts/password.woff2") format("woff2"); font-weight: 400; font-style: normal; } @media screen and (min-width: 1920px) { body { overflow-x: hidden !important; } } @media screen and (min-width: 1920px) { #wrapper.max1920w { max-width: 1920px !important; } #wrapper.max1920w #footer, #wrapper.max1920w .breadcrumb, #wrapper.max1920w .top-banner-sticky > :not(.top-banner):not(.sticky-add2bag-container) { margin: 0px calc(960px - 50vw); } #wrapper.max1920w .header-banner { max-width: 1920px !important; } #wrapper.max1920w .top-banner-sticky.stuck { margin: 0px; max-width: 1920px !important; } } @media screen and (min-width: 960px) { #wrapper.max1920w .confirmation-banner-cont, #wrapper.max1920w.myRL_account .banner-top { margin-top: 0px !important; } } #wrapper:not(.max1920w).myRL_account .banner-top { margin-top: 0px; } .mobile-up { display: block; } @media screen and (max-width: 360px) { .desktop-only, .tablet-only { display: none !important; } .mobile-only { display: initial !important; } } @media screen and (min-width: 361px) and (max-width: 959px) { .desktop-only, .mobile-only { display: none !important; } .tablet-only { display: initial !important; } } @media screen and (min-width: 960px) { .mobile-only, .tablet-only { display: none !important; } .desktop-only { display: initial !important; } .mobile-up { display: none !important; } } @media screen and (max-width: 959px) { .tablet-down { display: block; } } @media screen and (min-width: 960px) { .hamburger-nav, .tablet-down { display: none !important; } } .visually-hidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .address .field-wrapper .valid-icon, .check-success { background-position: 50% center; background-repeat: no-repeat; background-size: 17px; position: absolute; display: block; width: 20px; height: 20px; top: 20px; right: 5%; transform: translate(-5%, -50%); background-image: url("../../assets/images/check-green.svg") !important; } @media screen and (min-width: 960px) { .address .field-wrapper .valid-icon, .check-success { top: 22px; } } .error-alert { background-position: 50% center; background-repeat: no-repeat; background-size: 17px; position: absolute; display: block; width: 20px; height: 20px; top: 22px; right: 20px; transform: translate(-5%, -50%); background-image: url("../../assets/images/info-red.svg") !important; } [style*="--aspect-ratio"] > :first-child { width: 100%; } [style*="--aspect-ratio"] > img { height: auto; } @supports (--custom:property) { [style*="--aspect-ratio"] { position: relative; } [style*="--aspect-ratio"]::before { content: ""; display: block; padding-bottom: calc(100%/var(--aspect-ratio)); } [style*="--aspect-ratio"] > * { top: 0px; left: 0px; height: 100%; position: absolute !important; } } .global-critical-err-msg .global-error-msg { text-align: center; padding: 10px 20px; border-bottom: 1px solid rgb(209, 209, 209); font-weight: 600; z-index: 30; position: relative; } .global-critical-err-msg .global-error-msg br { display: none; } .global-critical-err-msg .global-error-msg p { display: inline; padding: 0px; margin: 0px; } .global-critical-err-msg .close-icon { position: absolute; right: 17px; top: 12px; cursor: pointer; font-size: 15px; font-weight: 600; text-indent: -9999em; background-image: url("../../assets/images/close.svg"); background-position: 50% center; background-repeat: no-repeat; width: 12px; height: 12px; } @media screen and (max-width: 959px) { .global-critical-err-msg .close-icon { top: 7px; } } .do-no-show { display: none; } .visibility-hidden { visibility: hidden; height: 0px; margin: 0px; padding: 0px !important; } .centered-content { height: 100%; display: flex; align-items: center; justify-content: center; } .overflow-none { position: fixed; width: 100%; overflow: hidden !important; } .no-pointer-events { pointer-events: none; } .text-untransform { text-transform: none !important; } .or-divider { display: flex; justify-content: center; align-items: center; font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; text-transform: capitalize; margin: 1.25rem 0px 1.5625rem; } .or-divider::before { margin-right: 10px; } .or-divider::after, .or-divider::before { content: ""; width: 100%; border-bottom: 1px solid rgb(234, 234, 234); display: block; height: 1px; } .or-divider::after { margin-left: 10px; } .social-login button { display: flex; justify-content: center; align-items: center; font-size: 0.625rem; letter-spacing: 0.0625rem; } .social-login button img { width: 1.125rem; height: 1.125rem; margin-right: 0.5rem; } @media screen and (min-width: 960px) { .social-login { display: flex; justify-content: space-between; gap: 0.625rem; } .social-login button { flex: 1 1 auto; padding: 0.9375rem 0.25rem; width: 31% !important; } } .large-tabs.tabs-wrapper { margin-top: 1.875rem; padding: 0px; } @media screen and (min-width: 960px) { .large-tabs.tabs-wrapper { margin-top: 0px; } } .large-tabs.tabs-wrapper .controlled-content { padding: 0px 1.375rem 2.5rem; border-bottom: 1px solid rgb(198, 200, 204); } @media screen and (min-width: 960px) { .large-tabs.tabs-wrapper .controlled-content { padding: 0px 2.5rem 2.5rem; border-left: 1px solid rgb(198, 200, 204); border-right: 1px solid rgb(198, 200, 204); } } .large-tabs.tabs-wrapper .controlled-content > div { max-width: 450px; margin: 0px auto; } .large-tabs.tabs-wrapper .controlled-content .modal-heading-top h3 { margin-top: 0px; padding-top: 20px; } .large-tabs.tabs-wrapper button { max-width: 100%; } .large-tabs.tabs-wrapper .or-divider { margin: 1.5625rem 0px 0.9375rem; } .large-tabs.tabs-wrapper .tabs { display: flex; } .large-tabs.tabs-wrapper .tabs button { width: 100%; margin: 0px; background-color: rgb(242, 243, 245); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; color: rgb(4, 30, 58); text-transform: none; font-size: 1rem; border: 0px; transition: none; } @media screen and (min-width: 960px) { .large-tabs.tabs-wrapper .tabs button { min-height: 4.375rem; font-size: 1.25rem; } } .large-tabs.tabs-wrapper .tabs button[aria-selected="true"] { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(198, 200, 204); } .large-tabs.tabs-wrapper .tabs button[aria-selected="false"] { box-shadow: rgba(0, 0, 0, 0.75) 6px -5px 11px -13px inset; border-top: 1px solid rgb(222, 222, 224); } @media screen and (min-width: 960px) { .large-tabs.tabs-wrapper .tabs button:first-child { border-left: 1px solid rgb(222, 222, 224); } .large-tabs.tabs-wrapper .tabs button:first-child[aria-selected="true"] { border-left: 1px solid rgb(198, 200, 204); } .large-tabs.tabs-wrapper .tabs button:first-child[aria-selected="false"] { box-shadow: rgba(0, 0, 0, 0.75) -6px -5px 11px -13px inset; } } @media screen and (min-width: 960px) { .large-tabs.tabs-wrapper .tabs button:last-child { border-right: 1px solid rgb(222, 222, 224); } .large-tabs.tabs-wrapper .tabs button:last-child[aria-selected="true"] { border-right: 1px solid rgb(198, 200, 204); } } .social-links .level-two[aria-expanded="false"] { display: none; height: 0px; opacity: 0; z-index: 1; } .social-links .level-two[aria-expanded="true"] { display: block; height: auto; width: 100%; opacity: 1; transition: height, opacity 0.5s linear; z-index: 2; } .step-null .mini-summary-btn-sec, .step-null .nav.summary { display: none; } .add-transition { transition: top 0.3s linear; } .product-add-to-cart .atc-available[disabled] { background-color: rgb(4, 30, 58); } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0px; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0px; } mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0px; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0px; padding: 0px; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0px; } td, th { padding: 0px; } #secondary-post h2, #secondary h2, .page-title, .ui-dialog h1, .ui-dialog h2, h1 { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 1.5rem; letter-spacing: 0.15rem; color: rgb(71, 71, 71); text-transform: uppercase; } @media screen and (min-width: 960px) { #secondary-post h2, #secondary h2, .page-title, .ui-dialog h1, .ui-dialog h2, h1 { padding-bottom: 2.25rem; } } .ui-dialog legend, h2 { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 1.125rem; letter-spacing: 0.05625rem; color: rgb(71, 71, 71); text-transform: uppercase; } #secondary-post .account-nav-asset h3, #secondary .account-nav-asset h3, #wrapper.pt_account h2, .ui-dialog.account-login-dialog .dialog-content h3, .ui-dialog.global-account-modal .dialog-content h3, .ui-dialog.save-favorites-dialog .dialog-content h3 { color: rgb(71, 71, 71); text-transform: uppercase; letter-spacing: 0.1rem; font-size: 0.875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .sub-title { color: rgb(71, 71, 71); text-transform: uppercase; letter-spacing: 0.1rem; font-size: 0.875rem; } #secondary-post .account-logout, #secondary-post ul li a, #secondary .account-logout, #secondary ul li a, .sub-title { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } #secondary-post .account-logout, #secondary-post ul li a, #secondary .account-logout, #secondary ul li a { font-size: 0.625rem; } .ui-dialog p, p { font-size: 0.875rem; color: rgb(118, 118, 118); letter-spacing: 0.0125rem; line-height: 1.43em; } .dialog-required em, .required-text { font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; color: rgb(148, 148, 148); font-size: 0.625rem; letter-spacing: 0.01875rem; text-transform: capitalize; } @media screen and (min-width: 960px) { .dialog-required em, .required-text { font-size: 0.75rem; letter-spacing: 0.04375rem; } } .input-text, .ui-selectmenu-button, .ui-selectmenu-menu .ui-menu .ui-menu-item, input[type="checkbox"] + label, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="radio"] + label, input[type="tel"], input[type="text"], select, textarea { font-size: 1rem; color: rgb(71, 71, 71); letter-spacing: 0.3px; text-transform: uppercase; } @media screen and (min-width: 960px) { .input-text, .ui-selectmenu-button, .ui-selectmenu-menu .ui-menu .ui-menu-item, input[type="checkbox"] + label, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="radio"] + label, input[type="tel"], input[type="text"], select, textarea { font-size: 0.75rem; } } .footer-container h3 { font-size: 0.75rem; text-transform: uppercase; color: rgb(4, 30, 58); letter-spacing: 0.00313rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; text-align: left; } @media screen and (min-width: 960px) { .footer-container h3 { font-size: 0.875rem; } } #ChangePassowrdForm .privacy-notice a, #employeenumberform .privacy-notice a, #RegistrationForm .privacy-notice a { text-decoration: underline; } #ChangePassowrdForm .privacy-notice a, #employeenumberform .privacy-notice a, #RegistrationForm .privacy-notice a, .subscribe label span { color: rgb(118, 118, 118); font-size: 0.875rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .subscribe label span { text-decoration: none; } .product-name { color: rgb(71, 71, 71); text-transform: none; letter-spacing: 0.1125rem; font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .mini-cart-attributes h4, .mini-cart-attributes p.label, .mini-cart-pricing h4, .mini-cart-product .product-availability-list h4, .mini-cart-product .product-availability-list p.label, .mini-cart-subtotals .label { margin: 0.625rem 0px; color: rgb(4, 30, 58); text-transform: uppercase; font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; } .item-details .product-list-item .name { color: rgb(71, 71, 71); font-size: 0.75rem; text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; } .item-details .product-list-item h4, .item-details .product-list-item p.label { color: rgb(118, 118, 118); font-size: 0.75rem; letter-spacing: 0.03125rem; line-height: 1.25rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } @media screen and (min-width: 960px) { .item-details .product-list-item h4, .item-details .product-list-item p.label { letter-spacing: 0.01875rem; } } .error-page-message p, .error-page-message ul li, .nosearch-result-font, .pt_product-search-noresult p, input.try-search { font-size: 0.75rem; line-height: 1.375rem; letter-spacing: 0.4px; text-align: left; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; text-transform: none; color: rgb(71, 71, 71); } .no-search-result-header, .pt_error h1 { font-size: 2.125rem; line-height: 0.88; color: rgb(4, 30, 58); } .no-search-result-header, .pt_error h1, .store-locator-header { text-align: left; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; } .store-locator-header { font-size: 0.8125rem; line-height: 1.15; } @media screen and (min-width: 960px) { .store-locator-header { font-size: 1.625rem; } } .cart-recommendations h2, .category-slot h2, .product-slot h2 { width: 100%; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; color: rgb(4, 30, 58); font-size: 1.5rem; line-height: 1em; letter-spacing: 0.05rem; text-transform: none; } .clear-all { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.6875rem; text-transform: uppercase; line-height: normal; } @media screen and (min-width: 960px) { .clear-all { font-size: 0.6875rem; } } .secondary-subheader { color: rgb(71, 71, 71); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.625rem; text-transform: uppercase; line-height: normal; } @media screen and (min-width: 960px) { .secondary-subheader { font-size: 0.6875rem; } } .pt_product-search-result .breadcrumb { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.7px; text-transform: uppercase; } @media screen and (min-width: 960px) { .pt_product-search-result .breadcrumb { font-size: 0.75rem; color: rgb(71, 71, 71); } } .min-max-price { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.75rem; color: rgb(118, 118, 118); text-transform: none; line-height: 1.875rem; } @media screen and (min-width: 960px) { .min-max-price { line-height: 1.875rem; font-size: 0.75rem; } } .pw-errors { font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; } .store-locator-header-font { font-size: unset; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; color: rgb(118, 118, 118); } @font-face { font-family: RLNA-font; src: url("../../assets/fonts/RLNA-font.woff2") format("woff2"); } [class*=" icon-"]::before, [class^="icon-"]::before { font-family: RLNA-font !important; } .icon-bag::before { content: ""; } .icon-carat-left::before { content: ""; } .icon-carat-right::before { content: ""; } .icon-caret-down::before { content: ""; } .icon-caret-up::before { content: ""; } .icon-cart-edit::before { content: ""; } .icon-check-box::before { content: ""; } .icon-check-green::before { content: ""; } .icon-checked::before { content: ""; } .icon-close::before { content: ""; } .icon-down-arrow-thumb::before { content: ""; } .icon-email-on::before { content: ""; } .icon-facebook-on::before { content: ""; } .icon-globe-icon::before { content: ""; } .icon-heart-favorite-added::before { content: ""; } .icon-heart-favorite::before { content: ""; } .icon-hotdogs::before { content: ""; } .icon-info::before { content: ""; } .icon-pdp-zoom::before { content: ""; } .icon-pinterest-on::before { content: ""; } .icon-profile::before { content: ""; } .icon-radio-selected::before { content: ""; } .icon-radio::before { content: ""; } .icon-search::before { content: ""; } .icon-store-white::before { content: ""; } .icon-tumblr-on::before { content: ""; } .icon-twitter-on::before { content: ""; } .icon-warning::before { content: ""; } @font-face { font-family: RL-icons; src: url("../../assets/fonts/RL-icons.woff2") format("woff2"); } [class*=" icon-"]::before, [class^="icon-"]::before { font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: RL-icons !important; font-weight: 400 !important; } .icon-profile::before { content: ""; } .icon-locator::before { content: ""; } .icon-line1::before { content: ""; } .icon-close::before { content: ""; } .icon-add::before { content: ""; } .icon-caret::before { content: ""; } .icon-global::before { content: ""; } .icon-pdp-zoom-out::before { content: ""; } .icon-pdp-zoom::before { content: ""; } .icon-search::before { content: ""; } .icon-profile-solid::before { content: ""; } .icon-shoppingbag-solid::before { content: ""; } .icon-shoppingbag::before { content: ""; } .icon-chatnew::before { content: ""; } .icon-search-light2::before { content: ""; } .icon-track::before { content: ""; } .icon-orders::before { content: ""; } .icon-account-submenu::before { content: ""; } .icon-edit::before { content: ""; } .icon-heart::before { content: ""; } .icon-heart-filled::before { content: ""; } .icon-caret-right::before { content: ""; } .icon-close-small::before { content: ""; } .icon-filter::before { content: ""; } .icon-find-in-store::before { content: ""; } .icon-hanger::before { content: ""; } .icon-chat::before { content: ""; } .icon-sign-out::before { content: ""; } .icon-sort-down-solid::before { content: ""; } .icon-sort-up-solid::before { content: ""; } .icon-caret-up::before { content: ""; } .icon-caret-down::before { content: ""; } .icon-time::before { content: ""; } .icon-add-to-cart::before { content: ""; } .icon-tag::before { content: ""; } .icon-payment::before { content: ""; } .icon-reviews::before { content: ""; } .icon-think-arrow-left::before { content: ""; } .icon-think-arrow-right::before { content: ""; } .icon-monogram-logo::before { content: ""; } .icon-check-mark::before { content: ""; } .icon-error-state-alert::before { content: ""; } .icon-info::before { content: ""; } .icon-info-alt::before { content: ""; } .icon-info-filled::before { content: ""; } .icon-fit-guide::before { content: ""; } .icon-size-chart::before { content: ""; } .icon-store-locator::before { content: ""; } .icon-phone::before { content: ""; } .icon-pause::before { content: ""; } .icon-play::before { content: ""; } .icon-plain-play::before { content: ""; } .icon-plain-pause::before { content: ""; } .icon-caret-left-thin::before { content: ""; } .icon-caret-right-thin::before { content: ""; } .icon-sound::before { content: ""; } .icon-mute::before { content: ""; } .icon-returns::before { content: ""; } .icon-gift::before { content: ""; } .icon-app::before { content: ""; } [class*=" svg-icon-"]::before, [class^="svg-icon-"]::before { content: ""; display: inline-block; background-size: cover; margin-right: 0.8em; } .svg-icon-download-link::before { background-color: currentcolor; mask-image: url("../../assets/images/download_icon.svg"); width: 1.2em; height: 1.2em; margin-top: -0.1em; margin-bottom: -0.1em; } .svg-icon-copy-link::before { background-color: currentcolor; mask-image: url("../../assets/images/link_icon_color.svg"); width: 1.5em; height: 1.6em; margin-top: -0.3em; margin-bottom: -0.3em; } .content-container { position: relative; width: 100%; margin: 0px auto; box-sizing: border-box; } .column, .columns { width: 100%; float: left; box-sizing: border-box; } @media (min-width: 960px) { .column, .columns { margin-left: 4%; } .column:first-child, .columns:first-child { margin-left: 0px; } .one.column, .one.columns { width: 4.66667%; } .two.columns { width: 13.3333%; } .three.columns { width: 22%; } .four.columns { width: 30.6667%; } .five.columns { width: 39.3333%; } .six.columns { width: 48%; } .seven.columns { width: 56.6667%; } .eight.columns { width: 65.3333%; } .nine.columns { width: 74%; } .ten.columns { width: 82.6667%; } .eleven.columns { width: 91.3333%; } .twelve.columns { width: 100%; margin-left: 0px; } .one-third.column { width: 30.6667%; } .two-thirds.column { width: 65.3333%; } .one-half.column { width: 48%; } .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } } body { background: none 0px 0px repeat scroll rgb(255, 255, 255); color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 12px; } html { box-sizing: border-box; } *, ::after, ::before { box-sizing: inherit; } a { color: rgb(71, 71, 71); overflow: hidden; text-decoration: none; letter-spacing: 0.01875rem; } a:hover { color: rgb(4, 30, 58); } a.text-link, a:hover { text-decoration: underline; } a:active { outline: none; } fieldset { border: 0px; margin: 0px; padding: 0px; } table { width: 100%; } th { text-align: left; } td { padding: 1em; vertical-align: top; } .input-text, .ui-selectmenu-button, .ui-selectmenu-menu .ui-menu .ui-menu-item, .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-state-active, input, input[type="checkbox"] + label, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="radio"] + label, input[type="tel"], input[type="text"], select, textarea { text-transform: none; } input[type="checkbox"] + label { display: flex; margin-bottom: 0px; } ::-webkit-input-placeholder { text-transform: uppercase; color: rgb(117, 117, 117); } input:-webkit-autofill, input:-webkit-autofill:focus input:-webkit-autofill, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus { border: 1px solid rgb(209, 209, 209); -webkit-text-fill-color: rgb(71, 71, 71); box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset; transition: background-color 5000s ease-in-out; } #browser-check .browser-compatibility-alert .browser-error span { width: 1.25rem; height: 1.25rem; display: inline-block; vertical-align: middle; margin-right: 0.3125rem; background: url("../../assets/images/info-white.svg") 50% center no-repeat transparent; } body:not(.user-is-tabbing) a:focus, body:not(.user-is-tabbing) button:focus, body:not(.user-is-tabbing) div:focus, body:not(.user-is-tabbing) input:focus, body:not(.user-is-tabbing) input[type="checkbox"]:focus + label, body:not(.user-is-tabbing) label:focus, body:not(.user-is-tabbing) select:focus, body:not(.user-is-tabbing) span:focus, body:not(.user-is-tabbing) textarea:focus { outline: none !important; } body.user-is-tabbing :focus, body.user-is-tabbing button:focus, body.user-is-tabbing button:focus::after { outline: -webkit-focus-ring-color auto 5px !important; } .accessible-tooltip { position: absolute; left: -9000px; width: 0px; overflow: hidden; } body.user-is-tabbing .a:hover .accessible-tooltip, body.user-is-tabbing a:active .accessible-tooltip, body.user-is-tabbing a:focus .accessible-tooltip { display: block; position: absolute; top: 1em; left: 1em; width: 12em; border: 1px solid rgb(4, 30, 58); background-color: rgb(118, 118, 118); color: rgb(255, 255, 255); text-align: center; z-index: 15; } .rl-capitalize { text-transform: capitalize; } .rl-uppercase { text-transform: uppercase; } .button, .buttonstyle, button, input[type="button"] { background-color: rgb(4, 30, 58); border: 1px solid rgb(4, 30, 58); border-radius: 0px; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-size: 0.75rem; letter-spacing: 0.05em; margin: 15px 0px 0px; min-height: 3.25rem; padding: 0.9375rem 0px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.5s; outline: 0px; width: 100%; line-height: 1.25rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; } @media screen and (min-width: 960px) { .button, .buttonstyle, button, input[type="button"] { width: auto; max-width: 23.4375rem; padding: 0.9375rem 1.5rem; } } .button.chromeless, .buttonstyle.chromeless, button.chromeless, input[type="button"].chromeless { background: none; border: 0px; border-radius: 0px; margin: 0px; padding: 0px; min-height: 0px; } .button.chromeless:hover, .buttonstyle.chromeless:hover, button.chromeless:hover, input[type="button"].chromeless:hover { background-color: initial; } .button:active, .button:focus, .button:hover, .buttonstyle:active, .buttonstyle:focus, .buttonstyle:hover, button:active, button:focus, button:hover, input[type="button"]:active, input[type="button"]:focus, input[type="button"]:hover { background-color: rgb(21, 52, 86); color: rgb(255, 255, 255); border-color: rgb(21, 52, 86); text-decoration: none; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; } .button.inverse, .buttonstyle.inverse, button.inverse, input[type="button"].inverse { background-color: rgb(255, 255, 255); color: rgb(4, 30, 58); border-color: rgb(4, 30, 58); text-decoration: none; } .button.inverse.no-border, .buttonstyle.inverse.no-border, button.inverse.no-border, input[type="button"].inverse.no-border { border: 0px; } .button.inverse:active, .button.inverse:focus, .button.inverse:hover, .buttonstyle.inverse:active, .buttonstyle.inverse:focus, .buttonstyle.inverse:hover, button.inverse:active, button.inverse:focus, button.inverse:hover, input[type="button"].inverse:active, input[type="button"].inverse:focus, input[type="button"].inverse:hover { background-color: rgb(4, 30, 58); color: rgb(255, 255, 255); } .button.transparent, .buttonstyle.transparent, button.transparent, input[type="button"].transparent { background-color: transparent; color: rgb(4, 30, 58); } .button.transparent:active, .button.transparent:focus, .button.transparent:hover, .buttonstyle.transparent:active, .buttonstyle.transparent:focus, .buttonstyle.transparent:hover, button.transparent:active, button.transparent:focus, button.transparent:hover, input[type="button"].transparent:active, input[type="button"].transparent:focus, input[type="button"].transparent:hover { background-color: rgb(4, 30, 58); color: rgb(255, 255, 255); } .button.secondary, .buttonstyle.secondary, button.secondary, input[type="button"].secondary { background-color: transparent; border: 0px; min-height: 0px; margin: 0px; padding: 0px 0px 0.25rem; color: rgb(4, 30, 58); width: auto; } .button.secondary:active, .button.secondary:focus, .button.secondary:hover, .buttonstyle.secondary:active, .buttonstyle.secondary:focus, .buttonstyle.secondary:hover, button.secondary:active, button.secondary:focus, button.secondary:hover, input[type="button"].secondary:active, input[type="button"].secondary:focus, input[type="button"].secondary:hover { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; background-color: transparent; } .button.secondary:active::after, .button.secondary:focus::after, .button.secondary:hover::after, .buttonstyle.secondary:active::after, .buttonstyle.secondary:focus::after, .buttonstyle.secondary:hover::after, button.secondary:active::after, button.secondary:focus::after, button.secondary:hover::after, input[type="button"].secondary:active::after, input[type="button"].secondary:focus::after, input[type="button"].secondary:hover::after { top: -0.1875rem; } .button.secondary::after, .buttonstyle.secondary::after, button.secondary::after, input[type="button"].secondary::after { border-bottom: 1px solid rgb(4, 30, 58); content: ""; display: block; position: relative; top: 0.25rem; transition: top 0.5s; } .button.secondary.inverse, .buttonstyle.secondary.inverse, button.secondary.inverse, input[type="button"].secondary.inverse { color: rgb(255, 255, 255); } .button.secondary.inverse::after, .buttonstyle.secondary.inverse::after, button.secondary.inverse::after, input[type="button"].secondary.inverse::after { border-bottom: 1px solid rgb(255, 255, 255); } .button.secondary.fading::after, .buttonstyle.secondary.fading::after, button.secondary.fading::after, input[type="button"].secondary.fading::after { opacity: 0; } .button.secondary.fading:hover::after, .buttonstyle.secondary.fading:hover::after, button.secondary.fading:hover::after, input[type="button"].secondary.fading:hover::after { opacity: 1; } .button.m-tertiary, .buttonstyle.m-tertiary, button.m-tertiary, input[type="button"].m-tertiary { font-weight: 500; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.0625rem; padding: 0.5rem 1.5625rem; text-transform: uppercase; border-radius: 100px; background-color: transparent; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); width: auto; } .button.m-tertiary:active, .button.m-tertiary:focus, .button.m-tertiary:hover, .buttonstyle.m-tertiary:active, .buttonstyle.m-tertiary:focus, .buttonstyle.m-tertiary:hover, button.m-tertiary:active, button.m-tertiary:focus, button.m-tertiary:hover, input[type="button"].m-tertiary:active, input[type="button"].m-tertiary:focus, input[type="button"].m-tertiary:hover { background-color: rgb(255, 255, 255); color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; letter-spacing: 0.0625rem; font-weight: 500; font-size: 0.6875rem; } .button.tertiary-simple, .buttonstyle.tertiary-simple, button.tertiary-simple, input[type="button"].tertiary-simple { background-color: transparent; border: 0px; min-height: 0px; margin: 0px; padding: 0px 0px 0.25rem; color: rgb(4, 30, 58); width: auto; text-transform: capitalize; } .button.tertiary-simple:active, .button.tertiary-simple:focus, .button.tertiary-simple:hover, .buttonstyle.tertiary-simple:active, .buttonstyle.tertiary-simple:focus, .buttonstyle.tertiary-simple:hover, button.tertiary-simple:active, button.tertiary-simple:focus, button.tertiary-simple:hover, input[type="button"].tertiary-simple:active, input[type="button"].tertiary-simple:focus, input[type="button"].tertiary-simple:hover { background-color: transparent; } .button.tertiary-simple::after, .buttonstyle.tertiary-simple::after, button.tertiary-simple::after, input[type="button"].tertiary-simple::after { border-bottom: 1px solid; content: ""; display: block; position: relative; top: -0.125rem; } .button.tertiary-simple.inverse, .buttonstyle.tertiary-simple.inverse, button.tertiary-simple.inverse, input[type="button"].tertiary-simple.inverse { color: rgb(255, 255, 255); } .button.tertiary-simple.inverse::after, .buttonstyle.tertiary-simple.inverse::after, button.tertiary-simple.inverse::after, input[type="button"].tertiary-simple.inverse::after { border-bottom: 1px solid rgb(255, 255, 255); } .button.light, .buttonstyle.light, button.light, input[type="button"].light { color: rgb(255, 255, 255); background-color: transparent; border-color: rgb(255, 255, 255); padding: 0.9375rem 1.5rem; } .button.light:active, .button.light:focus, .button.light:hover, .buttonstyle.light:active, .buttonstyle.light:focus, .buttonstyle.light:hover, button.light:active, button.light:focus, button.light:hover, input[type="button"].light:active, input[type="button"].light:focus, input[type="button"].light:hover { background-color: rgb(4, 30, 58); } .button.collection-button, .buttonstyle.collection-button, button.collection-button, input[type="button"].collection-button { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } .button.collection-button.inverse, .button.collection-button:active, .button.collection-button:focus, .button.collection-button:hover, .buttonstyle.collection-button.inverse, .buttonstyle.collection-button:active, .buttonstyle.collection-button:focus, .buttonstyle.collection-button:hover, button.collection-button.inverse, button.collection-button:active, button.collection-button:focus, button.collection-button:hover, input[type="button"].collection-button.inverse, input[type="button"].collection-button:active, input[type="button"].collection-button:focus, input[type="button"].collection-button:hover { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } .button.collection-button.inverse:active, .button.collection-button.inverse:focus, .button.collection-button.inverse:hover, .buttonstyle.collection-button.inverse:active, .buttonstyle.collection-button.inverse:focus, .buttonstyle.collection-button.inverse:hover, button.collection-button.inverse:active, button.collection-button.inverse:focus, button.collection-button.inverse:hover, input[type="button"].collection-button.inverse:active, input[type="button"].collection-button.inverse:focus, input[type="button"].collection-button.inverse:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .button.collection-button.transparent, .buttonstyle.collection-button.transparent, button.collection-button.transparent, input[type="button"].collection-button.transparent { background-color: transparent; color: rgb(0, 0, 0); } .button.collection-button.transparent:active, .button.collection-button.transparent:focus, .button.collection-button.transparent:hover, .buttonstyle.collection-button.transparent:active, .buttonstyle.collection-button.transparent:focus, .buttonstyle.collection-button.transparent:hover, button.collection-button.transparent:active, button.collection-button.transparent:focus, button.collection-button.transparent:hover, input[type="button"].collection-button.transparent:active, input[type="button"].collection-button.transparent:focus, input[type="button"].collection-button.transparent:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .button-fancy-large, .button-mini-btn, .button.large, .buttonstyle.large, button.large, input[type="button"].large { font-size: 1.35em; text-transform: uppercase; } .button-fancy-medium, .button.medium, .buttonstyle.medium, button.medium, input[type="button"].medium { font-size: 0.938em; } .button.raised, .buttonstyle.raised, button.raised, input[type="button"].raised { border-width: 0px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; } .button.raised:hover, .buttonstyle.raised:hover, button.raised:hover, input[type="button"].raised:hover { background-color: rgb(1, 5, 10); color: rgb(255, 255, 255); } .button.simple, .buttonstyle.simple, .store-tile.selected .select-store-button, button.simple, input[type="button"].simple { background-color: rgb(255, 255, 255); color: rgb(4, 30, 58); border-color: rgb(4, 30, 58); text-decoration: none; } .button.disabled, .button[disabled], .buttonstyle.disabled, .buttonstyle[disabled], button.disabled, button[disabled], input[type="button"].disabled, input[type="button"][disabled] { background-color: rgb(116, 116, 116); border-color: rgb(116, 116, 116); color: rgb(255, 255, 255); } .button a, .buttonstyle a, button a, input[type="button"] a { color: rgb(255, 255, 255); } .button i.left, .buttonstyle i.left, button i.left, input[type="button"] i.left { margin-right: 0.6em; } .button i.right, .buttonstyle i.right, button i.right, input[type="button"] i.right { margin-left: 0.6em; } .button.add-to-cart.item-added, .button.add-to-cart.item-added:hover, .buttonstyle.add-to-cart.item-added, .buttonstyle.add-to-cart.item-added:hover, button.add-to-cart.item-added, button.add-to-cart.item-added:hover, input[type="button"].add-to-cart.item-added, input[type="button"].add-to-cart.item-added:hover { background-color: rgb(21, 52, 86); border-color: rgb(21, 52, 86); color: rgb(255, 255, 255); } .button.add-to-cart.item-added::before, .button.add-to-cart.item-added:hover::before, .buttonstyle.add-to-cart.item-added::before, .buttonstyle.add-to-cart.item-added:hover::before, button.add-to-cart.item-added::before, button.add-to-cart.item-added:hover::before, input[type="button"].add-to-cart.item-added::before, input[type="button"].add-to-cart.item-added:hover::before { background-image: url("../../assets/images/CheckWhite.svg"); background-size: 16px; width: 16px; height: 16px; content: ""; display: inline-block; padding-left: 1.5rem; vertical-align: middle; background-repeat: no-repeat; } .button.add-to-cart.item-added .animate-left, .button.add-to-cart.item-added:hover .animate-left, .buttonstyle.add-to-cart.item-added .animate-left, .buttonstyle.add-to-cart.item-added:hover .animate-left, button.add-to-cart.item-added .animate-left, button.add-to-cart.item-added:hover .animate-left, input[type="button"].add-to-cart.item-added .animate-left, input[type="button"].add-to-cart.item-added:hover .animate-left { position: relative; animation: 0.6s ease 0s 1 normal none running animate-left; } @keyframes animate-left { 0% { left: -30px; opacity: 0; } 100% { left: 0px; opacity: 1; } } .button.add-to-cart:not([disabled]):hover, .buttonstyle.add-to-cart:not([disabled]):hover, button.add-to-cart:not([disabled]):hover, input[type="button"].add-to-cart:not([disabled]):hover { background-color: rgb(21, 52, 86); border-color: rgb(21, 52, 86); color: rgb(255, 255, 255); } .button.button-full-width, .buttonstyle.button-full-width, button.button-full-width, input[type="button"].button-full-width { text-align: center; width: 100%; max-width: none; } @media screen and (min-width: 960px) { .button.button-full-width, .buttonstyle.button-full-width, button.button-full-width, input[type="button"].button-full-width { max-width: 23.4375rem; } } .button.add-to-waitlist, .buttonstyle.add-to-waitlist, button.add-to-waitlist, input[type="button"].add-to-waitlist { margin-top: 0px; } .button-text { border-width: 0px; padding: 0px; } .button-text, .button-text:hover { background-color: rgb(255, 255, 255); color: rgb(4, 30, 58); } .button-text:hover { text-decoration: underline; } #QuickViewDialog .quickview-next, #QuickViewDialog .quickview-prev { background-color: rgb(255, 255, 255); color: rgb(4, 30, 58); width: auto; padding: 0px; height: auto; min-height: auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; float: none !important; } #QuickViewDialog .quickview-prev { border-right: 1px solid rgb(209, 209, 209); padding-right: 0.625rem; margin: 0px; } #QuickViewDialog .quickview-next { margin: 0px 0px 0px 0.625rem; } .skip-nav { position: absolute; top: -1000px; left: -1000px; z-index: 100; height: 1px; width: 1px; text-align: left; overflow: hidden; color: rgb(255, 255, 255); background-color: rgb(4, 30, 58); padding: 0.3125rem; } a.skip-nav:active, a.skip-nav:focus, a.skip-nav:hover { left: 0px; top: 0px; width: auto; height: auto; overflow: visible; color: rgb(255, 255, 255); } #wrapper { background-color: rgb(255, 255, 255); border: 0px; left: 0px; margin: auto; position: relative; transition: left 0.2s ease-in; width: 100%; } #wrapper:not(.pt_storefront):not(.pt_categorylanding):not(.pt_stylequiz):not(.pt_guidedshopping):not(.pt_wardrobe) > :not(header):not(.breadcrumb):not(.plp-footer-seo-content):not(#footer):not(#overlay) { max-width: var(--site-content-max-width); margin-left: auto; margin-right: auto; } #wrapper .banner-image img { width: 100%; } #wrapper.pt_contentpage #main { max-width: 100%; } #wrapper header.transparent + #main, #wrapper header.transparent + .menu-mask.desktop-only + #main { margin: -66px auto 0px; } #wrapper header.transparent + #main .new-entrypoint-pdp, #wrapper header.transparent + .menu-mask.desktop-only + #main .new-entrypoint-pdp { margin-top: 65px; } @media screen and (min-width: 960px) { #wrapper header.transparent + #main, #wrapper header.transparent + .menu-mask.desktop-only + #main { margin: -71px auto 0px; } #wrapper header.transparent + #main #fluidConfigure, #wrapper header.transparent + #main #pdpMain, #wrapper header.transparent + #main #refresh-zoom-cont, #wrapper header.transparent + #main .enhanced-pdp-main, #wrapper header.transparent + #main .new-entrypoint-pdp, #wrapper header.transparent + .menu-mask.desktop-only + #main #fluidConfigure, #wrapper header.transparent + .menu-mask.desktop-only + #main #pdpMain, #wrapper header.transparent + .menu-mask.desktop-only + #main #refresh-zoom-cont, #wrapper header.transparent + .menu-mask.desktop-only + #main .enhanced-pdp-main, #wrapper header.transparent + .menu-mask.desktop-only + #main .new-entrypoint-pdp { margin-top: 71px; } } #wrapper header.promo-bottom + #main { margin: 0px auto; } #wrapper header.promo-bottom + #main .new-entrypoint-pdp { margin-top: 65px; } @media screen and (min-width: 960px) { #wrapper header.promo-bottom + #main { margin: -71px auto 0px; } #wrapper header.promo-bottom + #main #fluidConfigure, #wrapper header.promo-bottom + #main #pdpMain, #wrapper header.promo-bottom + #main #refresh-zoom-cont, #wrapper header.promo-bottom + #main .enhanced-pdp-main, #wrapper header.promo-bottom + #main .new-entrypoint-pdp { margin-top: 71px; } } #wrapper #main { width: 100%; max-width: var(--site-content-width); margin: 0px auto; } #wrapper #main #container-wrap { padding: 1.25rem 1.875rem 2.5rem; display: flex; flex-direction: column-reverse; z-index: 1; position: relative; width: 100%; box-sizing: border-box; } #wrapper #main #container-wrap.reversable { flex-direction: column; } @media screen and (min-width: 960px) { #wrapper #main #container-wrap.reversable { flex-direction: row; } } @media screen and (min-width: 960px) { #wrapper #main #container-wrap { padding: 1.875rem 3.75rem 0px; flex-direction: row; } } #wrapper.pt_account h2 { color: rgb(4, 30, 58); margin-left: 1.25rem; font-size: 0.75rem; } #wrapper.pt_account h2.account-header { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 1.75rem; letter-spacing: 0px; line-height: 34px; text-align: center; text-transform: capitalize; margin-top: 60px; } @media screen and (max-width: 959px) { #wrapper.pt_account h2.account-header { display: block !important; } } #wrapper.pt_product-details #main { width: 100%; max-width: 100%; margin: 0px; } #wrapper.pt_product-details #main #container-wrap { padding: 0px; } #wrapper.pt_cart #main #container-wrap { padding: 1.625rem 0.9375rem; } @media screen and (min-width: 960px) { #wrapper.pt_cart #main #container-wrap { padding: 3.75rem 3.75rem 0px; } } #wrapper.pt-error-page #main #container-wrap, #wrapper.pt_product-search-noresult #main #container-wrap { padding-top: 4.0625rem; padding-bottom: 0px; display: block; width: 100%; float: left; clear: both; } #wrapper.pt-error-page #primary, #wrapper.pt_product-search-noresult #primary { width: 100%; float: left; clear: both; margin: 0px; } @media screen and (min-width: 960px) { #wrapper.pt-error-page #primary, #wrapper.pt_product-search-noresult #primary { padding: 0px; width: 100%; box-sizing: content-box; } } #wrapper.pt_product-search-noresult #main #container-wrap { padding-top: 1.25rem; } @media screen and (min-width: 960px) { #wrapper.pt_product-search-noresult #main #container-wrap { padding: 3.75rem 5.375rem 0px; } } @media screen and (min-width: 960px) { #wrapper.pt_account #container-wrap, #wrapper.pt_product-search-result #container-wrap { padding: 0px 3.4375rem; } } #wrapper.pt_account #main, #wrapper.pt_product-search-result #main, #wrapper.pt_wish-list #main { transition: margin 0.3s; } #wrapper.pt_account #main #container-wrap, #wrapper.pt_product-search-result #main #container-wrap, #wrapper.pt_wish-list #main #container-wrap { display: block; position: relative; width: 100%; float: left; clear: both; padding: 0px 0px 2.5rem; background-color: rgb(255, 255, 255); } #wrapper.pt_account .search-result-main-section, #wrapper.pt_product-search-result .search-result-main-section, #wrapper.pt_wish-list .search-result-main-section { background-color: rgb(255, 255, 255); width: 100%; float: left; clear: both; margin: 20px 0px 0px; position: relative; z-index: 1; } @media screen and (min-width: 960px) { #wrapper.pt_account .search-result-main-section, #wrapper.pt_product-search-result .search-result-main-section, #wrapper.pt_wish-list .search-result-main-section { margin: 0px 0px 20px; } } #wrapper.pt_account .search-result-main-section .slot-grid-header, #wrapper.pt_product-search-result .search-result-main-section .slot-grid-header, #wrapper.pt_wish-list .search-result-main-section .slot-grid-header { display: none; } @media screen and (max-width: 959px) { #wrapper.pt_account .guest-wl-page .primary-content, #wrapper.pt_product-search-result .guest-wl-page .primary-content, #wrapper.pt_wish-list .guest-wl-page .primary-content { padding: 0px 1.25rem; } } @media screen and (min-width: 960px) { #wrapper.pt_account #main.page-content #container-wrap.account-template:not(.template-wishlist) { display: flex; padding: 0.9375rem 3.4375rem; } } @media screen and (min-width: 1440px) { #wrapper.pt_account #main.page-content #container-wrap.account-template:not(.template-wishlist) { padding: 0.9375rem calc(50% - 665px); } } @media screen and (max-width: 959px) { #wrapper.pt_account #main.page-content #container-wrap.account-template .register { padding: 0px 1.25rem; margin: 1.25rem 0px; } #wrapper.pt_account #main.page-content #container-wrap.account-template .register h2 { margin-left: 0px; } } @media screen and (min-width: 960px) { #wrapper.pt_account #main.page-content #container-wrap.account-template #primary.primary-content { padding-left: 50px; width: calc(100% - 225px); } } #wrapper.pt_account.myRL_account #main { max-width: 100%; } #wrapper.pt_account.myRL_account #main #container-wrap { padding: 0px; } #wrapper.pt_account.myRL_account #main #container-wrap.account-template #primary.primary-content.trade-details-main .trade-details { margin-top: 41px; } #wrapper.pt_account.myRL_account #main #container-wrap.account-template #primary.primary-content.trade-details-main .trade-details h2.title { font-size: 22px; margin-left: 0px; letter-spacing: 0.5px; } #wrapper.pt_account.myRL_account #main #container-wrap.account-template #primary.primary-content.trade-details-main .trade-details .trade-text { line-height: 1.8; margin-top: 8px; display: inline-block; margin-bottom: 30px; } @media screen and (min-width: 960px) { #wrapper.pt_account.myRL_account #main #container-wrap.account-template #primary.primary-content { min-height: 700px; padding-left: 0px; width: 100%; } #wrapper.pt_account.myRL_account #main #container-wrap.account-template #primary.primary-content.trade-details-main { display: flex; gap: 10.2%; } #wrapper.pt_account.myRL_account #main #container-wrap.account-template #primary.primary-content.trade-details-main .trade-details { max-width: 421px; } #wrapper.pt_account.myRL_account #main #container-wrap.account-template #primary.primary-content.trade-details-main .trade-details h2.title { font-size: 24px; margin-left: 0px; letter-spacing: 1.6px; } #wrapper.pt_account.myRL_account #main #container-wrap.account-template #primary.primary-content.trade-details-main .trade-details .trade-text { margin-bottom: 0px; } } #wrapper.pt_guidedshopping header.transparent + #main, #wrapper.pt_stylequiz header.transparent + #main, #wrapper.pt_wardrobe header.transparent + #main { max-width: 100%; } @media screen and (min-width: 960px) { #wrapper.pt_guidedshopping header.transparent + #main, #wrapper.pt_stylequiz header.transparent + #main, #wrapper.pt_wardrobe header.transparent + #main { max-width: 1920px; margin-left: auto; margin-right: auto; } } #wrapper.pt_stylequiz .header-banner { display: none; } #wrapper.pt_order-confirmation, #wrapper.pt_storefront { width: 100%; } #wrapper.pt-error-page p { margin: 0.625rem 0px 0px; } #wrapper.pt-error-page .error-occurred { width: 100%; } @media screen and (min-width: 960px) { #wrapper.pt-error-page .error-occurred { width: 75%; } } #wrapper.pt_categorylanding { width: 100%; } #wrapper.pt_categorylanding .primary-content { padding-bottom: 0px; } @media screen and (min-width: 361px) { #wrapper.pt_categorylanding .primary-content { width: 80%; } } #wrapper.pt_categorylanding .refinements { border-right: 0px; display: none; width: 0px; } @media screen and (min-width: 361px) { #wrapper.pt_categorylanding .refinements { display: block; width: 20%; } } #wrapper.pt_product-details .primary-content { padding: 0px; } #wrapper.donation-purchase #main, #wrapper.gift-card-purchase #main { width: 100%; max-width: var(--site-content-width); margin: 0px auto; } #wrapper.donation-purchase #main #container-wrap, #wrapper.gift-card-purchase #main #container-wrap { padding: 1.25rem 1.875rem 2.5rem; display: flex; flex-direction: column-reverse; width: 100%; box-sizing: border-box; } @media screen and (min-width: 960px) { #wrapper.donation-purchase #main #container-wrap, #wrapper.gift-card-purchase #main #container-wrap { padding: 1.875rem 3.75rem 0px; flex-direction: row; } } #wrapper.df-refresh-wrapper.donation-purchase #main { max-width: 100%; } #wrapper.df-refresh-wrapper.donation-purchase #main #container-wrap { padding: 0px; } @media screen and (min-width: 960px) { #wrapper .banner-top { margin-bottom: 1.875rem; } } #wrapper .banner-top img { max-width: 100%; width: 100%; height: auto; } #wrapper.myRL_account .banner-top img { min-height: 329px; } @media screen and (min-width: 960px) { #wrapper.myRL_account .banner-top { margin-bottom: 0px; margin-top: -71px; } } #wrapper.myRL_account #main .guest-user #primary { padding: 0px; } #wrapper.myRL_account #main #primary { width: 100%; margin-top: 25px; padding: 0px 20px; overflow: hidden; } @media screen and (min-width: 960px) { #wrapper.myRL_account #main #primary { margin: 0px; padding: 0px; } } #wrapper.myRL_account.pt_order #main #container-wrap { flex-direction: column; } @media screen and (min-width: 960px) { #wrapper.wishlist-share .banner-top { margin-bottom: 0px; } } #wrapper.wishlist-share #primary { padding: 0px 20px; overflow: hidden; } @media screen and (min-width: 960px) { #wrapper.wishlist-share #primary { padding: 0px; } } #wrapper.r24-plp.pt_product-search-result #main #container-wrap { padding: 0px 0px 2.5rem; } @media screen and (min-width: 960px) { #wrapper.r24-plp.pt_product-search-result #main #container-wrap { padding: 0px; } } #wrapper.r24-plp.pt_product-search-result .search-result-main-section { margin-top: 0px; } .primary-content { width: 100%; position: relative; margin: 0px auto; } .primary-focus .primary-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; float: left; margin: 0px; } .full-width .primary-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; float: none; max-width: none; } .primary-content h1 { margin-bottom: 0.4375rem; padding: 0px; line-height: 1; } @media screen and (min-width: 960px) { .primary-content h1 { margin-bottom: 0.9375rem; } } .pt_cart .primary-content { padding: 0px; } .pt_product-search-result .primary-content { width: 100%; float: left; } @media screen and (min-width: 960px) { .pt_product-search-result .primary-content { width: 80.25%; padding-left: 3%; margin: 0px; float: right; position: static; clear: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: width 0.5s; } .pt_product-search-result .primary-content.full-width { width: 100%; padding: 0px; } } .reversable #secondary { display: none; } @media screen and (min-width: 960px) { .reversable #secondary { display: block; } } .reversable #secondary-post { display: block; } @media screen and (min-width: 960px) { .reversable #secondary-post { display: none; } } #secondary, #secondary-post { width: 100%; margin-top: 1.5625rem; float: none; border: 0px; font-size: 1.1em; padding-top: 1.5625rem; } .pt-error-page #secondary, .pt-error-page #secondary-post, .pt_product-search-noresult #secondary, .pt_product-search-noresult #secondary-post { display: none; } .pt_product-search-result #secondary, .pt_product-search-result #secondary-post { width: 100%; float: left; clear: both; margin: 0px; padding: 0px; } .pt_product-search-result #secondary-post .secondary-refinements, .pt_product-search-result #secondary .secondary-refinements { width: 100%; float: left; clear: both; } .pt_product-search-result #secondary-post.active-mobile, .pt_product-search-result #secondary.active-mobile { display: block; position: absolute; z-index: 10; background: rgb(255, 255, 255); top: 0px; } @media screen and (min-width: 960px) { #secondary, #secondary-post { border-top: 0px; margin-top: 0px; padding-top: 0px; } } #secondary-post ul, #secondary ul { margin: 0.625rem 0px 1.875rem; padding: 0px 0.625rem; } #secondary-post h2, #secondary h2 { padding-bottom: 0.9375rem; display: none; } @media screen and (min-width: 960px) { #secondary-post h2, #secondary h2 { display: block; } } #secondary-post .account-nav-asset h3, #secondary .account-nav-asset h3 { margin: 0px; } #secondary-post .account-logout, #secondary .account-logout { padding-bottom: 2.125rem; display: inline-block; text-decoration: underline; text-transform: capitalize; font-size: 0.875rem; } #secondary-post .refinement-wrapper .refinement:not(.category-refinement), #secondary .refinement-wrapper .refinement:not(.category-refinement) { display: none; } .secondary-content { clear: both; } @media screen and (min-width: 960px) { .col-1-form { max-width: 28.125rem; margin: 0px; } } #dialog-container .contact.col-1-form { margin: 0px auto; } .optanon-alert-box-wrapper { position: fixed; width: 100%; left: 0px; background-color: rgba(0, 0, 0, 0.85); z-index: 2147483644; min-height: 50px; border: 1px solid rgb(255, 255, 255); right: 0px; height: auto; transform: none; top: auto; } .ui-widget-overlay { background-color: rgba(0, 0, 0, 0.6); } .ui-dialog { box-shadow: rgb(71, 71, 71) 0px 0px 2px 0px; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); padding: 0px; max-width: 44.625rem; } .ui-dialog[aria-describedby="QuickViewDialog"] { max-width: 100%; } .ui-dialog[aria-describedby="QuickViewDialog"] .ui-dialog-title { display: none; } @media screen and (min-width: 960px) { .ui-dialog .select-address { width: 50%; } } .ui-dialog [class$="_multishipping_editAddress_addressFields_phone"] .form-field-tooltip span::after { top: 0.625rem; } .ui-dialog form { margin: 0px auto; padding: 0px; } .ui-dialog .ui-widget-header { background-color: inherit; border: 0px; border-radius: 0px; height: 2.5rem; text-transform: uppercase; } .ui-dialog .ui-dialog-title { color: rgb(71, 71, 71); font-weight: 700; padding: 1em; font-size: 1rem; } .ui-dialog .ui-dialog-content { padding: 1% 0px; margin: 0px auto; clear: both; width: 93% !important; } .ui-dialog .ui-dialog-content#QuickViewDialog { overflow: hidden; } .ui-dialog .ui-dialog-content .form-horizontal form { margin: 0px auto; padding: 0px; width: 77%; float: none; } .ui-dialog .ui-dialog-content .form-horizontal form.select label { display: none; } .ui-dialog .ui-dialog-content button:not(.secondary) { width: 67%; min-height: 3.125rem; margin: 0.625rem 0px; } .ui-dialog .ui-icon-closethick { background-image: url("../../assets/images/Close.svg"); background-position: 0px 0px; height: 1rem; width: 1rem; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; } .ui-dialog .ui-dialog-titlebar-close { background-color: transparent; border: 0px; border-radius: 0px; margin: 0px; opacity: 1; padding: 0px; right: 1.25rem; top: 1.25rem; z-index: 99; } .ui-dialog .ui-dialog-titlebar-close:hover { opacity: 1; } .ui-dialog .ui-dialog-titlebar-close span { margin: 0px; padding: 0px; } .ui-dialog .modal-title { margin: 1.3125rem 0px 2.25rem; padding: 0px; } .ui-dialog h1, .ui-dialog h2 { margin: 1.3125rem 0px; padding: 0px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .ui-dialog .password-request-title { width: 70%; margin-bottom: 2.25rem; } .ui-dialog legend { margin: 1.16em 0px; padding: 0px; } .ui-dialog a { text-decoration: underline; } .ui-dialog.size-chart, .ui-dialog.size-chart.full-width-fixed-dialog { z-index: 201 !important; } .no-close .ui-dialog-titlebar-close { display: none; } .ui-accordion .ui-accordion-content { padding: 0px; } .ui-tabs .ui-tabs-nav { height: 2.45em; padding: 0px; } .ui-tabs .ui-tabs-nav li { border-style: solid; border-color: rgb(255, 255, 255); border-image: none; border-width: 0px 0px 3px; } .ui-tabs .ui-tabs-nav li.ui-state-active { border-bottom-color: rgb(4, 30, 58); } .ui-tabs .ui-tabs-nav li.ui-state-active a { color: rgb(0, 0, 0); font-weight: 700; } .ui-tabs .ui-tabs-nav li a { color: rgb(118, 118, 118); } .ui-tabs .ui-tabs-panel { background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); line-height: 1.5em; margin: 0px; padding: 20px 10px; } @media screen and (min-width: 361px) { .ui-tabs .ui-tabs-panel h3 { display: none; } } #vertical-carousel { height: 19rem; position: relative; overflow: hidden; } #vertical-carousel ul { height: 10000em; list-style: none; margin: 0px; padding: 0px; position: relative; } #vertical-carousel ul li { float: left; height: 19rem; width: 100%; } #vertical-carousel ul li .capture-product-id { display: none; } #vertical-carousel .jcarousel-nav { color: rgb(118, 118, 118); cursor: pointer; font-size: 0.9em; font-weight: 700; position: absolute; right: 0px; text-transform: uppercase; } #vertical-carousel .jcarousel-nav:hover { color: rgb(4, 30, 58); } #vertical-carousel .jcarousel-nav.inactive { display: none; } #vertical-carousel .jcarousel-prev { bottom: 30px; } #vertical-carousel .jcarousel-next { bottom: 0px; } .user-shopping-terms { display: none; } .user-shopping-terms-toaster { z-index: 201 !important; } @media screen and (min-width: 959px) { .user-shopping-terms-toaster { max-width: 505px !important; } } .user-shopping-terms-toaster .user-shopping-terms { display: block; } .user-shopping-terms-toaster .rl-toaster-content { overflow-x: hidden; overflow-y: auto !important; padding: 30px 35px 70px !important; } .user-shopping-terms-toaster .content-asset h1, .user-shopping-terms-toaster .content-asset h2 { padding-top: 10px; padding-bottom: 25px; margin-left: -35px; margin-right: -35px; margin-bottom: 40px; border-bottom: 1px solid rgb(225, 225, 229); font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 1.125rem; letter-spacing: 0px; line-height: 22px; text-align: center; text-transform: none; color: rgb(4, 30, 58); } .user-shopping-terms-toaster .content-asset li, .user-shopping-terms-toaster .content-asset p { line-height: 22px; color: rgb(4, 30, 58); font-size: 0.75rem; } .user-shopping-terms-toaster .form-horizontal .form-row-button { margin: 10px auto; width: 100%; } .user-shopping-terms-toaster button.accept-button, .user-shopping-terms-toaster button.decline-button { width: 100%; max-width: 100%; height: auto; line-height: 15px; font-size: 0.6875rem; padding-left: 1.5rem; padding-right: 1.5rem; } .user-shopping-terms-toaster h2 { font-size: 1.25rem; } @media screen and (min-width: 959px) { .user-shopping-terms-toaster h2 { font-size: 1.5rem; } } .dialog-welcome-modal { box-shadow: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .dialog-welcome-modal .ui-widget-header { height: 0px; padding: 0px; } .dialog-welcome-modal .ui-dialog-title { display: none; } .dialog-welcome-modal .ui-dialog-titlebar-close { position: absolute; right: 5px; top: 15px; min-height: 0px; height: 20px; } .ui-dialog-content.welcome-modal { padding: 0px; width: 100% !important; } .welcome-left { text-align: center; } .welcome-left .welcome-title { margin: 0px 0px 15px; font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 1.5rem; line-height: 2.5rem; } .welcome-left .welcome-text { max-width: 360px; font-size: 0.6875rem; line-height: 1.125rem; letter-spacing: 0.15px; } .ui-dialog .ui-dialog-content .welcome-left button { width: 100%; margin: 25px 0px; font-size: 0.6875rem; } .welcome-left .welcome-change-destination { font-size: 0.6875rem; line-height: 0.9375rem; color: rgb(109, 111, 115); } @media screen and (min-width: 960px) { .ui-dialog-content.welcome-modal { display: flex !important; } .dialog-welcome-modal { max-width: none; } .dialog-welcome-modal .ui-icon-closethick { text-indent: 0px; background: none; font-family: RL-icons !important; } .dialog-welcome-modal .ui-icon-closethick::before { content: ""; font-size: 16px; line-height: 16px; } .welcome-left, .welcome-right { width: 50%; } .welcome-left { display: flex; flex-direction: column; justify-content: center; padding: 30px 20px; } .welcome-right img { width: 100%; vertical-align: bottom; } } @media screen and (max-width: 959px) { .ui-dialog-content.welcome-modal { padding: 1.0625rem 1.875rem; } .ui-dialog.dialog-welcome-modal .ui-dialog-titlebar-close { right: 0.625rem; top: 0.625rem; } .welcome-left { max-width: 13.75rem; margin: 0px auto; } .welcome-left .welcome-title { font-size: 1.125rem; line-height: 1.625rem; margin: 0px 0px 5px; } .welcome-left .welcome-text { letter-spacing: 0px; line-height: 0.9375rem; } .ui-dialog .ui-dialog-content .welcome-left button { margin: 0.9375rem 0px 0.375rem; } .welcome-left .welcome-change-destination { font-size: 0.5rem; } } @media screen and (max-width: 360px) { .ui-dialog.dialog-welcome-modal { width: 90% !important; } .ui-dialog .ui-dialog-content.welcome-modal { padding: 1.5625rem 1.25rem; } } .ui-dialog.home-welcome .ui-icon-closethick { text-indent: 0px; background: none; font-family: RL-icons !important; } .ui-dialog.home-welcome .ui-icon-closethick::before { content: ""; font-size: 16px; line-height: 16px; } @media screen and (min-width: 767px) { .ui-dialog.home-welcome .ui-dialog-titlebar-close { color: rgb(4, 30, 58); } } .ui-dialog.home-welcome .welcome-home-modal { padding: 0px; width: 100% !important; } .ui-dialog.home-welcome .welcome-home-modal .content-wraper { display: flex; flex-direction: column; } .ui-dialog.home-welcome .welcome-home-modal .content-wraper .welcome-copy-cont { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 40px 20px; } .ui-dialog.home-welcome .welcome-home-modal .content-wraper .welcome-copy-cont .welcome-eyebrow { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 11px; line-height: 22px; letter-spacing: 1px; color: rgb(109, 111, 115); margin-bottom: 8px; } .ui-dialog.home-welcome .welcome-home-modal .content-wraper .welcome-copy-cont .welcome-title { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 24px; line-height: 28px; margin-bottom: 15px; margin-top: 0px; } @media screen and (min-width: 767px) { .ui-dialog.home-welcome .welcome-home-modal .content-wraper .welcome-copy-cont .welcome-title { font-size: 32px; line-height: 44px; margin-bottom: 20px; } } .ui-dialog.home-welcome .welcome-home-modal .content-wraper .welcome-copy-cont .welcome-text { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 15px; line-height: 25px; margin-bottom: 14px; } @media screen and (min-width: 767px) { .ui-dialog.home-welcome .welcome-home-modal .content-wraper .welcome-copy-cont .welcome-text { font-size: 18px; line-height: 32px; } } .ui-dialog.home-welcome .welcome-home-modal .content-wraper .welcome-copy-cont .welcome-continue-shop { width: 60%; min-width: 50%; } @media screen and (min-width: 767px) { .ui-dialog.home-welcome .welcome-home-modal .content-wraper { flex-direction: row; align-items: center; } .ui-dialog.home-welcome .welcome-home-modal .content-wraper .welcome-graphic-cont { flex-shrink: 0; } } .js .simple-submit, .sort-Go-Button { display: none; } legend { font-size: 0.9375rem; margin: 1.5625rem 0px 0.9375rem; position: relative; text-transform: uppercase; width: 100%; color: rgb(117, 117, 117); letter-spacing: 0.03125rem; line-height: 1em; } legend.header { font-size: 1.5rem; border-bottom: 1px solid rgb(209, 209, 209); letter-spacing: 0.3rem; color: rgb(71, 71, 71); padding: 0px 0px 0.9375rem; margin: 0px; } @media screen and (min-width: 960px) { legend { font-size: 1.125rem; letter-spacing: 0.15rem; } } legend span { font-size: 12px; font-weight: 400; position: relative; text-transform: none; padding: 0px 0.5em; } legend span em { color: rgb(71, 71, 71); } legend span.quantity { font-size: 1.5rem; letter-spacing: 0.3rem; color: rgb(71, 71, 71); padding: 0px; } label { display: block; font-size: 1.1em; margin-bottom: 0.9375rem; color: rgb(71, 71, 71); text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; letter-spacing: 0.3px; } .form-horizontal label { float: left; width: 100%; } .label-inline label { display: inline; float: none; font-size: 1em; font-weight: 400; margin-top: 0px; text-align: left; width: auto; } .label-above label { margin-bottom: 0.3rem; width: auto; } .form-label-text { float: left; font-size: 1.1em; font-weight: 700; padding: 0.75em 0px 0px; text-align: right; width: 25%; } .form-label-text.expiration-date { float: none; padding: 0.75em 0px; text-align: left; width: 100%; } .form-row { margin: 0.625rem 0px 0.3125rem; position: relative; } .form-row-button { clear: left; margin: 0.5em 0px 0px; } @media screen and (min-width: 960px) { .form-horizontal .form-row-button { margin-left: 27%; width: 62%; } } @media screen and (min-width: 960px) { .form-horizontal.m-profile .form-row-button { margin-left: 0px; } } .ui-dialog #PasswordResetForm { margin: 0px; } @media screen and (min-width: 361px) { .ui-dialog #PasswordResetForm .field-wrapper { width: 77%; } } @media screen and (max-width: 959px) { .ui-dialog.full-width-fixed-dialog { position: fixed; overflow-y: auto; top: 0px !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: unset !important; z-index: 999999 !important; } } .field-wrapper { box-sizing: border-box; margin-bottom: 0.5rem; width: 100%; } .form-horizontal .field-wrapper { float: left; width: 100%; } .label-inline .field-wrapper { float: left; padding-left: 0px; width: auto; } .label-above .field-wrapper { float: none; padding-left: 0px; width: auto; } input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] { border: 1px solid rgb(117, 117, 117); box-sizing: border-box; height: 2.5rem; padding: 0.625rem; text-indent: 0px; width: 100%; appearance: none; border-radius: 0px; } @media screen and (min-width: 960px) { input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] { height: auto; padding: 0.78125rem 1.25rem; } } input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="text"]:focus { border: 1px solid rgb(71, 71, 71); } .r24-form input[type="date"], .r24-form input[type="email"], .r24-form input[type="number"], .r24-form input[type="password"], .r24-form input[type="tel"], .r24-form input[type="text"] { padding: 1.4375rem 1.5rem 0.75rem; height: auto; } @media screen and (min-width: 960px) { .r24-form input[type="date"], .r24-form input[type="email"], .r24-form input[type="number"], .r24-form input[type="password"], .r24-form input[type="tel"], .r24-form input[type="text"] { height: 52px; padding: 1.4375rem 1.5rem 0.75rem; } } .r24-form input[type="date"]:focus, .r24-form input[type="email"]:focus, .r24-form input[type="number"]:focus, .r24-form input[type="password"]:focus, .r24-form input[type="tel"]:focus, .r24-form input[type="text"]:focus { border: 1px solid rgb(4, 30, 58); outline: none; } .r24-form label { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.625rem; text-transform: none; } .r24-form textarea::placeholder { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.75rem; text-transform: none; color: rgb(71, 71, 71); } .r24-form .form-row:has(.input-text.error)::before, .r24-form .form-row:has(.input-text.has-success)::before, .r24-form .form-row:has(.input-text.is-invalid)::before, .r24-form .form-row:has(.input-text.valid)::before { content: ""; font-family: RL-icons; height: 1rem; position: absolute; width: 1rem; z-index: 100; } .r24-form .form-row:has(.input-text.has-success)::before, .r24-form .form-row:has(.input-text.valid)::before { color: rgb(4, 30, 58); content: ""; font-size: 0.75rem; right: 1.25rem; top: 1.375rem; } .r24-form .form-row:has(.input-text.error)::before, .r24-form .form-row:has(.input-text.is-invalid)::before { color: rgb(214, 39, 39); content: ""; font-size: 0.875rem; right: 1.375rem; top: 1.25rem; } textarea { width: 100%; border: 1px solid rgb(117, 117, 117); padding: 0.75rem 1.5rem; position: relative; } @media screen and (min-width: 960px) { textarea { padding: 0.75rem 1.5rem; } } textarea:focus { border: 1px solid rgb(71, 71, 71); } .ui-selectmenu-button, select { border-radius: 0px; appearance: none; padding: 1.4375rem 2.5rem 0.75rem 0.5625rem; border: 1px solid rgb(117, 117, 117); outline: 0px; background: url("../../assets/images/form-down-arrow.svg") calc(100% - 20px) 50% / 0.75rem 0.75rem no-repeat transparent; display: block; text-transform: uppercase; width: 100% !important; } .ui-selectmenu-button:hover, select:hover { border: 1px solid rgb(71, 71, 71); outline: none; } @media screen and (min-width: 960px) { .ui-selectmenu-button, select { padding: 1.4375rem 3.125rem 0.75rem 0.5625rem; } } .ui-selectmenu-button span.ui-selectmenu-text, select span.ui-selectmenu-text { padding: 0px; } .ui-selectmenu-button[aria-expanded="true"], select[aria-expanded="true"] { color: rgb(182, 182, 182); } .ui-selectmenu-button[aria-expanded="false"], select[aria-expanded="false"] { visibility: visible; opacity: 1; display: block; } .cart-modal .ui-selectmenu-menu { z-index: 1051; } .ui-selectmenu-menu { z-index: 140; } .ui-selectmenu-menu .ui-menu { max-height: 200px; background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(117, 117, 117) rgb(117, 117, 117); border-image: none; padding: 0.375rem 0px; } @media screen and (min-width: 960px) { .ui-selectmenu-menu .ui-menu { padding: 0.625rem 0px; } } .ui-selectmenu-menu .ui-menu .ui-menu-item { outline: 0px; } .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper { padding: 0.625rem 2.5rem 0.625rem 0.625rem; } @media screen and (min-width: 960px) { .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper { padding: 0.625rem 3.125rem 0.625rem 1.25rem; } } .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-state-active { margin: 0px; background-color: rgb(242, 243, 245); } .ui-selectmenu-menu .ui-menu-item.hide { display: none !important; } input[type="checkbox"], input[type="radio"] { margin: 0px; position: absolute; z-index: -1; opacity: 0; top: 0.0625rem; left: 0px; width: 1.375rem; height: 1.375rem; visibility: hidden; } .label-inline input[type="checkbox"], .label-inline input[type="radio"] { margin: 0px; } input[type="checkbox"] + label { float: none; cursor: pointer; } input[type="checkbox"] + label, input[type="checkbox"] + label span { position: relative; text-transform: none; font-size: 0.75rem; line-height: 0.9375rem; } input[type="checkbox"] + label span { margin-right: 0.3125rem; } input[type="checkbox"]:focus + label { outline: -webkit-focus-ring-color auto 5px; } input[type="checkbox"] + label::before { content: ""; display: inline-block; width: 0.9375rem; height: 0.9375rem; margin-right: 0.3125rem; position: relative; float: left; border: 1px solid rgb(117, 117, 117); flex: 0 0 15px; } @media screen and (min-width: 361px) { input[type="checkbox"] + label::before { top: 0px; margin-right: 0.625rem; } } input[type="checkbox"]:checked + label::before { background-image: url("../../assets/images/checked-heavy.svg"); background-repeat: no-repeat; background-size: 10px 10px; background-position: 50% center; border: 1px solid rgb(117, 117, 117); } input[type="radio"] + label { float: none; display: flex; align-items: center; } input[type="radio"] + label, input[type="radio"] + label span { position: relative; text-transform: none; font-size: 0.875rem; line-height: 1.25rem; } input[type="radio"] + label::before { content: ""; display: inline-block; width: 1.25rem; height: 1.25rem; margin-right: 0.625rem; position: relative; float: left; background-image: url("../../assets/images/radio.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 50% center; flex: 0 0 20px; } @media screen and (min-width: 361px) { input[type="radio"] + label::before { top: 0px; margin-right: 1.25rem; } } input[type="radio"]:checked + label::before { background-image: url("../../assets/images/radio-selected.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 50% center; } .address-select-box input[type="radio"] + label, .saved-payment input[type="radio"] + label { border: 1px solid rgb(118, 118, 118); padding: 0.9375rem; color: rgb(118, 118, 118); } @media screen and (min-width: 361px) { .address-select-box input[type="radio"] + label, .saved-payment input[type="radio"] + label { padding: 1.875rem; } } @media screen and (min-width: 960px) { .address-select-box input[type="radio"] + label, .saved-payment input[type="radio"] + label { width: 75%; } } .address-select-box input[type="radio"] + label span.title, .saved-payment input[type="radio"] + label span.title { text-transform: uppercase; display: block; } .address-select-box input[type="radio"] + label::before, .saved-payment input[type="radio"] + label::before { margin-right: 0.9375rem; } .address-select-box input[type="radio"]:checked + label, .saved-payment input[type="radio"]:checked + label { color: rgb(71, 71, 71); border: 1px solid rgb(71, 71, 71); } .address-select-box:last-child label, .saved-payment:last-child label { margin-bottom: 0px; } .address-select-box span.default, .saved-payment span.default { margin-left: 0.3125rem; font-size: 0.75rem; color: rgb(117, 117, 117); } .address-select-box span.address-details, .saved-payment span.address-details { width: 75%; word-break: break-word; } .address-select-box a.edit-this-address, .saved-payment a.edit-this-address { text-indent: -9999em; background-image: url("../../assets/images/cart-edit.svg"); background-position: 100% 0px; background-repeat: no-repeat; width: 1.3125rem; height: 1.6875rem; margin-left: 0.9375rem; } .form-caption { width: 100%; color: rgb(118, 118, 118); font-size: 0.75rem; padding-left: 1.25rem; text-align: left; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .form-indent .form-caption, .label-above .form-caption { margin-left: 0px; } @media screen and (min-width: 960px) { .ui-dialog .form-caption { top: 3.625rem; } } .form-caption.privacy-notice { position: static; } .address .field-wrapper { position: relative; } .cvn.error { margin-top: 0px; } .cvn .valid .valid-icon { margin-right: 1.5625rem; } input.cc-error, input.error, input.error1, select.error, textarea.error { border: 1px solid rgb(211, 41, 41); background-color: rgb(255, 255, 255); color: rgb(71, 71, 71); } .max-Amount-Msg, div.cc-error, div.error, span.error, span.typeofbusinesserror { width: 100%; margin-top: 0.375rem; float: none; background: none; color: rgb(211, 41, 41); letter-spacing: 0.05em; font-size: 0.75rem; display: block; clear: both; } .error-form, .max-Amount-Msg, div.cc-error, div.error, span.error, span.typeofbusinesserror { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .error-form { background-color: rgb(211, 41, 41); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); padding: 0.9375rem 0px; letter-spacing: 0.02px; font-size: 0.875rem; text-align: center; margin-bottom: 1.25rem; } .error-form span { width: 75%; display: inline-block; margin: 0px auto; } .error-message { background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(211, 41, 41); margin: 0.5em 0px; padding: 0px; letter-spacing: 0.05em; font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .error-message.error-message-background-none { background-color: transparent; } .form-caption.error-message { width: 100%; float: none; } .form-inline form { padding: 0px 0px 2em; width: 98%; } .form-inline label { padding: 0px 0px 0.75em; text-transform: uppercase; width: auto; } .form-inline input[type="text"], .form-inline select { margin-left: 0px; width: 95%; } .form-inline button { padding-left: 0px; padding-right: 0px; width: 100%; } .row-inline { display: inline; } .row-inline label { width: auto; } .dialog-required { position: relative; font-size: 0.625rem; letter-spacing: 0.01875rem; display: inline-block; float: right; line-height: 1.875rem; } @media screen and (min-width: 960px) { .dialog-required { float: right; margin-left: 0.3125rem; font-size: 0.75rem; letter-spacing: 0.04375rem; } } .dialog-required .required-indicator { color: rgb(148, 148, 148); padding: 0px; line-height: 1.25em; } #RegistrationForm fieldset { width: 100%; } #RegistrationForm .form-caption.error-message { text-align: left; } #ChangePassowrdForm, .form-horizontal.m-profile { border-top: 1px solid rgb(209, 209, 209); padding-top: 2.1875rem; } #ChangePassowrdForm .form-caption, .form-horizontal.m-profile .form-caption { float: right; top: 4.625rem; width: 50% !important; } #ChangePassowrdForm .form-caption.error-message, .form-horizontal.m-profile .form-caption.error-message { text-align: left; width: 100% !important; } #ChangePassowrdForm .form-caption, #employeenumberform .form-caption, #RegistrationForm .form-caption { width: 100%; text-align: right; } #ChangePassowrdForm .gender-desc, #employeenumberform .gender-desc, #RegistrationForm .gender-desc { width: 100%; text-align: left; padding-left: 0px; } #ChangePassowrdForm .form-indent, #employeenumberform .form-indent, #RegistrationForm .form-indent { margin-left: 0px; margin-top: 1.25rem; } #ChangePassowrdForm .form-row-button, #employeenumberform .form-row-button, #RegistrationForm .form-row-button { margin-left: 0px; margin-top: 0px; } #ChangePassowrdForm legend, #employeenumberform legend, #RegistrationForm legend { padding-left: 0px; padding-right: 0px; } #ChangePassowrdForm .label-inline.form-indent, #employeenumberform .label-inline.form-indent, #RegistrationForm .label-inline.form-indent { width: 100%; } #ChangePassowrdForm .privacy-notice, #employeenumberform .privacy-notice, #RegistrationForm .privacy-notice { text-align: left; padding-bottom: 10px; } #ChangePassowrdForm .privacy-notice a, #employeenumberform .privacy-notice a, #RegistrationForm .privacy-notice a { color: rgb(4, 30, 58); font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; } #ChangePassowrdForm .rememberme input[type="checkbox"] + label, #employeenumberform .rememberme input[type="checkbox"] + label, #RegistrationForm .rememberme input[type="checkbox"] + label { color: rgb(4, 30, 58); } #ChangePassowrdForm .rememberme .form-indent, #employeenumberform .rememberme .form-indent, #RegistrationForm .rememberme .form-indent { margin-top: 0px; } #ChangePassowrdForm .click-to-unsbscribe, #employeenumberform .click-to-unsbscribe, #RegistrationForm .click-to-unsbscribe { margin-bottom: 0.9375rem; } #ChangePassowrdForm .birthday, #employeenumberform .birthday, #RegistrationForm .birthday { display: inline-block; width: 100%; } #ChangePassowrdForm .birthday .form-row, #employeenumberform .birthday .form-row, #RegistrationForm .birthday .form-row { float: left; width: 48%; } #ChangePassowrdForm .birthday .form-row:last-child, #employeenumberform .birthday .form-row:last-child, #RegistrationForm .birthday .form-row:last-child { margin-top: 2.5625rem; margin-left: 4%; } @media screen and (min-width: 960px) { #ChangePassowrdForm .birthday .form-row:last-child, #employeenumberform .birthday .form-row:last-child, #RegistrationForm .birthday .form-row:last-child { margin-left: 1.125rem; } } #ChangePassowrdForm .birthday .form-row:last-child label, #employeenumberform .birthday .form-row:last-child label, #RegistrationForm .birthday .form-row:last-child label { display: none; } #ChangePassowrdForm .birthday .field-wrapper, #employeenumberform .birthday .field-wrapper, #RegistrationForm .birthday .field-wrapper { max-width: none; } #ChangePassowrdForm .birthday .form-caption, #employeenumberform .birthday .form-caption, #RegistrationForm .birthday .form-caption { width: 12.5rem; } @media screen and (min-width: 960px) { #ChangePassowrdForm .birthday .field-row:last-child, #employeenumberform .birthday .field-row:last-child, #RegistrationForm .birthday .field-row:last-child { margin-top: 2rem; } } #ChangePassowrdForm .birthday .form-field-tooltip, #employeenumberform .birthday .form-field-tooltip, #RegistrationForm .birthday .form-field-tooltip { top: -30%; transform: translateY(-85%); } #ChangePassowrdForm h2, #employeenumberform h2, #RegistrationForm h2, .form-horizontal.m-profile h2 { margin-top: 2.1875rem; } .form-field-tooltip { float: right; position: absolute; top: 50%; transform: translateY(-75%); right: 0.9375rem; width: 1.25rem; height: 1.25rem; } .form-field-tooltip a.tooltip { opacity: 0; display: block; width: 1.25rem; height: 1.25rem; z-index: 1; } .form-field-tooltip span { top: 0px; left: 0px; position: absolute !important; } .form-field-tooltip span::after { visibility: visible; position: absolute; top: 0px; bottom: 0px; content: ""; font-family: RLNA-font; color: rgb(118, 118, 118); font-size: 1.25rem; } .form-field-tooltip.new { position: relative; float: none; right: auto; transform: none; } .form-field-tooltip.new span { width: 12px; height: 12px; background: rgb(225, 225, 229); border-radius: 100%; top: 3px; } .form-field-tooltip.new span::after { position: absolute; top: 0px; bottom: 0px; left: 4.5px; content: "i"; font-family: RL_DroidKufi, LeJeuneDeck-Regular-Italic, Times, serif; color: rgb(109, 111, 115); font-size: 0.5625rem; line-height: 0.75rem; text-transform: none; text-align: center; } .gift-box-message { margin-left: 0.125rem; color: rgb(182, 182, 182); line-height: 1.25rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; font-size: 0.75rem !important; } .giftcheck-label { width: auto; display: inline-block; position: relative; } .giftcheck-label .product-price { display: initial; } .gift-box-tooltip, .gift-checkbox-tooltip { top: 0.875rem; right: -1.875rem; position: absolute !important; } .gift-box-tooltip a.tooltip, .gift-checkbox-tooltip a.tooltip { right: 0px; } .form-messaging-slot, .form-messaging-slot p { font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.01875rem; } @media screen and (min-width: 960px) { .form-messaging-slot { margin-bottom: 18px; } } .form-row .savecreditcard { display: inline-block; width: 100%; float: none; } @media screen and (min-width: 360px) { .form-row .savecreditcard { width: 48%; float: left; } } .form-row .cc-cancel { display: inline-block; width: 100%; margin: 1.25rem 0px 0.5rem !important; } @media screen and (min-width: 360px) { .form-row .cc-cancel { width: 48%; } } .intl-tel-input { display: block !important; padding: 0px !important; } .intl-tel-input input { padding: 0.78125rem 0.625rem !important; } @media screen and (min-width: 960px) { .intl-tel-input input { padding: 0.78125rem 1.25rem !important; } } .intl-tel-input .flag-container { display: none; } .intl-tel-input .valid-icon { margin-right: 1.25rem; } .contact iframe, .privacy-form iframe { transform: scale(0.86); transform-origin: 0px 0px; } @media screen and (min-width: 361px) { .contact iframe, .privacy-form iframe { transform: scale(1); } } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; } input[type="number"] { } @media screen and (min-width: 960px) { #edit-address-form .form-group, .add-address .form-group { display: flex; flex-wrap: wrap; } #edit-address-form .form-group .input-wrapper[class*="addressid"], .add-address .form-group .input-wrapper[class*="addressid"] { width: 100%; } #edit-address-form .form-group .input-wrapper[class*="firstname"], .add-address .form-group .input-wrapper[class*="firstname"] { width: 49%; margin-right: 2%; } #edit-address-form .form-group .input-wrapper[class*="lastname"], .add-address .form-group .input-wrapper[class*="lastname"] { width: 49%; } #edit-address-form .form-group .input-wrapper[class*="phone"], .add-address .form-group .input-wrapper[class*="phone"] { width: 100%; } #edit-address-form .form-group .input-wrapper[class*="phone"] .form-field-tooltip, .add-address .form-group .input-wrapper[class*="phone"] .form-field-tooltip { top: 27px; right: 5px; } #edit-address-form .form-group .input-wrapper[class*="address1"], .add-address .form-group .input-wrapper[class*="address1"] { width: 49%; margin-right: 2%; } #edit-address-form .form-group .input-wrapper[class*="address2"], .add-address .form-group .input-wrapper[class*="address2"] { width: 49%; } #edit-address-form .form-group .input-wrapper[class*="city"], #edit-address-form .form-group .input-wrapper[class*="postal"], .add-address .form-group .input-wrapper[class*="city"], .add-address .form-group .input-wrapper[class*="postal"] { width: 49%; margin-right: 2%; } #edit-address-form .form-group .input-wrapper[class*="country"], #edit-address-form .form-group .input-wrapper[class*="state"], #edit-address-form .form-group .input-wrapper[class*="territory"], .add-address .form-group .input-wrapper[class*="country"], .add-address .form-group .input-wrapper[class*="state"], .add-address .form-group .input-wrapper[class*="territory"] { width: 49%; } #edit-address-form .form-group .action-button, .add-address .form-group .action-button { width: 100%; display: block; } } input.country, select.country { text-transform: uppercase; } @media screen and (min-width: 960px) { #main-trade-program-form-cont input.country, #main-trade-program-form-cont select.country { height: auto; padding: 0.78125rem 1.25rem; } } .rememberme .form-row { margin-top: 0px; } .rememberme .tooltip { font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; margin: 0px 0px 0px 0.625rem; font-size: 0.75rem; text-decoration: underline; } .invalid-password-error:not(.pw-errors) div { text-align: right; } .invalid-password-error:not(.pw-errors) div, .pw-errors { display: none; color: rgb(118, 118, 118); font-size: 0.8125rem; line-height: 1.125rem; } .pw-errors { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; margin: 0.3125rem 0px 0px; } .pw-errors [class*="-error"] { text-align: right; } .pw-errors.enhanced-errors { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.6875rem; line-height: 0.75rem; } .pw-errors.enhanced-errors [class*="-error"] { text-align: left; } .pw-errors .pw-must-contain { color: rgb(4, 30, 58); display: block; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; text-align: left; } .pw-errors [class*="-error"] { display: block; line-height: 0.875rem; padding-top: 0.625rem; } .pw-errors [class*="-error"].valid { align-items: baseline; color: rgb(4, 30, 58); display: flex; padding-top: 0.625rem; } .pw-errors [class*="-error"].valid::after { background: url("../../assets/images/icon-check.svg") 0% 0% / 15px no-repeat; content: ""; height: 0.6875rem; margin-left: 0.1875rem; width: 0.875rem; } .pw-errors [class*="-error"].pwerror { color: rgb(214, 39, 39); } .pw-errors .pw-requirements-not-met { font-size: 0.6875rem; line-height: 0.625rem; color: rgb(214, 39, 39); } .pw-email-cannot-match { font-size: 0.6875rem; line-height: 0.625rem; color: rgb(214, 39, 39); letter-spacing: 0px; margin: 0.3125rem 0px 0.625rem; } .conf-pw-container, .pw-container { position: relative; } .conf-pw-container .hide-password, .conf-pw-container .show-password, .pw-container .hide-password, .pw-container .show-password { position: absolute; right: 10px; top: 28px; transform: translateY(-50%); height: 21px; display: none; } .conf-pw-container .input-wrapper .field-wrapper input[type="password"], .conf-pw-container .input-wrapper .field-wrapper input[type="text"], .pw-container .input-wrapper .field-wrapper input[type="password"], .pw-container .input-wrapper .field-wrapper input[type="text"] { padding-right: 2.8125rem; } .login-message, .register-message { font-size: 0.6875rem; } .login-message a, .register-message a { color: rgb(4, 30, 58); text-decoration: underline; } @media screen and (min-width: 960px) { .item-list { margin-bottom: 1em; } } .item-list tr.last { border: 0px; } .item-list tr.headings { display: none; } .item-list td { padding: 1em; vertical-align: top; } .item-details .product-list-item .name { margin: 0px 0px 5px; } .item-details .product-list-item .promo { color: rgb(211, 41, 41); } .item-details .product-list-item .price-standard { text-decoration: line-through; color: rgb(117, 117, 117); } .item-details .product-list-item h4, .item-details .product-list-item p.label { margin: 0px 0px 2px; } .item-details .product-list-item h4.gc-msg, .item-details .product-list-item p.label.gc-msg { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; color: rgb(118, 118, 118); } .item-details .product-list-item h4.gc-msg span, .item-details .product-list-item p.label.gc-msg span { font-weight: 400; } .item-availability ul, .item-quantity-details ul { list-style: outside none none; margin: 0px; padding: 0px; } .item-dashboard { color: rgb(71, 71, 71); width: 16rem; } .item-dashboard label { font-weight: 400; width: auto; } .item-dashboard .field-wrapper { width: auto; } .item-dashboard .option-quantity-desired input { width: 3rem; } .item-dashboard .value { margin-top: 0.5rem; } .item-dashboard .form-row { margin: 0px; } .item-dashboard .value, .item-dashboard input, .item-dashboard select .option-toggle-public label { color: rgb(71, 71, 71); } .item-dashboard .input-checkbox { margin: 0px 5px; } .item-dashboard .option-add-to-cart { margin-top: 0.5rem; width: max-content; } .item-dashboard .option-add-to-cart label { color: rgb(71, 71, 71); float: left; font-weight: 700; margin: 0.5rem 0.5rem 0px 0px; text-transform: uppercase; width: auto; } .item-dashboard .option-add-to-cart input { width: 3rem; margin-right: 1em; } .item-dashboard .option-add-to-cart button { padding: 0.5em 1.5em; } .item-dashboard .option-quantity-purchased span.exceeded { color: rgb(211, 41, 41); } .cyo-unmade-swatch-img { background: url("../../assets/images/cyo-redesign.png") 0px 0px / 11px no-repeat; width: 11px; height: 11px; margin: 0px 5px 0px 0px; } .tooltip { position: relative; } .tooltip.product-tile { cursor: pointer; } .tooltip-icon::before { color: rgb(175, 177, 180); content: ""; display: block; font-family: RL-icons; font-size: 0.875rem; } .tooltip-content { display: none; } .ui-tooltip.ui-widget-content { background: rgb(71, 71, 71); border-radius: 3px; box-shadow: rgb(118, 118, 118) 2px 3px 3px 0px; color: rgb(255, 255, 255); } .ui-tooltip-content { padding: 0.3em; } .ui-tooltip-content .break-all { word-break: break-all; } .ui-tooltip-content .recommendation-tooltip-header { font-size: 1.2em; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; padding: 0.5em; } .ui-tooltip-content .recommendation-tooltip-header .product-price { font-weight: 400; } .ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard { color: rgb(117, 117, 117); text-decoration: line-through; } .ui-tooltip-content .recommendation-tooltip-attributes, .ui-tooltip-content .recommendation-tooltip-description { padding: 0.8em; } .ui-tooltip-content .promo, .ui-tooltip-content .shipping-method-cost, .ui-tooltip-content .surcharge-product { text-align: right; padding-bottom: 0.3rem; } .ui-tooltip-content .shippingtotal { clear: right; text-align: right; margin-top: 0.3rem; } .ui-tooltip-content .shippingtotal .value { border-top: 1px solid rgb(71, 71, 71); padding-top: 0.3rem; } .rl-tooltip.ui-widget-content { background: rgb(255, 255, 255); border-radius: 0px; box-shadow: none; border: 1px solid rgb(4, 30, 58); color: rgb(71, 71, 71); } .rl-tooltip .nis-wrapper { text-align: center; } .rl-tooltip .nis-wrapper .sold-out { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; color: rgb(4, 30, 58); } .arrow { width: 4.375rem; height: 1rem; overflow: hidden; position: absolute; left: 50%; margin-left: -2.1875rem; bottom: -1rem; } .arrow::after { background: rgb(255, 255, 255); border: 1px solid rgb(4, 30, 58); content: ""; position: absolute; left: 1.25rem; top: -1.25rem; width: 1.5625rem; height: 1.5625rem; transform: rotate(45deg); } .arrow.top { top: -16px; bottom: auto; } .arrow.top::after { bottom: -20px; top: auto; } #cvn-dialog { display: none; } .cvn-wrap { display: flex; } .cvn-msg { margin-top: 2.8125rem; margin-left: 1.25rem; } .cvv-tooltip-wrapper { padding: 1.25rem; background-color: rgb(246, 246, 246); } .cvv-tooltip-wrapper div { margin-bottom: 1.25rem; } .cvv-tooltip-wrapper h2 { color: rgb(71, 71, 71); font-size: 0.875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .cvv-tooltip-wrapper p { color: rgb(118, 118, 118); font-size: 0.75rem; } .cvv-tooltip-wrapper .cvv-footer-text p, .cvv-tooltip-wrapper p { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .cvv-tooltip-wrapper .cvv-footer-text p { font-style: italic; } .content-slot img { height: auto; max-width: 100%; } .slot-grid-header p { margin: 0px; padding: 0px; } .product-listing-1x4 { background: none 0px 0px repeat scroll rgb(255, 255, 255); overflow: hidden; padding: 0.83em 0px; } .product-listing-1x4 .search-result-items .grid-tile { margin: 0px 1% 0px 2%; width: 18%; } .account-nav-asset h2 { font-style: italic; font-weight: 400; margin: 1.16em 0px 1.66em; } .account-nav-asset a { text-decoration: underline; } .dpidSurveyEmailOptinForm .subscribe input[type="checkbox"] + .subscribe-text .content-asset p { margin: 0px; } .content-asset p { line-height: 1.6em; margin: 1em 0px; } .content-asset ol, .content-asset ul { line-height: 1.6em; margin: 1em 0px; padding: 0px 1.5em; } .content-asset address { margin: 1em 0px; } .content-asset ul li { list-style: outside none square; } .content-asset ol li { list-style: outside none decimal; } .content-asset .account-options { align-items: stretch; display: flex; flex-wrap: wrap; justify-content: center; margin: 0px; padding: 0px; } .content-asset .account-options li { background-color: rgb(118, 118, 118); border: 3px solid rgb(209, 209, 209); border-radius: 5px; list-style-type: none; margin: 1rem; text-align: center; width: 35%; transition: 1s; } .content-asset .account-options li:hover { background-color: rgb(4, 30, 58); border-color: rgb(4, 30, 58); } .content-asset .account-options li a { color: rgb(255, 255, 255); display: block; padding: 1rem; } .content-asset .account-options li a i { font-size: 6rem; } .browser-compatibility-alert { padding: 0.8em; width: 100%; z-index: 1; background-color: rgb(211, 41, 41); } .browser-compatibility-alert p { color: rgb(255, 255, 255); font-size: 1.3em; line-height: 2em; text-align: center; } .folder-slot { border: 1px solid rgb(4, 30, 58); background-color: rgb(255, 255, 255); padding: 0.5em; } .folder-slot h2 { color: rgb(4, 30, 58); margin: 0.5em 0px; } .menu-slot { display: none; border-top: 1px solid rgb(238, 238, 238); margin-top: 0.5em; padding-top: 1.5em; } .menu-slot .social-links { padding-left: 0px; } .menu-slot .social-links li { display: inline-block; padding-left: 0px; } @media screen and (min-width: 361px) { .menu-slot { width: 13.5rem; display: block; } } #homepage-slides { margin: 0px; position: relative; width: 20000em; } #homepage-slides .slide { float: left; overflow: hidden; position: relative; } #homepage-slides .slide img { height: auto; max-width: 160%; } @media screen and (min-width: 361px) { #homepage-slides .slide img { max-width: 100%; } } #homepage-slides .slide .banner-message { position: absolute; top: 10%; } @media screen and (min-width: 361px) { #homepage-slides .slide .banner-message { top: 2%; } } #homepage-slides .slide .banner-message .banner-text1 { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 2rem; font-weight: 300; text-transform: uppercase; } @media screen and (min-width: 361px) { #homepage-slides .slide .banner-message .banner-text1 { font-size: 5rem; font-weight: 200; } } #homepage-slides .slide .banner-message .banner-text2 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.5rem; font-style: italic; text-transform: lowercase; } @media screen and (min-width: 361px) { #homepage-slides .slide .banner-message .banner-text2 { font-size: 4rem; } } #homepage-slides .slide .banner-message .banner-text3 { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 0.5rem; font-weight: 400; text-transform: uppercase; } @media screen and (min-width: 361px) { #homepage-slides .slide .banner-message .banner-text3 { font-size: 1.3rem; font-weight: 200; } } #homepage-slides .slide1 .banner-message { left: 3%; } #homepage-slides .slide1 .banner-message .banner-text1 { color: rgb(4, 30, 58); display: inline; } #homepage-slides .slide1 .banner-message .banner-text2 { color: rgb(255, 255, 255); display: inline; } #homepage-slides .slide1 .banner-message .banner-text3 { color: rgb(255, 255, 255); text-align: right; } #homepage-slides .slide2 .banner-message { left: 3%; } #homepage-slides .slide2 .banner-message .banner-text1 { color: rgb(4, 30, 58); display: inline; letter-spacing: -0.1rem; } #homepage-slides .slide2 .banner-message .banner-text2 { color: rgb(71, 71, 71); display: inline; } #homepage-slides .slide2 .banner-message .banner-text3 { color: rgb(0, 0, 0); } #homepage-slides .slide3 .banner-message { left: 3%; } #homepage-slides .slide3 .banner-message .banner-text1 { color: rgb(4, 30, 58); display: inline; margin-top: -2rem; } #homepage-slides .slide3 .banner-message .banner-text2 { color: rgb(255, 255, 255); display: inline; } #homepage-slides .slide3 .banner-message .banner-text3 { color: rgb(0, 0, 0); } #homepage-slides .slide4 .banner-message { right: 3%; } #homepage-slides .slide4 .banner-message .banner-text1 { color: rgb(4, 30, 58); margin-top: 0px; text-indent: 3rem; } @media screen and (min-width: 361px) { #homepage-slides .slide4 .banner-message .banner-text1 { margin-top: -1rem; } } #homepage-slides .slide4 .banner-message .banner-text2, #homepage-slides .slide4 .banner-message .banner-text3 { color: rgb(255, 255, 255); } #homepage-slides .slide5 .banner-message { left: 15%; } #homepage-slides .slide5 .banner-message .banner-text1 { color: rgb(4, 30, 58); display: inline; } #homepage-slides .slide5 .banner-message .banner-text2 { color: rgb(211, 41, 41); display: inline; } #homepage-slides .slide5 .banner-message .banner-text3 { color: rgb(255, 255, 255); } #home-bottom-left { margin: auto; max-width: 320px; position: relative; text-align: center; width: 100%; } #home-bottom-left h2 { color: rgb(0, 0, 0); font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 2rem; font-weight: 100; margin: 0px; padding: 1rem 0px; text-transform: uppercase; } @media screen and (min-width: 361px) { #home-bottom-left h2 { font-size: 2.3rem; } } #home-bottom-left ul { margin: -0.5em 0px 0.5em; } #home-bottom-left ul li { border-right: 1px solid rgb(118, 118, 118); color: rgb(118, 118, 118); display: inline; font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 0.8rem; font-weight: 400; list-style: outside none none; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; text-transform: uppercase; } #home-bottom-left ul li:last-child { border: 0px; } #home-bottom-left ul li span { margin: 0px 10px 0px 0px; } #home-bottom-left img { display: block; } #home-bottom-center { width: 100%; margin: auto; max-width: 320px; position: relative; } #home-bottom-center .home-bottom-center-text { position: absolute; text-align: center; top: 18%; width: 100%; } #home-bottom-center .home-bottom-center-text h1 { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 4rem; font-style: italic; font-weight: 400; margin: 0px; padding: 0px; text-transform: lowercase; } #home-bottom-center .home-bottom-center-text h2 { color: rgb(118, 118, 118); font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 1.3rem; font-weight: 100; letter-spacing: 0.2em; margin-top: -0.05rem; text-transform: uppercase; } #home-bottom-center .home-bottom-center-text h3 { color: rgb(118, 118, 118); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 0.8rem; font-weight: 400; margin-top: -1rem; text-transform: uppercase; } #home-bottom-center img { display: block; } .home-bottom-right { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; width: 100%; margin: auto; max-width: 320px; position: relative; text-align: center; } .home-bottom-right .home-bottom-right-header h2 { color: rgb(118, 118, 118); font-size: 0.7rem; font-weight: 400; padding: 0.5em 0px 0px; margin: 0px; } @media screen and (min-width: 361px) { .home-bottom-right .home-bottom-right-header h2 { font-size: 2.3rem; font-weight: 200; } } .home-bottom-right .home-bottom-right-header h3 { color: rgb(4, 30, 58); font-size: 2.2rem; font-style: normal; font-weight: 200; margin: 0px; padding: 0px; text-transform: uppercase; } @media screen and (min-width: 361px) { .home-bottom-right .home-bottom-right-header h3 { font-size: 2.3rem; } } .home-bottom-right .home-bottom-right-header img { display: block; } .home-bottom-right .product-tile { border: 0px; margin: 1em auto 0px; min-height: 255px; width: 90%; } .home-bottom-right .product-tile img { box-shadow: rgb(209, 209, 209) 0px 0px 5px 3px; max-width: 90%; } .home-bottom-right .product-tile .product-name { height: auto; } .home-bottom-right .product-tile .product-sales-price { color: rgb(0, 0, 0); } .cart-recommendations { border-top: 1px solid rgb(209, 209, 209); margin-top: 2.8125rem; padding-top: 2.8125rem; } .cart-recommendations .horizontal-carousel-main { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; margin-top: 0px; padding: 0px; } .cart-recommendations .product-listing { background-color: rgb(238, 238, 238); padding: 1rem 0px; } .cart-recommendations .tiles-container, .category-slot .tiles-container, .product-slot .tiles-container { display: flex; flex-flow: wrap; justify-content: center; } .cart-recommendations .tiles-container .grid-tile, .category-slot .tiles-container .grid-tile, .product-slot .tiles-container .grid-tile { box-shadow: none; margin: 1rem; padding: 1rem; width: 25%; } .cart-recommendations h1, .category-slot h1, .product-slot h1 { color: rgb(255, 255, 255); font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 3rem; font-weight: 300; position: absolute; text-align: right; bottom: 2%; left: 2%; } @media screen and (min-width: 361px) { .cart-recommendations h1, .category-slot h1, .product-slot h1 { font-weight: 100; } } .cart-recommendations h2, .category-slot h2, .product-slot h2 { margin: 0px; padding: 0.1rem 0.5rem; text-align: center; } .cart-recommendations h3, .category-slot h3, .product-slot h3 { background-color: rgb(255, 255, 255); bottom: 0px; color: rgb(0, 0, 0); font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 2rem; font-weight: 300; margin: 0px; opacity: 0.6; padding: 2rem; position: absolute; text-transform: uppercase; width: 100%; } .cart-recommendations .catlanding-banner, .category-slot .catlanding-banner, .product-slot .catlanding-banner { overflow: hidden; position: relative; width: 100%; } .cart-recommendations .catlanding-banner img, .category-slot .catlanding-banner img, .product-slot .catlanding-banner img { height: auto; width: 100%; } .cart-recommendations .category-tile, .category-slot .category-tile, .product-slot .category-tile { float: left; overflow: hidden; padding: 0px 0.15%; position: relative; width: 100%; } @media screen and (min-width: 361px) { .cart-recommendations .category-tile, .category-slot .category-tile, .product-slot .category-tile { width: 33%; } } .cart-recommendations .category-tile img, .category-slot .category-tile img, .product-slot .category-tile img { height: auto; width: 100%; } .cart-recommendations .cat-banner, .category-slot .cat-banner, .product-slot .cat-banner { overflow: hidden; position: relative; width: 100%; } .cart-recommendations .cat-banner img, .category-slot .cat-banner img, .product-slot .cat-banner img { height: auto; width: 100%; } .cart-recommendations .cat-banner h1, .category-slot .cat-banner h1, .product-slot .cat-banner h1 { color: rgb(71, 71, 71); right: 2%; } .cart-recommendations .search-result-items .grid-tile, .category-slot .search-result-items .grid-tile, .product-slot .search-result-items .grid-tile { box-shadow: none; margin: 0px; padding: 0px 0.15%; width: 100%; } @media screen and (min-width: 361px) { .cart-recommendations .search-result-items .grid-tile, .category-slot .search-result-items .grid-tile, .product-slot .search-result-items .grid-tile { width: 33%; } } .cart-recommendations .search-result-items .grid-tile .product-tile, .category-slot .search-result-items .grid-tile .product-tile, .product-slot .search-result-items .grid-tile .product-tile { margin: 0px 0.15%; padding: 1rem 0px; width: 100%; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-name, .category-slot .search-result-items .grid-tile .product-tile .product-name, .product-slot .search-result-items .grid-tile .product-tile .product-name { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 1.2rem; font-weight: 100; height: auto; margin-top: 0.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-name a, .category-slot .search-result-items .grid-tile .product-tile .product-name a, .product-slot .search-result-items .grid-tile .product-tile .product-name a { color: rgb(4, 30, 58); } .cart-recommendations .search-result-items .grid-tile .product-tile .product-pricing, .category-slot .search-result-items .grid-tile .product-tile .product-pricing, .product-slot .search-result-items .grid-tile .product-tile .product-pricing { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 1rem; } .html-slot { background-color: rgb(238, 238, 238); border-color: rgb(209, 209, 209); border-style: solid; border-width: 1px 0px; } .html-slot h1 { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 1.5rem; font-weight: 300; margin: 1rem; text-align: center; } @media screen and (min-width: 361px) { .html-slot h1 { font-weight: 100; } } .html-slot h1 a { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; } #mini-cart { z-index: 20; } @media screen and (min-width: 960px) { #mini-cart { margin-left: 2rem; } } .hide-full-cart .mini-cart-product:not(:first-child), .hide-full-cart .mini-cart-subtotals, .hide-full-cart .scroll-divider { display: none; } .hide-full-cart .mini-cart-product { border: 0px; padding: 0px; margin: 0px; } .hide-full-cart .button.mini-cart-link-checkout .content-asset, .hide-full-cart .button.mini-cart-link-checkout span.hide { display: inline-block; } .bag-active .mini-cart-total .mini-cart-link::after { content: ""; } .bag-active .mini-cart-content { max-height: 100vh; } .mini-cart-total { font-size: 0px; position: relative; } .mini-cart-total .mini-cart-link { text-transform: uppercase; position: relative; display: inline-block; overflow: visible; text-decoration: none; width: 2rem; height: 2.75rem; } @media screen and (min-width: 960px) { .mini-cart-total .mini-cart-link.mini-cart-empty { width: 1.0625rem; } } .mini-cart-total .mini-cart-link::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 0.9375rem; padding-left: 0.0625rem; position: absolute; top: 0.8125rem; right: 0.875rem; } .mini-cart-total .mini-cart-link:hover::after { content: ""; } @media screen and (max-width: 959px) { .mini-cart-total .mini-cart-link { width: 3.125rem; } .mini-cart-total .mini-cart-link::after { right: 1.0625rem; } } @media screen and (max-width: 360px) { .mini-cart-total .mini-cart-link { width: 2.1875rem; } .mini-cart-total .mini-cart-link::after { right: 0.625rem; } } @media screen and (min-width: 960px) { .mini-cart-total .mini-cart-link { top: auto; height: auto; } .mini-cart-total .mini-cart-link::after { position: relative; top: auto; right: auto; font-size: 0.9375rem; } } .mini-cart-total .mini-cart-empty { transition: color 0.5s; } .mini-cart-total .mini-cart-empty:hover { text-decoration: none; } .minicart-quantity { background-color: rgb(4, 30, 58); color: rgb(255, 255, 255); font-size: 0.625rem; border-radius: 25px; text-align: center; padding: 0px; z-index: 99; position: absolute; top: 8px; right: 11px; width: 0.8125rem; height: 0.8125rem; display: flex; line-height: 13px; justify-content: center; } @media screen and (max-width: 360px) { .minicart-quantity { right: 4px; } } @media screen and (min-width: 960px) { .minicart-quantity { background-color: transparent; color: rgb(4, 30, 58); border-radius: 0px; top: -5px; right: 5px; width: auto; } } .mini-cart-content { background-color: transparent; position: absolute; right: 0px; width: 90%; max-width: 19.25rem; z-index: 12; margin-top: 0.625rem; max-height: 0px; transition: max-height 0.6s, opacity 0.2s ease-in-out; overflow: hidden; opacity: 1; } @media screen and (min-width: 960px) { .mini-cart-content { max-width: 21rem; width: 32.25%; } } @media screen and (min-width: 1440px) { .mini-cart-content { margin-right: calc(50% - 665px); } } .mini-cart-content.out { opacity: 0; } .mini-cart-content .mini-cart-wrap { padding: 1.875rem; background-color: rgb(255, 255, 255); margin: 0px 0px 8px 8px; position: relative; } .mini-cart-content .mini-cart-wrap > * { opacity: 0; transition: opacity 0.2s ease-in-out; } .mini-cart-content .mini-cart-wrap.fadein > * { opacity: 1; } @media screen and (max-width: 959px) { .mini-cart-content .mini-cart-wrap::before { content: ""; position: absolute; z-index: -1; inset: 8px 0px 0px; box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 8px 0px; } } @media screen and (min-width: 959px) { .mini-cart-content { margin-top: 1.875rem !important; } .mini-cart-content.active { display: block; } } .mini-cart-header { font-size: 1.1em; font-weight: 700; padding: 1em 1em 0.5em; text-transform: uppercase; } .mini-cart-products { overflow: auto; } .mini-cart-products.scrollable { max-height: 16.25rem; } @media screen and (min-width: 960px) { .mini-cart-products.scrollable .mini-cart-product:last-child { margin-bottom: 0px; border-bottom: 0px; } } @media screen and (min-width: 960px) { .scroll-divider { height: 1px; border-bottom: 1px solid rgb(209, 209, 209); display: block; margin-bottom: 1.25rem; margin-left: -30px; margin-right: -30px; } } .mini-cart-product { border-bottom: 1px solid rgb(209, 209, 209); overflow: hidden; position: relative; margin-bottom: 1.25rem; padding-bottom: 0.9375rem; } .mini-cart-image { float: left; width: 33%; } .mini-cart-image img { width: 100%; } .mini-cart-image .giftcard-img { object-fit: cover; height: 100px; } .mini-cart-image.reduced-opacity { opacity: 0.5; } .mini-cart-name a { color: rgb(4, 30, 58); text-transform: none; letter-spacing: 0.1125rem; font-size: 0.6875rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; } .mini-cart-attributes, .mini-cart-product .product-availability-list { margin-top: 0.625rem; } .mini-cart-attributes h4 span, .mini-cart-attributes p.label span, .mini-cart-pricing h4 span, .mini-cart-product .product-availability-list h4 span, .mini-cart-product .product-availability-list p.label span { text-transform: none; } .mini-cart-pricing h4:last-child { text-align: right; font-size: 0.90625rem; } .mini-cart-pricing h4 .price-standard { text-decoration: line-through; } .mini-cart-pricing h4 .price-sales { color: rgb(153, 110, 64); } .gift-options .mini-cart-pricing { display: none; } .mini-cart-product-info { width: 67%; float: right; padding-left: 1.6875rem; } .mini-cart-totals { text-align: center; } .mini-cart-totals .button, .mini-cart-totals button { margin-bottom: 0px; max-width: 100%; } .mini-cart-totals .mini-cart-link-checkout.disabled { pointer-events: none; } .mini-cart-subtotals { width: 100%; display: inline-block; } .mini-cart-subtotals .label { margin: 0.625rem 0px; width: 50%; float: left; text-align: left; text-transform: capitalize; } .mini-cart-subtotals .value { margin: 0.625rem 0px; width: 50%; float: right; text-align: right; font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; } .mini-cart-slot { background: none 0px 0px repeat scroll rgb(209, 209, 209); border: 1px solid rgb(209, 209, 209); font-size: 0.9em; font-style: italic; margin: 1em; } .mini-cart-link-checkout { clear: both; display: block; margin: 1.25rem 0px; text-align: center; } .mini-cart-link-cart { color: rgb(71, 71, 71); text-decoration: underline; font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; } @media screen and (max-width: 959px) { .mini-cart-content { padding: 0px; } .mini-cart-content .mobile-add-success { padding: 0.9375rem; background-color: rgb(248, 248, 248); text-transform: uppercase; letter-spacing: 0.10938rem; text-align: center; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .mini-cart-content .mobile-add-success span::before { content: ""; font-family: RLNA-font; color: rgb(5, 30, 57); font-size: 1rem; padding-right: 0.3125rem; vertical-align: sub; } .mini-cart-products { padding: 0.9375rem 0.9375rem 0px; } .mini-cart-products .mini-cart-product { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-bottom: 0px; padding-bottom: 0px; } .mini-cart-products .mini-cart-product:not(:first-child) { display: none; } .mini-cart-products .mini-cart-product .mini-cart-image { width: 45%; } .mini-cart-products .mini-cart-product .mini-cart-product-info { width: 55%; padding-left: 0.9375rem; margin-top: 0.625rem; } .mini-cart-products .mini-cart-product .mini-cart-product-info .mini-cart-pricing .mini-cart-price { display: none; } .mini-cart-products .mini-cart-product .mini-cart-product-info .mini-cart-pricing .mobile-mini-cart-price { display: block; } .mini-cart-products .mini-cart-product .mini-cart-product-info .mini-cart-pricing .mobile-mini-cart-price .price-standard { text-decoration: line-through; display: inline-block; } .mini-cart-products .mini-cart-product .mini-cart-product-info .mini-cart-pricing .mobile-mini-cart-price .price-sales { color: rgb(153, 110, 64); } .free-shipping-progress { padding: 0.9375rem; background-color: rgb(248, 248, 248); text-align: center; } .mini-cart-totals { overflow: hidden; } .mini-cart-totals .mini-cart-link-checkout { margin: 0.9375rem 0px; height: auto; } .mini-cart-totals .mini-cart-link-checkout .content-asset, .mini-cart-totals .mini-cart-link-checkout span { display: inline-block; } .mini-cart-mask { height: 100%; width: 100vw; background: rgb(0, 0, 0); opacity: 0.2; position: absolute; z-index: 2; } } .finalSale { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; } .finalSale, .finalSaleToolTip { color: rgb(153, 110, 64) !important; font-size: 11px !important; } .finalSaleToolTip { text-decoration: underline !important; display: inline !important; } .scrollable { scrollbar-width: thin; scrollbar-color: rgb(117, 117, 117) rgb(255, 255, 255); } .scrollable::-webkit-scrollbar-track { background-color: rgb(255, 255, 255); width: 8px; } .scrollable::-webkit-scrollbar-thumb { background-color: rgb(117, 117, 117); border: 1px solid transparent; background-clip: content-box; border-radius: 10px; } .scrollable::-webkit-scrollbar { width: 8px; } .mt-atb-el { display: none; } .mt-atb-el .OOS-error-message { color: rgb(214, 38, 39); text-align: center; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1.125rem; width: 100%; padding: 0px 3.125rem 1.25rem 2.5rem; } .mt-atb-active .header-banner { z-index: 30; } .mt-atb-active header.hide-nav { transform: none; } .mt-atb-active header.hide-nav .top-banner { background: transparent !important; } .mt-atb-active header.hide-nav .top-banner .header-icons > :not(#mini-cart), .mt-atb-active header.hide-nav .top-banner .mini-cart-total, .mt-atb-active header.hide-nav .top-banner > :not(.header-icons) { opacity: 0; } .mt-atb .mini-cart-content { transform: translateY(200vh); bottom: 0px; display: none; max-height: none; max-width: none; position: fixed; transition: transform 1s; width: 100%; z-index: 201; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content { bottom: 0px; margin-right: 0px; min-height: 100%; transform: translate(430px); right: 0px; top: 0px; width: 430px; overflow: visible; margin-top: 0px !important; } } .mt-atb .mini-cart-content.mt-atb-opened { transform: translate(0px); opacity: 1; } .mt-atb .mini-cart-content.closing { transform: translateY(200vh); opacity: 0; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content.closing { transform: translate(710px); } } .mt-atb .mini-cart-content .mini-cart-wrap { height: auto; margin: 0px; padding: 0px; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-wrap { height: 100%; } } .mt-atb .mini-cart-content .mini-cart-wrap > * { opacity: 1; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container { display: flex; flex-flow: column; height: 100%; z-index: 1; } } .mt-atb .mini-cart-content .mini-cart-container .mt-atb-close { background-color: transparent; background-image: url("../../assets/images/andYetAnotherClose.svg"); background-repeat: no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 15px; margin: 1.25rem; min-height: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; width: 15px; z-index: 100; } .mt-atb .mini-cart-content .mini-cart-container .mt-atb-success { color: rgb(4, 30, 58); display: flex; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.375rem; letter-spacing: 0px; line-height: 31px; padding: 1.875rem 1.25rem 0.9375rem; position: relative; justify-content: center; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mt-atb-success { font-size: 1.625rem; padding: 3.125rem 3.4375rem 2.5rem; } } .mt-atb .mini-cart-content .mini-cart-container .mt-atb-success .mt-atb-checkmark { background: rgb(4, 30, 58); border-radius: 50%; height: 29px; margin-right: 0.75rem; position: relative; width: 29px; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mt-atb-success .mt-atb-checkmark { height: 32px; margin-right: 1.25rem; min-width: 32px; width: 32px; } } .mt-atb .mini-cart-content .mini-cart-container .mt-atb-success .mt-atb-checkmark::before { border-right: 1px solid rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255); content: ""; height: 10px; left: 9px; opacity: 0; position: absolute; top: 15px; transform-origin: left top; width: 5px; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mt-atb-success .mt-atb-checkmark::before { left: 11px; top: 17px; } } .mt-atb .mini-cart-content .mini-cart-container .mt-atb-success .mt-atb-checkmark.draw::before { animation-duration: 0.8s; animation-timing-function: ease; animation-name: checkmark; opacity: 1; transform: scaleX(-1) rotate(135deg); } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-products { padding: 0px 1.25rem 0.625rem 4.0625rem; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-products { padding: 0px 3.4375rem 1.875rem; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-products.scrollable { max-height: 100%; overflow-y: scroll; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-products.scrollable::-webkit-scrollbar { display: none; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-products .mini-cart-product:first-child { display: flex; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-products .mini-cart-product:first-child { display: block; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-image { float: none; width: auto; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-image img { display: block; width: 71px; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-image img { max-width: none; width: 100%; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-image img.hide-lifestyle { display: none; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-image .giftcard-img { height: auto; } .mt-atb .mini-cart-content .mini-cart-container .shipping-bars-cart { display: none; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info { float: none; margin: 0px 0px 0px 0.625rem; padding-left: 0px; width: auto; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info { margin: 0px; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-brand { display: none; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-brand { color: rgb(109, 111, 115); display: block; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.6875rem; letter-spacing: 0.66px; line-height: 14px; margin-top: 1.25rem; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-name a { display: block; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 0.9375rem; letter-spacing: 0.42px; line-height: 21px; margin-top: 0px; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-name a { margin-top: 0.3125rem; } } @media screen and (max-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-attributes { display: flex; flex-wrap: wrap; margin-top: 0.3125rem; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-attributes .attribute { margin-right: 0.625rem; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-attributes .attribute:not(:last-child) .label { white-space: nowrap; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-attributes .attribute:not(:last-child) .label::after { content: ","; position: absolute; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-attributes .label { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.5px; line-height: 25px; margin: 0px; text-transform: none; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-attributes .label { color: rgb(4, 30, 58); } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-pricing { display: none; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-pricing { display: block; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-pricing .mini-cart-price, .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-pricing .mobile-mini-cart-price { display: none; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-pricing .mt-mini-cart-price { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-size: 0.8125rem; letter-spacing: 0.46px; line-height: 16px; margin-top: 0.625rem; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-pricing .mt-mini-cart-price.sale .price-standard { text-decoration: line-through; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-pricing .mt-mini-cart-price .price-sales { color: rgb(153, 110, 64); } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-product-info .mini-cart-pricing .qty { display: none; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-footer { border-top: 1px solid rgb(225, 225, 229); margin-top: auto; padding: 1.25rem 3.4375rem; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-footer .mini-cart-btns .mini-cart-continue-shopping { display: none; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-footer .mini-cart-btns .mini-cart-continue-shopping { display: block; margin-top: 0.625rem; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-footer .mini-cart-btns .mini-cart-continue-shopping.show-block { display: block; margin: 1.25rem 0px; text-align: center; width: 100%; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-footer .mini-cart-btns a { font-size: 0.6875rem; letter-spacing: 1px; margin: 0.625rem 1.25rem 1.25rem; padding: 0.9375rem; width: auto; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-footer .mini-cart-btns a { margin: 0px; width: 100%; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-promo { display: none; margin-top: 0.9375rem; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-promo a, .mt-atb .mini-cart-content .mini-cart-container .mini-cart-promo p { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.25px; line-height: 18px; margin: 0px; text-align: center; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-promo a { text-decoration: underline; } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-promo.mobile { display: block; padding-bottom: 1.25rem; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-promo.mobile { display: none; } } .mt-atb .mini-cart-content .mini-cart-container .mini-cart-promo.desktop { display: none; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mini-cart-container .mini-cart-promo.desktop { display: block; } } .mt-atb .mini-cart-content .mt-atb-recs { background: rgb(245, 245, 242); width: 100%; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mt-atb-recs { height: 100vh; position: absolute; right: 0px; transform: translateX(150px); top: 0px; transition: transform 1s; width: 280px; z-index: -1; visibility: hidden; } } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mt-atb-recs.slide-out { transform: translateX(-430px); visibility: visible; } } .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-heading { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.125rem; letter-spacing: 0.54px; line-height: 25px; padding: 0.9375rem 1.25rem 0px; text-align: left; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-heading { font-size: 1.25rem; letter-spacing: 0px; line-height: 46px; padding: 2.8125rem 3.25rem 1.875rem; text-align: center; } } .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-products { display: flex; overflow-x: scroll; padding: 0.9375rem 1.25rem 0px; } @media screen and (min-width: 767px) { .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-products { display: block; max-height: calc(100% - 120px); overflow-y: scroll; padding: 0px 3.25rem; scrollbar-width: none; } } .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-products::-webkit-scrollbar { display: none; } .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-products .mt-atb-rec-product { margin-bottom: 1.875rem; } @media screen and (max-width: 767px) { .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-products .mt-atb-rec-product { margin-bottom: 0.9375rem; margin-right: 0.75rem; min-width: 100px; } .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-products .mt-atb-rec-product:last-child { margin-right: 0px; } } .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-products .mt-atb-rec-product .productthumbnail { max-width: 100%; display: block; } .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-products .mt-atb-rec-product .horizontal-carousel-title, .mt-atb .mini-cart-content .mt-atb-recs .mt-atb-rec-products .mt-atb-rec-product .look-product-detail { display: none; } .mt-atb .mini-cart-mask { background: rgba(0, 0, 0, 0.5); height: 100vh; left: 0px; position: fixed; top: 0px; width: 100vw; z-index: 104; transition: opacity 0.5s linear; opacity: 0; } .mt-atb .mini-cart-mask.opened { opacity: 1; } .mt-atb .mt-atb-el { display: block; } @keyframes checkmark { 0% { height: 0px; width: 0px; opacity: 1; } 20% { height: 0px; width: 5px; opacity: 1; } 100% { height: 9px; width: 5px; opacity: 1; } } .breadcrumb { font-size: 0.75rem; line-height: 0.875rem; margin: 1.875rem 0px 0px; padding: 0px 1.875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; z-index: 2; position: relative; } @media screen and (min-width: 960px) { .breadcrumb { padding: 0px 3.75rem; } } .breadcrumb li { display: inline; list-style: outside none none; } .pt_product-search-result .breadcrumb { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; height: auto; text-align: left; margin: 0px; padding: 0px 0.9375rem; font-size: 0.625rem; color: rgb(71, 71, 71); } @media screen and (min-width: 960px) { .pt_product-search-result .breadcrumb { font-size: 0.625rem; color: rgb(71, 71, 71); } .pt_product-search-result .breadcrumb .full-breadcrumb-wrapper { display: flex; width: 100%; } } .pt_product-search-result .breadcrumb span.breadcrumb-result-text { position: relative; z-index: 1; } .pt_product-search-result .breadcrumb span.breadcrumb-result-text::after { content: "|"; color: rgb(209, 209, 209); margin-right: 0.625rem; } .pt_product-search-result .breadcrumb .breadcrumb-element-wrapper { padding: 0.3125rem 0px 0.4375rem; } @media screen and (min-width: 960px) { .pt_product-search-result .breadcrumb .breadcrumb-element-wrapper { padding: 0px; } } .pt_product-search-result .breadcrumb .breadcrumb-refinement-wrapper { padding: 0px; } @media screen and (min-width: 960px) { .pt_product-search-result .breadcrumb .breadcrumb-refinement-wrapper { padding: 0px; } } .pt_product-search-result .breadcrumb .breadcrumb-refinement-wrapper .breadcrumb-refined-by, .pt_product-search-result .breadcrumb .breadcrumb-refinement-wrapper .breadcrumb-refinement-name { display: none; } .pt_product-search-result .breadcrumb .breadcrumb-refinement-wrapper .breadcrumb-refinement, .pt_product-search-result .breadcrumb .breadcrumb-refinement-wrapper .breadcrumb-refinement-value { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .pt_product-search-result .breadcrumb .breadcrumb-refinement-wrapper .breadcrumb-refinement { padding-bottom: 0.1875rem; display: inline-block; } @media screen and (min-width: 960px) { .pt_product-search-result .breadcrumb .breadcrumb-refinement-wrapper .breadcrumb-refinement { padding-bottom: 0px; } } .pt_product-search-result .breadcrumb a.breadcrumb-element { position: relative; z-index: 1; } .paging-current-page { left: -999em; position: absolute; } .breadcrumb-element::after { color: rgb(4, 30, 58); content: "/"; margin-left: 0.25rem; display: inline-block; text-decoration: none; } .breadcrumb-element:last-child { font-weight: 500; } .breadcrumb-element:last-child::after { content: ""; } .breadcrumb-element:last-child:hover { text-decoration: none; } .breadcrumb-element:hover::after { text-decoration: none; display: inline-block; } .breadcrumb-refinement { font-weight: 700; } .breadcrumb-refinement::after { content: attr(data-divider); font-style: normal; } .breadcrumb-refinement:last-of-type::after { content: ""; } .breadcrumb-relax { color: rgb(170, 170, 170); } .breadcrumb-result-text a, .breadcrumb .searchphraselink { background: none; color: rgb(4, 30, 58); padding: 0px; } .breadcrumb-result-text::after { content: ""; } h1 { padding-top: 0px; } h1, h2 { margin: 0px; } h2 { padding: 0px; } h3 { font-size: 1.15em; } #secondary h1 { font-size: 1.75em; font-style: italic; font-weight: 400; margin: 0px 0px 14px; } .primary-content dl { clear: both; overflow: hidden; } .primary-content dl dt { clear: both; float: left; margin: 2% 0px 0px; min-width: 15%; } .primary-content dl dd { float: left; margin: 2% 0px 0px; padding: 0px 0px 0px 5%; } .col-1 { float: left; width: 100%; } @media screen and (min-width: 960px) { .col-1 { width: 66.7%; padding-right: 13.5%; } } .col-2 { float: left; width: 100%; } @media screen and (min-width: 960px) { .col-2 { width: 33.3%; } } .content-header { font-size: 1.75em; font-style: italic; font-weight: 400; margin: 0px 0px 14px !important; } .content-header span { font-size: 0.75em; font-style: normal; font-weight: 400; } .section-header { font-size: 1.125rem; margin: 0px; padding: 0.5rem 0px; position: relative; text-transform: uppercase; color: rgb(0, 0, 0); border-bottom: 1px solid rgb(209, 209, 209); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .section-header-note { font-size: 0.875rem; text-transform: uppercase; } .back { display: block; margin: 0px 0px 10px; } .cookie-wrapper { background-color: rgb(4, 30, 58); width: 100%; position: fixed; bottom: 0px; z-index: 10000; } .cookie-content { width: 100%; max-width: 1320px; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 1.25rem; } @media screen and (min-width: 960px) { .cookie-content { width: 80%; padding: 0px 3.75rem; } } .cookie-content a, .cookie-content p { color: rgb(255, 255, 255); font-size: 0.6875rem; } .cookie-content a, .cookie-content a:hover { text-decoration: underline; } .cookie-content .cookie-consent { padding: 0px 1.25rem 0px 0px; } .cookie-content #submit { text-decoration: none; } .cookie-content #submit span { background-color: rgb(118, 118, 118); color: rgb(255, 255, 255); padding: 0.4375rem 0.8125rem; font-size: 0.75rem; text-decoration: none; text-transform: uppercase; transition: background-color 0.5s; } .cookie-content #submit span:hover { background-color: rgb(209, 209, 209); } .cookie-content #submit:hover { text-decoration: none; } #category-level-1 li { color: rgb(118, 118, 118); display: block; } #category-level-1 li .refinement-link { background: none 0px 0px repeat scroll transparent; } #category-level-1 li.expandable .active { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } #category-level-2 a.active { color: rgb(71, 71, 71); font-weight: 700; } #category-level-2 a.refinement-link { margin: 0px; } #category-level-2 { padding: 0.5em 0.1em 0px 0.7em; } #category-level-3 { padding: 0.3em 0px 0px; } #category-level-3 a.refinement-link { font-style: normal; margin: 0px 0px 0px 0.9em; padding: 0px; } .refinement-header { display: none; } .clear-all { width: 100%; float: left; clear: both; border-bottom: 1px solid rgb(209, 209, 209); padding: 0px 0px 3px; background: url("../../assets/images/clear-all.png") 70px 0px no-repeat; margin-bottom: 30px; } @media screen and (min-width: 960px) { .clear-all { background: url("../../assets/images/clear-all.png") 70px 0px no-repeat; } } .pt_categorylanding .refinement { display: none; } .pt_categorylanding .refinement.category-refinement { display: block; } .refinement ul { list-style: outside none none; margin: 0px; padding: 0px 0.55em; } .refinement ul li i { color: rgb(209, 209, 209); } .refinement ul li.selected i { color: rgb(4, 30, 58); } .refinement ul.swatches li { float: left; padding: 0.5em 0px; } .refinement ul.swatches li.selected a { border-color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .refinement ul.swatches li.unselectable a { background-image: url("../../assets/images/icon-color-swatch-unselectable.png"); background-position: 100% 0px; } .refinement ul.refinementColor li a { height: 23px; padding: 0px; text-indent: -999em; width: 30px; } .refinement .clear-refinement { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; padding: 0px 1.05em 0.4em; } .refinement .refinement-link { border: 0px; } .refinement .selected .refinement-link { background-position: 0px 100%; } .refinement .refinement-top-level { padding: 1em; } .refinement .refinement-display-value { display: inline; } @media screen and (min-width: 960px) { .refinement .refinement-display-value.no-desktop { visibility: hidden; } } .nav ul { border: 0px; list-style: outside none none; margin: 0.58em 0px; padding: 0px; } .nav ul li { list-style: outside none none !important; margin: 0px 0px 0.58em !important; } .nav .toggle { border: 0px; display: block; font-size: 1em; font-weight: 700; margin: 0.83em 0px 0.58em; text-transform: uppercase; } .nav .toggle span { background: none 0px 0px repeat scroll transparent; } .nav .expanded { background-position: left -96px; } #footer { padding: 2.8125rem 0px 0px; background-color: rgb(255, 255, 255); transform: translateZ(0px); } #footer, footer { position: relative; } footer { clear: both; letter-spacing: 0.3px; padding: 0px 0px 1.875rem; border-top: 1px solid rgb(209, 209, 209); } @media screen and (min-width: 960px) { footer { padding: 0px 0px 2.1875rem; margin: 0px; } } .pt_checkout footer { background-color: rgb(238, 238, 238); } .footer-container { max-width: var(--site-content-width); margin: 0px auto; padding: 1.875rem 0px 0px; display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (min-width: 960px) { .footer-container { padding: 1.5625rem 0px 0px; } } @media screen and (min-width: 1200px) { .footer-container { padding: 0px; } } .footer-container h3 { margin-bottom: 1.375rem; } .footer-container ul { margin: 0px; padding: 0px; } .footer-container ul li { list-style: none; } .footer-container ul li a { font-size: 0.75rem; text-decoration: none; } .footer-container .ctry-hdr { display: none; } .footer-container .footer-email-signup { width: 100%; padding: 0px 1.25rem 1.875rem; } @media screen and (min-width: 960px) { .footer-container .footer-email-signup { width: 100%; margin-bottom: 0px; border-bottom: 1px solid rgb(209, 209, 209); padding: 0px 1.25rem 1.5625rem; } } @media screen and (min-width: 1200px) { .footer-container .footer-email-signup { flex-grow: 1; width: 25%; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding: 0px 1.25rem 1.875rem 1.875rem; margin: 2.1875rem 0px; order: 4; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .footer-container .footer-email-signup .footer-email-inner { display: flex; margin: 0px auto; width: auto; align-items: baseline; justify-content: center; } } .footer-container .footer-email-signup .footer-email-opt-in-text { clear: both; } @media screen and (min-width: 960px) { .footer-container .footer-email-signup .footer-email-opt-in-text { padding-top: 1.25rem; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .footer-container .footer-email-signup .footer-email-opt-in-text p { text-align: center; } } .footer-container .footer-email-signup h3 { margin-bottom: 0.625rem; margin-top: 0px; } @media screen and (min-width: 960px) and (max-width: 1199px) { .footer-container .footer-email-signup h3 { margin-bottom: 0px; } } .footer-container .footer-email-signup form { display: flex; width: 100%; margin-bottom: 1.25rem; } @media screen and (min-width: 960px) and (max-width: 1199px) { .footer-container .footer-email-signup form { width: auto; margin: 0px 0px 0px 0.625rem; } } .footer-container .footer-email-signup form input { padding: 1.375rem 0.625rem; } @media screen and (min-width: 960px) { .footer-container .footer-email-signup form input { padding: 0.78125rem 1.25rem; } } .footer-container .footer-email-signup input[type="text"] { font-size: 0.75rem; color: rgb(75, 94, 150); letter-spacing: 0.00156rem; } .footer-container .footer-email-signup input[type="text"]::placeholder { font-size: 0.75rem; color: rgb(75, 94, 150); letter-spacing: 0.00156rem; text-transform: none; } @media screen and (min-width: 960px) { .footer-container .footer-email-signup input[type="text"] { padding: 0.3125rem 0.625rem; height: 1.875rem; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .footer-container .footer-email-signup input[type="text"] { width: 170px; max-width: none; } } @media screen and (min-width: 1200px) { .footer-container .footer-email-signup input[type="text"] { width: 180px; max-width: none; } } .footer-container .footer-email-signup button { padding: 0.75rem 0px 0.6875rem; margin: 0px; width: 43.5%; max-width: 85px; min-height: auto; } @media screen and (min-width: 960px) { .footer-container .footer-email-signup button { padding: 0.4375rem 0px 0.5rem; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .footer-container .footer-email-signup button { width: 94px; max-width: none; } } @media screen and (min-width: 1200px) { .footer-container .footer-email-signup button { max-width: none; width: 42.5%; } } .footer-container .footer-email-signup p { color: rgb(75, 94, 150); text-decoration: none; font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; text-align: left; letter-spacing: 0.00156rem; margin: 0px; } .footer-container .footer-item { width: 100%; border-top: 1px solid rgb(209, 209, 209); padding: 0px 1.25rem; } @media screen and (min-width: 960px) { .footer-container .footer-item { width: auto; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; flex-grow: 1; padding: 0px 0px 0px 1.875rem; margin: 2.1875rem 0px; border-right: 1px solid rgb(209, 209, 209); } } @media screen and (min-width: 1200px) { .footer-container .footer-item { width: 25%; } } @media screen and (min-width: 1200px) { .footer-container .footer-item.first-column { order: 1; } } @media screen and (min-width: 1200px) { .footer-container .footer-item.second-column { order: 2; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .footer-container .footer-item.third-column { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } } @media screen and (min-width: 1200px) { .footer-container .footer-item.third-column { order: 3; } } .footer-container .footer-item h3 { margin-top: 0px; padding-top: 1.25rem; position: relative; } .footer-container .footer-item h3 span::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); width: 0px; height: 0px; top: 64%; right: 10px; position: absolute; speak: none; } @media screen and (min-width: 960px) { .footer-container .footer-item h3 span::after { display: none; } } .footer-container .footer-item h3.open-footer span::after { content: ""; } @media screen and (min-width: 960px) { .footer-container .footer-item h3 { padding-top: 0px; } } .footer-container .footer-item ul { margin-bottom: 0.875rem; display: inline-block; } @media screen and (min-width: 960px) { .footer-container .footer-item ul { margin-bottom: 0px; display: block !important; } } .footer-container .footer-item ul li { margin-bottom: 0.9375rem; } @media screen and (min-width: 960px) { .footer-container .footer-item ul li { margin-bottom: 0.625rem; } } .footer-container .footer-item ul li:last-child { margin-bottom: 0.875rem; } @media screen and (min-width: 960px) { .footer-container .footer-item ul li:last-child { margin-bottom: 0px; } } .footer-container .footer-item ul li a { color: rgb(75, 94, 150); text-decoration: none; font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; text-align: left; letter-spacing: 0.00156rem; } @media screen and (min-width: 960px) { .footer-container .footer-item ul li a { font-size: 0.8125rem; } } .footer-container .footer-item ul li a:hover { color: rgb(4, 30, 58); transition: color 0.5s ease-out; } .social-links { width: 100%; border-top: 1px solid rgb(209, 209, 209); border-bottom: 1px solid rgb(209, 209, 209); padding-top: 1.875rem; padding-bottom: 1.875rem; } .social-links h3 { display: none; } @media screen and (min-width: 960px) { .social-links { padding-top: 1.5625rem; padding-bottom: 1.5625rem; } } @media screen and (min-width: 1200px) { .social-links { order: 5; } } .social-links ul { text-align: center; margin: 0px; } .social-links ul li.level-two { display: none; position: absolute; left: 50%; transform: translateX(-50%); } .social-links ul li.level-two a { position: relative; text-align: center; display: inline-block; text-transform: uppercase; margin-top: 1.25rem; font-size: 0.6875rem; color: rgb(4, 30, 58); white-space: pre; margin-right: 0.78125rem; margin-left: 0.78125rem; } .social-links ul li.level-one { display: inline-block; margin: 0px 0.78125rem; } @media screen and (min-width: 960px) { .social-links ul li.level-one { margin: 0px 0.625rem; } } .social-links ul li.level-one a, .social-links ul li.level-one button { color: rgb(255, 255, 255); background: rgb(75, 94, 150); display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; padding: 1px 0px 0px; font-size: 0.9375rem; overflow: visible; position: relative; border: 0px; min-height: 0px; transition: none; } .social-links ul li.level-one a.active, .social-links ul li.level-one a.hover, .social-links ul li.level-one button.active, .social-links ul li.level-one button.hover { background: rgb(4, 30, 58); } .social-links ul li.level-one a.active span, .social-links ul li.level-one a.hover span, .social-links ul li.level-one button.active span, .social-links ul li.level-one button.hover span { width: 0px; height: 0px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 7px solid rgb(4, 30, 58); top: 22px; left: 0px; position: absolute; } .social-links ul li.level-one a:hover, .social-links ul li.level-one button:hover { text-decoration: none; } .copyright, .copyright p { color: rgb(75, 94, 150); text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; padding-top: 1.875rem; text-align: center !important; } .copyright p { line-height: 1; margin: 0px; padding: 0px; } .postscript { color: rgb(71, 71, 71); font-style: italic; text-align: center; } .footer-callouts { display: flex; justify-content: space-around; flex-flow: wrap; } .footer-callouts .grid-col { width: 100%; max-width: 24.25rem; margin-bottom: 1.25rem; padding: 4.6875rem 0px; background-color: rgb(4, 30, 58); } .footer-callouts .grid-col h3 { position: static; margin: 0px 0px 1.5625rem; padding: 0px; text-align: center; opacity: 1; background-color: rgb(4, 30, 58); text-transform: uppercase; color: rgb(238, 238, 238); font-size: 1.5rem; } .footer-callouts .grid-col .link { text-align: center; } .footer-callouts .grid-col .link a { font-size: 0.875rem; color: rgb(152, 110, 68); text-decoration: underline; text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } @media screen and (min-width: 361px) { .footer-callouts .grid-col { width: 32.3%; margin-bottom: 0px; padding: 4.6875rem 6.5rem; } } .email-subscribe { position: relative; } .email-subscribe #email-alert-address-error { position: absolute; top: 2.375rem; left: 0px; } @media screen and (min-width: 960px) { .email-subscribe #email-alert-address-error { top: 2.5rem; } } #nebula_div_btn { top: 50%; margin-top: -12px; } #nebula_div_btn .kampyle_button { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625rem 0.25rem 0px; border-radius: 0px 0px 0.5rem 0.5rem !important; } #nebula_div_btn .kampyle_button-text { transform: scaleX(-1) scaleY(-1) rotate(0deg); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; letter-spacing: 0px; height: 1.125rem !important; width: 3.6875rem !important; color: rgb(4, 30, 58) !important; font-size: 0.6875rem !important; margin: 0px 0px -0.6875rem 2.0625rem !important; text-transform: uppercase !important; } #nebula_div_btn:hover .kampyle_button { background-color: rgb(4, 30, 58) !important; } #nebula_div_btn:hover .kampyle_button-text { color: rgb(255, 255, 255) !important; } .js .loader { left: 0px; top: 0px; z-index: 13; } .js .loader, .js .loader-bg { position: absolute; width: 100%; height: 100%; } .js .loader-bg { background-color: rgb(255, 255, 255); opacity: 0.4; } .js .loader-indicator { z-index: 100; position: absolute; left: 50%; top: 50%; width: 3rem; height: 3rem; transform: translate(-50%, -50%); background: none; } .js .loader-indicator::after { content: ""; box-sizing: border-box; position: absolute; width: 3rem; height: 3rem; border-width: 0.1875em; border-style: solid; border-color: rgb(51, 51, 51) rgb(204, 204, 204) rgb(204, 204, 204); border-image: none; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running rotation; left: 0px; top: 0px; } @keyframes pulsation { 0% { width: 0px; } 100% { width: 100%; } } @keyframes wipeup { 0% { bottom: 0px; opacity: 0; } 100% { bottom: 6px; opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } .js .ui-dialog-content .product-col-1.product-image-container { width: 100%; } @media screen and (min-width: 959px) { .js .ui-dialog-content .product-col-1.product-image-container { width: 39%; } } .js .ui-dialog-content .product-col-2.product-detail { width: 100%; } @media screen and (min-width: 959px) { .js .ui-dialog-content .product-col-2.product-detail { width: 58%; } } .js .pdp-main #view-full-details { outline: 0px; text-align: center; } @media screen and (min-width: 959px) { .js .pdp-main #view-full-details { text-align: left; } } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .rec-slider-full-width { display: inline-block; width: 100%; } .rec-slider-full-width .product-rec-heading { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .rec-slider-full-width .product-rec-heading { display: flex; margin-bottom: 2.1875rem; } } .rec-slider-full-width .product-rec-heading h3 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 1.5rem; line-height: 1.66667em; color: rgb(4, 30, 58); font-weight: 100; margin: 0px; } @media screen and (min-width: 960px) { .rec-slider-full-width .product-rec-heading h3 { font-size: 1.75rem; line-height: 1.42857em; } } .rec-slider-full-width .product-rec-swiper { padding: 0px 1.875rem; } @media screen and (min-width: 768px) { .rec-slider-full-width .product-rec-swiper { margin: 0px 3.125rem; padding: 0px; } } .rec-slider-full-width .product-rec-swiper .product-rec-arrows { display: none; } @media screen and (min-width: 768px) { .rec-slider-full-width .product-rec-swiper .product-rec-arrows { align-items: center; display: flex; margin-left: 1.25rem; } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow { background: rgb(225, 225, 220); position: relative; margin: 0px; left: 0px; top: 0px; height: 40px; width: 40px; } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; border-right: 1px solid rgb(4, 30, 58); border-bottom: 1px solid rgb(4, 30, 58); } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-prev { border-radius: 6px 0px 0px 6px; } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-prev::after { transform: translate(-2px, -50%) rotate(134deg); } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-prev::before { content: ""; height: 70%; width: 1px; background: rgb(157, 159, 163); position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-next { border-radius: 0px 6px 6px 0px; } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-next::after { transform: translate(-6px, -50%) rotate(-45deg); } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-disabled { opacity: 1; } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-disabled::after { border-color: rgb(157, 159, 163); } } .oos-similaritems .rec-slider-full-width .product-rec-arrows { position: absolute; top: 37%; margin: 0px 0.375rem; justify-content: space-between; width: calc(100% - 12px); } .oos-similaritems .rec-slider-full-width .product-rec-arrows .rec-swiper-arrow { background: none; } .oos-similaritems .rec-slider-full-width .product-rec-arrows .rec-swiper-arrow.swiper-button-prev::before { display: none; } .rec-slider-right-aligned { background-color: rgb(250, 250, 248); padding: 3rem 0px 3rem 1.875rem; width: 100%; } @media screen and (min-width: 960px) { .rec-slider-right-aligned { align-items: center; display: inline-flex; padding: 3rem 0px 3rem 3.125rem; } } .cart-recentlyviewed .rec-slider-right-aligned { background-color: rgb(255, 255, 255); } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-heading { max-width: 380px; padding-right: 1.875rem; width: 30%; } } @media screen and (max-width: 959px) { .rec-slider-right-aligned .product-rec-heading { display: block; width: 100%; } } .rec-slider-right-aligned .product-rec-heading h3 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 2.75rem; line-height: 1.09091em; color: rgb(4, 30, 58); font-weight: 400; margin: 0px 0px 1.25rem; word-break: break-all; } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-heading h3 { font-size: 3.4375rem; line-height: 0.90909em; margin: 1.25rem 0px; } } .rec-slider-right-aligned .product-rec-heading h3 span { font-size: 1.75rem; line-height: 1.64286em; display: block; } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-heading h3 span { font-size: 2.25rem; line-height: 1.27778em; } } .rec-slider-right-aligned .product-rec-swiper { width: 100%; padding-right: 30px; } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-swiper { padding-right: 8%; width: 80%; } } .rec-slider-right-aligned .product-rec-swiper:not(.swiper-container-initialized) .swiper-slide { max-width: 76%; margin-right: 0.75rem; } @media screen and (min-width: 768px) { .rec-slider-right-aligned .product-rec-swiper:not(.swiper-container-initialized) .swiper-slide { max-width: 29%; } } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-swiper:not(.swiper-container-initialized) .swiper-slide { max-width: 32%; margin-right: 1.5rem; } } .rec-slider-right-aligned .product-rec-swiper .rec-swiper-scrollbar { display: none; } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-swiper .rec-swiper-scrollbar { background-color: rgb(225, 225, 229); display: block; height: 2px; margin-top: 1.875rem; } .rec-slider-right-aligned .product-rec-swiper .rec-swiper-scrollbar .swiper-scrollbar-drag { background-color: rgb(4, 30, 58); } } .rec-slider-right-aligned .product-rec-arrows { display: none; } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-arrows { display: block; } .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow { top: 32%; margin: 0px; width: 39px; height: 39px; transform: translateY(-50%); background: rgba(255, 255, 255, 0.8); border-radius: 50%; } } @media screen and (min-width: 960px) and (min-width: 1024px) { .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow { top: 34%; } } @media screen and (min-width: 960px) and (min-width: 1360px) { .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow { top: 40%; } } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow::after { content: ""; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; border-right: 1px solid rgb(4, 30, 58); border-bottom: 1px solid rgb(4, 30, 58); } .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow.swiper-button-next { right: 10%; } .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow.swiper-button-next::after { transform: translate(-6px, -50%) rotate(-45deg); } .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow.swiper-button-prev::after { transform: translate(-2px, -50%) rotate(134deg); } .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow.swiper-button-disabled { opacity: 0; } } .product-recommendation { margin: 1.25rem 0px; max-width: 100vw; } @media screen and (min-width: 960px) { .product-recommendation { margin: 2.5rem 0px; } } .product-recommendation.hide-on-load { display: none; } .product-recommendation .product-rec-swiper img { max-width: 100%; display: block; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details { margin-top: 0.9375rem; position: relative; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-image { overflow: hidden; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-product-brand { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.8125rem; line-height: 1.23077em; color: rgb(109, 111, 115); display: block; letter-spacing: 0.2px; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-product-name { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 0.9375rem; line-height: 1.33333em; color: rgb(4, 30, 58); letter-spacing: 0.47px; margin-top: 0.3125rem; } @media screen and (min-width: 960px) { .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-product-name { font-size: 1.125rem; line-height: 1.22222em; } } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-price .product-price { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; letter-spacing: 0.0125rem; line-height: 1.18; margin-top: 0.625rem; } @media screen and (min-width: 960px) { .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-price .product-price { font-size: 0.8125rem; } } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-price .product-price .price-standard { color: rgb(112, 112, 107); text-decoration: line-through; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-price .product-price .price-standard + .price-sales, .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-price .product-price .selected-color-text { color: rgb(153, 110, 64); display: inline-block; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-quickshop-container { display: none; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-link { bottom: 0px; display: block; height: 100%; left: 0px; position: absolute; width: 100%; } .product-rec-lazy.hide-until-init { visibility: hidden; } .product-rec-lazy .product-rec-heading .ghosting-element { position: relative; height: 40px; width: 250px; } .product-rec-lazy .pdp-simple-tile-image { aspect-ratio: 0.8 / 1; } .product-rec-lazy .pdp-simple-tile-image .ghosting-main { height: auto; } .product-rec-lazy .pdp-simple-tile-details .ghosting-element { position: relative; height: 16px; width: 87px; margin-bottom: 10px; margin-top: 10px; } .product-rec-lazy .pdp-simple-tile-details .ghosting-element.longer { width: 161px; } .search-suggestion-wrapper { width: 100%; } .search-suggestion-wrapper.full .phrase-suggestions, .search-suggestion-wrapper.full .product-suggestions, .search-suggestion-wrapper.full .static-search-suggestions { width: 100%; margin-bottom: 2.375rem; } @media screen and (min-width: 960px) { .search-suggestion-wrapper.full .phrase-suggestions, .search-suggestion-wrapper.full .product-suggestions, .search-suggestion-wrapper.full .static-search-suggestions { margin-bottom: 3.625rem; } } .search-suggestion-wrapper .static-search-suggestions { padding: 0px 1.25rem; } @media screen and (min-width: 960px) { .search-suggestion-wrapper .static-search-suggestions { padding: 0px; } } @media screen and (min-width: 960px) { .search-suggestion-wrapper .phrase-suggestions .hitgroup, .search-suggestion-wrapper .static-search-suggestions .hitgroup { display: flex; } } .search-suggestion-wrapper .header { color: rgb(4, 30, 58); margin-bottom: 1.1875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.875rem; letter-spacing: 0.3px; margin-top: 0px; } @media screen and (min-width: 960px) { .search-suggestion-wrapper .header { font-size: 0.9375rem; margin-bottom: 0px; margin-right: 1.1875rem; } } .search-suggestion-wrapper .hitgroup .hit { display: block; font-size: 0.75rem; margin-bottom: 1.25rem; color: rgb(4, 30, 58); font-weight: 400; } @media screen and (min-width: 960px) { .search-suggestion-wrapper .hitgroup .hit { font-size: 0.9375rem; margin-right: 2.5rem; margin-bottom: 0px; } } .search-suggestion-wrapper .hitgroup .hit .icon-search { color: rgb(182, 182, 182); margin-right: 0.625rem; top: 1px; position: relative; } @media screen and (min-width: 960px) { .search-suggestion-wrapper .hitgroup .hit .icon-search { font-size: 0.875rem; } } .search-suggestion-wrapper .hitgroup .hit.search-hit { position: relative; text-transform: capitalize; } .search-suggestion-wrapper .hitgroup .hit:hover { text-decoration: none; } .search-suggestion-wrapper .hitgroup .hit .division-search-category { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; text-transform: capitalize; } .search-suggestion-wrapper .hitgroup .hit.search-all-divisions { text-decoration: underline; color: rgb(4, 30, 58); } .search-suggestion-wrapper.monetate-search-suggestion-wrapper .header { color: rgb(157, 159, 163); text-transform: uppercase; letter-spacing: 1px; } @media screen and (min-width: 960px) { .search-suggestion-wrapper.monetate-search-suggestion-wrapper .header { color: rgb(4, 30, 58); } } @media screen and (min-width: 960px) { .search-suggestion-wrapper.monetate-search-suggestion-wrapper .static-search-suggestions { margin-bottom: 2.625rem; margin-top: 2.625rem; } } @media screen and (min-width: 960px) { .search-suggestion-wrapper.monetate-search-suggestion-wrapper .static-search-suggestions .hitgroup { flex-direction: row; align-items: center; place-content: center; } } .search-suggestion-wrapper.monetate-search-suggestion-wrapper .suggestions-wrapper-title { margin: 0.9375rem 0px 1.875rem; padding: 0px 1.25rem; } @media screen and (min-width: 960px) { .search-suggestion-wrapper.monetate-search-suggestion-wrapper .suggestions-wrapper-title { text-align: center; margin: 1.875rem 0px; } } .search-suggestion-wrapper.monetate-search-suggestion-wrapper .suggestions-wrapper-title a, .search-suggestion-wrapper.monetate-search-suggestion-wrapper .suggestions-wrapper-title h4 { display: inline-block; } .search-suggestion-wrapper.monetate-search-suggestion-wrapper .suggestions-wrapper-title h4 { margin-right: 0.5625rem; font-size: 1rem; margin-bottom: 0px; } @media screen and (min-width: 960px) { .search-suggestion-wrapper.monetate-search-suggestion-wrapper .suggestions-wrapper-title h4 { font-size: 1.375rem; margin-right: 0px; } } .search-suggestion-wrapper.monetate-search-suggestion-wrapper .suggestions-wrapper-title a { vertical-align: middle; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 0.75rem; color: rgb(157, 159, 163); letter-spacing: 0.3px; line-height: 15px; } @media screen and (min-width: 960px) { .search-suggestion-wrapper.monetate-search-suggestion-wrapper .suggestions-wrapper-title a { display: none; } } .search-suggestion-wrapper.monetate-search-suggestion-wrapper .pagination-flex { margin: 1rem 1.5rem 2.5rem; display: flex; flex-direction: column; align-items: center; position: relative; } .search-suggestion-wrapper.monetate-search-suggestion-wrapper .pagination-flex .more-button { padding-left: 3.75rem; padding-right: 3.75rem; margin: 0px; width: auto; min-width: 12.125rem; } @media screen and (min-width: 960px) { .search-suggestion-wrapper.monetate-search-suggestion-wrapper .product-suggestions { margin-bottom: 0px; } } .no-hits .static-search-suggestions { display: block; } @media screen and (min-width: 960px) { .suggestions-wrapper { display: flex; align-items: flex-start; flex-wrap: wrap; } } .suggestions-wrapper .product-suggestion { margin-bottom: 1.25rem; font-size: 0.75rem; line-height: 1.125rem; } @media screen and (min-width: 960px) { .suggestions-wrapper .product-suggestion { flex-basis: 33.3%; margin-bottom: 0.625rem; } } .suggestions-wrapper .product-suggestion .cat { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.75rem; text-transform: capitalize; } .suggestions-wrapper .product-suggestion .brand { color: rgb(182, 182, 182); padding-top: 0.625rem; } .suggestions-wrapper .product-suggestion .product-link { max-width: 100%; display: flex; justify-content: flex-start; text-decoration: none; color: rgb(4, 30, 58); } .suggestions-wrapper .product-suggestion .product-link .product-image { flex-basis: 50%; max-width: 50%; margin-right: 0.9375rem; } .suggestions-wrapper .product-suggestion .product-link .product-image img { max-width: 100%; margin: 0px auto; display: block; } .suggestions-wrapper .product-suggestion .product-link .product-details { font-weight: 400; flex-basis: 70%; max-width: 70%; padding: 0px 1.875rem 0px 0px; } .suggestions-wrapper .product-suggestion .product-link .product-details .product-pricing span { display: block; } .suggestions-wrapper .product-suggestion .product-link .product-details .product-pricing span.lowred, .suggestions-wrapper .product-suggestion .product-link .product-details .product-pricing span.product-sales-price { color: rgb(152, 110, 68); margin: 0px; } .suggestions-wrapper .product-suggestion .product-link .product-details .product-pricing span.product-sales-price.range { color: rgb(4, 30, 58); } .suggestions-wrapper .product-suggestion .product-link .product-details .product-pricing span.lowblack { color: rgb(0, 0, 0); margin: 0px; } .suggestions-wrapper .product-suggestion .product-link .product-details .product-pricing span.price-standard, .suggestions-wrapper .product-suggestion .product-link .product-details .product-pricing span.product-standard-price { text-decoration: line-through; color: rgb(117, 117, 117); } .suggestions-wrapper .product-suggestion .product-link .product-details .product-name { font-size: 0.75rem; text-transform: none; letter-spacing: 0.01875rem; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .suggestions-wrapper .product-suggestion .product-link .product-details .product-price { color: rgb(4, 30, 58); font-size: 0.875rem; } @media screen and (min-width: 960px) { .suggestions-wrapper .product-suggestion .product-link .product-details .product-price { font-size: 0.75rem; } } .suggestions-wrapper.monetate-suggestions-wrapper { display: grid; grid-template-columns: repeat(2, calc(50% - 8px)); gap: 40px 16px; width: 100%; padding-bottom: 0px; } @media screen and (min-width: 960px) { .suggestions-wrapper.monetate-suggestions-wrapper { grid-template-columns: repeat(4, calc(25% - 12px)); } .suggestions-wrapper.monetate-suggestions-wrapper.items-3 { grid-template-columns: repeat(3, calc(33.3% - 12px)); width: 75%; margin: 0px auto; } .suggestions-wrapper.monetate-suggestions-wrapper.items-2 { grid-template-columns: repeat(2, calc(50% - 12px)); width: 50%; margin: 0px auto; } .suggestions-wrapper.monetate-suggestions-wrapper.items-1 { grid-template-columns: repeat(1, calc(100% - 12px)); width: 25%; margin: 0px auto; } } .suggestions-wrapper.monetate-suggestions-wrapper .product-suggestion { margin-bottom: 0px; grid-area: span 1 / span 1; width: 100%; } .suggestions-wrapper.monetate-suggestions-wrapper .product-suggestion .product-link { max-width: none; display: block; justify-content: normal; position: relative; box-sizing: border-box; } .suggestions-wrapper.monetate-suggestions-wrapper .product-suggestion .product-link .product-image { max-width: none; flex-basis: auto; margin-right: 0px; } .suggestions-wrapper.monetate-suggestions-wrapper .product-suggestion .product-link .product-details { flex-basis: auto; max-width: none; padding: 0px 0.625rem; } @media screen and (min-width: 960px) { .suggestions-wrapper.monetate-suggestions-wrapper .product-suggestion .product-link .product-details { padding: 0px; } } .suggestions-wrapper.monetate-suggestions-wrapper .product-suggestion .product-link .product-details .brand { color: rgb(109, 111, 115); } .search-phrase .completed { color: rgb(118, 118, 118); font-weight: 400; } .search-phrase .completed .original { color: rgb(71, 71, 71); } .search-phrase .completed .original, .search-phrase .corrected, .search-phrase .did-you-mean { font-family: RL_DroidKufi, LeJeuneDeck-Regular-Italic, Times, serif; font-style: normal; } .search-phrase a { color: rgb(4, 30, 58); } .br-suggestions, .search-suggestions { padding: 0px 1.25rem; width: 100%; } @media screen and (min-width: 960px) { .br-suggestions, .search-suggestions { padding: 0px; } } @media screen and (min-width: 960px) { .error-page-search .br-suggestions, .error-page-search .search-suggestions, .no-hits-search .br-suggestions, .no-hits-search .search-suggestions { width: 800px; } } @media screen and (min-width: 961px) and (max-width: 1024px) { .error-page-search .br-suggestions, .error-page-search .search-suggestions, .no-hits-search .br-suggestions, .no-hits-search .search-suggestions { margin: 0px 0px 0px -34%; } } .br-suggestions.scroll, .search-suggestions.scroll { margin-bottom: 20px; } .br-suggestions.scroll .search-suggestion-wrapper, .search-suggestions.scroll .search-suggestion-wrapper { padding-bottom: 1.875rem; } .br-suggestions.monetate-search-suggestions, .search-suggestions.monetate-search-suggestions { padding: 0px; } @media screen and (min-width: 960px) { .br-suggestions.monetate-search-suggestions, .search-suggestions.monetate-search-suggestions { max-width: 66.5625rem; } } .br-suggestions.monetate-search-suggestions .search-suggestion-wrapper.no-result, .search-suggestions.monetate-search-suggestions .search-suggestion-wrapper.no-result { padding: 0px 1.25rem 1.25rem; } @media screen and (min-width: 960px) { .br-suggestions.monetate-search-suggestions .search-suggestion-wrapper.no-result, .search-suggestions.monetate-search-suggestions .search-suggestion-wrapper.no-result { text-align: center; } } @media screen and (min-width: 960px) { .error-page-search .product-suggestion, .no-hits-search .product-suggestion { width: 25%; } } .search-all-wrapper { margin-top: 1.875rem; padding-bottom: 70px; } @media screen and (min-width: 960px) { .search-all-wrapper { padding-bottom: 0px; } } .overlay-rail { display: none; position: absolute; left: -3.4375rem; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.8; z-index: 1; } @media screen and (max-width: 959px) { .search-autosuggest-flyout-wave2 .flyout-shadow-overlay.hover, .search-autosuggest-flyout .flyout-shadow-overlay.hover { height: 100vh; } .search-autosuggest-flyout-wave2 .flyout-shadow-overlay.out, .search-autosuggest-flyout .flyout-shadow-overlay.out { height: auto; } } @media screen and (min-width: 960px) { .search-active .header-search-advanced.search-autosuggest-flyout .flyout-shadow-overlay div.flyout-results-container { min-height: 33.375rem; } .search-active .header-search-advanced.search-autosuggest-flyout .flyout-shadow-overlay div.flyout-results-container.update-min-height { min-height: 30rem; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout .flyout-shadow-overlay div.flyout-results-container { overflow: hidden auto; } } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .phrase-suggestions .hitgroup, .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .static-search-suggestions .hitgroup { display: block; } } .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .header { letter-spacing: normal; margin-top: 0px; font-size: 0.75rem; margin-bottom: 1.5rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .header { margin-bottom: 1rem; } } .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .hitgroup { padding: 1.25rem 2.8125rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .hitgroup { padding: 0.625rem 3.4375rem; } } .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .hitgroup .hit { text-transform: capitalize; margin-bottom: 0px; } .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .hitgroup .hit:not(:first-child) { margin-top: 1.5rem; } .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .hitgroup .hit:first-child { margin-top: 0px !important; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .hitgroup .hit { font-size: 0.75rem; } .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .hitgroup .hit:not(:first-child) { margin-top: 1rem; } } .header-search-advanced.search-autosuggest-flyout .search-suggestion-wrapper .hitgroup .hit .icon-search { width: 0.625rem; height: 0.625rem; display: inline-block; top: 0px; margin-right: 0.375rem; font-size: 0.625rem; } .header-search-advanced.search-autosuggest-flyout.header-search .full-search { padding-bottom: 0px; } .header-search-advanced.search-autosuggest-flyout .trending-search { position: absolute; left: 50%; transform: translate(-50%); width: 100%; } .header-search-advanced.search-autosuggest-flyout .trending-search .search-suggestion-wrapper .static-search-suggestions { margin-bottom: 0px; } .header-search-advanced.search-autosuggest-flyout .flyout-results-container .search-popular-categories { padding-top: 0.625rem; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%); width: 100%; } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout .flyout-results-container .search-popular-categories { bottom: auto; top: 21.25rem; } } .header-search-advanced.search-autosuggest-flyout .flyout-results-container .search-popular-categories h4 { margin-bottom: 0.25rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout .flyout-results-container .search-popular-categories { padding-top: 1.25rem; } .header-search-advanced.search-autosuggest-flyout .flyout-results-container .search-popular-categories h4 { margin-bottom: 0.75rem; } .header-search-advanced.search-autosuggest-flyout .flyout-results-container .search-popular-categories .rlc-search-popcats { padding-bottom: 2.5rem; } } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper .hitgroup .hit .division-search-category { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.no-result .search-phrase { font-size: 1.125rem; letter-spacing: normal; padding-top: 1.25rem; padding-left: 2.4375rem; } } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.no-result .search-phrase { padding-top: 2.125rem; } } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions { margin-bottom: 1.25rem; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions { margin-bottom: 0.75rem; } } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions .hitgroup .hit .icon-search { display: none; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions .hitgroup .hit .division-search-term .bold-font-family { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full #search-view-all .button { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions { margin-bottom: 2.5rem; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions h4 { font-size: 1.75rem; margin-bottom: 1rem; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .search-all-wrapper { margin-top: 1.5rem; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-details .brand, .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-details .cat, .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-details .product-name { font-size: 0.8125rem; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-details .product-pricing { font-size: 0.6875rem; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .suggestions-wrapper .product-suggestion { margin-bottom: 0px; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .search-view-all-top { display: none; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions { overflow: visible; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions h4 { font-size: 1rem; line-height: 1.75rem; margin-bottom: 0.875rem; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .suggestions-wrapper .product-suggestion .product-link { display: block; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .suggestions-wrapper .product-suggestion .product-link .product-details { padding: 0px; max-width: 100%; margin-top: 0.625rem; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .suggestions-wrapper .product-suggestion .product-link .product-image { max-width: 100%; margin: 0px; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .suggestions-wrapper .product-suggestion .product-link .brand { padding-top: 0.25rem; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-suggestions-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-suggestions-header .button { border-radius: 1.25rem; padding: 0.625rem 1.25rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.0625rem; min-height: auto; margin-top: 0px; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-suggestions-header h4 { margin-bottom: 0px; } .header-search-advanced.search-autosuggest-flyout .br-suggestions .search-suggestion-wrapper.full .product-suggestions .search-all-wrapper { display: none; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout.header-search div.full-search { padding-left: 1.25rem; padding-top: 1.25rem; } .header-search-advanced.search-autosuggest-flyout.header-search div.full-search .search-close { right: 20px; left: auto; top: 27px; } } .header-search-advanced.search-autosuggest-flyout.header-search div.full-search .full-search-container form.simpleSearch { background-color: rgb(246, 246, 246); padding: 0px 1.25rem; } .header-search-advanced.search-autosuggest-flyout.header-search div.full-search .full-search-container form.simpleSearch::after { content: none; } .header-search-advanced.search-autosuggest-flyout.header-search div.full-search .full-search-container form.simpleSearch .search-icon { display: inline-block; } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout.header-search div.full-search .full-search-container form.simpleSearch .search-icon { width: 1rem; height: 1rem; position: relative; top: -1px; } } .header-search-advanced.search-autosuggest-flyout.header-search div.full-search .full-search-container form.simpleSearch .clear-search { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.625rem; font-weight: 400; line-height: normal; letter-spacing: 0.088px; transform: translateY(-50%); top: 50%; position: absolute; right: 20px; } .header-search-advanced.search-autosuggest-flyout.header-search div.full-search .full-search-container input { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 1.25rem; } .header-search-advanced.search-autosuggest-flyout.header-search div.full-search .full-search-container input.hint { color: rgb(109, 111, 115); } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout.header-search div.full-search .full-search-container input { font-size: 1rem; } } .header-search-advanced.search-autosuggest-flyout.header-search div.full-search .full-search-container .search-icon::after { color: rgb(109, 111, 115); } .flyout-results-container a.active-link:focus { outline: rgb(116, 116, 116) solid 2px !important; } @media screen and (min-width: 960px) { .search-active .header-search-advanced.search-autosuggest-flyout-wave2 .flyout-shadow-overlay div.flyout-results-container { min-height: 33.75rem; padding-bottom: 3.75rem; } .search-active .header-search-advanced.search-autosuggest-flyout-wave2 .flyout-shadow-overlay div.flyout-results-container.update-min-height { min-height: 30rem; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .flyout-shadow-overlay div.flyout-results-container { overflow: hidden auto; height: 100%; overscroll-behavior-y: none; } } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .phrase-suggestions .hitgroup, .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup { display: block; } } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .header { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; color: rgb(4, 30, 58); letter-spacing: normal; margin: 0px 0px 0.75rem; font-size: 0.75rem; text-transform: uppercase; } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup { padding: 0px; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup { padding: 0px 3.4375rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hits-container { overflow-x: auto; scrollbar-width: none; margin: 0px -1.875rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hits-container { margin: 0px; } } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hits-container::-webkit-scrollbar { display: none; } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hits-container-inner { display: flex; gap: 0.75rem; flex-direction: row; padding: 0px 1.875rem; width: max-content; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hits-container-inner { flex-direction: column; gap: 0px; padding: 0px; } } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hit { border: 1px solid rgb(198, 200, 204); border-radius: 0.375rem; padding: 0.46875rem 0.5rem; text-transform: capitalize; margin-bottom: 0px; margin-right: 0px; flex-shrink: 0; } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hit:not(:first-child) { margin-top: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hit:first-child { margin-top: 0px !important; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hit { font-size: 0.75rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; min-width: 182px; } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hit:first-child { margin-left: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hit:not(:first-child) { margin-top: 1rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hit .icon-search { width: 0.625rem; height: 0.625rem; display: inline-block; top: 0px; margin-right: 0.375rem; font-size: 0.625rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .static-search-suggestions .hitgroup .hit .icon-search { margin-right: 0.375rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .hitgroup { padding: 1.25rem 2.8125rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .hitgroup { padding: 0.625rem 3.4375rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .hitgroup .hit { text-transform: capitalize; margin-bottom: 0px; margin-right: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .hitgroup .hit:not(:first-child) { margin-top: 1.5rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .hitgroup .hit { font-size: 0.75rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; min-width: 182px; } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .hitgroup .hit:not(:first-child) { margin-top: 1rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .hitgroup .hit .icon-search { width: 0.625rem; height: 0.625rem; display: inline-block; top: 0px; margin-right: 0.125rem; font-size: 0.625rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper .hitgroup .hit .icon-search { margin-right: 0.375rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper.no-result.no-result { max-width: 1268px; margin-left: auto; margin-right: auto; transition: none; } .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper.no-result.no-result .search-phrase { padding: 0px 1.875rem; font-size: 1.125rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper.no-result.no-result .search-phrase { margin-top: 0.625rem; margin-bottom: 1.875rem; padding: 0px 3.4375rem; font-size: 1.375rem; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .search-suggestion-wrapper.no-result.no-result .search-phrase { margin-bottom: 1.5625rem; padding-right: 2.5rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .trending-search .search-suggestion-wrapper .static-search-suggestions { margin-bottom: 2.25rem; } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .trending-search .search-suggestion-wrapper .static-search-suggestions { padding: 0px; margin-bottom: 1.875rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .flyout-results-container .search-popular-categories h4 { margin-bottom: 0.75rem; font-size: 1rem; line-height: 1.75rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .flyout-results-container .search-popular-categories { padding-top: 1.25rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .flyout-results-container .search-popular-categories h4 { margin-bottom: 1rem; font-size: 1.375rem; line-height: normal; } .header-search-advanced.search-autosuggest-flyout-wave2 .flyout-results-container .search-popular-categories .rlc-search-popcats { padding-bottom: 2.5rem; } } .header-search-advanced.search-autosuggest-flyout-wave2.header-search .br-suggestions { max-width: 79.25rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions { padding: 0px 1.875rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions { padding: 0px; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions { position: static; } } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper { display: flex; } } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper .hitgroup .hit .division-search-category { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions { max-width: 17.3125rem; margin-bottom: 1.25rem; position: absolute; width: 17.3125rem; top: 6.5625rem; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions { margin-bottom: 0.75rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions .hitgroup { padding: 0px 2.8125rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions .hitgroup { padding: 0px 2.5rem 0px 3.4375rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions .hitgroup.related-category { margin-top: 2.25rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions .hitgroup .hit .icon-search { display: none; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .phrase-suggestions .hitgroup .hit .division-search-term .bold-font-family { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .related-category .header { text-transform: uppercase; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .related-category .bold-font-family { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .related-category.desktop-only { display: block !important; } } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .related-category.desktop-only.hide { display: none !important; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .related-category.tablet-only .header { margin-left: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .related-category.tablet-only .hit { display: block; font-size: 0.75rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .related-category.tablet-only .hit:not(:first-child) { margin-top: 1rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .related-category.tablet-only .hit:last-child { margin-bottom: 7.5rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .related-category.tablet-only .hit .icon-search { display: none; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .related-category.tablet-only.hide { display: none !important; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full #search-view-all .button { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions { margin-left: 17.3125rem; width: 100%; max-width: 951px; } } @media screen and (min-width: 1200px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions { position: absolute; top: 6.875rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-suggestions-header { display: flex; justify-content: space-between; margin-bottom: 0.75rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-suggestions-header { margin-bottom: 1rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-suggestions-header .button { padding: 0.5625rem 1.25rem; min-height: auto; margin-top: 0px; border: 0px; border-radius: 1.25rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.0625rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-suggestions-header h4 { margin-bottom: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-link { display: block; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-link .product-image { max-width: 100%; margin: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-link .product-image img { aspect-ratio: 4 / 5; object-fit: cover; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-details { max-width: 100%; padding: 0.5rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .brand, .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .cat { display: none; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-pricing { font-size: 0.75rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-pricing .lowred { font-size: 0.6875rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .search-all-wrapper { display: none; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions { padding: 0px 2.9375rem 0px 2.5rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions::before { content: ""; position: absolute; left: 0px; width: 1px; height: 100%; background-color: rgb(242, 243, 245); } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions h4 { font-size: 1.375rem; margin-bottom: 1.125rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .search-all-wrapper { margin-top: 1.5rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .product-details .product-name { font-size: 0.8125rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .suggestions-wrapper .product-suggestion { flex-basis: calc(25% - 12px); margin-bottom: 0px; margin-right: 1rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .suggestions-wrapper .product-suggestion:last-of-type { margin-right: 0px; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions { overflow: visible; padding-top: 1.125rem; margin-bottom: 1.875rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions h4 { font-size: 1rem; line-height: 1.75rem; margin-bottom: 0.875rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .suggestions-wrapper .product-suggestion { margin-bottom: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .suggestions-wrapper .product-suggestion .product-link .product-details { padding: 0px; max-width: 100%; margin-top: 0.625rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .br-suggestions .search-suggestion-wrapper.full .product-suggestions .suggestions-wrapper .product-suggestion .product-link .brand { padding-top: 0.25rem; } } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search { max-width: 1356px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0.3125rem; padding: 1.5rem 0.5rem 1.25rem 1.875rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search { gap: 0.875rem; padding: 2.5rem 0px 1.25rem; margin-right: 2.6875rem; } } @media screen and (min-width: 1440px) { .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search { margin-right: auto; } } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .search-close { display: flex; position: relative; align-items: center; justify-content: center; top: auto; left: auto; order: 2; width: 2rem; height: 2rem; } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .search-close:hover { text-decoration: none; } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .search-close span::after { font-size: 1rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .search-close span::after { font-size: 1.25rem; } } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container { max-width: none; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container { margin: 0px 0px 0px 2.6875rem; } } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container form.simpleSearch { background-color: rgb(246, 246, 246); padding: 0.1875rem 3.125rem 0.1875rem 1.25rem; } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container form.simpleSearch::after { content: none; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container form.simpleSearch { padding: 0px 3.125rem 0px 1.25rem; max-width: 79.25rem; } } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container form.simpleSearch .search-icon { display: inline-block; } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container form.simpleSearch .search-icon { width: 1rem; height: 1rem; position: relative; top: -1px; } } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container form.simpleSearch .clear-search { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.625rem; font-weight: 400; line-height: normal; letter-spacing: 0.088px; transform: translateY(-50%); top: 50%; position: absolute; right: 20px; z-index: 1; } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container input { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 1.25rem; width: calc(100% - 40px); } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container input.hint { color: rgb(109, 111, 115); } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container input { font-size: 1rem; } } .header-search-advanced.search-autosuggest-flyout-wave2.header-search div.full-search .full-search-container .search-icon::after { color: rgb(109, 111, 115); } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search { max-width: 1268px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search { position: static; width: 100%; } } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search.no-result-shown { padding-top: 0px; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container { padding: 0px 1.875rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container { display: flex; padding: 0px 3.4375rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation { margin: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper { margin: 0px; padding: 0px; } @media screen and (max-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper { visibility: hidden; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper.swiper-container-initialized { visibility: visible; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .pdp-simple-tile-image img { aspect-ratio: 4 / 5; object-fit: cover; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .product-rec-heading { margin: 0px; display: block; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .product-rec-heading h3 { font-size: 1rem; font-weight: 400; line-height: 1.75rem; letter-spacing: 0.25px; margin-bottom: 0.75rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .product-rec-heading h3 { font-size: 1.375rem; margin-bottom: 1rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .product-rec-heading h3 > div { display: block; padding: 0px; width: 100%; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .product-rec-arrows { display: none; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .swiper-wrapper { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 1rem; padding-right: 1rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .rec-product { margin: 0px; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .rec-product { flex-basis: calc(25% - 16px); } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .rec-product .pdp-simple-tile-details { margin: 0.5rem 0.25rem 0px; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .rec-product .pdp-simple-tile-details { margin: 0.5rem 0.5rem 0px; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .rec-product .pdp-simple-tile-product-brand { display: none; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .rec-product .pdp-simple-tile-product-name { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; letter-spacing: 0.25px; margin-top: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation .product-rec-swiper .rec-product .product-price { font-size: 0.75rem; font-weight: 400; line-height: 1.125rem; letter-spacing: 0.25px; margin-top: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation.product-rec-lazy .product-rec-heading { margin-bottom: 1rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .empty-state-search-container .empty-state-recommendation .product-recommendation.product-rec-lazy .rec-product:nth-child(5) { display: none; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search { padding-right: 2.5rem; border-right: 1px solid rgb(242, 243, 245); position: absolute; width: 13.875rem; top: auto; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .hitgroup { padding: 0px; } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .hitgroup { display: flex; flex-wrap: wrap; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .hitgroup .header { width: 100%; margin-left: 0px; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .static-search-suggestions { max-width: none; } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .recent-searches { display: flex; flex-wrap: wrap; margin-bottom: 1.375rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .recent-searches.hide { display: none; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .recent-searches .header { letter-spacing: normal; margin: 0px; font-size: 0.75rem; text-transform: uppercase; font-weight: 500; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .recent-searches .header { margin-bottom: 0.75rem; width: 100%; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .recent-searches .hit { text-transform: capitalize; font-size: 0.75rem; display: block; color: rgb(4, 30, 58); } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .recent-searches .hit:hover { text-decoration: none; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .recent-searches .hit { min-width: 11.375rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .recent-searches .hit:not(:first-child) { margin-top: 1rem; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .trending-search .recent-searches .hit { border-radius: 0.375rem; border: 0.5px solid rgb(198, 200, 204); padding: 0.375rem 0.5rem; height: 1.875rem; margin-right: 0.75rem; margin-bottom: 0.5rem; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css { padding: 0px; max-width: none; margin: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-search-popcats { display: flex; flex-wrap: nowrap; gap: 1rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css { padding-left: 2.5rem; margin-left: 13.875rem; width: 100%; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-search-popcats { padding: 0px 2rem 0px 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-search-popcats .rlc-search-tile { width: 25%; } } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css { margin-right: -1.875rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-search-popcats .rlc-search-tile { flex: 0 0 41.5%; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-search-popcats.hide { display: none; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-search-popcat-title { margin-bottom: 0px; font-size: 1.125rem; line-height: 2rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-popcat-bottom-wrapper--advanced { position: relative; padding: 0.5rem; color: rgb(4, 30, 58); } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-search-popcat-link { display: inline-block; margin-right: 0px; color: rgb(4, 30, 58); font-size: 0.6875rem; line-height: 1; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; letter-spacing: 0.0625rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-search-popcat-link::after { content: ""; position: static; display: block; padding-top: 0.375rem; border-bottom: 1px solid rgb(4, 30, 58); transition: 0.2s; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-search-popcat-link:hover { text-decoration: none; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-search-popcat-link:hover::after { border-bottom-color: transparent; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-cta-wrapper { display: flex; gap: 1.125rem; margin-top: 0.5rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .rlc-image { aspect-ratio: 4 / 5; object-fit: cover; } @media screen and (max-width: 959px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .open-html-content .rlc-search-tile { flex: 0 0 41.5%; } } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .open-html-content .rlc-search-tile .rlc-all-pos-bottom-left { position: relative; color: rgb(4, 30, 58); padding: 0.5rem; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .open-html-content .rlc-search-tile .rlc-all-pos-bottom-left.rlc-all-color-light a { color: rgb(4, 30, 58); font-size: 0.6875rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; display: inline-block; margin-right: 0px; line-height: 0.6875rem; letter-spacing: 1px; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .open-html-content .rlc-search-tile .rlc-all-pos-bottom-left.rlc-all-color-light a::after { content: ""; position: static; display: block; padding-top: 0.375rem; border-bottom: 1px solid rgb(4, 30, 58); transition: 0.2s; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .open-html-content .rlc-search-tile .rlc-all-pos-bottom-left.rlc-all-color-light a:hover::after { border-bottom-color: transparent; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .open-html-content .rlc-search-tile h4 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.125rem; line-height: 2rem; margin: 0px; } .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .open-html-content .rlc-content { display: flex; flex-wrap: nowrap; gap: 1rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .empty-state-search .search-popular-categories.search-popular-categories-css .open-html-content .rlc-content { padding: 0px 2rem 0px 0px; } } .header-search-advanced.search-autosuggest-flyout-wave2 .view-results-copy { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; position: relative; display: inline-block; margin: 0px; padding-right: 1.75rem; color: rgb(4, 30, 58); font-size: 1rem; line-height: 1.75rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .view-results-copy { padding-right: 0px; font-size: 1.375rem; line-height: 1; } } .header-search-advanced.search-autosuggest-flyout-wave2 .view-results-link { color: rgb(4, 30, 58); text-decoration: underline; } .header-search-advanced.search-autosuggest-flyout-wave2 .view-results-link::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); font-family: RL-icons; font-size: 0.875rem; } @media screen and (min-width: 960px) { .header-search-advanced.search-autosuggest-flyout-wave2 .view-results-link::after { right: -25px; } } .js .ui-dialog-content .product-col-1 { padding: 13px 1%; width: 39%; } .js .ui-dialog-content .product-col-1 .product-image { max-width: 100%; } .js .ui-dialog-content .product-col-2 { padding: 20px 0px; width: 58%; } .js .ui-dialog-content #QuickViewDialog .product-col-2 { padding: 0px; } .js .ui-dialog-content .pdp-main .product-set-list { height: 500px; overflow: auto; padding-right: 2.5rem; } .js .zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair; width: 100%; } .js .zoomPreload { opacity: 0.8; color: rgb(71, 71, 71); font-size: 12px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; text-decoration: none; border: 1px solid rgb(209, 209, 209); padding: 8px; text-align: center; background-image: url("../../assets/images/zoomloader.gif"); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; top: 0px; left: 0px; } .js .zoomPreload, .js .zoomPup { background-color: rgb(255, 255, 255); position: absolute; } .js .zoomPup { overflow: hidden; opacity: 0.6; border: 1px solid rgb(182, 182, 182); z-index: 101; cursor: crosshair; } .js .zoomOverlay { left: 0px; top: 0px; width: 100%; height: 100%; display: none; z-index: 101; } .js .zoomOverlay, .js .zoomWindow { position: absolute; background: rgb(255, 255, 255); } .js .zoomWindow { left: 110%; top: 40px; height: auto; z-index: 110; } .js .zoomWrapper { position: relative; border: 1px solid rgb(118, 118, 118); z-index: 110; } .js .zoomWrapperTitle { display: block; background: rgb(118, 118, 118); color: rgb(255, 255, 255); height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; opacity: 0.6; } .js .zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; } .js .zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; } .js .zoomIframe { z-index: -1; opacity: 0.8; position: absolute; display: block; } .quickview-nav .quickview-next { float: right; } .ui-dialog #listings-nav { float: right; margin-top: 2%; } .ui-dialog #listings-nav a { cursor: pointer; display: inline-block; margin: 0px 5px; } .ui-dialog #listings-nav a.active { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .pdp-main .product-add-to-cart .online-stock span { float: left; } .pdp-main .product-add-to-cart .store-stock { display: block; clear: left; } .availability-web { padding-bottom: 1rem; border-bottom: 1px solid rgb(209, 209, 209); } .availability-web label { float: none; } .availability-web p { margin: 0px; } .availability-web .availability-novariation { color: rgb(118, 118, 118); font-style: italic; } .availability-web.product-set { margin-bottom: 1.4375rem; } .availability-storepickup .availability-instore, .availability-storepickup .availability-web { background-color: rgb(209, 209, 209); padding: 1rem; } .availability-storepickup .availability-web { float: none; } .availability-storepickup .availability-instore { margin-bottom: 1rem; } .in-stock-msg, .is-in-stock, [data-status="store-in-stock"] { color: rgb(4, 30, 58); } .in-stock-date-msg, .not-available, .not-available-msg, .out-of-stock, .store-error { display: block; margin-bottom: 0.625rem; color: rgb(211, 41, 41) !important; } .backorder-msg, .on-order, .preorder-msg { color: rgb(4, 30, 58); font-weight: 700; } #user-zip { display: block; margin: 1rem auto 0px; } .store-list-container { margin: 0px auto; position: relative; overflow: hidden; width: 565px; } .store-list { margin: 0px; padding: 0px; } .store-list, .store-tile { list-style: outside none none; } .store-tile { border: 1px dashed rgb(209, 209, 209); box-sizing: border-box; float: left; margin: 0.3rem 0.4rem; padding: 0.8rem; text-align: center; width: 175px; } .store-tile.selected { background-color: rgba(4, 30, 58, 0.5); } .store-tile .store-status { display: block; font-size: 0.9em; margin: 1rem 0px; } .store-list-pdp-container { margin-top: 1em; } .store-list-pdp-container .store-list-pdp { margin-top: 0.5em; } .store-list-pdp-container .store-list-item { display: none; padding: 0.5em 0.8em; } .store-list-pdp-container .store-list-item:last-of-type { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .store-list-pdp-container .store-list-item.selected { display: block; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .store-list-pdp-container .store-list-item.visible { display: block; } .store-list-pdp-container .store-list-item .store-address { float: left; } .store-list-pdp-container .store-list-item .store-status { float: right; } .selected-store-address { margin-top: 0.5em; } .selected-store-availability { margin: 0.3em 0px 0.5em; } .multishipaddressestable { margin: 9px 0px 20px; width: 706px; } .multi-ship-shipments-table { margin: 0px 0px 20px; width: 706px; } .multi-ship-shipments-table .section-header { font-size: 10px; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; padding: 9px 6px 11px; } .multi-ship-shipments-table .shipping-address .details { padding: 0px 10px 0px 22px; } .multi-ship-shipments-table .gift-options label { float: left; padding: 0px; } .multi-ship-shipments-table .gift-options input { margin: 0px 10px; } .multi-shipping-addresses { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px !important; } .multi-shipping-addresses .shipping-address { text-align: right; } .multi-shipping-addresses .shipping-address select { margin: 4px 0px 0px; width: 260px; } .header-product-shipping { width: 276px; } .header-qty-shipping { width: 45px; } .header-location-shipping { text-indent: 70px; width: 307px; } .header-shipment-index { width: 409px; } .header-shipment-qty { width: 27px; } .header-shipment-details { text-indent: 22px; } .multi-shipping-methods { position: absolute; top: 30px; } .multi-shipping-methods .form-row { clear: none; float: left; display: none; } .multi-shipping-methods select { width: 250px; margin: -5px 0px 0px 15px; } .multi-shipping-option { border-bottom: 2px dotted rgb(118, 118, 118); left: 0px; padding: 0px 0px 12px; position: absolute; text-indent: 10px; top: 48px; width: 95%; } .multi-ship-shipments-table .shipping-qty, .multi-shipping-addresses .shipping-qty { background: none 0px 0px repeat scroll rgb(238, 238, 238); } .hide { display: none; } .loading { background: url("../../assets/images/loading-progress-98x22.gif") 0px center no-repeat scroll transparent; } .instore-shipping-option { width: 100%; } .pt_checkout .instore-shipment-header, .pt_order-confirmation .instore-shipment-header { width: 100%; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.75rem; line-height: 0.9375rem; letter-spacing: 0.55px; margin-bottom: 1.25rem; color: rgb(4, 30, 58); } .pt_checkout.shipto-store-enabled .expresscheckout-review .instore-shipment-header, .pt_order-confirmation.shipto-store-enabled .expresscheckout-review .instore-shipment-header { color: rgb(4, 30, 58); text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.55px; font-weight: 700; } .pt_checkout.shipto-store-enabled .expresscheckout-review .instore-shipment-info-method, .pt_order-confirmation.shipto-store-enabled .expresscheckout-review .instore-shipment-info-method { padding-left: 0.9375rem; } .pt_checkout.shipto-store-enabled .expresscheckout-review .instore-shipment-message .instore-shipment-pickupstoredetails .store-name, .pt_order-confirmation.shipto-store-enabled .expresscheckout-review .instore-shipment-message .instore-shipment-pickupstoredetails .store-name { font-weight: 700; } .pt_checkout .instore-shipment-method, .pt_order-confirmation .instore-shipment-method { width: 100%; padding: 1em; } .pt_checkout .instore-shipment-method span, .pt_order-confirmation .instore-shipment-method span { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .pt_checkout .instore-shipment-address, .pt_order-confirmation .instore-shipment-address { width: 40%; float: left; padding-left: 1em; } .pt_checkout #primary .order-component-block table.summary-cart legend.section-header, .pt_order-confirmation #primary .order-component-block table.summary-cart legend.section-header { width: 100%; } .pt_checkout .instore-shipment-message, .pt_order-confirmation .instore-shipment-message { clear: both; margin-top: 1.25rem; } .pt_checkout .instore-shipment-message.mixed-cart-style, .pt_order-confirmation .instore-shipment-message.mixed-cart-style { background-color: rgb(248, 248, 248); padding: 1.1875rem; } @media screen and (max-width: 959px) { .pt_checkout .instore-shipment-message, .pt_order-confirmation .instore-shipment-message { display: block; } } .pt_checkout .instore-shipment-message .instore-shipment-info-wrapper, .pt_order-confirmation .instore-shipment-message .instore-shipment-info-wrapper { padding-right: 1.5625rem; padding-bottom: 0.9375rem; width: 50%; } .pt_checkout .instore-shipment-message .instore-shipment-info-method, .pt_order-confirmation .instore-shipment-message .instore-shipment-info-method { text-transform: uppercase; float: right; } .pt_checkout .instore-shipment-message .instore-shipment-pickupstoredetails, .pt_order-confirmation .instore-shipment-message .instore-shipment-pickupstoredetails { line-height: 1.1875rem; color: rgb(109, 111, 115); text-transform: capitalize; } .pt_checkout .instore-shipment-message .instore-shipment-pickupstoredetails:first-child, .pt_order-confirmation .instore-shipment-message .instore-shipment-pickupstoredetails:first-child { margin-bottom: 0.9375rem; } .pt_checkout .instore-shipment-message .instore-shipment-pickupstoredetails:first-child div:first-child, .pt_order-confirmation .instore-shipment-message .instore-shipment-pickupstoredetails:first-child div:first-child { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } .pt_checkout .instore-shipment-message .instore-shipment-pickupstoredetails .store-name, .pt_order-confirmation .instore-shipment-message .instore-shipment-pickupstoredetails .store-name { color: rgb(4, 30, 58); } .pt_checkout .instore-shipment-message .instore-shipment-pickupstoredetails .store-hours-label, .pt_order-confirmation .instore-shipment-message .instore-shipment-pickupstoredetails .store-hours-label { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } .pt_checkout #someone-else-pickup p, .pt_order-confirmation #someone-else-pickup p { font-size: 0.75rem; line-height: 1.1875rem; margin-top: 15px; letter-spacing: 0.55px; color: rgb(109, 111, 115); } .pt_checkout #someone-else-pickup strong, .pt_order-confirmation #someone-else-pickup strong { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; display: block; } .pt_checkout .instore-shipment-messagetxt, .pt_order-confirmation .instore-shipment-messagetxt { width: 50%; float: right; } .checkout-shipping fieldset .instore-continue-button { margin-left: 61.5%; } .pt_checkout .shipto-store-wrapper { position: relative; } @media screen and (max-width: 959px) { .pt_checkout .shipto-store-wrapper label.ship-to-store { display: block; } } .pt_checkout .shipto-store-wrapper .content-asset { padding-left: 0.875rem; font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; letter-spacing: 0.43px; text-transform: none; max-width: 70%; } @media screen and (max-width: 959px) { .pt_checkout .shipto-store-wrapper .content-asset { padding-left: 1.875rem; max-width: 93%; } } .pt_checkout .shipto-store-wrapper span.form-field-tooltip { top: 15px; right: -9px; } @media screen and (max-width: 959px) { .pt_checkout .shipto-store-wrapper span.form-field-tooltip { top: 20px; margin-top: -5px; right: 0px; left: 10px; float: none; display: inline-block; } } .pt_checkout .shipto-store-enabled .shipto-store-wrapper, .pt_checkout .shipto-store-enabled .single-shipping-addresses-sec { border: 0px; padding-left: 0.9375rem; } .pt_checkout .shipto-store-enabled .shipto-store-wrapper label, .pt_checkout .shipto-store-enabled .single-shipping-addresses-sec label { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; } @media screen and (max-width: 959px) { .pt_checkout .shipto-store-enabled .shipto-store-wrapper, .pt_checkout .shipto-store-enabled .single-shipping-addresses-sec { padding-bottom: 0px; } .pt_checkout .shipto-store-enabled .shipto-store-wrapper label, .pt_checkout .shipto-store-enabled .single-shipping-addresses-sec label { font-size: 0.75rem; } .pt_checkout .shipto-store-enabled .shipto-store-wrapper label::before, .pt_checkout .shipto-store-enabled .single-shipping-addresses-sec label::before { margin-right: 0.625rem; } } .pt_checkout .shipto-store-enabled .single-shipping-addresses-sec { padding-top: 1rem; } .pt_checkout .shipto-store-enabled .shipto-store-wrapper label, .pt_checkout .shipto-store-enabled .single-shipping-addresses-sec label { font-size: 0.8125rem; } @media screen and (max-width: 959px) { .pt_checkout .shipto-store-enabled .shipto-store-wrapper label, .pt_checkout .shipto-store-enabled .single-shipping-addresses-sec label { font-size: 0.75rem; } .pt_checkout .shipto-store-enabled .shipto-store-wrapper label::before, .pt_checkout .shipto-store-enabled .single-shipping-addresses-sec label::before { margin-right: 0.625rem; } } @media screen and (max-width: 360px) { img { max-width: 100%; } .tooltip { font-size: 0.9em; } .form-field-tooltip { float: none; margin: 0px 0px 10px 5px; width: auto; } .ui-dialog { width: 80% !important; } .ui-dialog .ui-dialog-content { overflow: auto; height: auto !important; } .ui-dialog .ui-dialog-content button { width: 100%; } } @media screen and (max-width: 360px) and (min-width: 361px) { .ui-dialog .ui-dialog-content { width: 80% !important; } } @media screen and (max-width: 360px) { .col-1, .col-2 { float: none; width: 100%; } #header { height: auto; padding: 1% 1% 30px; } #header .primary-logo { float: left; position: relative; top: auto; width: 65%; } #header .primary-logo img { max-width: 100%; } .mini-cart-products { max-height: 100%; } #quickviewbutton { display: none !important; } .product-listing-1x4 ul.search-result-items .grid-tile { margin: 2%; width: 92%; } .compareitems, .product-compare { display: none !important; } .pt_product-details .primary-content { padding-bottom: 68px; } .pt_product-details .breadcrumb .last { display: none; } #product-nav-container { bottom: 0px; width: 100%; } #product-nav-container div { width: 60px; } #product-nav-container div.product-next { float: right; } #product-nav-container .divided span { border: 0px; } .sizinginformation { padding: 0px; } .sizinginformation th { font-weight: 400; padding: 0px 0px 0px 2px; } .sizinginformation td { background: rgb(255, 255, 255); padding: 5px; text-align: center; } .sizinginformation .sizechart { padding: 0px !important; } .ui-dialog .ui-dialog-content { padding: 0.25em; } .pt_cart #secondary { display: none; } .order-summary-footer h2 { width: 50%; } .place-order-totals .order-totals-table { width: 100%; } .payment-method-options { padding: 0px; } .payment-method-options .form-row { width: 100%; } .payment-method-options .form-row .input-radio { margin: 0px; } .pt_order-confirmation .item-list th { display: none; } .pt_order-confirmation .item-list td { float: left; padding: 1em 0px; width: 98%; } .pt_order-confirmation .item-list .order-totals-table td { float: left; width: 48%; } .pt_order-confirmation .order-shipment-table th { display: none; } .pt_order-confirmation .order-shipment-table td { font-size: 0.9em; box-sizing: border-box; float: left; } .pt_order-confirmation .order-shipment-table .line-item-quantity { width: 10%; } .pt_order-confirmation .order-shipment-table .line-item-price { width: 20%; } .pt_order-confirmation .order-shipment-table .order-shipment-details { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; } .pt_order-confirmation .order-shipment-table .scrollable { height: auto; } .pt_order-confirmation .order-shipment-table .scrollable li { float: left; } .pt_order-confirmation .order-shipment-table .scrollable li a { border: 1px solid rgb(217, 217, 217); border-radius: 6px; display: block; padding: 0.2em 0.8em; } .pt_order-confirmation .order-shipment-table #header { height: auto; padding: 1% 1% 30px; } .pt_order-confirmation .order-shipment-table #header .primary-logo { float: left; position: relative; top: auto; width: 65%; } .pt_order-confirmation .order-shipment-table #header .primary-logo img { max-width: 100%; } .pt_order-confirmation .order-shipment-table .mini-cart-products { max-height: 100%; } .pt_order-confirmation .order-shipment-table #quickviewbutton { display: none !important; } .pt_order-confirmation .order-shipment-table ul.search-result-items .grid-tile { margin: 2%; width: 92%; } .pt_order-confirmation .order-shipment-table .product-tile { height: auto !important; } .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-image { width: 41%; } .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .pr_stars, .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-name, .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-pricing, .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-promo, .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-swatches { float: right; } .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-name h2 { margin-top: 0px; } .pt_order-confirmation .order-shipment-table .product-tile .product-swatches .swatch img { height: 2em; width: 2em; } .pt_order-confirmation .order-shipment-table .product-listing-1x4 ul.search-result-items .grid-tile { margin: 2%; width: 92%; } .pt_order-confirmation .order-shipment-table .compareitems, .pt_order-confirmation .order-shipment-table .product-compare { display: none !important; } .pt_order-confirmation .order-shipment-table .pt_product-details .primary-content { padding-bottom: 68px; } .pt_order-confirmation .order-shipment-table .pt_product-details .breadcrumb .last { display: none; } .pt_order-confirmation .order-shipment-table #product-nav-container { bottom: 0px; width: 100%; } .pt_order-confirmation .create-new-registry { overflow: hidden; } .pt_order-confirmation .create-new-registry p { display: none; } .pt_order-confirmation .order-summary-footer h2 { width: 50%; } .pt_order-confirmation .place-order-totals .order-totals-table { width: 100%; } .pt_order-confirmation .payment-method-options { padding: 0px; } .pt_order-confirmation .payment-method-options .form-row { width: 100%; } .pt_order-confirmation .payment-method-options .form-row label { float: left; margin: 0px; padding: 0px 0px 0px 1em; width: 150px; } .pt_order-confirmation .payment-method-options .form-row .input-radio { margin: 0px; } .pt_order-confirmation .pt_order-confirmation .item-list th { display: none; } .pt_order-confirmation .pt_order-confirmation .item-list td { float: left; padding: 1em 0px; width: 98%; } .pt_order-confirmation .pt_order-confirmation .item-list .order-totals-table td { float: left; width: 48%; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table th { display: none; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table td { font-size: 0.9em; box-sizing: border-box; float: left; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table .line-item-details { width: 70%; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table .line-item-quantity { width: 10%; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table .line-item-price { width: 20%; } .pt_order-confirmation .pt_order-confirmation .order-shipment-table .order-shipment-details { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; } .pt_order-confirmation .order-history-header button { font-size: 1em; padding: 0.25em; } .pt_order-confirmation .page-content-tab-navigaton button, .pt_order-confirmation .pt_gift-registry .add-gift-cert p { width: 100%; } .pt_order-confirmation .pt_gift-registry .create-new-registry { overflow: hidden; } .pt_order-confirmation .pt_gift-registry .create-new-registry p { display: none; } .pt_order-confirmation .pt_gift-registry .item-list { width: 98%; } .pt_order-confirmation .pt_gift-registry .item-list th { display: none; } .pt_order-confirmation .order-shipment-table .section-header { padding: 0.3em; font-size: 0.9em !important; } .pt_order-confirmation .order-shipment-table .section-header, .pt_order-confirmation table.item-list .section-header { background-image: none; } .pt_order-confirmation table.item-list .item-availability, .pt_order-confirmation table.item-list .item-dashboard, .pt_order-confirmation table.item-list .item-details, .pt_order-confirmation table.item-list .item-image { display: inline-block; } .pt_order-confirmation table.item-list .item-image { width: 30%; } .pt_order-confirmation table.item-list .item-details { width: 50%; } .pt_order-confirmation table.item-list .item-availability, .pt_order-confirmation table.item-list .item-dashboard { width: 97%; } .pt_order-confirmation table.item-list .delete-registry { text-align: center; } .pt_order-confirmation .home-bottom-center, .pt_order-confirmation .home-bottom-left { width: 100% !important; } .pt_order-confirmation .home-bottom-right { clear: both; float: none; width: 100% !important; } .pt_order-confirmation .home-bottom-right .product-tile { min-height: 0px; } .pt_order-confirmation .product-tile .product-image { height: auto; } .pt_order-confirmation #email-alert-signup { width: 100%; } .pt_order-confirmation #email-alert-signup label { text-align: center; width: 100%; } .pt_order-confirmation #email-alert-signup input [type="text"] { float: none; margin: 0px; } .pt_order-confirmation #email-alert-signup input[type="image"] { float: none; vertical-align: bottom; } .pt_order-confirmation .facebook-registration { left: -3px; position: relative; width: 100.7% !important; } .pt_order-confirmation .facebook-registration iframe { position: relative; width: 100.7% !important; } } @media screen and (min-width: 480px) and (max-width: 360px) { .product-tile .pr_stars { left: 40px; } .wide-tiles .product-tile .product-name h2 { margin-top: 10px; } .wide-tiles .product-tile .product-image { width: 38%; } .facebook-registration { left: 0px; } .facebook-registration, .facebook-registration .fb_iframe_widget, .facebook-registration .fb_iframe_widget span, .facebook-registration .fb_iframe_widget span iframe { position: relative; width: 100% !important; } #preferred-store-panel input[type="text"] { width: 49.5966%; } } @media screen and (min-width: 361px) and (max-width: 959px) { .bottom-banner-cell img, .html-slot-container img { max-width: 100%; } .ui-dialog { width: 80% !important; } .ui-dialog .ui-dialog-content { overflow: visible; height: auto !important; } .ui-dialog .ui-dialog-content button { width: 100%; } .scrollable { height: auto; } .mini-cart-total-label { display: none; } .mini-cart-products { max-height: 100%; } ul.search-result-items .new-row { clear: none; } #compare-table td .product-tile { width: 79px; } .pt_gift-registry .add-gift-cert p { width: auto; } .home-bottom-right .product-tile { min-height: 0px; } #email-alert-signup { width: 100%; } #email-alert-signup label { float: none; display: block; text-align: center; width: 100%; } .facebook-registration { left: 0px; } .facebook-registration, .facebook-registration .fb_iframe_widget, .facebook-registration .fb_iframe_widget span, .facebook-registration .fb_iframe_widget span iframe { position: relative; width: 100% !important; } .mini-cart-item-word span { display: none; } .personalize-form .product-options .personalize-close .personalize-initials input[type="text"] { width: 60%; } } @media screen and (max-width: 480px) { #preferred-store-panel input[type="text"] { width: 49.5966%; } .personalize-form .product-options .personalize-close .personalize-initials input[type="text"] { width: 70%; } .personalize-form .product-options .personalize-close .jcarousel-control-prev, .personalize-form .product-options .personalize-close .jcarousel-control-prev-color { left: 4px; } .personalize-form .product-options .personalize-close .jcarousel-control-next, .personalize-form .product-options .personalize-close .jcarousel-control-next-color { right: 4px; } } .address-validation-dialog p { clear: both; } .address-validation-dialog col-2.select-addrs { float: right; width: auto; } .address-validation-dialog .center { width: 81%; height: auto; float: left; margin-left: 0px; } .address-validation-dialog .addresses-section h2 { float: left; } .address-validation-dialog .addresses-section a.gray-button { background: none 0px 0px repeat scroll rgb(255, 255, 255); border-width: 1px 1px 4px; border-style: solid; border-color: rgb(209, 209, 209) rgb(209, 209, 209) rgb(208, 208, 208); border-image: none; color: rgb(62, 186, 234); cursor: pointer; display: inline; font-size: 1.1em; font-weight: 700; padding: 0.6em 2em 0.5em; text-align: center; float: left; outline: none; } .address-validation-dialog .addresses-section .edit-address-button { float: left; clear: both; } .address-validation-dialog .addresses-section .center { margin-left: 0px; } .address-validation-dialog .original-address.left-pane { clear: both; float: left; padding: 10px; background-color: rgb(238, 238, 238); min-height: 100px; width: 380px; border: 1px solid rgb(118, 118, 118); margin-bottom: 20px; border-radius: 7px; } .address-validation-dialog .original-address.left-pane .button { float: right; } .address-validation-dialog .suggested-addresses.origin { clear: both; float: left; padding: 10px; background-color: rgba(208, 231, 171, 0.48); min-height: 100px; width: 380px; border: 1px solid green; margin-bottom: 35px; border-radius: 7px; } .address-validation-dialog .suggested-addresses.origin .edit-address-button.col-1 { width: auto; } .address-validation-dialog .suggested-address-text p { color: green; } .email-subscribe { width: 50%; margin: 0px auto; clear: both; float: left; } .email-subscribe .form-row { float: left; width: 75%; } .email-subscribe .form-row label { width: auto; } .email-subscribe .form-row input { width: 75%; } .email-subscribe .form-row span.error { float: left; margin: 0px 0px 0px 50px; } .email-subscribe .submitEmail { float: left; } .subscribe-success { text-align: center; padding: 40px 0px; } .emailsubscription .day span.error, .emailsubscription .month span.error, .emailsubscription .year span.error { display: none !important; } #emailSignupSubscribeForm ::-webkit-input-placeholder, #emailSignupSubscribeForm select, .emailsignupform ::-webkit-input-placeholder, .emailsignupform select { text-transform: none; font-size: 0.75rem; } #emailSignupSubscribeForm input.error[id$="_emailsignup_customerdetail_emailconfirm"] + .email-conf-error.error, #emailSignupSubscribeForm span[id$="_emailsignup_customerdetail_emailconfirm-error"] + .email-conf-error.error { display: none; } .ui-dialog.emailOnce, .ui-dialog.emailsignupform { padding: 5% 7%; max-width: 50rem; box-sizing: border-box; } .ui-dialog.emailOnce .ui-widget-header .ui-dialog-title, .ui-dialog.emailsignupform .ui-widget-header .ui-dialog-title { background-image: url("../../assets/images/logo.svg"); background-position: 50% center; background-repeat: no-repeat; display: block; width: 80%; height: 0.625rem; margin: auto; float: none; } .ui-dialog.emailOnce .ui-widget-header .ui-dialog-titlebar-close, .ui-dialog.emailsignupform .ui-widget-header .ui-dialog-titlebar-close { right: 0px; top: -0.3125rem; } @media screen and (min-width: 960px) { .ui-dialog.emailOnce, .ui-dialog.emailsignupform { padding: 2% 3%; } .ui-dialog.emailOnce #emailsignupform, .ui-dialog.emailOnce .emailonce, .ui-dialog.emailsignupform #emailsignupform, .ui-dialog.emailsignupform .emailonce { margin-top: 1.25rem; } } .ui-dialog.emailOnce #emailsignupform, .ui-dialog.emailOnce .emailonce, .ui-dialog.emailsignupform #emailsignupform, .ui-dialog.emailsignupform .emailonce { border-top: 1px solid rgb(238, 238, 238); width: 97% !important; } .ui-dialog.emailsignupform #email-signup-modal { font-size: 0.75rem; } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .primary-logo { margin: auto; border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 1.25rem; width: 90%; } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .primary-logo a { width: 100%; height: 0.9375rem; } @media screen and (min-width: 960px) { .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .primary-logo a { height: 1.875rem; } } @media screen and (min-width: 960px) { .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .primary-logo { position: relative; top: -0.625rem; } } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content h2 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.125rem; line-height: 0.88; text-align: center; letter-spacing: 0px; text-transform: none; margin: 1.25rem 0px; } @media screen and (min-width: 960px) { .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content h2 { font-size: 2.125rem; margin: 2.5rem 0px 1.875rem; } } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .title-one { font-size: 0.75rem; font-weight: 300; line-height: 1; text-align: center; color: rgb(71, 71, 71); padding-bottom: 1.25rem; } @media screen and (min-width: 960px) { .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .title-one { font-size: 1.125rem; } } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .title-one::after { border-bottom: 1px solid rgb(238, 238, 238); color: red; content: ""; height: 1px; width: 60%; display: block; margin: auto; padding-bottom: 0.625rem; } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .title-two { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-size: 0.6875rem; font-weight: 500; line-height: 1.6; letter-spacing: 2.7px; text-align: center; color: rgb(71, 71, 71); padding: 1.25rem 0px 1.875rem; } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .policy-label { font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; width: 100%; float: left; clear: both; font-size: 0.75rem; color: rgb(71, 71, 71); text-align: center; margin-top: 1.875rem; border-top: 1px solid rgb(238, 238, 238); padding-top: 1.25rem; } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .policy-label .privacy-link { width: 100%; display: block; margin-top: 0.9375rem; } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .text-field { margin: auto; } @media screen and (min-width: 960px) { .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .text-field { font-size: 1.125rem; width: 70%; } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .text-field .input-field { width: 49%; float: left; } .ui-dialog.emailsignupform #emailsignupform .emailsignupform-content .text-field #emailSubmitModal { width: 49%; float: right; margin: 0px; padding: 0px; min-height: 2.5rem; height: 2.625rem; } } @media screen and (min-width: 960px) { #emailSignupSubscribeForm .birthday, #emailSignupSubscribeForm .birthday .birthday-fields { width: 100%; float: left; clear: both; } #emailSignupSubscribeForm .birthday .birthday-fields .email-title { margin-bottom: -0.625rem; } #emailSignupSubscribeForm .birthday .birthday-fields .input-wrapper { width: 49%; float: left; } #emailSignupSubscribeForm .birthday .birthday-fields .dwfrm_emailsignup_birthdate_day { float: right; } #emailSignUpButton, #emailSignupSubscribeForm { width: 100%; } .email-signup-form { max-width: 31.25rem; margin: 0px; } .email-signup-form .email-subscribe-wrapper, .email-signup-form fieldset { display: flex; flex-wrap: wrap; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="address3"], .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="email"], .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="emailconfirm"] { width: 100%; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="title"] { width: 49%; margin-right: 2%; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="firstname"] { width: 49%; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="address1"] { width: 49%; margin-right: 2%; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="address2"] { width: 49%; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="city"] { width: 49%; margin-right: 2%; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="state"] { width: 49%; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="postal"] { width: 49%; margin-right: 2%; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="country"] { width: 49%; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="phone"] { width: 49%; margin-right: 2%; } .email-signup-form .email-subscribe-wrapper .input-wrapper[class*="phoneMobile"] { width: 49%; margin-right: 0px; } } .first-know .footer-label { font-size: 0.75rem; } .unscribe { margin-top: 1.25rem; width: 100%; float: left; clear: both; } .unscribe, .unscribe p { font-size: 0.625rem; color: rgb(71, 71, 71); } .unscribe a { text-decoration: underline; } .emailonce .button-text { display: inline-block; text-transform: uppercase; font-weight: 700; max-width: 18.75rem; padding: 0.9375rem 2.8125rem; width: 67%; height: 3.125rem; text-decoration: none; border: 1px solid rgb(4, 30, 58); } .emailonce .button-text:hover { background: rgb(31, 52, 94); color: rgb(255, 255, 255); } .emailonce .thank-you-msg { text-align: center; } .emailonce .thank-you-msg h2 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.125rem; line-height: 0.88; text-align: center; letter-spacing: 0px; text-transform: none; margin: 1.25rem 0px; } @media screen and (min-width: 960px) { .emailonce .thank-you-msg h2 { font-size: 2.125rem; margin: 2.5rem 0px 1.875rem; } } .emailonce p { font-size: 0.75rem; } @media screen and (min-width: 960px) { .emailonce p { font-size: 1.125rem; } } .emailonce .title { margin-top: 5%; } .emailsignuppromotion, .gatesalesignuppromotion { max-width: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100vw !important; height: 100vh !important; position: fixed !important; } .emailsignuppromotion .ui-widget-header, .gatesalesignuppromotion .ui-widget-header { height: auto; padding: 0px; } .emailsignuppromotion .ui-dialog-title, .gatesalesignuppromotion .ui-dialog-title { display: none; } .emailsignuppromotion .ui-dialog-content, .gatesalesignuppromotion .ui-dialog-content { padding: 0px; width: 100% !important; } .emailsignuppromotion .emailsignuppromotion-content, .gatesalesignuppromotion .emailsignuppromotion-content { display: flex; } .emailsignuppromotion .emailsignuppromotion-content .main-logo, .gatesalesignuppromotion .emailsignuppromotion-content .main-logo { background-image: url("../../assets/images/logo.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: 204px 15px; display: block; width: 204px; height: 15px; margin: 0px auto; } .emailsignuppromotion .emailsignuppromotion-content .image-container, .gatesalesignuppromotion .emailsignuppromotion-content .image-container { width: 50%; } .emailsignuppromotion .emailsignuppromotion-content .image-container .main-logo, .gatesalesignuppromotion .emailsignuppromotion-content .image-container .main-logo { position: absolute; top: 25px; left: 0px; right: 0px; display: none; } .emailsignuppromotion .emailsignuppromotion-content .content-container, .gatesalesignuppromotion .emailsignuppromotion-content .content-container { width: 50%; padding: 28px; } .emailsignuppromotion .emailsignuppromotion-content .content-container .input-wrapper .input-text, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .input-wrapper .input-text { padding: 1.125rem; border: 1px solid rgb(198, 200, 204); } .emailsignuppromotion .emailsignuppromotion-content .content-container .input-wrapper .error, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .input-wrapper .error { text-align: left; } .emailsignuppromotion .emailsignuppromotion-content .content-container .input-wrapper label, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .input-wrapper label { display: none; } .emailsignuppromotion .emailsignuppromotion-content .content-container .main-logo, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .main-logo { margin-bottom: 19%; margin-top: 20%; } .emailsignuppromotion .emailsignuppromotion-content .content-container .content-container-info, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .content-container-info { text-align: center; width: 100%; max-width: 410px; margin: 0px auto; } .emailsignuppromotion .emailsignuppromotion-content .content-container .submit-btn, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .submit-btn { width: 100%; max-width: none; margin-top: 0px; position: relative; } .emailsignuppromotion .emailsignuppromotion-content .message-hed, .gatesalesignuppromotion .emailsignuppromotion-content .message-hed { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.625rem; margin-bottom: 0.8125rem; color: rgb(109, 111, 115); } .emailsignuppromotion .emailsignuppromotion-content .message-title, .gatesalesignuppromotion .emailsignuppromotion-content .message-title { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-size: 1.875rem; margin-bottom: 2.25rem; } .emailsignuppromotion .emailsignuppromotion-content .message-promotion, .gatesalesignuppromotion .emailsignuppromotion-content .message-promotion { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-size: 1.25rem; margin-bottom: 0.375rem; } .emailsignuppromotion .emailsignuppromotion-content .message-expiration, .gatesalesignuppromotion .emailsignuppromotion-content .message-expiration { font-size: 0.75rem; margin-bottom: 2.1875rem; } .emailsignuppromotion .emailsignuppromotion-content .message-instructions, .gatesalesignuppromotion .emailsignuppromotion-content .message-instructions { font-size: 0.75rem; margin-bottom: 0.9375rem; } .emailsignuppromotion .emailsignuppromotion-content .message-footer, .gatesalesignuppromotion .emailsignuppromotion-content .message-footer { margin-top: 5px; color: rgb(157, 159, 163); font-size: 11px; } .emailsignuppromotion .emailsignuppromotion-content .icon-check-circle, .gatesalesignuppromotion .emailsignuppromotion-content .icon-check-circle { background-image: url("../../assets/images/check-circle.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: 32px 32px; display: block; width: 32px; height: 32px; margin: 2rem auto 1.25rem; } @media screen and (max-width: 959px) { .emailsignuppromotion, .gatesalesignuppromotion { overflow: auto; top: 0px !important; } .emailsignuppromotion .emailsignuppromotion-content, .gatesalesignuppromotion .emailsignuppromotion-content { display: block; } .emailsignuppromotion .emailsignuppromotion-content .image-container, .gatesalesignuppromotion .emailsignuppromotion-content .image-container { width: 100%; } .emailsignuppromotion .emailsignuppromotion-content .image-container .main-logo, .gatesalesignuppromotion .emailsignuppromotion-content .image-container .main-logo { display: block; background-size: 163px 12px; width: 163px; height: 12px; } .emailsignuppromotion .emailsignuppromotion-content .content-container, .gatesalesignuppromotion .emailsignuppromotion-content .content-container { width: 100%; } .emailsignuppromotion .emailsignuppromotion-content .content-container .main-logo, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .main-logo { display: none; } .emailsignuppromotion .emailsignuppromotion-content .content-container .content-container-info, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .content-container-info { width: 100%; } .emailsignuppromotion .emailsignuppromotion-content .content-container .message-hed, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .message-hed { margin-bottom: 0.3125rem; } .emailsignuppromotion .emailsignuppromotion-content .content-container .message-title, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .message-title { font-size: 1.625rem; margin-bottom: 1.25rem; } .emailsignuppromotion .emailsignuppromotion-content .content-container .message-promotion, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .message-promotion { font-size: 1.125rem; margin-bottom: 0.625rem; } .emailsignuppromotion .emailsignuppromotion-content .content-container .message-expiration, .gatesalesignuppromotion .emailsignuppromotion-content .content-container .message-expiration { margin-bottom: 1.25rem; } } .stop-scrolling { height: 100vh; overflow: hidden !important; } @media screen and (max-width: 959px) { .stop-scrolling { position: fixed; } } .gatedsale-template { padding: 0px !important; } .gatedsale-template .gatesalesignuppromotion { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100% !important; height: auto !important; position: relative !important; } @media screen and (max-width: 959px) { .gatedsale-template .gatesalesignuppromotion .content-container { padding: 0px; margin-top: -10.3125rem; } .gatedsale-template .gatesalesignuppromotion .content-container .content-container-info { min-height: 8.4375rem; padding-top: 0px; } .gatedsale-template .gatesalesignuppromotion .content-container .message-promotion { font-size: 1.125rem; margin-bottom: 0.625rem; } .gatedsale-template .gatesalesignuppromotion .content-container .content-container-form { padding: 0px; } } @media screen and (max-width: 959px) { .gatedsale-template .gatesalesignuppromotion .content-container .large-tabs.tabs-wrapper .controlled-content { padding: 0px 30px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } } .gatedsale-template .gatesalesignuppromotion .content-container .large-tabs.tabs-wrapper .controlled-content > div { max-width: none; } .gatedsale-template .gatesalesignuppromotion .content-container .input-wrapper label { display: flex; padding: 10px 0px 0px !important; } @media screen and (min-width: 960px) { .gatedsale-template .gatesalesignuppromotion .emailsignuppromotion-content { height: calc(-95px + 100vh); overflow: hidden; } .gatedsale-template .gatesalesignuppromotion .emailsignuppromotion-content .content-container { overflow: auto; } .gatedsale-template .gatesalesignuppromotion .emailsignuppromotion-content .content-container .content-container-form { padding: 0px 4% 0.625rem 9%; } .gatedsale-template .gatesalesignuppromotion .emailsignuppromotion-content .content-container .content-container-info { padding-top: 40px; } } .gatedsale-template .nomatch-container { text-align: center; padding: 5rem 2.5rem; font-size: 14px; line-height: 24px; } @media screen and (min-width: 960px) { .gatedsale-template .nomatch-container { padding: 70px calc(6% + 70px) 70px 70px; } } .gatedsale-template .nomatch-container a { text-decoration: underline; } .gatedsale-template .nomatch-container .icon-exclamation-circle::before { content: ""; background-image: url("../../assets/images/icon-error.svg"); background-size: 32px; background-position: 0px center; height: 32px; width: 32px; display: inline-block; margin-bottom: 8px; } .gatedsale-template .message-title { margin-bottom: 1.8125rem !important; } .gatedsale-template .message-body { padding: 10px 0px; } .gatedsale-template .message-link { padding: 30px 0px; } .gatedsale-template label { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } .gatedsale-template button { width: 100%; } .gatedsale-template .policy { text-align: center; padding: 20px 80px; } @media screen and (max-width: 959px) { .gatedsale-template .policy { padding: 20px; } } .gatedsale-template .policy a { color: rgb(157, 159, 163); text-decoration: underline; } #gatesale { opacity: 0; max-height: 0px; transition: 1s; position: fixed; z-index: 11; width: 100%; right: 0px; bottom: 0px; } @media screen and (min-width: 960px) { #gatesale { margin-right: calc(50% - 665px); width: 21rem; } } #gatesale.fadein { opacity: 1; max-height: 500px; } #gatesale .gatesale-content { text-align: center; font-size: 14px; } #gatesale .gatesale-content.shadow { background-color: rgb(255, 255, 255); padding: 25px; position: relative; height: 100%; } #gatesale .gatesale-content.shadow::before { content: ""; position: absolute; z-index: -1; inset: 8px 0px 0px; box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 8px 0px; } #gatesale .gatesale-content .message-title { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-size: 1.25rem; } #gatesale .gatesale-content .message-title .icon-check::before { content: ""; background-image: url("../../assets/images/check.svg"); background-size: 30px; background-position: 0px center; height: 15px; width: 30px; display: inline-block; margin-right: 10px; } #gatesale .gatesale-content .message-body { padding: 15px 10px; line-height: 22px; } #gatesale .gatesale-content .close { margin: 20px; } #gatesale .gatesale-content .close .close-icon { background-image: url("../../assets/images/Close.svg"); background-position: 0px 0px; height: 1rem; width: 1rem; top: 15px; right: 15px; display: block; position: absolute; } .microsite-container { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: 50% center; height: 100vh; } .microsite-container .microsite-content { align-items: center; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; height: 100vh; justify-content: space-around; text-align: center; z-index: 0; padding: 50px; cursor: pointer; } @media screen and (max-width: 375px) { .microsite-container .microsite-content { padding: 25px; } } .microsite-container .microsite-content img { max-width: 100%; position: absolute; top: 50px; transform: translate(-50%); } @media screen and (max-width: 360px) { .microsite-container .microsite-content img { position: inherit; margin-bottom: 20px; transform: translate(0px); } } .microsite-container .microsite-content h1 { color: rgb(255, 255, 255); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-size: 3.125rem; text-transform: uppercase; margin-top: 20px; } @media screen and (max-width: 360px) { .microsite-container .microsite-content h1 { font-size: 13vw; } } .microsite-container .microsite-content p { color: rgb(255, 255, 255); font-size: 18px; line-height: 28px; margin: 30px 10px; } @media screen and (max-width: 375px) { .microsite-container .microsite-content p { margin: 20px 10px; font-size: 5vw; } } .microsite-container .microsite-content button { background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(0, 0, 0); font-size: 20px; max-width: 450px; width: 60vw; padding: 1.5rem 0px; text-transform: uppercase; } @media screen and (max-width: 375px) { .microsite-container .microsite-content button { margin-top: 0px; } } .microsite-container .microsite-content a { color: rgb(255, 255, 255); } .microsite-container.thank-you .content-asset { justify-content: center; } .microsite-form-wrapper { background: rgb(255, 255, 255); display: none; height: 100vh; position: absolute; right: 0px; top: 0px; width: 40vw; overflow-y: scroll; z-index: 10; } @media screen and (max-width: 959px) { .microsite-form-wrapper { width: 100vw; } } .microsite-form-wrapper .microsite-form { display: flex; flex-direction: column; height: 100%; padding: 50px; width: 100%; } @media screen and (max-width: 959px) { .microsite-form-wrapper .microsite-form { padding: 25px; } } .microsite-form-wrapper .microsite-form .form-logo { margin: 0px auto; } .microsite-form-wrapper .microsite-form .form-logo img { margin-bottom: 20px; max-width: 100%; } .microsite-form-wrapper .microsite-form form { margin: auto; } .microsite-form-wrapper .microsite-form p { color: rgb(71, 71, 71); margin-bottom: 0px; } .microsite-form-wrapper .microsite-form .checkbox-optin { margin-bottom: 15px; } .microsite-form-wrapper .microsite-form .birthday { display: flex; justify-content: space-between; } .microsite-form-wrapper .microsite-form .birthday .input-wrapper { flex-basis: 32%; } .microsite-form-wrapper .microsite-form .birthday .field-wrapper { margin-bottom: 0px; } .microsite-form-wrapper .microsite-form .microsite-dropdown { margin: 0.625rem 0px 1.2rem; } .microsite-form-wrapper .microsite-form .mobile-field { display: flex; align-items: flex-start; } .microsite-form-wrapper .microsite-form .mobile-field select { border-radius: 5px 0px 0px 5px; border-right: 0.5px; max-width: 115px; max-height: 47px; } .microsite-form-wrapper .microsite-form .mobile-field select:hover { border-right: 1px solid rgb(71, 71, 71); } .microsite-form-wrapper .microsite-form .mobile-field .dwfrm_microsite_mobile { flex-grow: 2; margin: 0px; } .microsite-form-wrapper .microsite-form .mobile-field .dwfrm_microsite_mobile input { border-radius: 0px 5px 5px 0px; border-left-width: 0.5px; } .microsite-form-wrapper .microsite-form input, .microsite-form-wrapper .microsite-form select { border-radius: 5px; font-size: 12px; padding: 15px; height: auto; } .microsite-form-wrapper .microsite-form input[type="checkbox"] + label { line-height: 1.5em; } .microsite-form-wrapper .microsite-form input[type="checkbox"] + label::before { margin-right: 0.725rem; border-radius: 5px; } .microsite-form-wrapper .microsite-form input[type="checkbox"] + label span { font-size: 12px; line-height: 15px; } .microsite-form-wrapper .microsite-form .submit-btn { text-align: center; width: 100%; } .microsite-form-wrapper .microsite-form .submit-btn button { max-width: none; width: 100%; padding: 1.5rem 0px; font-size: 20px; } .microsite-form-wrapper .microsite-form .vibes-error { color: rgb(211, 41, 41); } .microsite-form-wrapper .terms { color: rgb(176, 187, 203); font-size: 13px; font-style: italic; line-height: 20px; margin: 30px 0px; text-align: center; } .microsite-form-wrapper .terms a { color: rgb(176, 187, 203); font-weight: 900; text-decoration: underline; } .microsite-form-wrapper .close { color: rgb(176, 187, 203); cursor: pointer; font-size: 30px; text-align: center; margin-bottom: 20px; } .microsite-content div, .microsite-content img { transition: opacity 1s ease-in-out; opacity: 1; } .microsite-content.fade div, .microsite-content.fade img { opacity: 0; } #optanon input[type="checkbox"] + label::before, #optanon input[type="checkbox"]:checked + label::before { display: none; } #optanon #optanon-popup-wrapper p:not(#foo) > input + label { background-position: 90px -1px; } #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:checked + label:hover, #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:focus:checked + label, #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:hover:checked + label { background-position: 90px -101px; } #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"] + label:hover, #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:hover + label { background-position: 90px -21px; } #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:active + label { background-position: 90px -41px; } #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:active:checked + label, #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:checked + label:hover:active { background-position: 90px -121px; } #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:disabled + label, #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:disabled + label:hover, #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:disabled + label:hover:active, #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:focus:disabled + label { background-position: 90px -61px; } #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:disabled:checked + label, #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:disabled:checked + label:hover, #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:disabled:checked + label:hover:active, #optanon #optanon-popup-wrapper p:not(#foo) > input[type="checkbox"]:focus:disabled:checked + label { background-position: 90px -141px; } #optanon #optanon-popup-wrapper p > label { width: 81px; line-height: 17px; } #alert-box-message a, #alert-box-message a:hover { color: rgb(255, 255, 255); text-decoration: underline; } body.hide-vendor-icons #consult_btn, body.hide-vendor-icons #custom-gladly-chat-button, body.hide-vendor-icons #usntA40Toggle, body.hide-vendor-icons .chat360-widget-launcher, body.hide-vendor-icons iframe#launcher { display: none !important; } @keyframes fadeinout { 50% { opacity: 1; } } #qrcode.splashpage { background-color: rgb(4, 30, 58); } #qrcode.splashpage .splashlogo { max-width: 100%; background: none; display: flex; justify-content: center; align-items: center; height: 90vh; margin: auto; } #qrcode.splashpage .splashlogo img { width: 85vw; animation: 1.5s linear 0s 1 normal forwards running fadeinout; opacity: 0; } #qrcode.unauthenticated #wrapper-container .banner-image { max-height: 300px; } #qrcode.unauthenticated #wrapper-container .cs-header { min-height: 245px; padding: 10px 10px 15px; } #qrcode #wrapper-container #container-wrap { padding: 0px; display: flex; flex-direction: column-reverse; background-color: rgb(255, 255, 255); } #qrcode #wrapper-container .banner-image { max-height: 360px; overflow: hidden; display: flex; align-items: center; justify-content: center; } #qrcode #wrapper-container .banner-image img { max-width: max-content; width: auto; } #qrcode #wrapper-container .dpid-content { margin-top: -240px; margin-bottom: 20px; } @media screen and (min-width: 960px) { #qrcode #wrapper-container .dpid-content { margin-top: -260px; } } #qrcode #wrapper-container .empty-product .cs-header { min-height: 255px; } #qrcode #wrapper-container .header-banner { visibility: hidden; display: none; } #qrcode #wrapper-container .cs-header { display: flex; flex-direction: column; justify-content: center; align-items: center; color: rgb(255, 255, 255); padding: 5px 10px 20px; } #qrcode #wrapper-container .cs-header .product-name a, #qrcode #wrapper-container .cs-header h1 { font-size: 1.125rem; line-height: 1.25rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; color: rgb(255, 255, 255); text-transform: capitalize; padding: 0px 0px 0.75rem; } #qrcode #wrapper-container .cs-header .product-name { width: 80%; text-align: center; margin-top: 0.9375rem; } #qrcode #wrapper-container .cs-header .brand { margin-top: 10px; text-transform: capitalize; } #qrcode #wrapper-container .cs-header .check-icon span { width: 60px; height: 60px; background: url("../../assets/images/authneticated-checkmark.gif") 50% center / 250%; display: block; } #qrcode #wrapper-container .cs-header .check-icon span.uncheck { background: url("../../assets/images/not-authneticated-exclamation.gif") 50% center / 250%; } #qrcode #wrapper-container.hide-container { visibility: hidden; overflow: hidden; height: 100vh; position: fixed; } #qrcode #wrapper-container.menu-active { position: fixed; width: 100vw; height: 100vh; } #qrcode #wrapper-container #wrapper { max-width: 100%; background-color: transparent; } #qrcode #wrapper-container #wrapper .width { margin: 0px auto; text-align: center; } #qrcode #wrapper-container #wrapper .border { border-top: 1px solid rgb(209, 209, 209); } #qrcode #wrapper-container #wrapper #main { margin-top: 0px; max-width: 1440px; text-align: center; } #qrcode #wrapper-container #wrapper #main .main-content .message { text-align: center; line-height: 1.375rem; color: rgb(109, 111, 115); padding: 0px 0px 15px; } #qrcode #wrapper-container #wrapper #main .main-content .product-container h2 { font-size: 1rem; margin: 2.5rem 0px 0.9375rem; padding: 0px; color: rgb(4, 30, 58); } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info { text-align: center; font-size: 0.9375rem; line-height: 1.375rem; position: relative; } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .fa-info-circle, #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .fa-times-circle { position: absolute; right: 15px; top: 15px; cursor: pointer; background-position: 50% center; background-repeat: no-repeat; width: 26px; height: 26px; } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .fa-info-circle::before, #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .fa-times-circle::before { display: none; } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .fa-info-circle { background-image: url("../../assets/images/icon-i.svg"); } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .fa-times-circle { background-image: url("../../assets/images/icon-x.svg"); } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .product-image { width: 300px; margin: auto; position: relative; } @media screen and (max-width: 666px) { #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .product-image { width: 68%; } } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .product-image img.popup-img { width: 100%; } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .product-image .refresh-pdp-favorites { position: absolute; right: 15px; top: 15px; } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .info { padding: 1rem 0px; font-size: 0.875rem; border-bottom: 1px solid rgb(204, 204, 204); font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .info:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .info .label { color: rgb(4, 30, 58); text-transform: uppercase; } #qrcode #wrapper-container #wrapper #main .main-content .product-container .product-info .info .value { color: rgb(109, 111, 115); } #qrcode #wrapper-container #wrapper #main .main-content .product-container .refresh-pdp-favorites { position: absolute; top: 2px; right: 13px; } @media only screen and (min-width: 768px) and (max-width: 959px) { #qrcode #wrapper-container #wrapper #main .main-content .product-container .refresh-pdp-favorites { right: calc(16.6667% + 58.3333px); } } #qrcode #wrapper-container #wrapper #main .main-content .product-container .refresh-pdp-favorites .add-to-favorites { position: relative; top: 0px; float: right; } #qrcode #wrapper-container #wrapper #main .main-content .product-container .refresh-pdp-favorites .add-to-favorites a { text-indent: -9999em; background-position: 100% 0px; background-repeat: no-repeat; background-size: 34px 34px; } #qrcode #wrapper-container #wrapper #main .main-content .product-container .confirmation-msg { filter: drop-shadow(rgb(0, 0, 0) 0px 0px 1px); max-width: 300px; position: relative; padding-right: 30px; font-size: 12px; text-align: initial; line-height: 18px; } @media screen and (min-width: 960px) { #qrcode #wrapper-container #wrapper #main .main-content .product-container .confirmation-msg { width: 100%; padding: 7px 30px 7px 12px; } } #qrcode #wrapper-container #wrapper .more-link { font-size: 0.875rem; margin: 0.625rem 0px; text-decoration: none; display: block; } #qrcode #wrapper-container #wrapper .more-link .fa.fa-sort-down { position: relative; top: -2px; padding-left: 5px; } #qrcode #wrapper-container #wrapper .more-link.active .fa.fa-sort-down { top: 4px; } #qrcode #wrapper-container #wrapper .more-link.active .fa.fa-sort-down::before { content: ""; } #qrcode #wrapper-container #wrapper .links { width: 300px; margin: 0.9375rem auto 1.5625rem; } @media screen and (max-width: 666px) { #qrcode #wrapper-container #wrapper .links { width: 85%; } } #qrcode #wrapper-container #wrapper .links h3 { margin-bottom: 0.3125rem; } #qrcode #wrapper-container #wrapper .links .line { border-top: 2px solid rgb(4, 30, 58); width: 120px; height: 0px; margin: 1.875rem auto 0.9375rem; } #qrcode #wrapper-container #wrapper .links .button { width: 100%; } #qrcode #wrapper-container #wrapper .links .explore { background: rgb(249, 249, 249); padding: 0.625rem 0.625rem 1.875rem; margin-top: 1.875rem; } #qrcode #wrapper-container #wrapper .other-links { margin-bottom: 2.5rem; } #qrcode #wrapper-container #wrapper .poloapp { margin: 0px auto 1.875rem; } #qrcode #wrapper-container #wrapper .poloapp .badge-apple-app { background-image: url("../../assets/images/badge-app-store.svg"); background-position: 50% center; background-repeat: no-repeat; display: block; width: 150px; height: 40px; margin: auto; } #qrcode #wrapper-container #wrapper .poloapp .badge-google-play { background-image: url("../../assets/images/badge-google-play.png"); background-position: 50% center; background-repeat: no-repeat; display: block; width: 150px; height: 40px; background-size: 150px; margin: auto; } #qrcode #wrapper-container #wrapper h2 { text-align: center; font-size: 1.25rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; margin-bottom: 0.3125rem; padding: 0px 0px 1.125rem; text-transform: capitalize; } #qrcode #wrapper-container #wrapper #ymal { padding: 0px; } #qrcode #wrapper-container #wrapper #ymal .horizontal-carousel-control-next, #qrcode #wrapper-container #wrapper #ymal .horizontal-carousel-control-prev { display: none; } #qrcode #wrapper-container #wrapper #ymal .horizontal-carousel-main { padding: 20px 0px; } #qrcode #wrapper-container #wrapper #ymal .horizontal-carousel-main .horizontal-carousel-title h2 { text-align: center; font-size: 1.125rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; margin-bottom: 0.3125rem; } #qrcode #wrapper-container #wrapper #ymal .horizontal-carousel-main .product-tile div { text-align: center; } #qrcode #wrapper-container #wrapper .slot-content-container { padding: 3.125rem 0px 2.1875rem; } #qrcode #wrapper-container #wrapper .slot-content-container .swiper-container.rlcontent { padding: 0px 0px 1.125rem; width: 85%; } @media screen and (max-width: 768px) { #qrcode #wrapper-container #wrapper .slot-content-container .swiper-container.rlcontent { width: 100vw; } } #qrcode #wrapper-container #wrapper .slot-content-container .swiper-container.rlcontent a { text-decoration: none; } #qrcode #wrapper-container #wrapper .slot-content-container .swiper-container.rlcontent .swiper-pagination { bottom: 0px; } #qrcode #wrapper-container #wrapper .slot-content-container .swiper-container.rlcontent .swiper-pagination .swiper-pagination-bullet { opacity: 1; background-color: rgb(225, 225, 229); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 65px; border-radius: initial; height: 2px; } #qrcode #wrapper-container #wrapper .slot-content-container .swiper-container.rlcontent .swiper-pagination .swiper-pagination-bullet-active { background-color: rgb(4, 30, 58); } #qrcode #wrapper-container #wrapper .slot-content-container .swiper-container.rlcontent .swiper-slide .title { font-size: 1.125rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-weight: 500; color: rgb(4, 30, 58); text-align: center; margin: 1.25rem 0px 0.9375rem; } #qrcode #wrapper-container #wrapper .slot-content-container .swiper-container.rlcontent .swiper-slide img { width: 100%; } #qrcode #wrapper-container #wrapper #footer { border-top: 1px solid rgb(209, 209, 209); margin-top: 4.375rem; text-align: left; } #qrcode #wrapper-container #wrapper #footer footer { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-bottom: 1.25rem; } @media screen and (max-width: 666px) { #qrcode #wrapper-container #wrapper #main { background-color: transparent; } #qrcode #wrapper-container #wrapper footer { padding: 1.25rem 0px; } } @media screen and (min-width: 960px) { #qrcode .wishlist-dialog.ui-dialog .dialog-content { padding: 1.5625rem; } } .ui-dialog.account-login-dialog, .ui-dialog.global-account-modal, .ui-dialog.save-favorites-dialog { max-width: none; z-index: 99999; border: 1px solid rgb(99, 99, 99); box-shadow: none; overflow-y: auto; max-height: 100%; padding: 0px !important; } @media screen and (max-width: 960px) { .ui-dialog.account-login-dialog, .ui-dialog.global-account-modal, .ui-dialog.save-favorites-dialog { overflow-y: auto; background-color: rgb(255, 255, 255); width: 100% !important; } .ui-dialog.account-login-dialog .ui-dialog-titlebar-close, .ui-dialog.global-account-modal .ui-dialog-titlebar-close, .ui-dialog.save-favorites-dialog .ui-dialog-titlebar-close { right: 0.625rem; top: 0.625rem; min-height: 0px; } .ui-dialog.account-login-dialog .ui-dialog-titlebar-close .ui-icon-closethick, .ui-dialog.global-account-modal .ui-dialog-titlebar-close .ui-icon-closethick, .ui-dialog.save-favorites-dialog .ui-dialog-titlebar-close .ui-icon-closethick { background-image: url("../../assets/images/Close-white.svg"); } .ui-dialog.account-login-dialog .ui-widget-header, .ui-dialog.global-account-modal .ui-widget-header, .ui-dialog.save-favorites-dialog .ui-widget-header { background-color: rgb(4, 30, 58); } .ui-dialog.account-login-dialog .large-tabs.tabs-wrapper, .ui-dialog.global-account-modal .large-tabs.tabs-wrapper, .ui-dialog.save-favorites-dialog .large-tabs.tabs-wrapper { margin-top: 0px; } .ui-dialog.account-login-dialog .social-login button, .ui-dialog.global-account-modal .social-login button, .ui-dialog.save-favorites-dialog .social-login button { width: 100% !important; } } .ui-dialog.account-login-dialog .large-tabs.tabs-wrapper .tabs button, .ui-dialog.global-account-modal .large-tabs.tabs-wrapper .tabs button, .ui-dialog.save-favorites-dialog .large-tabs.tabs-wrapper .tabs button { margin: 0px; } @media screen and (min-width: 960px) { .ui-dialog.account-login-dialog .large-tabs.tabs-wrapper .tabs button, .ui-dialog.global-account-modal .large-tabs.tabs-wrapper .tabs button, .ui-dialog.save-favorites-dialog .large-tabs.tabs-wrapper .tabs button { min-height: 4.375rem; } } @media screen and (min-width: 960px) { .ui-dialog.account-login-dialog, .ui-dialog.global-account-modal, .ui-dialog.save-favorites-dialog { overflow: visible !important; max-height: 100vh !important; } .ui-dialog.account-login-dialog:not(.login-passwordreset-modal) .ui-dialog-titlebar-close, .ui-dialog.global-account-modal:not(.login-passwordreset-modal) .ui-dialog-titlebar-close, .ui-dialog.save-favorites-dialog:not(.login-passwordreset-modal) .ui-dialog-titlebar-close { right: -3.75rem; top: 0px; min-height: 0px; background: rgb(239, 236, 236); width: 2.5rem; height: 2.5rem; } .ui-dialog.account-login-dialog:not(.login-passwordreset-modal) .ui-dialog-titlebar-close .ui-icon-closethick, .ui-dialog.global-account-modal:not(.login-passwordreset-modal) .ui-dialog-titlebar-close .ui-icon-closethick, .ui-dialog.save-favorites-dialog:not(.login-passwordreset-modal) .ui-dialog-titlebar-close .ui-icon-closethick { margin: 12.5px; } .ui-dialog.account-login-dialog .ui-widget-header, .ui-dialog.global-account-modal .ui-widget-header, .ui-dialog.save-favorites-dialog .ui-widget-header { height: 0px !important; padding: 0px !important; } .ui-dialog.account-login-dialog .large-tabs.tabs-wrapper .controlled-content, .ui-dialog.global-account-modal .large-tabs.tabs-wrapper .controlled-content, .ui-dialog.save-favorites-dialog .large-tabs.tabs-wrapper .controlled-content { overflow-y: auto; max-height: calc(-70px + 85vh); } .ui-dialog.account-login-dialog .large-tabs.tabs-wrapper .controlled-content .button-full-width, .ui-dialog.global-account-modal .large-tabs.tabs-wrapper .controlled-content .button-full-width, .ui-dialog.save-favorites-dialog .large-tabs.tabs-wrapper .controlled-content .button-full-width { margin-bottom: 2.5rem; } } .ui-dialog.account-login-dialog .ui-dialog-content, .ui-dialog.global-account-modal .ui-dialog-content, .ui-dialog.save-favorites-dialog .ui-dialog-content { overflow: hidden !important; } .ui-dialog.account-login-dialog .ui-dialog-content button.button-full-width, .ui-dialog.global-account-modal .ui-dialog-content button.button-full-width, .ui-dialog.save-favorites-dialog .ui-dialog-content button.button-full-width { width: 100% !important; } .ui-dialog.account-login-dialog .ui-widget-header .ui-dialog-title, .ui-dialog.global-account-modal .ui-widget-header .ui-dialog-title, .ui-dialog.save-favorites-dialog .ui-widget-header .ui-dialog-title { margin: 0px; height: 0px; padding: 0px !important; } .ui-dialog.account-login-dialog .dialog-content, .ui-dialog.global-account-modal .dialog-content, .ui-dialog.save-favorites-dialog .dialog-content { margin: 0px; padding: 0px !important; width: 100% !important; } @media screen and (min-width: 960px) { .ui-dialog.account-login-dialog .dialog-content, .ui-dialog.global-account-modal .dialog-content, .ui-dialog.save-favorites-dialog .dialog-content { max-height: 100vh !important; } } .ui-dialog.account-login-dialog .dialog-content h1, .ui-dialog.global-account-modal .dialog-content h1, .ui-dialog.save-favorites-dialog .dialog-content h1 { margin-top: 8px !important; margin-bottom: 25px !important; letter-spacing: 0.8px !important; font-size: 20px !important; } @media screen and (min-width: 960px) { .ui-dialog.account-login-dialog .dialog-content h1, .ui-dialog.global-account-modal .dialog-content h1, .ui-dialog.save-favorites-dialog .dialog-content h1 { font-size: 25px !important; } } .ui-dialog.account-login-dialog .dialog-content .modal-heading-top, .ui-dialog.global-account-modal .dialog-content .modal-heading-top, .ui-dialog.save-favorites-dialog .dialog-content .modal-heading-top { text-align: center; padding: 2.5rem 1.25rem 0.625rem; } @media screen and (min-width: 960px) { .ui-dialog.account-login-dialog .dialog-content .modal-heading-top, .ui-dialog.global-account-modal .dialog-content .modal-heading-top, .ui-dialog.save-favorites-dialog .dialog-content .modal-heading-top { padding: 3.75rem 1.25rem 0.625rem; } } .ui-dialog.account-login-dialog .dialog-content .modal-heading-top p, .ui-dialog.global-account-modal .dialog-content .modal-heading-top p, .ui-dialog.save-favorites-dialog .dialog-content .modal-heading-top p { color: rgb(4, 30, 58); font-size: 0.75rem; } .ui-dialog.account-login-dialog .dialog-content h3, .ui-dialog.global-account-modal .dialog-content h3, .ui-dialog.save-favorites-dialog .dialog-content h3 { margin-top: 0px; color: rgb(4, 30, 58); } .ui-dialog.account-login-dialog .dialog-content .rememberme, .ui-dialog.global-account-modal .dialog-content .rememberme, .ui-dialog.save-favorites-dialog .dialog-content .rememberme { margin-top: 0.9375rem; } .ui-dialog.account-login-dialog .dialog-content #password-reset, .ui-dialog.account-login-dialog .dialog-content .fav-text, .ui-dialog.global-account-modal .dialog-content #password-reset, .ui-dialog.global-account-modal .dialog-content .fav-text, .ui-dialog.save-favorites-dialog .dialog-content #password-reset, .ui-dialog.save-favorites-dialog .dialog-content .fav-text { font-size: 13px; } @media screen and (max-width: 960px) { .ui-dialog.account-login-dialog .dialog-content #password-reset, .ui-dialog.global-account-modal .dialog-content #password-reset, .ui-dialog.save-favorites-dialog .dialog-content #password-reset { text-decoration: none; } } .ui-dialog.account-login-dialog .dialog-content .login-account h2, .ui-dialog.global-account-modal .dialog-content .login-account h2, .ui-dialog.save-favorites-dialog .dialog-content .login-account h2 { font-size: 18px; } .ui-dialog.account-login-dialog .dialog-content .login-account .content-asset, .ui-dialog.global-account-modal .dialog-content .login-account .content-asset, .ui-dialog.save-favorites-dialog .dialog-content .login-account .content-asset { display: none; } .ui-dialog.account-login-dialog .dialog-content .login-account .input-select, .ui-dialog.account-login-dialog .dialog-content .login-account .input-text, .ui-dialog.global-account-modal .dialog-content .login-account .input-select, .ui-dialog.global-account-modal .dialog-content .login-account .input-text, .ui-dialog.save-favorites-dialog .dialog-content .login-account .input-select, .ui-dialog.save-favorites-dialog .dialog-content .login-account .input-text { height: 50px; } .ui-dialog.account-login-dialog .dialog-content .login-account input[type="checkbox"] + label, .ui-dialog.global-account-modal .dialog-content .login-account input[type="checkbox"] + label, .ui-dialog.save-favorites-dialog .dialog-content .login-account input[type="checkbox"] + label { height: auto; } .ui-dialog.account-login-dialog .dialog-content .login-account .returningCustomerText, .ui-dialog.global-account-modal .dialog-content .login-account .returningCustomerText, .ui-dialog.save-favorites-dialog .dialog-content .login-account .returningCustomerText { margin-top: 0px; padding: 0px 0px 5px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; letter-spacing: 0px; color: rgb(71, 71, 71); margin-bottom: 0px; text-transform: uppercase; font-size: 17px !important; } @media screen and (min-width: 960px) { .ui-dialog.account-login-dialog .dialog-content .login-account .returningCustomerText, .ui-dialog.global-account-modal .dialog-content .login-account .returningCustomerText, .ui-dialog.save-favorites-dialog .dialog-content .login-account .returningCustomerText { margin-bottom: 30px; padding: 0px; font-size: 18px !important; } } .ui-dialog.account-login-dialog .dialog-content .login-account .FavFormLabel, .ui-dialog.global-account-modal .dialog-content .login-account .FavFormLabel, .ui-dialog.save-favorites-dialog .dialog-content .login-account .FavFormLabel { margin-top: 20px; } .ui-dialog.account-login-dialog .dialog-content .login-account .login-bottom-row, .ui-dialog.global-account-modal .dialog-content .login-account .login-bottom-row, .ui-dialog.save-favorites-dialog .dialog-content .login-account .login-bottom-row { flex-direction: column-reverse; } .ui-dialog.account-login-dialog .dialog-content .login-account .login-bottom-row .login-passwordreset, .ui-dialog.global-account-modal .dialog-content .login-account .login-bottom-row .login-passwordreset, .ui-dialog.save-favorites-dialog .dialog-content .login-account .login-bottom-row .login-passwordreset { text-align: left; margin-top: 0px !important; } @media screen and (min-width: 960px) { .ui-dialog.account-login-dialog .dialog-content .login-account .login-bottom-row .login-passwordreset, .ui-dialog.global-account-modal .dialog-content .login-account .login-bottom-row .login-passwordreset, .ui-dialog.save-favorites-dialog .dialog-content .login-account .login-bottom-row .login-passwordreset { margin-top: 15px !important; } } @media screen and (min-width: 960px) { .ui-dialog.account-login-dialog .dialog-content .login-account .login-box-content, .ui-dialog.global-account-modal .dialog-content .login-account .login-box-content, .ui-dialog.save-favorites-dialog .dialog-content .login-account .login-box-content { margin-top: 12px; } } .ui-dialog.account-login-dialog .dialog-content .login-account .login-box-content .password label span, .ui-dialog.account-login-dialog .dialog-content .login-account .login-box-content .username label span, .ui-dialog.global-account-modal .dialog-content .login-account .login-box-content .password label span, .ui-dialog.global-account-modal .dialog-content .login-account .login-box-content .username label span, .ui-dialog.save-favorites-dialog .dialog-content .login-account .login-box-content .password label span, .ui-dialog.save-favorites-dialog .dialog-content .login-account .login-box-content .username label span { text-transform: capitalize; } .ui-dialog.account-login-dialog .dialog-content .login-account label, .ui-dialog.global-account-modal .dialog-content .login-account label, .ui-dialog.save-favorites-dialog .dialog-content .login-account label { display: none; } .ui-dialog.account-login-dialog .dialog-content .login-account .rememberme label, .ui-dialog.global-account-modal .dialog-content .login-account .rememberme label, .ui-dialog.save-favorites-dialog .dialog-content .login-account .rememberme label { display: flex; } .ui-dialog.account-login-dialog .dialog-content button, .ui-dialog.global-account-modal .dialog-content button, .ui-dialog.save-favorites-dialog .dialog-content button { width: 100%; max-width: none; } .ui-dialog.account-login-dialog .wishlist-favorites .required-text, .ui-dialog.global-account-modal .wishlist-favorites .required-text, .ui-dialog.save-favorites-dialog .wishlist-favorites .required-text { text-align: right; color: rgb(118, 118, 118); font-size: 12px; text-transform: capitalize; } .ui-dialog.account-login-dialog .wishlist-favorites .login-account h2, .ui-dialog.global-account-modal .wishlist-favorites .login-account h2, .ui-dialog.save-favorites-dialog .wishlist-favorites .login-account h2 { margin-bottom: 0px; } .ui-dialog.account-login-dialog .wishlist-favorites .login-account .returning-customers p, .ui-dialog.global-account-modal .wishlist-favorites .login-account .returning-customers p, .ui-dialog.save-favorites-dialog .wishlist-favorites .login-account .returning-customers p { margin-top: 0px; } .ui-dialog.account-login-dialog .wishlist-favorites .form-columns, .ui-dialog.global-account-modal .wishlist-favorites .form-columns, .ui-dialog.save-favorites-dialog .wishlist-favorites .form-columns { padding-bottom: 2rem; } .ui-dialog.account-login-dialog .wishlist-modal-cartpage h1, .ui-dialog.global-account-modal .wishlist-modal-cartpage h1, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage h1 { font-size: 1.375rem !important; margin-bottom: 0px !important; } .ui-dialog.account-login-dialog .wishlist-modal-cartpage .login-create-account h2, .ui-dialog.global-account-modal .wishlist-modal-cartpage .login-create-account h2, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage .login-create-account h2 { margin: 1.3125rem 0px 0px !important; } .ui-dialog.account-login-dialog .wishlist-modal-cartpage label, .ui-dialog.global-account-modal .wishlist-modal-cartpage label, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage label { display: none; } .ui-dialog.account-login-dialog .wishlist-modal-cartpage .rememberme label, .ui-dialog.account-login-dialog .wishlist-modal-cartpage .subscribe label, .ui-dialog.global-account-modal .wishlist-modal-cartpage .rememberme label, .ui-dialog.global-account-modal .wishlist-modal-cartpage .subscribe label, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage .rememberme label, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage .subscribe label { display: flex; } @media screen and (max-width: 959px) { .ui-dialog.account-login-dialog .wishlist-modal-cartpage .login-box.login-create-account, .ui-dialog.global-account-modal .wishlist-modal-cartpage .login-box.login-create-account, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage .login-box.login-create-account { border-top: 1px solid rgb(209, 209, 209) !important; } } .ui-dialog.account-login-dialog .wishlist-modal-cartpage .returning-customers, .ui-dialog.global-account-modal .wishlist-modal-cartpage .returning-customers, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage .returning-customers { margin-top: 0px !important; } .ui-dialog.account-login-dialog .wishlist-modal-cartpage .returning-customers .login-bottom-row, .ui-dialog.global-account-modal .wishlist-modal-cartpage .returning-customers .login-bottom-row, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage .returning-customers .login-bottom-row { display: initial; } .ui-dialog.account-login-dialog .wishlist-modal-cartpage .returning-customers .login-bottom-row button, .ui-dialog.global-account-modal .wishlist-modal-cartpage .returning-customers .login-bottom-row button, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage .returning-customers .login-bottom-row button { max-width: none; } .ui-dialog.account-login-dialog .wishlist-modal-cartpage .returning-customers .login-bottom-row .login-passwordreset, .ui-dialog.global-account-modal .wishlist-modal-cartpage .returning-customers .login-bottom-row .login-passwordreset, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage .returning-customers .login-bottom-row .login-passwordreset { margin-top: 0.3125rem !important; } .ui-dialog.account-login-dialog .wishlist-modal-cartpage .fav-text, .ui-dialog.global-account-modal .wishlist-modal-cartpage .fav-text, .ui-dialog.save-favorites-dialog .wishlist-modal-cartpage .fav-text { margin: 0.15625rem 0px; } .ui-dialog.login-passwordreset-modal .ui-dialog-titlebar-close { transition: none; } .ui-dialog.login-passwordreset-modal .dialog-content { margin: 0px auto; padding: 1% !important; width: 93% !important; } .ui-dialog.login-passwordreset-modal .dialog-content h1 { font-size: 1.5rem; line-height: 1.42857em; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; } .ui-dialog.login-passwordreset-modal .dialog-content p { font-size: 0.875rem; margin-bottom: 1.375rem; } @media screen and (min-width: 960px) { .ui-dialog.login-passwordreset-modal .dialog-content button { width: 77%; } } .enhanced-signin.account-modal-container { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; height: 100%; max-width: none; outline: none; right: 0px; width: auto; } .enhanced-signin.account-modal-container .account-modal-mask { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0px; opacity: 0; position: fixed; top: 0px; transition: opacity 0.5s linear; width: 100%; z-index: 101; } .enhanced-signin.account-modal-container .account-modal-mask.opened { opacity: 1; } .enhanced-signin.account-modal-container .account-modal-mask.transparent { background-color: transparent; } .enhanced-signin.account-modal-container .registration-term-modal .consent-mkt-adv, .enhanced-signin.account-modal-container .registration-term-modal .consent-personal-info, .enhanced-signin.account-modal-container .registration-term-modal .consent-use-person { color: rgb(4, 30, 58); text-align: center; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: normal; } .enhanced-signin.account-modal-container .registration-term-modal .consent-mkt-adv ul p, .enhanced-signin.account-modal-container .registration-term-modal .consent-personal-info ul p, .enhanced-signin.account-modal-container .registration-term-modal .consent-use-person ul p { margin-bottom: 30px; } .enhanced-signin.account-modal-container .registration-term-modal .consent-transfer-provision .section-group-box { max-height: 100% !important; } .enhanced-signin.account-modal-container .account-modal { background-color: rgb(242, 243, 245); bottom: -100vh; left: 0px; opacity: 0; overflow-y: scroll; max-height: 100%; padding: 3.4375rem 1.25rem 1.875rem; position: fixed; transition: 1s; width: 100%; z-index: 201; } @media screen and (min-width: 768px) { .enhanced-signin.account-modal-container .account-modal { height: 100vh; left: auto; right: -25%; top: 0px; transition: right 0.5s ease-out, opacity 0.5s linear; max-width: 488px; padding: 3.125rem 3.5rem 1.5625rem; } } .enhanced-signin.account-modal-container .account-modal.opened { opacity: 1; bottom: 0px; } @media screen and (min-width: 768px) { .enhanced-signin.account-modal-container .account-modal.opened { right: 0px; top: 0px; } } .enhanced-signin.account-modal-container .account-modal .account-modal-close { background-color: transparent; background-image: url("../../assets/images/andYetAnotherClose.svg"); background-repeat: no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 15px; margin: 1.25rem; min-height: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; width: 15px; z-index: 100; } @media screen and (min-width: 768px) { .enhanced-signin.account-modal-container .account-modal .account-modal-close { position: fixed; } } .enhanced-signin.account-modal-container .account-modal form { margin: 0px; position: relative; } .enhanced-signin.account-modal-container .account-modal form .username { margin-top: 0.625rem; } .enhanced-signin.account-modal-container .account-modal .field-wrapper, .enhanced-signin.account-modal-container .account-modal .form-row, .enhanced-signin.account-modal-container .account-modal .form-row.error, .enhanced-signin.account-modal-container .account-modal .input-select, .enhanced-signin.account-modal-container .account-modal .input-text { margin: 0px; } .enhanced-signin.account-modal-container .account-modal .form-row-button { margin-top: 0.625rem; } .enhanced-signin.account-modal-container .account-modal .input-select, .enhanced-signin.account-modal-container .account-modal .input-text { border-color: rgb(198, 200, 204); color: rgb(4, 30, 58); font-size: 0.875rem; letter-spacing: 0px; height: 52px; background-color: rgb(255, 255, 255); } .enhanced-signin.account-modal-container .account-modal .birthday .input-text.year { height: 52px; } .enhanced-signin.account-modal-container .account-modal input.error:placeholder-shown ~ label, .enhanced-signin.account-modal-container .account-modal input:placeholder-shown:not(:focus):not(.error) + * { color: rgb(109, 111, 115); font-size: 0.875rem; left: 20px; letter-spacing: 0px; top: 18px; } .enhanced-signin.account-modal-container .account-modal .input-select, .enhanced-signin.account-modal-container .account-modal .input-text { margin-bottom: 7px; margin-top: 0.3125rem; } @media screen and (min-width: 361px) { .enhanced-signin.account-modal-container .account-modal .input-select, .enhanced-signin.account-modal-container .account-modal .input-text { width: 100%; } } .enhanced-signin.account-modal-container .account-modal .input-select:focus ~ label, .enhanced-signin.account-modal-container .account-modal .input-select:not(:placeholder-shown) ~ label, .enhanced-signin.account-modal-container .account-modal .input-text:focus ~ label, .enhanced-signin.account-modal-container .account-modal .input-text:not(:placeholder-shown) ~ label { font-size: 9px; left: 20px; letter-spacing: 0px; color: rgb(109, 111, 115); } .enhanced-signin.account-modal-container .account-modal .input-select.error, .enhanced-signin.account-modal-container .account-modal .input-text.error { border-color: rgb(214, 39, 39); } .enhanced-signin.account-modal-container .account-modal span.error { font-size: 11px; letter-spacing: 0px; line-height: 10px; margin: 0px 0px 0.3125rem; } .enhanced-signin.account-modal-container .account-modal .required-indicator { padding-right: 0.3125rem; } .enhanced-signin.account-modal-container .account-modal button { font-size: 0.6875rem; letter-spacing: 1px; margin-top: 1.875rem; max-width: 100%; position: relative; width: 100%; } .enhanced-signin.account-modal-container .account-modal .error-form { background: none; color: rgb(214, 39, 39); display: flex; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; justify-content: center; letter-spacing: 0px; max-width: 250px; margin: -0.625rem auto 0px; padding: 0px; } @media screen and (min-width: 768px) { .enhanced-signin.account-modal-container .account-modal .error-form { width: 100%; } } .enhanced-signin.account-modal-container .account-modal .error-form::before { background: url("../../assets/images/info-red.svg") 50% center no-repeat; content: ""; display: inline-block; height: 15px; margin-right: 0.4375rem; min-width: 15px; } @media screen and (min-width: 768px) { .enhanced-signin.account-modal-container .account-modal .error-form::before { margin-right: 0.4375rem; } } .enhanced-signin.account-modal-container .rl-tooltip { min-width: 200px; margin: 0px 10px; } .enhanced-signin .account-login-register-modal .modal-pfs-msg { padding: 0.9375rem 0px 0.625rem; text-align: center; } .enhanced-signin .account-login-register-modal .login-box { padding-top: 0px; } .enhanced-signin .account-login-register-modal .tabs { display: flex; margin-bottom: 1.25rem; } .enhanced-signin .account-login-register-modal .tabs .tab-button { color: rgb(109, 111, 115); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.375rem; letter-spacing: 0px; line-height: 34px; text-transform: none; background: none; border-width: 0px 0px 1px; border-color: rgb(109, 111, 115); padding: 0px 0px 0.3125rem; margin: 0px; flex-basis: 50%; } @media screen and (min-width: 768px) { .enhanced-signin .account-login-register-modal .tabs .tab-button { padding: 0px 0px 0.9375rem; } } .enhanced-signin .account-login-register-modal .tabs .tab-button[aria-selected="true"] { color: rgb(4, 30, 58); border-color: rgb(4, 30, 58); } .enhanced-signin .account-login-register-modal .login-box-content, .enhanced-signin .account-login-register-modal .modal-login-content { display: flex; flex-direction: column; } .enhanced-signin .account-login-register-modal .login-box-content .social-accounts, .enhanced-signin .account-login-register-modal .login-box-content fieldset, .enhanced-signin .account-login-register-modal .modal-login-content .social-accounts, .enhanced-signin .account-login-register-modal .modal-login-content fieldset { display: flex; flex-direction: column; order: 1; } .enhanced-signin .account-login-register-modal .login-box-content .social-accounts .error-form, .enhanced-signin .account-login-register-modal .login-box-content .social-accounts .or-divider, .enhanced-signin .account-login-register-modal .login-box-content fieldset .error-form, .enhanced-signin .account-login-register-modal .login-box-content fieldset .or-divider, .enhanced-signin .account-login-register-modal .modal-login-content .social-accounts .error-form, .enhanced-signin .account-login-register-modal .modal-login-content .social-accounts .or-divider, .enhanced-signin .account-login-register-modal .modal-login-content fieldset .error-form, .enhanced-signin .account-login-register-modal .modal-login-content fieldset .or-divider { order: -1; } .enhanced-signin .account-login-register-modal .login-message, .enhanced-signin .account-login-register-modal .register-message { color: rgb(4, 30, 58); margin-bottom: 0.3125rem; } .enhanced-signin .account-login-register-modal .register-form .rememberme { margin-top: 1.1875rem; } .enhanced-signin .account-login-register-modal .login-passwordreset { align-items: center; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0.3125rem 0px 1.25rem; } .enhanced-signin .account-login-register-modal .login-passwordreset .required-indicator em, .enhanced-signin .account-login-register-modal .login-passwordreset a { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.6875rem; font-style: normal; letter-spacing: 1px; line-height: normal; margin: 0px; text-transform: capitalize; text-decoration: none; } .enhanced-signin .account-login-register-modal .login-passwordreset .dialog-required { line-height: 0; } .enhanced-signin .account-login-register-modal .pw-container input[type="password"] { letter-spacing: normal; } .enhanced-signin .account-login-register-modal .conf-pw-container .hide-password, .enhanced-signin .account-login-register-modal .conf-pw-container .show-password, .enhanced-signin .account-login-register-modal .pw-container .hide-password, .enhanced-signin .account-login-register-modal .pw-container .show-password { top: 33px; } .enhanced-signin .account-login-register-modal .register-form { margin-top: 0.625rem; } .enhanced-signin .account-login-register-modal .register-form .password.error ~ .error { margin-bottom: 0.625rem; } .enhanced-signin .account-login-register-modal .register-form .pw-errors { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 11px; line-height: 12px; margin-bottom: 0.625rem; text-align: left; } .enhanced-signin .account-login-register-modal .register-form .pw-errors .pw-must-contain { color: rgb(4, 30, 58); display: block; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; } .enhanced-signin .account-login-register-modal .register-form .pw-errors [class*="-error"] { display: block; line-height: 14px; padding-top: 0.625rem; } .enhanced-signin .account-login-register-modal .register-form .pw-errors [class*="-error"].valid { align-items: baseline; color: rgb(4, 30, 58); display: flex; padding-top: 0.625rem; } .enhanced-signin .account-login-register-modal .register-form .pw-errors [class*="-error"].valid::after { background: url("../../assets/images/icon-check.svg") 0% 0% / 15px no-repeat; content: ""; height: 11px; margin-left: 3px; width: 14px; } .enhanced-signin .account-login-register-modal .register-form .pw-errors [class*="-error"].pwerror { color: rgb(214, 39, 39); } .enhanced-signin .account-login-register-modal .register-form .pw-email-cannot-match, .enhanced-signin .account-login-register-modal .register-form .pw-requirements-not-met { color: rgb(214, 39, 39); font-size: 11px; letter-spacing: 0px; line-height: 10px; margin: 0px 0px 10px; } .enhanced-signin .account-login-register-modal input[type="checkbox"] + label { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.25px; padding: 0px; } .enhanced-signin .account-login-register-modal input[type="checkbox"] + label::before { background-color: rgb(255, 255, 255); } .enhanced-signin .account-login-register-modal .kr-terms div.form-row { margin-bottom: 0.5rem; } .enhanced-signin .account-login-register-modal .kr-terms .input-checkbox.error + label { margin-bottom: 25px; } .enhanced-signin .account-login-register-modal .kr-terms span[class="error"] { bottom: -26px; } .enhanced-signin .account-login-register-modal .kr-terms a, .enhanced-signin .account-login-register-modal .kr-terms p { font-weight: 400; font-size: 12px; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; letter-spacing: 0.01562rem; } .enhanced-signin .account-login-register-modal .kr-terms a b, .enhanced-signin .account-login-register-modal .kr-terms p b { font-weight: 400; } @media screen and (max-width: 959px) { .enhanced-signin .account-login-register-modal .kr-terms .term-and-view { margin-bottom: 8px; } } @media screen and (max-width: 959px) { .enhanced-signin .account-login-register-modal .kr-terms .input-wrapper { max-width: 75%; } } .enhanced-signin .account-login-register-modal .kr-terms input[type="checkbox"] + span[class="error"] + label { background: transparent; padding: 0px; margin-bottom: 25px; height: auto; } .enhanced-signin .account-login-register-modal .kr-terms input[type="checkbox"] + label { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.25px; padding: 0px; font-weight: 400; line-height: 20px; } .enhanced-signin .account-login-register-modal .kr-terms input[type="checkbox"] + label::before { background-color: rgb(255, 255, 255); } .enhanced-signin .account-login-register-modal .rememberme, .enhanced-signin .account-login-register-modal .subscribe { align-items: flex-end; } .enhanced-signin .account-login-register-modal .rememberme .has-float-label, .enhanced-signin .account-login-register-modal .subscribe .has-float-label { margin: 0.625rem 0px 0px; } .enhanced-signin .account-login-register-modal .rememberme .tooltip, .enhanced-signin .account-login-register-modal .subscribe .tooltip { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.6875rem; letter-spacing: 0.25px; } .enhanced-signin .account-login-register-modal .rememberme input[type="checkbox"] + label, .enhanced-signin .account-login-register-modal .subscribe input[type="checkbox"] + label { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.25px; padding: 0px; font-weight: 400; } .enhanced-signin .account-login-register-modal .rememberme input[type="checkbox"] + label::before, .enhanced-signin .account-login-register-modal .subscribe input[type="checkbox"] + label::before { background-color: rgb(255, 255, 255); } .enhanced-signin .account-login-register-modal .rememberme input[type="checkbox"] + label span, .enhanced-signin .account-login-register-modal .subscribe input[type="checkbox"] + label span { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-weight: 400; } .enhanced-signin .account-login-register-modal #RegistrationForm .privacy-notice { margin-bottom: 0.3125rem; padding-top: 0.4375rem; } .enhanced-signin .account-login-register-modal #RegistrationForm .privacy-notice a { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.25px; } .enhanced-signin .account-login-register-modal .social-accounts .or-divider { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; letter-spacing: 0.27px; margin: 0.625rem 0px; padding-top: 1.5625rem; text-transform: uppercase; white-space: nowrap; } .enhanced-signin .account-login-register-modal .social-accounts .or-divider::after, .enhanced-signin .account-login-register-modal .social-accounts .or-divider::before { border-color: rgb(157, 159, 163); } .enhanced-signin .account-login-register-modal .social-accounts .social-login { display: flex; justify-content: center; margin: 0px auto 0.3125rem; width: auto; gap: 2.5rem; max-width: 100%; } .enhanced-signin .account-login-register-modal .social-accounts .social-login button { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(4, 30, 58); font-size: 0.625rem; margin-top: 1.25rem; padding: 0px; width: 48%; flex-direction: column; } .enhanced-signin .account-login-register-modal .social-accounts .social-login button:hover { color: rgb(4, 30, 58); } .enhanced-signin .account-login-register-modal .social-accounts .social-login button:first-child { margin-left: 0px; } .enhanced-signin .account-login-register-modal .social-accounts .social-login button:last-child { margin-right: 0px; } @media screen and (max-width: 959px) { .enhanced-signin .account-login-register-modal .social-accounts .social-login button { margin-top: 1.25rem; } } .enhanced-signin .account-login-register-modal .social-accounts .social-login button img { background: rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 5px 0px; height: 60px; margin: 0px auto 0.625rem; padding: 0.9375rem; width: 60px; } .enhanced-signin .account-login-register-modal .social-accounts .social-login button .desktop-only { display: inline-block !important; } .enhanced-signin .account-login-register-modal .social-accounts .social-login button .mobile-only { visibility: hidden; height: 0px; } .enhanced-signin .account-login-register-modal .social-accounts p { font-size: 12px; text-align: center; color: rgb(4, 30, 58); } .enhanced-signin .account-login-register-modal .social-accounts p a { color: rgb(4, 30, 58); } .enhanced-signin .account-register-reset-password h1, .enhanced-signin .account-register-reset-password h2, .enhanced-signin .account-user-terms h1, .enhanced-signin .account-user-terms h2 { border-bottom: 1px solid rgb(4, 30, 58); color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.375rem; letter-spacing: 0px; line-height: 36px; text-align: center; text-transform: capitalize; padding: 0px 0px 0.3125rem; margin: 0px 0px 1.875rem; width: 100%; } @media screen and (min-width: 768px) { .enhanced-signin .account-register-reset-password h1, .enhanced-signin .account-register-reset-password h2, .enhanced-signin .account-user-terms h1, .enhanced-signin .account-user-terms h2 { padding: 0px 1.875rem 0.9375rem; } } .enhanced-signin .account-register-reset-password .confirmation-container, .enhanced-signin .account-register-reset-password li, .enhanced-signin .account-register-reset-password p, .enhanced-signin .account-user-terms .confirmation-container, .enhanced-signin .account-user-terms li, .enhanced-signin .account-user-terms p { color: rgb(4, 30, 58); padding-top: 0px; margin: 15px auto; text-align: center; max-width: 300px; } .enhanced-signin .account-register-reset-password .confirmation-container .button, .enhanced-signin .account-register-reset-password li .button, .enhanced-signin .account-register-reset-password p .button, .enhanced-signin .account-user-terms .confirmation-container .button, .enhanced-signin .account-user-terms li .button, .enhanced-signin .account-user-terms p .button { margin: 1.25rem 0px; } .enhanced-signin .account-user-terms .account-modal-close { display: none; } .for-you-container { max-width: 90rem; margin: 0px auto; padding: 2.1875rem 0px; } @media screen and (min-width: 960px) { .for-you-container { padding: 3.4375rem 3.4375rem 3.125rem; } } @media screen and (min-width: 1440px) { .for-you-container { min-height: 42.1875rem; } } .for-you-container .for-you-heading { display: flex; align-items: flex-end; } @media screen and (max-width: 959px) { .for-you-container .for-you-heading { padding: 0px 1.25rem; flex-wrap: wrap; } } .for-you-container .for-you-heading .for-you-greeting { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.125rem; line-height: 25px; letter-spacing: 0.02875rem; margin-right: 0.9375rem; } @media screen and (min-width: 960px) { .for-you-container .for-you-heading .for-you-greeting { font-size: 1.5rem; } } .for-you-container .for-you-heading .for-you-greeting .greeting-name { text-transform: capitalize; } .for-you-container .for-you-heading .for-you-account-action { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.75rem; color: rgb(157, 159, 163); letter-spacing: 0.01438rem; line-height: 18px; } .for-you-container .for-you-heading .for-you-account-action a { color: inherit; cursor: pointer; text-decoration: underline; } .for-you-container .for-you-tabs.ui-tabs { margin-top: 1.25rem; padding: 0px; } @media screen and (min-width: 960px) { .for-you-container .for-you-tabs.ui-tabs { margin-top: 2.1875rem; } } @media screen and (min-width: 1200px) { .for-you-container .for-you-tabs.ui-tabs { min-height: 31.25rem; } } @media screen and (max-width: 767px) { .for-you-container .for-you-tabs.ui-tabs { min-height: 45vh; } } .for-you-container .for-you-tabs.ui-tabs ul { display: flex; height: auto; margin: 0px; padding: 0px; } @media screen and (max-width: 959px) { .for-you-container .for-you-tabs.ui-tabs ul { padding: 0px 1.25rem; } } .for-you-container .for-you-tabs.ui-tabs ul li { border-width: 0px; list-style: none; margin: 0px 1.875rem 0px 0px; } .for-you-container .for-you-tabs.ui-tabs ul li.ui-state-active a { color: rgb(4, 30, 58); padding: 0px 0px 0.3125rem; } .for-you-container .for-you-tabs.ui-tabs ul li.ui-state-active::after { content: ""; background-color: rgb(4, 30, 58); display: block; position: absolute; bottom: 0px; width: 100%; height: 1px; } .for-you-container .for-you-tabs.ui-tabs ul li a { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(157, 159, 163); font-size: 0.875rem; letter-spacing: 0px; line-height: 15px; padding: 0px; text-transform: capitalize; } @media screen and (min-width: 960px) { .for-you-container .for-you-tabs.ui-tabs ul li a { font-size: 1.125rem; } } .for-you-container .for-you-tabs.ui-tabs ul li a:hover { color: rgb(4, 30, 58); } .for-you-container .for-you-tabs.ui-tabs .for-you-tab-content { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; display: none; font-size: 0.75rem; letter-spacing: 0.01688rem; line-height: 18px; padding: 0.9375rem 0px 0px; } @media screen and (min-width: 960px) { .for-you-container .for-you-tabs.ui-tabs .for-you-tab-content { padding: 1.25rem 0px 0px; } } .for-you-container .for-you-tabs.ui-tabs .for-you-tab-content .cta-block-mobile { margin-top: 0.625rem; } .for-you-container .for-you-tabs.ui-tabs .for-you-tab-content .cta-block-mobile .quiz-cta { display: none; color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.3px; line-height: 22px; text-decoration: underline; } @media screen and (min-width: 960px) { .for-you-container .for-you-tabs.ui-tabs .for-you-tab-content .cta-block-mobile .quiz-cta { display: none !important; } } .for-you-container .for-you-tabs.ui-tabs .for-you-tab-content .cta-block-desktop { display: flex; justify-content: space-between; } .for-you-container .for-you-tabs.ui-tabs .for-you-tab-content .cta-block-desktop h4 { color: rgb(4, 30, 58); display: none; font-size: 0.75rem; margin: 0px 0px 0.9375rem; font-weight: 400; } @media screen and (min-width: 960px) { .for-you-container .for-you-tabs.ui-tabs .for-you-tab-content .cta-block-desktop h4 { font-size: 0.875rem; margin: 0px 0px 1.5625rem; } } .for-you-container .for-you-tabs.ui-tabs .for-you-tab-content .cta-block-desktop .quiz-cta { display: none; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.875rem; letter-spacing: 0.27px; line-height: 18px; text-decoration: underline; } @media screen and (max-width: 959px) { .for-you-container .for-you-tabs.ui-tabs #for-you-prod-recs-tab, .for-you-container .for-you-tabs.ui-tabs #for-you-wishlist-tab { padding: 0.9375rem 1.25rem 0px; overflow: hidden; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } } @media screen and (max-width: 768px) { .for-you-wishlist-swiper-container .swiper-wrapper, .monetate-swiper-container .swiper-wrapper { min-height: 15.625rem; } } .for-you-wishlist-swiper-container .swiper-slide, .monetate-swiper-container .swiper-slide { list-style: none; } @media screen and (min-width: 1400px) { .for-you-wishlist-swiper-container .swiper-slide, .monetate-swiper-container .swiper-slide { min-height: 27.8125rem; } } .for-you-wishlist-swiper-container .swiper-slide a:hover .product-title, .monetate-swiper-container .swiper-slide a:hover .product-title { text-decoration: underline; } .for-you-wishlist-swiper-container .swiper-slide .rlc-picture, .monetate-swiper-container .swiper-slide .rlc-picture { overflow: hidden; } .for-you-wishlist-swiper-container .swiper-slide img, .monetate-swiper-container .swiper-slide img { width: 100%; display: none; } .for-you-wishlist-swiper-container .swiper-slide .cat-name, .for-you-wishlist-swiper-container .swiper-slide .product-title, .monetate-swiper-container .swiper-slide .cat-name, .monetate-swiper-container .swiper-slide .product-title { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; color: rgb(4, 30, 58); display: none; font-size: 0.6875rem; letter-spacing: 0.09062rem; line-height: 15px; margin: 0.625rem 0px 0px; text-transform: uppercase; } @media screen and (min-width: 768px) { .for-you-wishlist-swiper-container .swiper-slide .cat-name, .for-you-wishlist-swiper-container .swiper-slide .product-title, .monetate-swiper-container .swiper-slide .cat-name, .monetate-swiper-container .swiper-slide .product-title { margin: 1.25rem 0px 0px; } } .for-you-wishlist-swiper-container .swiper-slide .product-promo-badging, .monetate-swiper-container .swiper-slide .product-promo-badging { display: none; } .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide, .monetate-swiper-container .swiper-slide.for-you-info-slide, .monetate-swiper-container .swiper-slide .for-you-info-slide { background-color: rgb(240, 238, 237); display: flex; flex-direction: column; height: auto; justify-content: center; margin-bottom: 2.5rem; min-height: 0px; text-align: center; } .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .heart-icon::after, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .heart-icon::after, .monetate-swiper-container .swiper-slide.for-you-info-slide .heart-icon::after, .monetate-swiper-container .swiper-slide .for-you-info-slide .heart-icon::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 1.375rem; } @media screen and (min-width: 768px) and (max-width: 1199px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .heart-icon::after, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .heart-icon::after, .monetate-swiper-container .swiper-slide.for-you-info-slide .heart-icon::after, .monetate-swiper-container .swiper-slide .for-you-info-slide .heart-icon::after { font-size: 1.25rem; } } @media screen and (min-width: 1200px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .heart-icon::after, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .heart-icon::after, .monetate-swiper-container .swiper-slide.for-you-info-slide .heart-icon::after, .monetate-swiper-container .swiper-slide .for-you-info-slide .heart-icon::after { font-size: 1.75rem; } } .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-title, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-title, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-title, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-title { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.125rem; letter-spacing: 0px; line-height: 25px; margin: 0.625rem 0px 0.3125rem; text-transform: none; } @media screen and (min-width: 768px) and (max-width: 1199px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-title, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-title, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-title, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-title { font-size: 1.125rem; margin: 0.625rem 0px 0px; } } @media screen and (min-width: 1200px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-title, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-title, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-title, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-title { font-size: 1.5rem; margin: 1.25rem 0px 0.3125rem; } } .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-text, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-text, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-text, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-text { color: rgb(4, 30, 58); font-size: 0.75rem; letter-spacing: 0px; line-height: 22px; margin: 0.9375rem 10% 0px; } @media screen and (min-width: 768px) and (max-width: 1199px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-text, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-text, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-text, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-text { font-size: 0.6875rem; margin: 0.3125rem 5%; line-height: 20px; } } @media screen and (min-width: 1200px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-text, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-text, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-text, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-text { font-size: 0.875rem; line-height: 24px; margin: 1.25rem 10% 0px; } } .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-link, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-link, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-link, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-link { color: rgb(157, 159, 163); letter-spacing: 0px; margin-top: 0px; text-decoration: underline; } @media screen and (min-width: 768px) and (max-width: 1199px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-link, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-link, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-link, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-link { font-size: 0.625rem; line-height: 15px; } } @media screen and (min-width: 1200px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-link, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-link, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-link, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-link { margin-top: 0.3125rem; } } .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta { display: inline-block; position: relative; margin-top: 1.875rem; } @media screen and (min-width: 768px) and (max-width: 1199px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta { margin-top: 0.9375rem; } } @media screen and (min-width: 1200px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta { margin-top: 2.5rem; } } .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta:hover, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta:hover, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta:hover, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta:hover { text-decoration: none; } @media screen and (min-width: 768px) and (max-width: 1199px) { .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta:hover .info-slide-cta-text, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta:hover .info-slide-cta-text, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta:hover .info-slide-cta-text, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta:hover .info-slide-cta-text { font-size: 0.625rem; } } .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta:hover .info-slide-cta-text::after, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta:hover .info-slide-cta-text::after, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta:hover .info-slide-cta-text::after, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta:hover .info-slide-cta-text::after { bottom: 0.5em; } .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta .info-slide-cta-text, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta .info-slide-cta-text, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta .info-slide-cta-text, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta .info-slide-cta-text { color: rgb(4, 30, 58); display: block; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 10px; margin: 0px 0px 0.6875rem; text-transform: uppercase; } .for-you-wishlist-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta .info-slide-cta-text::after, .for-you-wishlist-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta .info-slide-cta-text::after, .monetate-swiper-container .swiper-slide.for-you-info-slide .info-slide-cta .info-slide-cta-text::after, .monetate-swiper-container .swiper-slide .for-you-info-slide .info-slide-cta .info-slide-cta-text::after { content: ""; display: block; position: absolute; left: 0px; bottom: 0px; height: 1px; width: 100%; background: rgb(4, 30, 58); transition: bottom 0.5s; } .for-you-wishlist-swiper-container .swiper-scrollbar, .monetate-swiper-container .swiper-scrollbar { opacity: 1; background: 0px 0px; bottom: 0px; left: 0px; height: 8px; position: relative; transition: opacity 0.6s linear 0.9s; cursor: pointer; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .for-you-wishlist-swiper-container .swiper-scrollbar, .monetate-swiper-container .swiper-scrollbar { display: none; } } .for-you-wishlist-swiper-container .swiper-scrollbar::before, .monetate-swiper-container .swiper-scrollbar::before { background: rgb(229, 229, 229); content: ""; position: absolute; width: 100%; height: 2px; transform: translateY(-50%); transition: opacity 0.6s linear 0.9s, height 0.3s ease-in; } .for-you-wishlist-swiper-container .swiper-scrollbar .swiper-scrollbar-drag, .monetate-swiper-container .swiper-scrollbar .swiper-scrollbar-drag { background: 0px 0px; } .for-you-wishlist-swiper-container .swiper-scrollbar .swiper-scrollbar-drag::after, .monetate-swiper-container .swiper-scrollbar .swiper-scrollbar-drag::after { background: rgb(4, 30, 58); content: ""; position: absolute; width: 100%; height: 2px; transform: translateY(-50%); transition: opacity 0.6s linear 0.9s, height 0.3s ease-in; } @media screen and (max-width: 959px) { .store-current-time { padding: 0px 1.25rem; } } .my-store-container { background-color: rgb(248, 248, 248); display: none; flex-wrap: wrap; justify-content: space-between; padding: 1.25rem; } @media screen and (min-width: 768px) { .my-store-container { padding: 1.875rem; } } .my-store-container .my-store-appointment.mobile-only.tablet-only { flex-basis: 100%; } .my-store-container .my-store-appointment.mobile-only.tablet-only .store-requestappt { max-width: 100%; } .my-store-container .my-store-appointment .store-book-appt { display: block; font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; color: rgb(255, 255, 255); background-color: rgb(4, 30, 58); font-size: 0.6875rem; letter-spacing: 1px; line-height: 10px; margin-top: 3.125rem; padding: 1.25rem; text-align: center; text-transform: uppercase; width: 100%; margin-left: 0px; margin-right: 0px; } .my-store-container .my-store-appointment .store-book-appt:hover { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; color: rgb(4, 30, 58); background-color: rgb(255, 255, 255); border: 1px solid rgb(4, 30, 58); text-decoration: none; } .my-store-container .my-store-map { flex-basis: 100%; } @media screen and (min-width: 768px) { .my-store-container .my-store-map { flex-basis: 33%; max-width: 25.9375rem; } } @media screen and (min-width: 960px) and (max-width: 1060px) { .my-store-container .my-store-map { flex-basis: 31%; } } .my-store-container .my-store-map #map { height: 185px; } @media screen and (min-width: 768px) { .my-store-container .my-store-map #map { height: 385px; } } .my-store-container .my-store-info { flex-basis: 100%; } @media screen and (min-width: 768px) { .my-store-container .my-store-info { flex-basis: 63%; } } @media screen and (min-width: 960px) and (max-width: 1060px) { .my-store-container .my-store-info { flex-basis: 65%; } } .my-store-container .my-store-info .my-store-details-heading { align-items: baseline; display: flex; flex-wrap: wrap; } @media screen and (min-width: 768px) { .my-store-container .my-store-info .my-store-details-heading { flex-wrap: nowrap; justify-content: flex-start; } } .my-store-container .my-store-info .my-store-details-heading h2 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; color: rgb(4, 30, 58); font-size: 1.125rem; letter-spacing: 1.3px; line-height: 38px; margin: 1.5625rem 0px 0px; text-transform: capitalize; } @media screen and (min-width: 768px) { .my-store-container .my-store-info .my-store-details-heading h2 { font-size: 2rem; margin: 0.625rem 0.625rem 0px 0px; } } .my-store-container .my-store-info .my-store-details-heading h2 a { color: rgb(4, 30, 58); margin-right: 0.9375rem; } .my-store-container .my-store-info .my-store-details-heading h2 a:hover { text-decoration: none; } .my-store-container .my-store-info .my-store-details-heading .find-another-store { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(109, 111, 115); font-size: 0.75rem; letter-spacing: 0.6px; line-height: 16px; text-decoration: underline; } .my-store-container .my-store-info .my-store-details { display: flex; margin-top: 1.25rem; } @media screen and (min-width: 960px) { .my-store-container .my-store-info .my-store-details { margin-top: 2.5rem; } } @media screen and (max-width: 1199px) { .my-store-container .my-store-info .my-store-details { justify-content: space-between; } } .my-store-container .my-store-info .my-store-details .store-details { flex-basis: 48%; max-width: 15.625rem; } @media screen and (min-width: 960px) { .my-store-container .my-store-info .my-store-details .store-details { flex-basis: 32%; margin-right: 3%; } } @media screen and (min-width: 1200px) { .my-store-container .my-store-info .my-store-details .store-details { margin-right: 9%; } } .my-store-container .my-store-info .my-store-details .store-hours { flex-basis: 48%; } @media screen and (min-width: 960px) { .my-store-container .my-store-info .my-store-details .store-hours { flex-basis: 29%; } } .my-store-container .my-store-info .my-store-details .store-hours .store-day { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; display: inline-block; min-width: 2.6875rem; } @media screen and (max-width: 360px) { .my-store-container .my-store-info .my-store-details .store-hours .store-day { min-width: 2.125rem; } } .my-store-container .my-store-info .my-store-details .store-hours .current-day .store-time { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .my-store-container .my-store-info .my-store-details .store-services { display: none; } @media screen and (min-width: 960px) { .my-store-container .my-store-info .my-store-details .store-services { display: block; flex-basis: 29%; margin-left: 1.25rem; } .my-store-container .my-store-info .my-store-details .store-services ul { margin-bottom: 1.25rem; } .my-store-container .my-store-info .my-store-details .store-services .store-requestappt { display: block; text-decoration: underline; } } .my-store-container .my-store-info .my-store-details .heading { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; color: rgb(4, 30, 58); font-size: 0.75rem; letter-spacing: 0.6px; line-height: 22px; margin-bottom: 1.25rem; text-transform: uppercase; } .my-store-container .my-store-info .my-store-details .details .store-directions.desktop-only { text-decoration: underline; } .my-store-container .my-store-info .my-store-details .details a, .my-store-container .my-store-info .my-store-details .details li, .my-store-container .my-store-info .my-store-details .details p { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(4, 30, 58); font-size: 0.75rem; letter-spacing: 0.6px; line-height: 22px; margin: 0px; padding: 0px; } @media screen and (max-width: 360px) { .my-store-container .my-store-info .my-store-details .details a, .my-store-container .my-store-info .my-store-details .details li, .my-store-container .my-store-info .my-store-details .details p { font-size: 0.625rem; } } .my-store-container .my-store-info .my-store-details .details a.directions-btn, .my-store-container .my-store-info .my-store-details .details li.directions-btn, .my-store-container .my-store-info .my-store-details .details p.directions-btn { font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; color: rgb(255, 255, 255); font-size: 0.6875rem; letter-spacing: 1px; line-height: 10px; margin-top: 3.125rem; padding: 1.25rem; } .my-store-container .my-store-info .my-store-details .details a.directions-btn:hover, .my-store-container .my-store-info .my-store-details .details li.directions-btn:hover, .my-store-container .my-store-info .my-store-details .details p.directions-btn:hover { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; color: rgb(4, 30, 58); } .my-store-container .my-store-info .my-store-details .details ul { display: block; padding: 0px; } .my-store-container .my-store-info .my-store-details .details ul li { display: flex; margin: 0px; } .my-store-container .my-store-info .my-store-details .details .store-links { margin-top: 0.625rem; } @media screen and (min-width: 960px) { .my-store-container .my-store-info .my-store-details .details .store-links { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1.875rem; } } .my-store-container .my-store-info .my-store-details .details .store-links a { text-decoration: underline; } @media screen and (max-width: 959px) { .my-store-container .my-store-info .my-store-details .details .store-links a { display: block; margin-top: 0.3125rem; } } @media screen and (min-width: 960px) { .my-store-container .my-store-info .my-store-details .details .store-links .store-phone { cursor: default; margin-right: 0.625rem; pointer-events: none; } } .my-store-container .my-store-info .directions-btn { font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; background-color: rgb(4, 30, 58); border: 1px solid rgb(4, 30, 58); color: rgb(255, 255, 255); display: block; font-size: 0.6875rem; letter-spacing: 1px; line-height: 10px; margin-top: 1.25rem; max-width: 100%; padding: 1.25rem; text-align: center; text-transform: uppercase; } .my-store-container .my-store-info .directions-btn:hover { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; background-color: rgb(255, 255, 255); color: rgb(4, 30, 58); text-decoration: none; } .store-listing-search-results-container { padding: 0px 1.25rem; } @media screen and (min-width: 768px) { .store-listing-search-results-container { padding: 0px 3.4375rem; } } .store-listing-search-results-container #store-listing-header { display: flex; justify-content: space-between; margin: 0.9375rem 0px 1.875rem; } @media screen and (min-width: 768px) { .store-listing-search-results-container #store-listing-header { margin: 0px 0px 2.5rem; } } .store-listing-search-results-container #store-listing-header .back-to-store, .store-listing-search-results-container #store-listing-header .view-all-stores { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.8125rem; letter-spacing: 0.27px; line-height: 20px; text-decoration: underline; } .store-listing-search-results-container .store-listing-tabs-mobile { display: flex; justify-content: center; margin-bottom: 2.5rem; width: 100%; } @media screen and (min-width: 768px) { .store-listing-search-results-container .store-listing-tabs-mobile { display: none; } } .store-listing-search-results-container .store-listing-tabs-mobile #store-listing-listheader, .store-listing-search-results-container .store-listing-tabs-mobile #store-listing-mapheader { border: 0.8px solid rgb(225, 225, 229); flex-grow: 1; padding: 0.5rem; text-align: center; } .store-listing-search-results-container .store-listing-tabs-mobile #store-listing-listheader span, .store-listing-search-results-container .store-listing-tabs-mobile #store-listing-mapheader span { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.6875rem; line-height: 12px; text-transform: uppercase; } .store-listing-search-results-container .store-listing-tabs-mobile #store-listing-listheader.store-listing-activeheader, .store-listing-search-results-container .store-listing-tabs-mobile #store-listing-mapheader.store-listing-activeheader { background-color: rgb(242, 243, 245); } .store-listing-search-results-container .store-listing-tabs-mobile #store-listing-listheader { border-radius: 16px 0px 0px 16px; } .store-listing-search-results-container .store-listing-tabs-mobile #store-listing-mapheader { border-radius: 0px 16px 16px 0px; } .store-listing-search-results-container .store-listing-search-results { display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .store-listing-search-results-container .store-listing-search-results { flex-direction: row; } } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer { overflow-y: auto; width: 100%; } @media screen and (min-width: 768px) { .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer { max-width: 330px; max-height: 550px; } } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer::-webkit-scrollbar { appearance: none; border-radius: 0.875rem; width: 1.125rem; border: 0px; background-color: rgb(182, 182, 182); } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer::-webkit-scrollbar-thumb { border: 4px solid transparent; background-clip: padding-box; border-radius: 0.875rem; background-color: rgb(4, 30, 58); } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer::-webkit-scrollbar-track { border: 4px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 0.875rem; background-color: rgb(182, 182, 182); } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer .store-locator-subheader { align-items: center; display: flex; justify-content: center; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer .store-locator-subheader { margin-bottom: 1.875rem; } } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer .store-locator-subheader.hide-store-heading { display: none; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer .store-locator-subheader .my-store-heading, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer .store-locator-subheader .store-locator-storesincountry, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer .store-locator-subheader .store-locator-storeswithin, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer .store-locator-subheader select { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.125rem; letter-spacing: 0.28px; text-transform: none; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results { border-bottom: 1px solid rgb(225, 225, 229); display: flex; flex-direction: column; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results.only-fav-store { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results.only-fav-store .store-locator-subheader { display: none; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv { border-style: solid; border-color: rgb(225, 225, 229); border-image: none; border-width: 1px 1px 0px; padding: 1.5625rem 1.875rem 1.875rem; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv.my-store-block { border-bottom: 1px solid rgb(225, 225, 229); margin-bottom: 1.875rem; order: -1; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv.storediv-mobile-hidden { display: none; } @media screen and (min-width: 768px) { .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv.storediv-mobile-hidden { display: block; } } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-container { display: flex; justify-content: space-between; margin-bottom: 0.625rem; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-container .store-listing-name a { color: rgb(4, 30, 58); display: block; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 0.9375rem; letter-spacing: 0.23px; line-height: 22px; margin-right: 0.625rem; text-decoration: underline; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-status { color: rgb(112, 112, 107); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-size: 0.75rem; line-height: 18px; margin-bottom: 0.3125rem; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-address, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-directions, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-distance, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-storehoursheader { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.25px; line-height: 20px; white-space: nowrap; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-address span, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-directions span, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-distance span, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-storehoursheader span { display: block; white-space: break-spaces; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-address a, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-directions a, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-distance a, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-storehoursheader a { color: rgb(109, 111, 115); text-decoration: underline; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-info { display: flex; justify-content: space-between; margin-top: 0.625rem; } @media screen and (min-width: 768px) { .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-info { margin-top: 0.9375rem; } } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-info .store-listing-hours { flex-grow: 1; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-info .store-listing-storehoursheader { cursor: pointer; text-decoration: underline; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-info .store-listing-storehoursheader.opened .fa-angle-down { transform: rotate(-180deg); } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-info .store-listing-storehoursheader i { font-size: 0.875rem; margin: 0px 0px 0.0625rem 0.3125rem; vertical-align: bottom; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-info .store-listing-storehourstable { display: none; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-info .store-listing-storehourstable .store-hours { margin-top: 0.625rem; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-info .store-listing-storehourstable .store-listing-hours-day, .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-info .store-listing-storehourstable .store-listing-hours-open { color: rgb(118, 118, 118); margin: 0px; padding: 0.1875rem 0px; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .store-listing-requestappt { font-size: 0.6875rem; letter-spacing: 1px; margin-top: 1.25rem; width: 100%; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #store-listing-results .store-listing-storediv .save-favorite-store { font-size: 0.6875rem; letter-spacing: 1px; margin-top: 0.625rem; width: 100%; } .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #showMoreBtn { display: block; } @media screen and (min-width: 768px) { .store-listing-search-results-container .store-listing-search-results #store-listing-resultscontainer #showMoreBtn { display: none; } } .store-listing-search-results-container .store-listing-search-results .store-listing-map { order: -1; z-index: 10; } .store-listing-search-results-container .store-listing-search-results .store-listing-map.hide-map { visibility: hidden; height: 0px; } @media screen and (min-width: 768px) { .store-listing-search-results-container .store-listing-search-results .store-listing-map.hide-map { visibility: visible; height: auto; } } @media screen and (min-width: 768px) { .store-listing-search-results-container .store-listing-search-results .store-listing-map { display: block; flex-grow: 1; order: 2; } } .store-listing-search-results-container .store-listing-search-results .store-listing-map #map { position: relative; overflow: hidden; width: 100%; height: 21.875rem; } @media screen and (min-width: 768px) { .store-listing-search-results-container .store-listing-search-results .store-listing-map #map { height: 34.375rem; } } .store-details-top { margin-top: 0.3125rem; } @media screen and (min-width: 768px) { .store-details-top { margin-top: 0.625rem; } } .store-details-top .my-store { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.6875rem; letter-spacing: 1px; line-height: 10px; margin-bottom: 0.125rem; text-transform: uppercase; } .store-details-top .my-store.hide-my-store { opacity: 0; } .store-details-top h1 { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.125rem; letter-spacing: 0.25px; line-height: 28px; margin: 0px 0px 1.25rem; padding: 0px; text-transform: none; } @media screen and (min-width: 768px) { .store-details-top h1 { font-size: 1.75rem; letter-spacing: 0px; line-height: 40px; margin: 0px 0px 2.5rem; } } .store-details-top .store-main-info { display: flex; justify-content: space-between; } @media screen and (min-width: 768px) { .store-details-top .store-main-info { justify-content: flex-start; } } .store-details-top .store-main-info .store-detail-img { width: calc(50% - 5px); } @media screen and (min-width: 768px) { .store-details-top .store-main-info .store-detail-img { margin-right: 2.5rem; max-width: 356px; } } .store-details-top .store-main-info .store-detail-img img { display: block; width: 100%; } @media screen and (min-width: 768px) { .store-details-top .store-main-info .store-detail-img img { width: 356px; } } .store-details-top .store-main-info .store-info-container { width: calc(50% - 5px); } @media screen and (min-width: 768px) { .store-details-top .store-main-info .store-info-container { flex-grow: 1; max-width: 225px; } } .store-details-top .store-main-info .store-info-container .store-status { color: rgb(112, 112, 107); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-size: 0.8125rem; line-height: 18px; margin-bottom: 0.9375rem; } .store-details-top .store-main-info .store-info, .store-details-top .store-main-info .store-info a { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.8125rem; letter-spacing: 0.27px; line-height: 20px; } .store-details-top .store-main-info .store-info a span, .store-details-top .store-main-info .store-info span { display: block; } .store-details-top .store-main-info .store-info .store-phone, .store-details-top .store-main-info .store-info a .store-phone { margin-top: 0.9375rem; text-decoration: underline; } .store-links { display: flex; justify-content: space-between; margin: 1.4375rem 0px 0.9375rem; } @media screen and (min-width: 768px) { .store-links { margin: 0.8125rem 0px 0.625rem; } } .store-links.move-mobile { visibility: hidden; } @media screen and (min-width: 768px) { .store-links.move-mobile { visibility: visible; } } .store-links a { text-decoration: underline; } @media screen and (max-width: 768px) { .store-ctas.move-mobile { visibility: hidden; } } .store-ctas .button { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; margin-top: 0.625rem; position: relative; width: 100%; } .store-ctas .button .fa-star-o::before { font-size: 0.875rem; margin-right: 0.5rem; position: relative; top: 1px; } .store-ctas .button .saved-store { display: flex; justify-content: center; align-items: center; } .store-ctas .button .saved-store.hide { display: none; } .store-ctas .button .saved-store .saved-store-text { opacity: 0; } .store-ctas .button:active .checkmark-confirm::before, .store-ctas .button:focus .checkmark-confirm::before, .store-ctas .button:hover .checkmark-confirm::before { border-color: rgb(255, 255, 255); } .store-ctas .checkmark-confirm { width: 10px; height: 15px; position: relative; margin-right: 15px; } .store-ctas .checkmark-confirm::before { border-right: 1px solid rgb(4, 30, 58); border-top: 1px solid rgb(4, 30, 58); content: ""; height: 10px; opacity: 0; position: absolute; top: 7px; transform-origin: left top; width: 5px; } .store-ctas .checkmark-confirm.draw::before { animation-duration: 0.8s; animation-timing-function: ease; animation-name: checkmark; opacity: 1; transform: scaleX(-1) rotate(135deg); } .store-ctas .loader .loader-indicator, .store-ctas .loader .loader-indicator::after { width: 19px; height: 19px; } .store-ctas .loader .loader-bg { background-color: rgb(4, 30, 58); opacity: 1; } .store-details-bottom { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .store-details-bottom { display: flex; margin-top: 2.5rem; } } .store-details-bottom .store-hours-container { margin: 0px 0px 1.5625rem; } @media screen and (min-width: 768px) { .store-details-bottom .store-hours-container { min-width: 356px; margin: 0px 2.5rem 0px 0px; } } .store-details-bottom .store-description-container, .store-details-bottom .store-hours-container { color: rgb(118, 118, 118); flex-grow: 1; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.05625rem; line-height: 22px; margin-bottom: 1.25rem; text-transform: uppercase; } @media screen and (min-width: 768px) { .store-details-bottom .store-description-container, .store-details-bottom .store-hours-container { font-size: 0.875rem; margin-bottom: 0.625rem; } } .store-details-bottom .store-description-container .store-description-header, .store-details-bottom .store-description-container .store-hours-header, .store-details-bottom .store-hours-container .store-description-header, .store-details-bottom .store-hours-container .store-hours-header { margin-bottom: 0.625rem; } .store-details-bottom .store-description-container .store-hours-day, .store-details-bottom .store-description-container .store-hours-open, .store-details-bottom .store-hours-container .store-hours-day, .store-details-bottom .store-hours-container .store-hours-open { letter-spacing: 0.2px; padding: 0px; } .store-details-bottom .store-description-container .store-hours-day, .store-details-bottom .store-hours-container .store-hours-day { width: 7rem; } .store-details-bottom .store-description-container .store-description .title, .store-details-bottom .store-hours-container .store-description .title { padding: 0px; margin: 0px; } .store-details-bottom .store-description-container .store-description ul, .store-details-bottom .store-hours-container .store-description ul { letter-spacing: 0.2px; margin: 0px; padding-left: 0.9375rem; text-transform: none; } .store-details-bottom .store-description-container .store-description p, .store-details-bottom .store-hours-container .store-description p { margin: 0.3125rem 0px; } .store-detail-promotion { font-size: 0.75rem; line-height: 1.5; text-transform: capitalize; letter-spacing: 0.5px; margin: 1.25rem 0px; width: 100%; overflow-wrap: break-word; color: rgb(0, 0, 0); } .store-events-container .store-events-header { width: 100%; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(118, 118, 118); font-size: 0.874rem; letter-spacing: 0.0125rem; line-height: 1.6em; margin: 1rem 0px; text-transform: uppercase; } .store-events-container .store-event-row { border-top: 1px solid rgb(204, 204, 204); margin-bottom: 1.25rem; padding-top: 1.25rem; } .store-events-container .store-event-markup { margin-left: 0px; } .store-events-container .store-event-date { float: left; font-size: 0.75rem; text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; color: rgb(71, 71, 71); letter-spacing: 0.075rem; } .store-events-container .store-event-time { float: left; font-size: 0.75rem; color: rgb(118, 118, 118); margin-left: 1.25rem; letter-spacing: 0.075rem; } .store-events-container .store-event-name { clear: both; float: left; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.25rem; letter-spacing: 0.04688rem; line-height: 1.875rem; } @media screen and (max-width: 768px) { .store-events-container .store-event-markup { margin-left: 0px; width: 100%; } .store-events-container .store-event-image img { display: none; } .store-events-container .store-event-name { margin-top: 0.3125rem; } } .store-locator-details-map { width: 100%; margin-top: 40px; } @media screen and (max-width: 768px) { .store-locator-details-map { margin-top: 0px; } } .store-locator-details-map #map { position: relative; overflow: hidden; width: 100%; height: 18.75rem; } @media screen and (max-width: 768px) { .store-locator-details-map #map { height: 12.5rem; } } .store-content-block { width: 100%; float: left; margin-top: 40px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(118, 118, 118); font-size: 0.875rem; letter-spacing: 0.0125rem; line-height: 1.6em; } .store-locator-banner { text-align: center; margin-bottom: 1.875rem; } .text-capitalize label { text-transform: capitalize; } .store-locator .primary-content .store-locator-no-results { float: left; clear: both; } .store-locator .primary-content .store-locator-viewall { text-decoration: underline; } .store-locator .primary-content input[type="text"], .store-locator .primary-content select { height: 3.25rem; } @media screen and (max-width: 768px) { .store-locator .primary-content input[type="text"], .store-locator .primary-content select { font-size: 0.75rem; padding-bottom: 1rem; } } .store-locator .primary-content label[for="dwfrm_storelocator_country"], .store-locator .primary-content label[for="dwfrm_storelocator_maxdistance"], .store-locator .primary-content label[for="dwfrm_storelocator_searchKey"], .store-locator .primary-content label span.required-indicator { display: none; } .store-locator .primary-content button { width: 100%; max-width: 100%; margin-top: 0.625rem; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .store-locator .primary-content button { margin-bottom: 2.8125rem; } } @media screen and (max-width: 959px) and (min-width: 768px) { .store-locator .primary-content button { height: 3.5rem; } } .store-locator .primary-content .store-locator-details-backtoresults { float: left; width: 100%; text-align: center; } .store-locator .primary-content .store-locator-details-backtoresults #backToResultsBtn { width: auto; margin: 2.5rem auto 0px; color: rgb(4, 30, 58); background: rgb(255, 255, 255); padding: 0.9375rem 5rem; } .store-locator .primary-content .store-msg { font-size: 1.3125rem; color: rgb(71, 71, 71); line-height: 1.3; margin-bottom: 4.125rem; } @media screen and (min-width: 768px) { .store-locator .primary-content .store-msg { font-size: 1.125rem; margin-bottom: 3.25rem; } } .store-locator .primary-content .international h2 { margin-top: 2.1875rem; } .store-locator .primary-content .international .international-box { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-top: 4.375rem; } .store-locator .primary-content .dwfrm_storelocator_maxdistance, .store-locator .primary-content .dwfrm_storelocator_searchKey { width: 40%; float: left; margin-top: 0.625rem; margin-right: 0.625rem; } .store-locator .primary-content .dwfrm_storelocator_maxdistance .loader-indicator, .store-locator .primary-content .dwfrm_storelocator_searchKey .loader-indicator { position: relative; top: 0.625rem !important; } .store-locator .primary-content .dwfrm_storelocator_maxdistance .loader-bg, .store-locator .primary-content .dwfrm_storelocator_searchKey .loader-bg { display: none; } .store-locator .primary-content .maxdistance { text-decoration: none; text-transform: none !important; } @media screen and (max-width: 768px) { .store-locator .primary-content .maxdistance { font-size: 0.75rem; padding-bottom: 1rem; } } .store-locator .primary-content .dwfrm_storelocator_maxdistance { width: 19%; } .store-locator .primary-content .dwfrm_storelocator_country { width: 60.5%; float: left; margin-right: 10px; } .store-locator .primary-content .form-row-button { clear: none; float: left; width: 37%; height: 3.25rem; margin-top: 0.625rem; } .store-locator .primary-content .form-row-button button { height: 3.25rem; } .store-locator .primary-content .section-header { color: rgb(71, 71, 71); font-weight: 500; font-size: 0.6875rem; line-height: normal; float: left; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; display: inline-block; } .store-locator .primary-content .section-header:last-child { display: none; } .store-locator .primary-content .section-header:nth-child(2) { float: right; text-align: left; width: 50%; } @media screen and (min-width: 768px) { .store-locator .primary-content .section-header { margin-bottom: 2.5rem; float: none; width: auto; display: table-cell; font-size: 0.75rem; } .store-locator .primary-content .section-header:last-child { display: table-cell; } .store-locator .primary-content .section-header:nth-child(2) { float: none; width: auto; } } .store-locator .primary-content .dialog-required { width: 100%; float: left; clear: both; } .store-locator .primary-content .dialog-required em { font-size: 0.5625rem; } @media screen and (min-width: 768px) { .store-locator .primary-content .within-country { clear: both; width: 100%; padding-right: 0px; } .store-locator .primary-content .within-country .country-box { width: 100%; padding: 0px; margin-bottom: 1.5625rem; } .store-locator .primary-content .international { clear: both; width: 100%; float: right; padding-top: 0px; margin-top: 0.9375rem; } .store-locator .primary-content .international .section-header { margin-bottom: 0px; } .store-locator .primary-content .international .international-box { padding: 0px 0px 10.9375rem; } .store-locator .primary-content button { margin-top: 0px; margin-bottom: 2.1875rem; } } @media screen and (max-width: 768px) { .store-locator .primary-content .dwfrm_storelocator_searchKey { width: 59.75%; } .store-locator .primary-content .dwfrm_storelocator_maxdistance { width: 36.5%; margin-right: 0px; } .store-locator .primary-content .dwfrm_storelocator_country { width: 100%; } .store-locator .primary-content .form-row-button { width: 100%; margin-top: 0px; } .store-locator .primary-content .form-row-button button { margin-top: 0px; } .store-locator .primary-content fieldset { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 959px) { .store-locator .primary-content .dwfrm_storelocator_maxdistance { width: 19.5%; } } .store-locator .primary-content .search-separator { display: flex; justify-content: center; align-items: center; gap: 1%; margin: auto; } @media screen and (max-width: 768px) { .store-locator .primary-content .search-separator { margin-top: 1.25rem; margin-bottom: -1.25rem; } } .store-locator .primary-content .searchdivider-left, .store-locator .primary-content .searchdivider-right { border-bottom: 1px solid rgb(204, 204, 204); width: 47%; } .store-locator .primary-content .searchdivider-middle { text-align: center; color: rgb(209, 209, 209); } .store-directory { width: 100%; float: left; } .store-directory .store-directory-breadcrumb { margin-bottom: 0.625rem; color: rgb(118, 118, 118); } .store-directory h1 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; float: left; font-size: 1.25rem; color: rgb(4, 30, 58); text-transform: capitalize; margin-bottom: 1.0625rem; padding: 0px; } @media screen and (min-width: 768px) { .store-directory h1 { font-size: 2.125rem; margin-bottom: 1.75rem; } } @media screen and (max-width: 768px) { .store-directory h1 { margin-bottom: 1.25rem; } } .store-directory .store-directory-cities, .store-directory .store-directory-countries, .store-directory .store-directory-states { float: left; clear: both; width: 100%; } .store-directory .store-directory-cities .store-directory-column, .store-directory .store-directory-countries .store-directory-column, .store-directory .store-directory-states .store-directory-column { float: left; width: 20%; } .store-directory .store-directory-cities .store-directory-column .store-directory-citylink, .store-directory .store-directory-cities .store-directory-column .store-directory-countrylink, .store-directory .store-directory-cities .store-directory-column .store-directory-statelink, .store-directory .store-directory-countries .store-directory-column .store-directory-citylink, .store-directory .store-directory-countries .store-directory-column .store-directory-countrylink, .store-directory .store-directory-countries .store-directory-column .store-directory-statelink, .store-directory .store-directory-states .store-directory-column .store-directory-citylink, .store-directory .store-directory-states .store-directory-column .store-directory-countrylink, .store-directory .store-directory-states .store-directory-column .store-directory-statelink { width: 100%; float: left; font-size: 0.875rem; color: rgb(4, 30, 58); text-decoration: underline; margin-bottom: 0.875rem; display: block; } @media screen and (max-width: 768px) { .store-directory .store-directory-cities .store-directory-column, .store-directory .store-directory-countries .store-directory-column, .store-directory .store-directory-states .store-directory-column { width: 100%; } } .store-directory #backToLocatorBtn { float: left; margin-top: 40px; color: rgb(4, 30, 58); background: rgb(255, 255, 255); } .store-location-appointment { width: 28.75rem !important; } .store-location-appointment .store-appointment fieldset { width: 100%; } .store-location-appointment h1 { width: 22.8125rem; color: rgb(71, 71, 71); font-size: 1.25rem; letter-spacing: 1px; margin: 0px; display: inline; } .store-location-appointment .dialog-required-left { float: left; margin-bottom: 0.625rem; width: 100%; } .store-location-appointment .store-appointment-back { position: relative; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; color: rgb(4, 30, 58); text-decoration: underline; cursor: pointer; display: block; width: 2.5rem; margin-bottom: 0.9375rem; } .store-location-appointment #store-appointment-preference, .store-location-appointment #store-appointment-schedule { float: left; clear: both; font-size: 0.75rem; color: rgb(118, 118, 118); letter-spacing: 0.0125rem; margin-bottom: 0.3125rem; width: 100%; } .store-location-appointment #contactPreferences { float: left; clear: both; width: 100%; } .store-location-appointment #contactPreferences label { float: left; } .store-location-appointment #contactPreferences label::before { margin-right: 0.625rem; } .store-location-appointment #contactPreferences label[for="email-preferred"] { margin-left: 20px; } .store-location-appointment .dwfrm_appointment_appointmentDateText, .store-location-appointment .dwfrm_appointment_appointmentTime { float: left; width: 48%; margin: 0px; } .store-location-appointment .dwfrm_appointment_appointmentTime { clear: none; margin-left: 4%; } .store-location-appointment .date-lower { float: left; width: 47.5%; margin-top: 1rem; } .store-location-appointment .date-lower .dwfrm_appointment_appointmentDateText { width: 100%; } .store-location-appointment label[for="store-appointment-email"], .store-location-appointment label[for="store-appointment-phone"] { margin-right: 20px; text-transform: uppercase; } .store-location-appointment #dwfrm_appointment_appointmentTime-error, .store-location-appointment #dwfrm_appointment_appointmentType-error, .store-location-appointment #dwfrm_appointment_department-error { top: 0px !important; } .store-location-appointment .dwfrm_appointment_appointmentType, .store-location-appointment .dwfrm_appointment_comment, .store-location-appointment .dwfrm_appointment_department, .store-location-appointment .return-policy { float: left; width: 100%; } .store-location-appointment #apptCancelBtn, .store-location-appointment #apptRequestBtn { width: 100%; max-width: none; } .store-location-appointment #apptCancelBtn { color: rgb(4, 30, 58); background: rgb(255, 255, 255); } .store-location-appointment .confirmation-message { display: none; padding-top: 0px; background-color: rgb(255, 255, 255); text-align: center; margin-top: -1.25rem; } .store-location-appointment #dialog-container { overflow-x: hidden; } .fa-location-arrow { transform: rotate(180deg); font-size: 1.5rem; position: absolute; z-index: 1; left: 87%; top: 0.4375rem; padding: 0.4375rem; } @media screen and (max-width: 768px) { .fa-location-arrow { left: 81%; } } @media screen and (max-width: 959px) and (min-width: 768px) { .fa-location-arrow { left: 89%; } } .new-map-icon { background: url("../../assets/images/map-icon-white.png") 0px 0px / 15px no-repeat scroll transparent; width: 20px; height: 25px; transform: none !important; top: 1rem !important; left: 89% !important; } .new-map-icon::before { content: normal; } .book-appointment-dialog { text-align: center; padding-bottom: 0px; overflow-y: auto; max-height: 100%; } @media screen and (max-width: 768px) { .book-appointment-dialog { position: fixed; width: 100vw !important; height: 100vh !important; top: 0px !important; } } .book-appointment-dialog .ui-dialog-title { color: rgb(4, 30, 58); } .book-appointment-dialog .ui-dialog-content { padding: 0px 6.5% !important; } .book-appointment-dialog .book-appointment-header { font-size: 0.75rem; line-height: 1.625rem; letter-spacing: 0.46px; } @media screen and (min-width: 768px) { .book-appointment-dialog .book-appointment-header { padding: 0px 9% 0.9375rem; } } @media screen and (min-width: 768px) { .book-appointment-dialog .book-appointment-fields { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 0px 9% 1.25rem; } } .book-appointment-dialog .book-appointment-fields div { flex-basis: calc(50% - 10px); text-align: left; } .book-appointment-dialog .book-appointment-fields input { border-color: rgb(182, 182, 182); } .book-appointment-dialog .book-appointment-fields button { width: 100%; height: auto; font-size: 0.6875rem; letter-spacing: 1px; } .book-appointment-dialog .book-appointment-fields button.pdpmain-find-store-button { padding: 0px; min-height: 2.5rem; height: 2.625rem; } @media screen and (max-width: 959px) and (min-width: 768px) { .book-appointment-dialog .book-appointment-fields button { height: 3.625rem; } } .book-appointment-dialog .book-appointment-fields .form-row .loader-indicator { top: 1.5625rem !important; } .book-appointment-dialog .fa-location-arrow { transform: rotate(180deg); font-size: 1.5rem; position: absolute; z-index: 1; left: 87%; top: 0.4375rem; padding: 0.4375rem; } @media screen and (max-width: 768px) { .book-appointment-dialog .fa-location-arrow { left: 89%; } } @media screen and (max-width: 959px) and (min-width: 768px) { .book-appointment-dialog .fa-location-arrow { left: 84%; } } .prevent-scroll { overflow: hidden !important; } #book-appointment-results { text-align: left; } @media screen and (max-width: 768px) { #book-appointment-results { margin-top: 0.9375rem; } } #book-appointment-results .result-headline { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.125rem; margin-bottom: 1.25rem; } #book-appointment-results .stores-details { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { #book-appointment-results .stores-details { background: rgb(239, 236, 236); padding: 0.625rem 3.125rem 1.5625rem; max-height: 625px; overflow-y: scroll; } } #book-appointment-results .stores-details .store-details { border-bottom: 1px solid rgb(229, 229, 229); padding: 0.9375rem 0px; } @media screen and (min-width: 768px) { #book-appointment-results .stores-details .store-details { display: flex; justify-content: space-between; } } #book-appointment-results .stores-details .store-details:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-bottom: 0px; margin-bottom: 0px; } #book-appointment-results .stores-details .store-details .store-information { font-size: 11px; line-height: 20px; color: rgb(0, 0, 0); letter-spacing: 0.5px; } @media screen and (min-width: 768px) { #book-appointment-results .stores-details .store-details .store-information { width: 50%; } } #book-appointment-results .stores-details .store-details .store-information .directions { margin-bottom: 0.9375rem; } #book-appointment-results .stores-details .store-details .store-information .directions .get-direction-link { text-decoration: underline; margin-left: 1.25rem; } #book-appointment-results .stores-details .store-details .store-information .store-name { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; text-decoration: underline; margin-bottom: 0.3125rem; } #book-appointment-results .stores-details .store-details .store-information .store-name a { color: rgb(0, 0, 0); letter-spacing: 0.5px; } #book-appointment-results .stores-details .store-details .store-information .toggle-arrow { position: relative; right: 0px; vertical-align: middle; } #book-appointment-results .stores-details .store-details .store-information .toggle-arrow::after { font-size: 0.625rem; } #book-appointment-results .stores-details .store-details .store-information .store-hours-content { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } @media screen and (min-width: 768px) { #book-appointment-results .stores-details .store-details .store-appointment-btn { width: calc(50% - 20px); margin-right: 0.625rem; } } #book-appointment-results .stores-details .store-details .store-appointment-btn a { background: rgb(255, 255, 255); border-color: rgb(4, 30, 58); color: rgb(4, 30, 58); font-size: 0.6875rem; letter-spacing: 1px; width: 100%; } @media screen and (min-width: 768px) { #book-appointment-results .stores-details .store-details .store-appointment-btn a { margin-top: 2.1875rem; } } #book-appointment-results .error { text-align: center; margin-bottom: 1.5625rem; } .pdp-appointment { min-width: 48.4375rem; text-align: center; overflow-y: auto; max-height: 100%; } @media screen and (max-width: 768px) { .pdp-appointment { position: fixed; min-width: 0px; top: 0px !important; height: 100vh !important; } .pdp-appointment.ui-dialog { width: 100vw !important; } } .pdp-appointment .ui-dialog-title { color: rgb(4, 30, 58); font-size: 0.875rem; width: 100%; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .pdp-appointment .ui-dialog-content { padding: 0px 14% 1.25rem; width: 100% !important; max-height: 90vh !important; } @media screen and (max-width: 768px) { .pdp-appointment .ui-dialog-content { padding: 0px 6.5%; } } .pdp-appointment .confirmation-message { display: none; background-color: rgb(255, 255, 255); font-size: 0.75rem; line-height: 1.625rem; padding: 0px 1.5625rem; } .pdp-appointment .confirmation-message p { margin-top: 0px; } .pdp-appointment .content-asset { font-size: 0.75rem; line-height: 1.625rem; padding: 0.3125rem 0px 1.75rem; letter-spacing: 0.46px; } @media screen and (min-width: 768px) { .pdp-appointment .content-asset { padding: 0px 2% 0.9375rem; } } .pdp-appointment .input-wrapper .input-select, .pdp-appointment .input-wrapper .input-text, .pdp-appointment .input-wrapper .input-textarea { border: 1px solid rgb(209, 209, 209); } .pdp-appointment .input-wrapper .input-select.error, .pdp-appointment .input-wrapper .input-text.error { border-color: rgb(211, 41, 41); } .pdp-appointment .input-wrapper label { text-transform: capitalize; color: rgb(117, 117, 117) !important; } .pdp-appointment label { display: none; } .pdp-appointment .col-1-form, .pdp-appointment .col-2-form { display: inline-block; width: 48%; vertical-align: top; text-align: left; } @media screen and (max-width: 768px) { .pdp-appointment .col-1-form, .pdp-appointment .col-2-form { padding: 0px; width: 100%; margin: 0px !important; } .pdp-appointment .col-1-form .form-row, .pdp-appointment .col-2-form .form-row { margin-top: 0.125rem; } } .pdp-appointment .col-1-form { margin-right: 1%; } .pdp-appointment .col-2-form { margin-left: 1%; } .pdp-appointment .col-full-form { width: 100%; text-align: left; padding: 0px 1%; font-size: 0.75rem; line-height: 2.1875rem; margin: 0.625rem 0px; } .pdp-appointment .col-full-form .field-wrapper { margin-bottom: 0.125rem; } .pdp-appointment .col-full-form .field-wrapper .input-select { padding: 0.1875rem 1.25rem; } @media screen and (max-width: 768px) { .pdp-appointment .col-full-form .field-wrapper { margin-bottom: 0.5rem; } } @media screen and (max-width: 768px) { .pdp-appointment .col-full-form .input-wrapper { margin-top: 0.125rem; } } .pdp-appointment .col-full-form .select .has-float-label select:not(.valid) ~ label { top: 0.625rem !important; } .pdp-appointment .col-full-form .select .has-float-label select.valid ~ label { top: 0px !important; } @media screen and (max-width: 768px) { .pdp-appointment .col-full-form { margin: 0px; padding: 0px; } } .pdp-appointment .location { padding: 0px 0.75%; margin-top: 0px !important; } .pdp-appointment .location label { margin-bottom: 0.3125rem; } .pdp-appointment .location .input-wrapper { margin-top: 0px !important; } @media screen and (max-width: 768px) { .pdp-appointment .location { padding: 0px; } } .pdp-appointment .appointment-zip { display: block; margin-left: 1%; } .pdp-appointment #store-appointment-schedule { display: block; text-align: left; padding: 0px 1%; } @media screen and (max-width: 768px) { .pdp-appointment #store-appointment-schedule { margin: 0.625rem 0px 0.9375rem; } } .pdp-appointment .store-appointment-email, .pdp-appointment .store-appointment-phone { display: inline-block; margin-right: 2.1875rem; } .pdp-appointment .store-appointment-email label, .pdp-appointment .store-appointment-phone label { text-transform: capitalize; } .pdp-appointment .store-appointment-email label::before, .pdp-appointment .store-appointment-phone label::before { margin-right: 0.3125rem; } .pdp-appointment .store-appointment-bottom { padding: 0px 1%; } @media screen and (max-width: 768px) { .pdp-appointment .store-appointment-bottom { padding: 0px; } .pdp-appointment .store-appointment-bottom .form-row { margin: 0.25rem 0px 0.9375rem; } } .pdp-appointment #apptRequestCancel { width: 3.125rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.75rem; line-height: 1.625rem; letter-spacing: 0.0625rem; border-bottom: 2px solid rgb(117, 117, 117); margin: 1.25rem auto; text-transform: uppercase; cursor: pointer; } .dwfrm_appointment_appointmentDatePicker { background-color: rgb(255, 255, 255); border: 1px solid rgb(4, 30, 58); width: 18.75rem; padding: 0.2em 0px 0px !important; } .dwfrm_appointment_appointmentDatePicker .ui-datepicker-header { border-bottom: 1px solid rgb(4, 30, 58); } .dwfrm_appointment_appointmentDatePicker .ui-datepicker-title { height: 2.1875rem; } .dwfrm_appointment_appointmentDatePicker .ui-datepicker-next-hover { top: 2px; right: 2px; cursor: pointer; } .dwfrm_appointment_appointmentDatePicker .ui-datepicker-next, .dwfrm_appointment_appointmentDatePicker .ui-datepicker-prev { height: 2.75rem; } .dwfrm_appointment_appointmentDatePicker .ui-datepicker-next span, .dwfrm_appointment_appointmentDatePicker .ui-datepicker-prev span { margin-top: -0.75rem; } .dwfrm_appointment_appointmentDatePicker .ui-datepicker-prev-hover { top: 2px; left: 2px; cursor: pointer; } .dwfrm_appointment_appointmentDatePicker .ui-icon { text-indent: 0px; color: rgb(4, 30, 58); } .dwfrm_appointment_appointmentDatePicker .ui-icon-circle-triangle-w { margin-left: 0px !important; } .dwfrm_appointment_appointmentDatePicker .fa { transform: scale(3); } .dwfrm_appointment_appointmentDatePicker .fa-angle-right::before { margin-left: 0.1rem; } .dwfrm_appointment_appointmentDatePicker .ui-datepicker-title { color: rgb(4, 30, 58); font-size: 0.875rem; text-transform: none; padding-top: 0.3125rem; } .dwfrm_appointment_appointmentDatePicker thead tr { color: rgb(109, 111, 115); text-transform: uppercase; height: 2.1875rem; } .dwfrm_appointment_appointmentDatePicker .ui-state-default { color: rgb(4, 30, 58); text-align: center; height: 2.25rem; width: 2.25rem; } .dwfrm_appointment_appointmentDatePicker .ui-state-disabled .ui-state-default { color: rgb(196, 196, 196); } #dialog-container.dialog-content.ui-dialog-content.ui-widget-content.timetrade { padding: 0px 3% 1.25rem; height: 48.125rem !important; } @media screen and (max-width: 768px) { #dialog-container.dialog-content.ui-dialog-content.ui-widget-content.timetrade { height: 93% !important; } } html { height: auto !important; } .virtual-stores #wrapper.virtual-stores { height: 100vh; } body.virtual-stores { touch-action: auto !important; width: 100vw; } .virtual-stores #footer, .virtual-stores .header-banner { display: none; } .virtual-stores .wl-confirm-modal { z-index: 201 !important; } .virtual-stores .rl-quickShop-dialog .product-image-container { height: auto; } .virtual-stores .rl-quickShop-dialog::-webkit-scrollbar { display: none; appearance: none; } @media only screen and (max-width: 959px) { .virtual-stores .product-details-top { padding-top: 30px; } } .virtual-stores .rlqs-type-vstores .df-refresh .product-detail-section .product-name { margin-top: 0px; } .virtual-stores .rlqs-type-vstores .df-refresh .product-detail-section .refresh-pdp-favorites { right: calc(50% - 10px); top: -50px; display: block; } @media only screen and (max-width: 959px) { .virtual-stores .rlqs-type-vstores .df-refresh .product-detail-section .refresh-pdp-favorites { right: calc(50% - 10px); top: -10px; } .virtual-stores .rlqs-type-vstores .df-refresh .product-detail-section .confirmation-msg { position: absolute; right: -90px; width: 200px; top: 40px; } .virtual-stores .rlqs-type-vstores .df-refresh .product-detail-section .confirmation-msg .arrow-right { top: -20px; right: calc(50% - 10px); border-width: 10px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; } } .virtual-stores #wrapper { display: flex; flex-direction: column; height: 100%; min-height: 100%; } @media only screen and (max-width: 959px) { .virtual-stores #wrapper { height: 100vh; } } .virtual-stores #main { flex: 1 1 0%; max-width: 100%; } .virtual-stores #wrapper.pt_categorylanding #main { max-width: 100% !important; } .virtual-stores #container-wrap, .virtual-stores #rl-content, .virtual-stores #vs-container, .virtual-stores .secondary-content { height: 100%; } :root { --vert-scrollbar-width: 50px; } body.toaster-prevent-scroll { width: 100%; position: fixed; min-height: 100vh; } body.toaster-prevent-scroll.add-scrollbar { padding-right: var(--vert-scrollbar-width,15px); } body.toaster-prevent-scroll.add-scrollbar.rtl-toaster { padding-left: var(--vert-scrollbar-width,15px); padding-right: 0px; } body.toaster-prevent-scroll.add-scrollbar .top-banner-sticky.stuck { padding-right: var(--vert-scrollbar-width,15px); } @media screen and (max-width: 959px) { body.toaster-prevent-scroll { position: relative; height: 80vh; overflow: hidden !important; } body.toaster-prevent-scroll #wrapper { overflow: hidden !important; } } body.toaster-prevent-scroll .rlqs .top-banner, body.toaster-prevent-scroll .top-banner-sticky { z-index: 98; } body.toaster-prevent-scroll .top-banner-sticky { position: relative; } .rl-toaster-overlay { z-index: 99; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s linear; } .rl-toaster-overlay.opened { opacity: 1; } .rl-toaster { position: fixed; top: 0px; left: 0px; padding: 0px; outline: 0px; z-index: 103; max-width: 100%; background-color: rgb(255, 255, 255); opacity: 0; max-height: 100%; } .rl-toaster.full-height { height: 100%; } .rl-toaster.opened { opacity: 1; } .rl-toaster.from-bottom { bottom: 0px; top: auto; width: 100vw; transform: translateY(100%); transition: transform 0.3s ease-out, opacity 0.3s linear; } .rl-toaster.from-bottom.rl-toaster-internal { transform: translateY(40px); } @media screen and (max-width: 768px) { .rl-toaster.from-bottom.rl-toaster-internal { transition: transform 0.3s, opacity 0.3s; } } .rl-toaster.from-bottom.opened { transform: translateY(0px); } .rl-toaster.from-right { height: 100vh; left: auto; right: 0px; transform: translateX(100%); transition: transform 0.3s, opacity 0.3s; } .rl-toaster.from-right.rl-toaster-internal { transform: translateX(40px); } .rl-toaster.from-right.opened { transform: translateX(0px); } .rl-toaster .rl-toaster-close { position: absolute; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 26px; margin: 0px; min-height: auto; opacity: 1; padding: 5px; right: 25px; top: 10px; z-index: 20; width: 26px !important; } @media screen and (min-width: 960px) { .rl-toaster .rl-toaster-close { top: 25px; } } .rl-toaster .rl-toaster-close::after { color: rgb(4, 30, 58); content: ""; font-family: RL-icons; font-size: 16px; line-height: 1; } .rl-toaster .rl-toaster-back-btn { transform: scale(1); position: absolute; left: 25px; width: 34px; height: 26px; background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; min-height: auto; margin: 0px; padding: 5px; top: 10px; z-index: 14; } @media screen and (min-width: 960px) { .rl-toaster .rl-toaster-back-btn { left: 55px; top: 25px; } } .rl-toaster .rl-toaster-back-btn::after { color: rgb(4, 30, 58); content: ""; font-family: RL-icons; font-size: 24px; line-height: 16px; } .rl-toaster .rl-toaster-multilevel { position: absolute; top: 0px; left: 0px; z-index: 15; } .rl-toaster .rl-toaster-content { position: relative; padding: 30px 0px 70px; width: 100%; margin: 0px auto; overflow: hidden; max-height: 100vh; z-index: 1; } @media screen and (min-width: 960px) { .rl-toaster .rl-toaster-content { padding-left: 10px; padding-right: 10px; } } .rl-toaster .toaster-scrollable { max-height: calc(-200px + 100vh); overflow: auto; } body.toaster-active #consult_btn, body.toaster-active #custom-gladly-chat-button, body.toaster-active #usntA40Toggle, body.toaster-active .chat360-widget-launcher, body.toaster-active iframe#launcher { display: none !important; } @media screen and (min-width: 960px) { .pdp-flyout { min-width: 720px; max-width: calc(var(--site-content-max-width-redesign)/2 + var(--vert-scrollbar-width)/2) !important; width: calc(50vw + var(--vert-scrollbar-width)/2) !important; } } .is-pdp-redesign .flyout-title { font-size: 1.125rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; letter-spacing: 0.03125rem; line-height: 21px; border-bottom: 1px solid rgb(198, 200, 204); color: rgb(4, 30, 58); padding: 10px 30px 17px; text-align: left; text-transform: none; } @media screen and (min-width: 960px) { .is-pdp-redesign .flyout-title { font-size: 1.75rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; letter-spacing: normal; line-height: 40px; padding: 34px 60px 10px; margin: 0px -10px; } } .is-pdp-redesign .flyout-multilevel-triger { cursor: pointer; display: inline-flex; } .is-pdp-redesign .flyout-body { padding: 0px; overflow: auto; max-height: calc(-79px + 100vh); scrollbar-gutter: stable; } @media screen and (min-width: 960px) { .is-pdp-redesign .flyout-body { max-height: calc(-115px + 100vh); } } .is-pdp-redesign .flyout-body-inner { padding: 30px 30px 100px; } @media screen and (min-width: 960px) { .is-pdp-redesign .flyout-body-inner { padding: 35px 50px 30px; } } .is-pdp-redesign .flyout-section { margin-bottom: 50px; color: rgb(4, 30, 58); text-align: left; } .is-pdp-redesign .flyout-section-title { font-size: 0.8125rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.0125rem; line-height: 18px; text-transform: uppercase; color: rgb(4, 30, 58); margin-bottom: 15px; margin-top: 0px; text-align: left; } .is-pdp-redesign .flyout-section-title .flyout-next-level-trigger { display: inline-block; width: auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; min-height: auto; margin: 0px; padding: 0px; background: transparent; color: inherit; text-transform: inherit; letter-spacing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; text-decoration: underline; text-underline-offset: 5px; transition: text-underline-offset 0.3s; } @media (hover: hover) { .is-pdp-redesign .flyout-section-title .flyout-next-level-trigger:hover { text-decoration: underline; text-underline-offset: 2px; } } .is-pdp-redesign .flyout-section-title .flyout-next-level-trigger:hover, .is-pdp-redesign .flyout-section-title .flyout-next-level-trigger:hover:focus { background-color: inherit; color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; } .is-pdp-redesign .flyout-section p { font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk Text Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.0625rem; line-height: 22px; } .is-pdp-redesign .flyout-section a { color: inherit; text-decoration: underline; text-underline-offset: 5px; transition: text-underline-offset 0.3s; } @media (hover: hover) { .is-pdp-redesign .flyout-section a:hover { text-decoration: underline; text-underline-offset: 2px; } } :root { --site-content-width: 1320px; --site-content-max-width: 1440px; --site-content-max-width-redesign: 1920px; } #wrapper.max1920w.r24-plp { --site-content-width: 1800px; --site-content-max-width: 1920px; } #wrapper.nomax { --site-content-width: auto; --site-content-max-width: none; } @keyframes swiper-bounce { 0% { margin-left: 0px; } 38% { margin-left: -60px; } 100% { margin-left: 0px; } } .cart-recommendations .product-listing::after, .clearfix::after, .form-row::after, .search-suggestion-wrapper::after, .store-list-pdp-container .store-list-item::after, .suggestions-wrapper .product-suggestion .product-link::after { content: ""; display: table; clear: both; } :root { --pdp-mobile-sidegap: 30px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(-1turn); } } @keyframes pulse-color { 0% { background-color: rgb(242, 243, 245); } 25% { background-color: rgb(255, 255, 255); } 50% { background-color: rgb(255, 255, 255); } 75% { background-color: rgb(242, 243, 245); } 100% { background-color: rgb(242, 243, 245); } } .force-hide, .oldpdp-hide { display: none !important; } .sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .sameday-icon-clock { width: 20px; height: 20px; background: url("../../assets/images/SDD-Time-Icon.svg") 50% center no-repeat; } #grid-holder { position: fixed; width: 100%; max-width: 1440px; height: 100%; z-index: 9999; left: 50%; transform: translateX(-50%); pointer-events: none; } #grid-holder .grid-column:last-child { margin-right: 0px !important; } #grid-holder .grid-column:first-child { margin-left: 0px !important; } .grid-column { background-color: rgba(170, 170, 170, 0.5); height: 100%; float: left; } .r24-pdp-main-fis .breadcrumb { padding: 0px; margin-top: 0px; margin-bottom: 0.75rem; } @media screen and (min-width: 1920px) { #wrapper.max1920w .r24-pdp-main-fis .breadcrumb { margin: 0px 0px 0.75rem; } } .r24-pdp-main-fis .breadcrumb .breadcrumb-element { color: rgb(4, 30, 58); text-transform: uppercase; font-size: 0.5625rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.01875rem; line-height: 10px; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .breadcrumb .breadcrumb-element { font-size: 0.625rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.66px; line-height: 11.35px; } } .r24-pdp-main-fis .breadcrumb .breadcrumb-element::after { margin-left: 0.5rem; margin-right: 0.25rem; } .r24-pdp-main-fis .breadcrumb .breadcrumb-element:last-of-type::after { content: ""; } .r24-pdp-main-fis .breadcrumb .breadcrumb-element.breadcrumb-product-name { display: none; } .r24-pdp-main-fis .product-favorite-cont { display: flex; justify-content: space-between; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .product-favorite-cont { align-items: center; } } .r24-pdp-main-fis .product-favorite-cont .product-name { margin-bottom: 0px; padding: 0px; color: rgb(4, 30, 58); flex-grow: 1; text-transform: none; margin-right: 20px; font-size: 1.25rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; letter-spacing: 0.03125rem; line-height: 26px; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .product-favorite-cont .product-name { font-size: 1.5rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; letter-spacing: 0.03125rem; line-height: 32px; } } .r24-pdp-main-fis .product-favorite-cont .confirmation-msg { display: none; } .r24-pdp-main-fis .add2bag-wl .remove-from-favorites, .r24-pdp-main-fis .add2bag-wl .save-To-favorites, .r24-pdp-main-fis .product-favorite-cont .remove-from-favorites, .r24-pdp-main-fis .product-favorite-cont .save-To-favorites { text-indent: -9999em; display: inline-block; width: 21px; } .r24-pdp-main-fis .add2bag-wl .remove-from-favorites::after, .r24-pdp-main-fis .product-favorite-cont .remove-from-favorites::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 1.25rem; float: left; text-indent: 0px; } .r24-pdp-main-fis .add2bag-wl .save-To-favorites::after, .r24-pdp-main-fis .product-favorite-cont .save-To-favorites::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 1.25rem; float: left; text-indent: 0px; } @media screen and (min-width: 768px) { .r24-pdp-main-fis .add2bag-wl .save-To-favorites:hover::after, .r24-pdp-main-fis .product-favorite-cont .save-To-favorites:hover::after { content: ""; } } .r24-pdp-main-fis .brand-name { color: rgb(4, 30, 58); margin-bottom: 0.875rem; font-size: 0.6875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.25px; line-height: 18px; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .brand-name { margin-bottom: 0.75rem; font-size: 0.8125rem; font-family: RL_DroidKufi, "Founders Grotesk Text Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.25px; line-height: 18px; } } .r24-pdp-main-fis .pdp-multifit-selector { margin-bottom: 1.5rem; } .r24-pdp-main-fis .pdp-infos-cont .product-price { font-size: 0.875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.65px; line-height: 1.27; margin-bottom: 0.75rem; } .r24-pdp-main-fis .pdp-infos-cont .product-price:has(+ .mrp-legal-copy) { margin-bottom: 0.25rem; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-infos-cont .product-price { font-size: 0.9375rem; } } .r24-pdp-main-fis .pdp-infos-cont .product-price .price-sales .per-unit-price { color: rgb(109, 111, 115); margin-left: 0.5rem; letter-spacing: 0.5px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.625rem; line-height: 1.4em; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-infos-cont .product-price .price-sales .per-unit-price { font-size: 0.6875rem; line-height: 1.54545em; } } .r24-pdp-main-fis .pdp-infos-cont .product-price .price-standard { color: rgb(112, 112, 107); text-decoration: line-through; } .r24-pdp-main-fis .pdp-infos-cont .product-price .price-standard + .price-sales { color: rgb(153, 110, 64); margin-left: 8px; font-size: 0.875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.65px; line-height: 1.27; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-infos-cont .product-price .price-standard + .price-sales { font-size: 0.9375rem; } } .r24-pdp-main-fis .mrp-legal-copy { margin-bottom: 0.875rem; color: rgb(109, 111, 115); font-size: 0.6875rem; line-height: 1.27273em; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .mrp-legal-copy { margin-bottom: 0.75rem; } } .r24-pdp-main-fis .pdp-variations { margin-bottom: 1.625rem; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-variations { margin-bottom: 1.5rem; } } .r24-pdp-main-fis .pdp-variations .attribute-group { margin: 0px; padding: 0px; list-style-type: none; } .r24-pdp-main-fis .pdp-variations .attribute + .attribute { margin-top: 1.5rem; } .r24-pdp-main-fis .pdp-variations .price-type-heading { margin: 1.5rem 0px 0.5625rem; font-size: 0.6875rem; line-height: 0.625rem; } .r24-pdp-main-fis .pdp-variations .price-type-heading.sale { color: rgb(153, 110, 64); font-size: 0.6875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.5px; line-height: 12px; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-variations .price-type-heading.sale { line-height: 0.625rem; } } .r24-pdp-main-fis .pdp-variations .attribute-top-links { display: flex; margin-bottom: 0.75rem; align-items: center; flex-wrap: wrap; } .r24-pdp-main-fis .pdp-variations .attribute-top-links .attribute-label { font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; line-height: 10px; text-transform: uppercase; margin-right: 0.3125rem; } .r24-pdp-main-fis .pdp-variations .attribute-top-links .sizing-info { margin-left: 0.4375rem; } .r24-pdp-main-fis .pdp-variations .attribute-top-links .selected-value { font-size: 0.625rem; font-family: RL_DroidKufi, "Founders Grotesk Text Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.0375rem; line-height: 10px; } .r24-pdp-main-fis .pdp-variations .virtusize-link { display: flex; margin-top: 1.25rem; } .r24-pdp-main-fis .pdp-variations .virtusize-link #vs-inpage { margin-bottom: 0px; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-variations .swiper-container { overflow: visible; } } .r24-pdp-main-fis .pdp-variations .attribute-list { padding: 0px; margin: 0px; list-style-type: none; } .r24-pdp-main-fis .pdp-variations .variations-attribute { position: relative; } .r24-pdp-main-fis .pdp-variations .variations-attribute.out::before { content: ""; position: absolute; background: linear-gradient(to left top, transparent 0px, transparent calc(50% - 0.5px), rgb(255, 255, 255) 50%, transparent calc(50% + 0.5px), transparent) 0% 0% / 100%; inset: 5px; z-index: 1; pointer-events: none; } .r24-pdp-main-fis .pdp-variations .color-swatches-wrapper { margin: 0px -30px; padding: 0px 30px; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-variations .color-swatches-wrapper { margin: 0px; padding: 0px; } } @media screen and (min-width: 768px) { .r24-pdp-main-fis .pdp-variations .color-swatches.attribute-list { display: grid; gap: 0.375rem; box-sizing: border-box; margin: 0px -2px; grid-template-columns: repeat(auto-fill, 2.8125rem); } } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-variations .color-swatches.attribute-list { grid-template-columns: repeat(auto-fill, 2.1875rem); } } .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute:not(:last-child) .variations-attribute-inner { margin-right: 0.5rem; } @media screen and (min-width: 768px) { .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute:not(:last-child) .variations-attribute-inner { margin-right: 0px; } } .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute { font-size: 0px; flex-shrink: 0; } .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute .indicator-cont::before { content: ""; position: absolute; inset: -200% -100%; border-radius: 50%; z-index: -1; background: rgb(255, 255, 255); transition: background-color 0.3s; } .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute .indicator-cont::after { content: ""; position: absolute; inset: 1px; z-index: -1; background: rgb(255, 255, 255); border-radius: 6px; } .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute img { border-radius: 6px; border: 0.25px solid rgba(4, 30, 58, 0.5); height: 40px; width: 40px; box-sizing: content-box; margin: 2px; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute img { width: 30px; height: 30px; } } @media screen and (min-width: 768px) { .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute:hover .indicator-cont::before { background: rgb(4, 30, 58); } } .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute.selected .indicator-cont::before { background: rgb(4, 30, 58); } .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute.animated .indicator-cont::before { background: conic-gradient(rgb(58, 57, 57), rgb(239, 239, 239)); animation-name: spin; animation-duration: 0.8s; animation-iteration-count: infinite; animation-timing-function: linear; } .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute-inner { overflow: hidden; position: relative; border-radius: 7px; display: block; } .r24-pdp-main-fis .pdp-variations .color-swatches .variations-attribute-inner .swatchanchor { position: absolute; inset: 0px; } .r24-pdp-main-fis .pdp-variations .giftvalue.attribute-list, .r24-pdp-main-fis .pdp-variations .primarysize.attribute-list, .r24-pdp-main-fis .pdp-variations .secondarysize.attribute-list { gap: 10px; display: flex; flex-wrap: wrap; } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute { background-color: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(198, 200, 204); line-height: 38px; min-width: 53px; text-align: center; transition: border-color 0.3s, background-color 0.3s; white-space: nowrap; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute { min-width: 61px; line-height: 28px; } } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute .swatchanchor, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute .swatchanchor, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute .swatchanchor { font-size: 0.6875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.0125rem; line-height: 38px; color: rgb(4, 30, 58); } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute .swatchanchor, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute .swatchanchor, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute .swatchanchor { line-height: 28px; } } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.selected, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute.selected, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute.selected { background-color: rgb(242, 243, 245); } @media screen and (min-width: 768px) { .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute:hover, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute:hover, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute:hover { background-color: rgb(242, 243, 245); } } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.selected, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute.selected, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute.selected { border-color: rgb(4, 30, 58); font-weight: 500; } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.selected .swatchanchor, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute.selected .swatchanchor, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute.selected .swatchanchor { font-size: 0.6875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: normal; line-height: 38px; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.selected .swatchanchor, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute.selected .swatchanchor, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute.selected .swatchanchor { line-height: 28px; } } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.animated, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute.animated, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute.animated { animation: 1.2s ease 0s infinite normal none running pulse-color; } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.out, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute.out, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute.out { margin: 0px; } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.out .attribute-value, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute.out .attribute-value, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute.out .attribute-value { color: rgb(109, 111, 115); } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.out::before, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute.out::before, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute.out::before { background: linear-gradient(to left top, transparent 0px, transparent calc(50% - 0.5px), rgb(109, 111, 115) 50%, transparent calc(50% + 0.5px), transparent); inset: 3px; } @media screen and (min-width: 768px) { .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.out:hover::before, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute.out:hover::before, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute.out:hover::before { background: linear-gradient(to left top, transparent 0px, transparent calc(50% - 0.5px), rgb(163, 163, 157) 50%, transparent calc(50% + 0.5px), transparent); } } @media screen and (min-width: 768px) { .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.out.selected::before, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute.out.selected::before, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute.out.selected::before { background: linear-gradient(to left top, transparent 0px, transparent calc(50% - 0.5px), rgb(4, 30, 58) 50%, transparent calc(50% + 0.5px), transparent); } } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute .swatchanchor, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute .swatchanchor, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute .swatchanchor { display: block; padding: 0px 10px; height: 38px; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute .swatchanchor, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute .swatchanchor, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute .swatchanchor { height: 28px; } } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute .swatchanchor:hover, .r24-pdp-main-fis .pdp-variations .primarysize .variations-attribute .swatchanchor:hover, .r24-pdp-main-fis .pdp-variations .secondarysize .variations-attribute .swatchanchor:hover { text-decoration: none; } .r24-pdp-main-fis .pdp-variations .sizing.onesize-variant { display: none; } .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute .swatchanchor { padding: 0px 20px; } @media screen and (max-width: 768px) { .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute.selected .swatchanchor, .r24-pdp-main-fis .pdp-variations .giftvalue .variations-attribute .swatchanchor { line-height: 42px; } } .r24-pdp-main-fis .no-oos-styles .pdp-variations .variations-attribute.out::before { display: none; } .r24-pdp-main-fis .size-chart-link { align-items: center; display: flex; gap: 10px; } @media screen and (min-width: 960px) { .r24-pdp-main-fis .tfc-fitrec-product:not(:empty)::before { content: "|"; margin: 0px 0px 0px 10px; color: rgb(109, 111, 115); transform: translateY(4px); } .r24-pdp-main-fis .dynamic-sizechart-toaster .tfc-fitrec-product:not(:empty)::before { content: none; } } .r24-pdp-main-fis .size-chart-inner { align-items: center; display: flex; gap: 6px; font-size: 11px; letter-spacing: normal; } @media screen and (min-width: 768px) { .r24-pdp-main-fis .size-chart-inner:hover { text-decoration: none; } .r24-pdp-main-fis .size-chart-inner:hover .size-chart-copy { text-decoration: underline; } } .r24-pdp-main-fis .size-chart-inner .size-chart-copy { order: 1; } .r24-pdp-main-fis .size-chart-inner::after { color: rgb(4, 30, 58); content: ""; font-family: RL-icons; font-size: 16px; padding-top: 2px; } .r24-pdp-main-fis .size-chart-inner.dsc-fit-guide::after { content: ""; } .r24-pdp-main-fis .size-chart-inner.dsc-fit-guide::before { content: "|"; margin: 0px 5px; color: rgb(109, 111, 115); } .r24-fis-toaster .find-store-button.find-store-button { min-height: 3.125rem; margin: 0.625rem 0px; padding: 0px 1.125rem; position: relative; min-width: 155px; } .r24-fis-toaster .pdp-main-fis .look-product-top-content { position: relative; } @media screen and (min-width: 667px) { .r24-fis-toaster .pdp-main-fis .look-product-top-content { display: flex; } .r24-fis-toaster .pdp-main-fis .look-product-top-content .desktop-only { display: initial !important; } } .r24-fis-toaster .pdp-main-fis .look-product-col-1 { background-color: transparent; width: 37%; flex-shrink: 0; float: left; margin-right: 14px; margin-bottom: 20px; } @media screen and (min-width: 768px) { .r24-fis-toaster .pdp-main-fis .look-product-col-1 { margin-right: 26px; float: none; margin-bottom: 0px; } } .r24-fis-toaster .pdp-main-fis .look-product-col-1 .product-primary-image, .r24-fis-toaster .pdp-main-fis .look-product-col-1 .swiper-slide { background-color: transparent !important; } .r24-fis-toaster .pdp-main-fis .look-product-col-1 .detail-video-cont { display: none; } .r24-fis-toaster .pdp-main-fis .look-product-col-2 { position: relative; } @media screen and (min-width: 768px) { .r24-fis-toaster .pdp-main-fis .look-product-col-2 { width: calc(63% - 26px); } } .r24-fis-toaster .pdp-main-fis .look-product-col-2 .product-favorite-cont { padding-left: 0px; padding-right: 0px; } .r24-fis-toaster .pdp-main-fis .look-product-col-2 .promotion { display: none; } .r24-fis-toaster .pdp-main-fis .look-product-col-2 .pdp-variations, .r24-fis-toaster .pdp-main-fis .look-product-col-2 .product-variations { clear: both; } @media only screen and (min-width: 768px) and (max-width: 959px) { .r24-fis-toaster .pdp-main-fis .look-product-col-2 .s7viewer-swatches { margin: 0px; padding: 0px; } } .r24-fis-toaster .pdp-main-fis .look-product-col-2 .product-name { font-size: 1.25rem; padding: 0px; } .r24-fis-toaster .pdp-main-fis .look-product-col-2 .attribute-top-links .attribute-value { color: rgb(118, 118, 118); padding-right: 0.4375rem; } .r24-fis-toaster .pdp-main-fis .attribute-top-links, .r24-fis-toaster .pdp-main-fis .attribute.primarysize, .r24-fis-toaster .pdp-main-fis .brand-name, .r24-fis-toaster .pdp-main-fis .price-type-headding, .r24-fis-toaster .pdp-main-fis .product-price { padding-left: 0px; padding-right: 0px; } .r24-fis-toaster .results-main { margin-left: 20px; margin-right: 20px; } @media screen and (min-width: 768px) { .r24-fis-toaster .results-main { margin-left: 0px; margin-right: 0px; } } @media screen and (min-width: 667px) { .r24-fis-toaster #pdp-storelocator fieldset, .r24-fis-toaster #plp-storelocator fieldset { display: flex; justify-content: space-between; } } @media screen and (min-width: 667px) { .r24-fis-toaster #pdp-storelocator .button-div-plp, .r24-fis-toaster #pdp-storelocator .searchkey-input-plp, .r24-fis-toaster #plp-storelocator .button-div-plp, .r24-fis-toaster #plp-storelocator .searchkey-input-plp { width: calc(50% - 8px); } } .r24-fis-toaster #pdp-storelocator .button-div-plp input, .r24-fis-toaster #pdp-storelocator .searchkey-input-plp input, .r24-fis-toaster #plp-storelocator .button-div-plp input, .r24-fis-toaster #plp-storelocator .searchkey-input-plp input { font-size: 0.75rem; } .r24-fis-toaster #pdp-storelocator .dwfrm_storelocator_searchKey .fa-location-arrow, .r24-fis-toaster #plp-storelocator .dwfrm_storelocator_searchKey .fa-location-arrow { transform: rotate(180deg); font-size: 1.5rem; position: absolute; z-index: 1; left: auto; right: 0.25rem; top: 0.4375rem; padding: 0.4375rem; } .r24-fis-toaster #pdp-storelocator .dwfrm_storelocator_maxdistance, .r24-fis-toaster #plp-storelocator .dwfrm_storelocator_maxdistance { min-width: 155px; } .r24-fis-toaster #pdp-storelocator .dwfrm_storelocator_maxdistance select, .r24-fis-toaster #plp-storelocator .dwfrm_storelocator_maxdistance select { font-size: inherit; } .r24-fis-toaster #pdp-storelocator .find-store-button, .r24-fis-toaster #plp-storelocator .find-store-button { height: 3.25rem; width: 100%; } @media screen and (max-width: 667px) { .r24-fis-toaster #pdp-storelocator .find-store-button, .r24-fis-toaster #plp-storelocator .find-store-button { margin: 0px; } } .r24-fis-toaster #pdp-storelocator .dwfrm_storelocator_searchKey { flex-grow: 1; min-width: 278px; } @media screen and (min-width: 667px) { .r24-fis-toaster #pdp-storelocator .dwfrm_storelocator_searchKey { margin-right: 0.625rem; } } .r24-fis-toaster #pdp-storelocator .dwfrm_storelocator_searchKey .zipcode { font-size: 0.75rem; } .r24-fis-toaster #pdp-storelocator .dwfrm_storelocator_maxdistance { margin: 0px 0px 0.3125rem; } @media screen and (min-width: 667px) { .r24-fis-toaster #pdp-storelocator .dwfrm_storelocator_maxdistance { margin: 0.625rem 0.625rem 0px 0px; } } .r24-fis-toaster #findinstore-content { padding-top: 0.625rem; position: relative; padding-bottom: calc(100vh - var(--vh) + 25px); } .r24-fis-toaster #findinstore-content a { text-decoration: underline; } .r24-fis-toaster #findinstore-content .error { text-align: center; } .r24-fis-toaster #findinstore-content .save-favorite-store, .r24-fis-toaster #findinstore-content .update-bopis-store { font-size: 0.6875rem; letter-spacing: 1px; margin: 0px 0px 0.75rem; position: relative; text-decoration: none; width: 100%; } .r24-fis-toaster #findinstore-content .result-headline { padding: 0px; margin: 9px 0px 12px; color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.25rem; line-height: 1.25rem; text-transform: none; font-weight: 400; } @media screen and (min-width: 667px) { .r24-fis-toaster #findinstore-content .result-headline { font-size: 1.5rem; line-height: 1.875rem; margin: 0.75rem 0px; font-weight: 400; } } .r24-fis-toaster #findinstore-content .close-fis-modal { transform: translateY(35px); text-align: center; } .r24-fis-toaster #findinstore-content .close-fis-modal-plp { text-transform: uppercase; transform: translateY(10px); } .r24-fis-toaster #findinstore-content .close-fis-modal a { text-decoration: none; font-size: 11px; letter-spacing: 1px; } .r24-fis-toaster #findinstore-content .close-fis-modal a.bopis-modal-close-button { line-height: 0.625rem; padding-bottom: 0.5625rem; color: rgb(4, 30, 58); border-bottom: 1px solid rgb(4, 30, 58); } .r24-fis-toaster #findinstore-content .stores-details { display: flex; flex-direction: column; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-count, .r24-fis-toaster #findinstore-content .stores-details .findinstore-favorite { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; color: rgb(4, 30, 58); font-size: 1.125rem; letter-spacing: 0.28px; line-height: 22px; margin: 1.25rem 0px; text-align: center; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-favorite { order: -2; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-favorite.hide-store-heading { display: none; } .r24-fis-toaster #findinstore-content .stores-details .preferred-store, .r24-fis-toaster #findinstore-content .stores-details .stores-count { margin-top: 0.375rem; margin-bottom: 0.75rem; line-height: 1.5rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 1rem; letter-spacing: 0.4px; color: rgb(4, 30, 58); } .r24-fis-toaster #findinstore-content .stores-details .preferred-store + .findinstore-wrapper { margin-bottom: 1.25rem; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper { border: 1px solid rgb(209, 209, 209); padding: 1.28125rem 3.34375rem 1.28125rem 3.53125rem; margin-bottom: 1.875rem; font-size: 0.75rem; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper { padding: 1.28125rem; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper-plp { border-color: rgb(225, 225, 229); margin-bottom: 1.875rem; } @media screen and (min-width: 960px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper-plp { padding: 2.5rem 1.875rem 2.1875rem; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper-plp.my-store-block { order: -1; margin-bottom: 0px; } @media screen and (min-width: 960px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper-plp.my-store-block { margin-bottom: 0px; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .inventory-distance-mobile-block { display: none; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .inventory-distance-mobile-block { display: flex; justify-content: space-between; margin-bottom: 0.9375rem; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .inventory-distance-mobile-block span { display: block; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .inventory-distance-mobile-block span.message, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-location .pickup-time { color: rgb(153, 110, 64); letter-spacing: 0.5px; font-size: 0.6875rem; margin-top: 0.625rem; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-inventory .stock-info { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); font-size: 0.75rem; letter-spacing: 0.5px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-inventory .stock-info .personalized-items-message { display: inline-block; margin-top: 0.25rem; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details { color: rgb(0, 0, 0); display: flex; justify-content: space-between; padding: 0px; margin: 0px; border: 0px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details-plp { display: block; } @media screen and (min-width: 667px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details-plp { display: flex; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information { flex-grow: 1; margin-right: 0.9375rem; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information-plp { flex-basis: 65%; line-height: 1.25rem; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information h4 { display: none; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information .store-name { display: flex; justify-content: space-between; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information .store-distance { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; margin-left: 0.625rem; white-space: nowrap; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information .store-address { letter-spacing: 0.5px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information .store-address-plp { margin-top: 0.9375rem; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information .store-address-plp a, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information .store-address-plp span { color: rgb(109, 111, 115); display: block; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.25px; line-height: 20px; text-decoration: none; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information .findinstore-links { display: flex; justify-content: space-between; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-information .findinstore-links { max-width: 165px; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-ctas-plp { margin-top: 1.25rem; min-width: 200px; } @media screen and (min-width: 667px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-ctas-plp { margin-top: 0px; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .get-direction-link-plp, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-details-link { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.25px; line-height: 20px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-extrainformation { flex-basis: 30%; } @media screen and (min-width: 960px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-extrainformation { text-align: inherit; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-extrainformation .store-distance-plp { display: inline-block; text-decoration: underline; margin-bottom: 2.4375rem; } @media screen and (min-width: 960px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-extrainformation .store-distance-plp { margin-bottom: 0px; } } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-extrainformation .directions { display: flex; flex-flow: column wrap; align-items: flex-end; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-info-links-desktop { flex-basis: 25%; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-info-links-desktop { display: none; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-hours-wrapper { padding-top: 0.625rem; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-hours-wrapper-plp { padding-top: 0px; flex-basis: 100%; } @media screen and (min-width: 960px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-hours-wrapper-plp { flex-basis: 25%; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-hours-wrapper-plp.accordion-opened .accordion-header::after { content: ""; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-hours-wrapper .store-hours { padding-top: 0.375rem; padding-bottom: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-location { flex-basis: 25%; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-location { text-align: right; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-location .pickup-time, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-location .store-distance, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-details .store-location .store-inventory { display: none; } } @media screen and (min-width: 960px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .storepickupform { display: flex; justify-content: space-between; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .storepickupform .add-to-cart { width: 265px; height: 53px; font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .storepickupform .add-to-cart { width: 100%; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .storepickupform .store-requestappt { margin: 0.625rem 0px; height: 53px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper.selected { border: 1px solid; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper.selected .add-to-cart { background: rgb(0, 0, 0); color: rgb(255, 255, 255); } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper:last-child { margin-bottom: 0px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .distance-mobile { color: rgb(0, 0, 0); } @media screen and (min-width: 960px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .distance-mobile { margin-top: 0.9375rem; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-hours-wrapper.mobile { padding: 0px; margin-top: 0.9375rem; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .distance-mobile, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-hours-wrapper.mobile { display: none; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .distance-mobile, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-hours-wrapper.mobile { display: block; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .available-items-message { margin-bottom: 1rem; position: relative; padding: 0px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .available-items-message::after { position: absolute; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .available-items-message { margin-bottom: 0.625rem; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .available-items-message, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-hours-title { cursor: pointer; letter-spacing: 0.5px; color: rgb(0, 0, 0); text-decoration: underline; display: inline-block; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .available-items-message::after, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-hours-title::after { content: ""; font-family: RLNA-font; font-size: 0.625rem; display: inline-block; padding-left: 1.25rem; vertical-align: middle; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .available-items-message-plp, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-hours-title-plp { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.25px; line-height: 20px; margin-top: 0.625rem; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .available-items-message-plp::after, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-hours-title-plp::after { padding-left: 0.625rem; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .available-items-message.openContent::after, .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-hours-title.openContent::after { content: ""; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .store-hours-content-plp { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.25px; line-height: 20px; margin-top: 0.3125rem; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .puis-available-itemns-wrapper { padding: 0px; border-bottom: 0px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .puis-available-itemns-wrapper .puis-available-itemns { display: flex; flex-wrap: wrap; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .puis-available-itemns-wrapper .puis-available-itemns .puis-available-item-img { flex-basis: 15%; margin: 0px 0.9375rem; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .puis-available-itemns-wrapper .puis-available-itemns .puis-available-item-img { flex-basis: 28%; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .puis-available-itemns-wrapper .puis-available-itemns .puis-available-item-img:nth-child(3n) { margin-right: 0px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .puis-available-itemns-wrapper .puis-available-itemns .puis-available-item-img:nth-child(3n+1) { margin-left: 0px; } } @media screen and (min-width: 960px) { .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .puis-available-itemns-wrapper .puis-available-itemns .puis-available-item-img:nth-child(5n) { margin-right: 0px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .puis-available-itemns-wrapper .puis-available-itemns .puis-available-item-img:nth-child(5n+1) { margin-left: 0px; } } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .puis-available-itemns-wrapper .puis-available-itemns .puis-available-item-img img { width: 100px; height: 100px; } .r24-fis-toaster #findinstore-content .stores-details .findinstore-wrapper .unavailable-items-message { line-height: 1.1875rem; color: rgb(92, 92, 95); letter-spacing: 0.65px; margin: 0px; } .r24-fis-toaster #findinstore-content .stores-details .store-details { border: 1px solid rgb(209, 209, 209); padding: 0.9375rem; margin: 0.625rem 0px; color: rgb(71, 71, 71); line-height: 1rem; } .r24-fis-toaster #findinstore-content .stores-details .store-details .store-information .store-name { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 0.9375rem; letter-spacing: 0.23px; line-height: 22px; text-transform: none; } .r24-fis-toaster #findinstore-content .stores-details .store-details .store-information .store-name .store-details-link { font-size: 0.875rem; padding: 0px; text-transform: uppercase; letter-spacing: 0.03125rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; } .r24-fis-toaster #findinstore-content .stores-details .store-details .store-information .availability { width: 15%; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } @media screen and (max-width: 666px) { .r24-fis-toaster #findinstore-content .stores-details .store-details .store-information { flex-direction: column; } .r24-fis-toaster #findinstore-content .stores-details .store-details .store-information .store-name { order: 3; width: 100%; } .r24-fis-toaster #findinstore-content .stores-details .store-details .store-information .availability { order: 1; width: 100%; } } .r24-fis-toaster #findinstore-content .stores-details .store-details .store-extrainformation { clear: both; } .r24-fis-toaster #findinstore-content .stores-details .store-details .store-extrainformation .toggle-arrow { right: -1.5625rem; padding-top: 0.3125rem; } .r24-fis-toaster #findinstore-content .stores-details .store-details .store-extrainformation .store-phone a { color: rgb(71, 71, 71); text-decoration: none; } .r24-fis-toaster #findinstore-content .stores-details .store-details .store-extrainformation .accordion-group { display: inline-block; } .r24-fis-toaster #findinstore-content .stores-details .store-details .store-extrainformation .accordion-group .accordion-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .r24-fis-toaster #findinstore-content .stores-details .store-requestappt { float: right; text-decoration: none; margin: -4.6875rem 0px 0px; } .r24-fis-toaster #findinstore-content .stores-details .store-requestappt:hover { color: rgb(255, 255, 255); border: 1px solid rgb(21, 52, 86); } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details .store-requestappt { margin: 0.625rem 0px; float: none; width: 100%; max-width: none; } } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores { margin-top: 10px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .favorite-store-wrapper { margin-bottom: 40px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .store-header { max-width: 221px; color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 18px; letter-spacing: 0.28px; line-height: 22px; text-align: center; margin: 20px auto; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper { padding: 24px 20px; border: 1px solid rgb(225, 225, 229); } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper.selected { border: 1px solid rgb(4, 30, 58); } @media screen and (min-width: 960px) { .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper { padding: 30px; } } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-details { display: block; } } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information { width: 100%; padding-bottom: 0px; padding-right: 16px; flex-basis: auto; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information { padding-right: 0px; } } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-name-distance { display: flex; justify-content: space-between; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-name-distance .store-name { max-width: 221px; color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 15px; letter-spacing: 0.23px; line-height: 22px; text-decoration: none; margin-bottom: 12px; order: 1; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-name-distance .store-distance { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.25px; line-height: 20px; text-align: right; order: 2; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-address { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.25px; line-height: 20px; margin-bottom: 12px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-address a { color: rgb(109, 111, 115); } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-info-links { display: flex; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-info-links { justify-content: space-between; } } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-info-links .get-direction-link, .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-info-links .store-hours-title { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.25px; line-height: 20px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-info-links .get-direction-link { margin: 0px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-info-links .store-hours-wrapper { padding: 0px; margin-right: 20px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-info-links .store-hours-wrapper .store-hours-title { color: rgb(109, 111, 115); font-size: 12px; letter-spacing: 0.25px; line-height: 20px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-info-links .store-hours-wrapper .store-hours-title::after { padding-left: 7px; font-size: 12px; top: 2px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-information .store-hours { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.25px; line-height: 20px; margin-top: 15px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-availability { max-width: 12.5rem; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-availability { margin-top: 20px; } } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-availability .availability-pickup-time { margin-bottom: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; } } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-availability .store-inventory .stock-info { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.25px; line-height: 22px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-availability .available-items-wrapper { margin-bottom: 20px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-availability .available-items-wrapper .available-items-message { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 0.25px; line-height: 10px; margin: 0px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-availability .available-items-wrapper .available-items-message::after { padding-left: 9px; font-size: 12px; top: 2px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-availability .available-items-wrapper .puis-available-itemns-wrapper { margin-top: 15px; } @media screen and (min-width: 960px) { .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-availability .pickup-time { margin-bottom: 15px; } } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-availability .pickup-time .message { color: rgb(153, 110, 64); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 0.25px; line-height: 10px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-buttons .storepickupform { display: block; overflow: hidden; margin: 0px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-buttons .storepickupform .add-to-cart { height: auto; width: 200px; margin: 0px 0px 12px; } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-buttons .storepickupform .add-to-cart { width: 100%; } } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-buttons .storepickupform .store-requestappt { height: 51px; margin: 0px; width: 200px; float: none; display: flex; justify-content: center; align-items: center; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-buttons .storepickupform .store-requestappt:hover { color: rgb(255, 255, 255); } @media screen and (max-width: 959px) { .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-buttons .storepickupform .store-requestappt { width: 100%; } } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-buttons .button, .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .store-buttons button { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 10px; text-align: center; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .unavailable-items { border-top: 1px solid rgb(225, 225, 229); margin-top: 30px; padding-top: 21px; } .r24-fis-toaster #findinstore-content .stores-details.pdp-stores .findinstore-wrapper .unavailable-items .unavailable-items-message { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 0.25px; line-height: 10px; } .r24-fis-toaster #findinstore-content .findinstore-search-results { color: rgb(118, 118, 118); } .r24-fis-toaster #findinstore-content .findinstore-search-results .message { margin: 0.9375rem 0px 1.25rem; font-size: 0.875rem; } .r24-fis-toaster #findinstore-content .findinstore-search-results .sort { font-size: 0.6875rem; } .r24-fis-toaster #findinstore-content .findinstore-search-results .sort span { padding: 0px 0.625rem; } .r24-fis-toaster #findinstore-content .findinstore-search-results .sort span a { text-decoration: none; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } .r24-fis-toaster #findinstore-content .findinstore-search-results .sort span a.find-store-sortby { text-decoration: underline; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; } .r24-fis-toaster .results-main { margin-left: 0px; margin-right: 0px; } .r24-fis-toaster .r24-pdp-main-fis .look-product-top-content { margin-bottom: 2.1875rem; } @media screen and (min-width: 960px) { .r24-fis-toaster .r24-pdp-main-fis .look-product-top-content { margin-bottom: 1.25rem; } } .r24-fis-toaster .r24-pdp-main-fis .pdp-variations { margin-bottom: 0px; } .r24-fis-toaster .r24-pdp-main-fis .brand-name { margin-bottom: 0.5rem; } .r24-fis-toaster .r24-pdp-main-fis .product-price { margin-bottom: 1.8125rem; } .r24-fis-toaster .r24-pdp-main-fis .swiper-container { overflow: hidden; } .r24-fis-toaster .r24-pdp-main-fis .color-swatches.attribute-list { display: flex; gap: initial; margin: 0px; box-sizing: content-box; } .r24-fis-toaster .r24-pdp-main-fis .color-swatches .variations-attribute:not(:last-child) .variations-attribute-inner { margin-right: 0.5rem; } @media screen and (min-width: 768px) { .r24-fis-toaster .r24-pdp-main-fis .color-swatches .variations-attribute:not(:last-child) .variations-attribute-inner { margin-right: 0.375rem; } } .r24-fis-toaster .r24-pdp-main-fis .s7viewer-swatches-cont { padding: 0px 15px; margin: 0px -15px; position: relative; } .r24-fis-toaster .r24-pdp-main-fis .swatch-control { display: none; position: absolute; top: 11px; width: 12px; height: 12px; left: 0px; } @media only screen and (min-width: 768px) { .r24-fis-toaster .r24-pdp-main-fis .swatch-control { display: flex; align-items: center; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .r24-fis-toaster .r24-pdp-main-fis .swatch-control { top: 16px; } } .r24-fis-toaster .r24-pdp-main-fis .swatch-control:hover { text-decoration: none; } .r24-fis-toaster .r24-pdp-main-fis .swatch-control::before { content: ""; font-family: RL-icons; font-size: 10px; } .r24-fis-toaster .r24-pdp-main-fis .swatch-control.swiper-button-lock { display: none; } .r24-fis-toaster .r24-pdp-main-fis .swatch-control.swiper-button-disabled::before { color: rgb(198, 200, 204); } .r24-fis-toaster .r24-pdp-main-fis .swatch-control.next { right: -3px; left: auto; } .r24-fis-toaster .r24-pdp-main-fis .swatch-control.next::before { content: ""; } .r24-fis-toaster .r24-pdp-main-fis #pdp-storelocator .form-row .input-select, .r24-fis-toaster .r24-pdp-main-fis #pdp-storelocator .form-row label, .r24-fis-toaster .r24-pdp-main-fis #plp-storelocator .form-row .input-select, .r24-fis-toaster .r24-pdp-main-fis #plp-storelocator .form-row label { text-transform: none; } .r24-fis-toaster .r24-pdp-main-fis #pdp-storelocator .input-select, .r24-fis-toaster .r24-pdp-main-fis #pdp-storelocator .input-text, .r24-fis-toaster .r24-pdp-main-fis #plp-storelocator .input-select, .r24-fis-toaster .r24-pdp-main-fis #plp-storelocator .input-text { padding-left: 1.5rem; } .r24-fis-toaster .r24-pdp-main-fis #pdp-storelocator .input-text.zipcode, .r24-fis-toaster .r24-pdp-main-fis #plp-storelocator .input-text.zipcode { padding-right: 40px; } .r24-fis-toaster .r24-pdp-main-fis #pdp-storelocator .has-float-label label, .r24-fis-toaster .r24-pdp-main-fis #plp-storelocator .has-float-label label { left: 24px; } .r24-fis-toaster .r24-pdp-main-fis #pdp-storelocator .has-float-label.has-icon label, .r24-fis-toaster .r24-pdp-main-fis #plp-storelocator .has-float-label.has-icon label { width: calc(100% - 1.5625rem); } .r24-fis-toaster .r24-pdp-main-fis #pdp-storelocator .dwfrm_storelocator_searchKey .fa-location-arrow, .r24-fis-toaster .r24-pdp-main-fis #plp-storelocator .dwfrm_storelocator_searchKey .fa-location-arrow { font-size: inherit; right: 8px; top: 12px; } .r24-fis-toaster .r24-pdp-main-fis #pdp-storelocator .dwfrm_storelocator_searchKey .fa-location-arrow::before, .r24-fis-toaster .r24-pdp-main-fis #plp-storelocator .dwfrm_storelocator_searchKey .fa-location-arrow::before { font-size: 15px; } .r24-fis-toaster .r24-pdp-main-fis .find-store-button.is-loading { color: transparent; } .r24-fis-toaster .r24-pdp-main-fis .find-store-button.is-loading::after { width: 30px; height: 30px; left: 50%; margin-left: -11px; top: 50%; margin-top: -11px; border-color: rgb(255, 255, 255) rgb(198, 200, 204) rgb(198, 200, 204); } @media screen and (min-width: 768px) { .r24-fis-toaster .r24-pdp-main-fis .find-store-button.is-loading::after { width: 22px; height: 22px; } } .r24-fis-toaster .r24-pdp-main-fis #findinstore-content .loader-indicator, .r24-fis-toaster .r24-pdp-main-fis .look-product-top-content .loader-indicator { display: none; } .r24-fis-toaster .r24-pdp-main-fis #findinstore-content button#add-to-cart .loader-indicator { display: block; width: 1.5rem; height: 1.5rem; } .r24-fis-toaster .r24-pdp-main-fis #findinstore-content button#add-to-cart .loader-indicator::after { width: 100%; height: 100%; } .r24-fis-toaster .r24-pdp-main-fis #findinstore-content button#add-to-cart .loader-bg { background-color: rgb(4, 30, 58); } .r24-fis-toaster .product-favorite-cont .product-name { line-height: 28px; } /* source: https://www.ralphlauren.co.uk/on/demandware.static/Sites-RalphLauren_GB-Site/-/en_GB/v1785482969300/css/plp.css */ @font-face { font-family: password; src: url("../../assets/fonts/password.woff2") format("woff2"); font-weight: 400; font-style: normal; } p { font-size: 0.875rem; color: rgb(118, 118, 118); letter-spacing: 0.0125rem; line-height: 1.43em; } .best-seller-section .best-seller-section-title { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; color: rgb(4, 30, 58); font-size: 1.5rem; line-height: 1em; letter-spacing: 0.05rem; text-transform: none; } .product-tile .brand-name { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.625rem; line-height: 0.6875rem; letter-spacing: 0.25px; } @media screen and (min-width: 767px) { .product-tile .brand-name { font-size: 0.6875rem; line-height: 1.125rem; } } .product-tile .availability_msg { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; line-height: 0.75rem; letter-spacing: 0.25px; } @media screen and (min-width: 960px) { .product-tile .availability_msg { font-size: 0.8125rem; line-height: 1.125rem; } } .product-tile .product-name { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 0.8125rem; line-height: 1.0625rem; } @media screen and (min-width: 767px) { .product-tile .product-name { font-size: 1.125rem; line-height: 1.375rem; } } .product-tile .product-pricing { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; line-height: 1.125rem; letter-spacing: 0.25px; } @media screen and (min-width: 960px) { .product-tile .product-pricing { font-size: 0.8125rem; line-height: 1.125rem; letter-spacing: 0.25px; } } .product-tile .product-promo-badging, .product-tile .product-promo-badging p { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; color: rgb(153, 110, 64); font-size: 0.6875rem; letter-spacing: 0.25px; line-height: 1.125rem; word-break: break-all; } @media screen and (min-width: 767px) { .product-tile .product-promo-badging, .product-tile .product-promo-badging p { font-size: 0.8125rem; } } #bottom-pagination .pagination .pagination-number { color: rgb(4, 30, 58); text-transform: uppercase; font-size: 0.625rem; line-height: 2.5rem; } @media screen and (min-width: 960px) { #bottom-pagination .pagination .pagination-number { font-size: 0.6875rem; line-height: 1.6875rem; } } #bottom-pagination .pagination .pagination-number li a i { line-height: 1; font-size: 1rem; color: rgb(4, 30, 58); } @media screen and (min-width: 960px) { #bottom-pagination .pagination .pagination-number li a i { font-size: 1rem; line-height: 1; } } .show-filter-mobile { color: rgb(4, 30, 58); line-height: 2.5rem; font-size: 0.5625rem; text-transform: uppercase; } .article-section .search-results-content-sec { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; letter-spacing: 0.7px; text-transform: uppercase; line-height: normal; font-size: 0.625rem; text-align: left; color: rgb(4, 30, 58); } @media screen and (min-width: 960px) { .article-section .search-results-content-sec { font-size: 0.8125rem; } } .folder-content-list .content-title { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; color: rgb(71, 71, 71); font-size: 0.6875rem; } @media screen and (min-width: 960px) { .folder-content-list .content-title { font-size: 1rem; } } .article-section .search-results-content-sec .readmore, .folder-content-list .readmore { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 0.5625rem; color: rgb(71, 71, 71); line-height: normal; } @media screen and (min-width: 960px) { .article-section .search-results-content-sec .readmore, .folder-content-list .readmore { font-size: 0.8125rem; line-height: normal; } } .store-locator-header-font { font-size: unset; color: rgb(118, 118, 118); } .store-locator-header-font, body { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; } body { background: none 0px 0px repeat scroll rgb(255, 255, 255); color: rgb(4, 30, 58); font-size: 12px; } html { box-sizing: border-box; } *, ::after, ::before { box-sizing: inherit; } a { color: rgb(71, 71, 71); overflow: hidden; text-decoration: none; letter-spacing: 0.01875rem; } a:hover { color: rgb(4, 30, 58); } .confirmation-msg a.favclear:hover, a.text-link, a:hover { text-decoration: underline; } a:active { outline: none; } fieldset { border: 0px; margin: 0px; padding: 0px; } table { width: 100%; } th { text-align: left; } td { padding: 1em; vertical-align: top; } .input-text, .ui-selectmenu-button, .ui-selectmenu-menu .ui-menu .ui-menu-item, .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-state-active, input, input[type="checkbox"] + label, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="radio"] + label, input[type="tel"], input[type="text"], select, textarea { text-transform: none; } input[type="checkbox"] + label { display: flex; margin-bottom: 0px; } ::-webkit-input-placeholder { text-transform: uppercase; color: rgb(117, 117, 117); } input:-webkit-autofill, input:-webkit-autofill:focus input:-webkit-autofill, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus { border: 1px solid rgb(209, 209, 209); -webkit-text-fill-color: rgb(71, 71, 71); box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset; transition: background-color 5000s ease-in-out; } #browser-check .browser-compatibility-alert .browser-error span { width: 1.25rem; height: 1.25rem; display: inline-block; vertical-align: middle; margin-right: 0.3125rem; background: url("../../assets/images/info-white.svg") 50% center no-repeat transparent; } body:not(.user-is-tabbing) a:focus, body:not(.user-is-tabbing) button:focus, body:not(.user-is-tabbing) div:focus, body:not(.user-is-tabbing) input:focus, body:not(.user-is-tabbing) input[type="checkbox"]:focus + label, body:not(.user-is-tabbing) label:focus, body:not(.user-is-tabbing) select:focus, body:not(.user-is-tabbing) span:focus, body:not(.user-is-tabbing) textarea:focus { outline: none !important; } body.user-is-tabbing :focus, body.user-is-tabbing button:focus, body.user-is-tabbing button:focus::after { outline: -webkit-focus-ring-color auto 5px !important; } .accessible-tooltip { position: absolute; left: -9000px; width: 0px; overflow: hidden; } body.user-is-tabbing .a:hover .accessible-tooltip, body.user-is-tabbing a:active .accessible-tooltip, body.user-is-tabbing a:focus .accessible-tooltip { display: block; position: absolute; top: 1em; left: 1em; width: 12em; border: 1px solid rgb(4, 30, 58); background-color: rgb(118, 118, 118); color: rgb(255, 255, 255); text-align: center; z-index: 15; } .rl-capitalize { text-transform: capitalize; } .rl-uppercase { text-transform: uppercase; } .swatch-black a { background-color: rgb(0, 0, 0) !important; } .swatch-beige a { background-color: beige !important; } .swatch-blue a { background-color: rgb(0, 0, 255) !important; } .swatch-purple a { background-color: purple !important; } .swatch-red a { background-color: red !important; } .swatch-brown a { background-color: rgb(120, 50, 1) !important; } .swatch-green a { background-color: green !important; } .swatch-grey a { background-color: rgb(143, 151, 157) !important; } .swatch-pink a { background-color: rgb(254, 36, 154) !important; } .swatch-orange a { background-color: orange !important; } .swatch-white a { background-color: rgb(255, 255, 255) !important; } .swatch-yellow a { background-color: rgb(255, 255, 0) !important; } .swatch-navy a { background-color: navy !important; } .swatch-cream a { background-color: rgb(252, 251, 227) !important; } .swatch-gold a { background-color: rgb(255, 223, 0) !important; } .swatch-tan a { background-color: tan !important; } .swatch-silver a { background-color: silver !important; } .swatch-miscellaneous a { background: url("../../assets/images/icon-color-swatch-misc.png") 0px 0px no-repeat scroll transparent; } .unselectable.swatch-miscellaneous a { background: url("../../assets/images/icon-color-swatch-misc-unselectable.png") 0px 0px no-repeat scroll transparent !important; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(-1turn); } } @keyframes pulse-color { 0% { background-color: rgb(242, 243, 245); } 25% { background-color: rgb(255, 255, 255); } 50% { background-color: rgb(255, 255, 255); } 75% { background-color: rgb(242, 243, 245); } 100% { background-color: rgb(242, 243, 245); } } .hover-image-cont, .main-image-cont { position: absolute; display: none; width: 100%; } .hover-image-cont.cat-default, .main-image-cont.cat-default { display: block; } .hover-image-cont video, .main-image-cont video { max-width: 100%; min-height: 100%; } .home-grid .product-tile .product-image a { aspect-ratio: 1 / 1 !important; } .default-grid .product-tile .product-image a { aspect-ratio: 0.796791 / 1 !important; } .product-tile { color: rgb(71, 71, 71); position: relative; text-align: left; box-sizing: border-box; overflow: hidden; } .product-tile .product-tile-spinner::after { content: ""; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 3em; height: 3em; margin-top: -1.5em; margin-left: -1.5em; border-radius: 50%; border-width: 0.1875em; border-style: solid; border-color: rgb(51, 51, 51) rgb(204, 204, 204) rgb(204, 204, 204); border-image: none; animation: 1.5s linear 0s infinite normal none running spinner; } .product-tile img { max-width: 100%; min-height: 100%; } .product-tile img:not(.swatch-arrow) { width: 100%; display: block; } .is-quick-shoppable .product-tile .look-product-primary-image, .is-quick-shoppable .product-tile .product-image, .is-quick-shoppable .product-tile.rlc-grid-item, .is-quick-shoppable .product-tile .rlc-picture, .product-tile.is-quick-shoppable .look-product-primary-image, .product-tile.is-quick-shoppable .product-image, .product-tile.is-quick-shoppable.rlc-grid-item, .product-tile.is-quick-shoppable .rlc-picture { overflow: hidden; } .is-quick-shoppable .product-tile .look-product-primary-image .quickshop, .is-quick-shoppable .product-tile .product-image .quickshop, .is-quick-shoppable .product-tile.rlc-grid-item .quickshop, .is-quick-shoppable .product-tile .rlc-picture .quickshop, .product-tile.is-quick-shoppable .look-product-primary-image .quickshop, .product-tile.is-quick-shoppable .product-image .quickshop, .product-tile.is-quick-shoppable.rlc-grid-item .quickshop, .product-tile.is-quick-shoppable .rlc-picture .quickshop { background-color: rgb(248, 248, 248); color: rgb(0, 0, 0); text-transform: uppercase; text-align: center; width: 100%; left: 0px; padding: 1em; position: absolute; height: 3em; bottom: 0px; transform: translateY(3em); transition: transform 0.3s; } .is-quick-shoppable .product-tile .look-product-primary-image .quickshop.is-active, .is-quick-shoppable .product-tile .product-image .quickshop.is-active, .is-quick-shoppable .product-tile.rlc-grid-item .quickshop.is-active, .is-quick-shoppable .product-tile .rlc-picture .quickshop.is-active, .product-tile.is-quick-shoppable .look-product-primary-image .quickshop.is-active, .product-tile.is-quick-shoppable .product-image .quickshop.is-active, .product-tile.is-quick-shoppable.rlc-grid-item .quickshop.is-active, .product-tile.is-quick-shoppable .rlc-picture .quickshop.is-active { transform: translateY(0px); } @media screen and (max-width: 959px) { .is-quick-shoppable .product-tile .look-product-primary-image .quickshop, .is-quick-shoppable .product-tile .product-image .quickshop, .is-quick-shoppable .product-tile.rlc-grid-item .quickshop, .is-quick-shoppable .product-tile .rlc-picture .quickshop, .product-tile.is-quick-shoppable .look-product-primary-image .quickshop, .product-tile.is-quick-shoppable .product-image .quickshop, .product-tile.is-quick-shoppable.rlc-grid-item .quickshop, .product-tile.is-quick-shoppable .rlc-picture .quickshop { transform: translateY(0px); } } @media screen and (min-width: 960px) { .is-quick-shoppable .product-tile .look-product-primary-image:hover .quickshop, .is-quick-shoppable .product-tile .product-image:hover .quickshop, .is-quick-shoppable .product-tile.rlc-grid-item:hover .quickshop, .is-quick-shoppable .product-tile .rlc-picture:hover .quickshop, .product-tile.is-quick-shoppable .look-product-primary-image:hover .quickshop, .product-tile.is-quick-shoppable .product-image:hover .quickshop, .product-tile.is-quick-shoppable.rlc-grid-item:hover .quickshop, .product-tile.is-quick-shoppable .rlc-picture:hover .quickshop { transform: translateY(0px); } } .product-tile .product-image { position: relative; } .product-tile .product-image.rlc-block.rlc-lazyLoad.rlc-spinner-removed::after, .product-tile .product-image.rlc-block.rlc-lazyLoad:not(.rlc-imgLoaded) img { display: none; } .product-tile .product-image.rlc-block.rlc-lazyLoad.rlc-spinner-removed:not(.rlc-imgLoaded) img { display: block; } .product-tile .product-image.rlc-block.rlc-lazyLoad.rlc-spinner-removed > * { opacity: 1; } .product-tile .product-image .thumb-link img picture { opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; } .product-tile .product-image .thumb-link img picture.display { opacity: 1; visibility: visible; } .product-tile .product-image .altImgPlp, .product-tile .product-image .hover-img { display: none; position: absolute; top: 0px; width: 100%; } @media screen and (min-width: 960px) { .product-tile .product-image .altImgPlp, .product-tile .product-image .hover-img { display: block; } } .product-tile .product-image .quickview { background-color: rgba(4, 30, 58, 0.8); color: rgb(255, 255, 255); display: none; width: max-content; max-width: 75%; top: 50%; left: 50%; padding: 0.5em; position: absolute; transform: translate(-50%, -50%); } .product-tile .product-image .quickview i { margin-left: 0.5em; } .product-tile .product-image a { display: block; } .product-tile .product-image:hover .quickview { display: none; } @media screen and (min-width: 960px) { .product-tile .product-image:hover .quickview { display: block; } } .product-tile .product-name-row { padding-top: 0.75rem; position: relative; } @media screen and (min-width: 767px) { .product-tile .product-name-row { padding-top: 1.375rem; } } .mod-double .product-tile .product-name-row { padding-top: 1.125rem; } .product-tile .product-name-row .plp-favorites { position: absolute; top: 0.75rem; pointer-events: none; opacity: 0; transition: opacity 0.3s; } @media screen and (min-width: 767px) { .product-tile .product-name-row .plp-favorites { top: 1.375rem; } } .product-tile .product-name-row .plp-favorites.enabled { pointer-events: auto; opacity: 1; } .mod-double .product-tile .product-name-row .plp-favorites { top: 1.125rem; } .product-tile .product-name-row .add-to-favorites-link, .product-tile .product-name-row .remove-favorites { font-size: 0px; } .product-tile .product-name-row .add-to-favorites, .product-tile .product-name-row .remove-from-favorites, .product-tile .product-name-row .save-To-favorites { position: static; width: auto; } .product-tile .product-name-row .remove-from-favorites, .product-tile .product-name-row .save-To-favorites { background-position: 50% center; background-size: 0.875rem 0.875rem; margin-left: 0px; margin-right: -0.25rem; margin-top: -0.125rem; min-height: 1.75rem; width: 1.75rem; background-color: transparent; border-radius: 50%; transition: background-color 0.15s ease-in-out; } @media screen and (min-width: 767px) { .product-tile .product-name-row .remove-from-favorites, .product-tile .product-name-row .save-To-favorites { margin-right: -0.9375rem; margin-top: -0.25rem; margin-bottom: -0.25rem; } } @media screen and (min-width: 960px) { .product-tile .product-name-row .remove-from-favorites, .product-tile .product-name-row .save-To-favorites { background-size: 1.1875rem 1.1875rem; min-height: 2.0625rem; width: 2.0625rem; margin-right: -0.9375rem; margin-top: -0.25rem; margin-bottom: -0.25rem; } .product-tile .product-name-row .remove-from-favorites:hover, .product-tile .product-name-row .save-To-favorites:hover { background-color: rgb(242, 243, 245); } } @media screen and (min-width: 960px) and (max-width: 1199px) { .product-tile .product-name-row .remove-from-favorites, .product-tile .product-name-row .save-To-favorites { margin-right: -0.75rem; background-size: 1.0625rem 1.0625rem; } } .product-tile .product-name-row .remove-from-favorites.animated, .product-tile .product-name-row .save-To-favorites.animated { animation: 1.2s ease 0s infinite normal none running pulse-color; } .product-tile .product-name-row .save-To-favorites { background-image: url("../../assets/images/df_heart.svg"); } .product-tile .product-name-row .remove-from-favorites { background-image: url("../../assets/images/df_heart_added.svg"); } .featured-product .product-tile .product-name-row .product-name { padding-right: 0px; } .product-tile .product-name { padding-right: 1.75rem; } .product-tile .product-name a { color: rgb(4, 30, 58); } .product-tile .name-link { letter-spacing: normal; } .product-tile .availability_msg { display: none; } @media screen and (min-width: 960px) { .product-tile .availability_msg { display: block; color: rgb(4, 30, 58); margin: 0.75rem 0px 0px; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .product-tile .availability_msg { margin: 0.6875rem 0px 0px; font-size: 0.75rem; } } .featured-product .product-tile .availability_msg { display: block; } .product-tile .plp-non-promo-badge + .availability_msg { margin: 0.3125rem 0px 0px; } @media screen and (min-width: 960px) { .product-tile .plp-non-promo-badge + .availability_msg { margin: 0.1875rem 0px 0px; } } .product-tile .product-swatches-all { color: rgb(4, 30, 58); cursor: pointer; letter-spacing: 0.01562rem; } .product-tile .product-swatches-all-fits, .product-tile .product-swatches-plus { display: none; } @media screen and (min-width: 960px) { .product-tile .product-swatches-all-fits, .product-tile .product-swatches-plus { color: rgb(4, 30, 58); display: initial; letter-spacing: 0.01562rem; font-size: 0.6875rem; line-height: 1.45455em; } } .product-tile .product-pricing { margin: 0.625rem 0px 0px; } .product-tile .product-pricing .per-unit-price { color: rgb(112, 112, 107); letter-spacing: 0.5px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.625rem; line-height: 1.4em; } @media screen and (min-width: 960px) { .product-tile .product-pricing .per-unit-price { font-size: 0.6875rem; line-height: 1.54545em; } } @media screen and (min-width: 767px) { .product-tile .product-pricing { margin: 0.8125rem 0px 0px; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .product-tile .product-pricing { margin: 0.6875rem 0px 0px; font-size: 0.75rem; } } .product-tile .product-pricing .product-standard-price { text-decoration: line-through; } .product-tile .product-pricing .product-standard-price + .product-sales-price { color: rgb(153, 110, 64); } .product-tile .product-pricing .lowred:not(.salelist-range) { color: rgb(153, 110, 64); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-size: 0.75rem; line-height: 1.5em; } @media screen and (min-width: 960px) { .product-tile .product-pricing .lowred:not(.salelist-range) { font-size: 0.8125rem; line-height: 1.38462em; } } @media screen and (min-width: 1200px) { .product-tile .product-pricing .lowred:not(.salelist-range) { font-size: 0.875rem; line-height: 1.28571em; } } .product-tile .product-pricing .lowred:not(.salelist-range) .price { display: inline-block; white-space: nowrap; } .product-tile .product-pricing .product-sales-price, .product-tile .product-pricing .product-set-price, .product-tile .product-pricing .salelist-range { color: rgb(4, 30, 58); } .product-tile .product-pricing .product-sales-price.range .low { color: rgb(0, 0, 0); } .product-tile .plp-materials { font-size: 0.6875rem; color: rgb(109, 111, 115); letter-spacing: 0.25px; line-height: 1rem; margin-top: 0.9375rem; } @media screen and (min-width: 960px) { .product-tile .plp-materials { font-size: 0.8125rem; margin-top: 1.25rem; } } .product-tile .product-data { position: relative; } @media screen and (min-width: 960px) { .product-tile .product-data.featured-single-image { margin: auto; width: 50%; } } @media screen and (min-width: 960px) { .product-tile:hover .product-data-swatches { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); } } @media screen and (min-width: 960px) { .product-tile:hover .product-data-swatches-in { transform: translateY(0px); } } .product-tile .product-data-info { position: relative; z-index: 10; background: rgb(255, 255, 255); padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 767px) { .product-tile .product-data-info { padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .product-tile .product-data-info { padding-left: 0.75rem; } } @media screen and (min-width: 1200px) { .product-tile .product-data-info { padding-left: 1rem; } } .product-tile.swatch-tile .product-data-info { padding-left: 0px; padding-right: 0px; } .product-tile.swatch-tile .product-name-row { padding-top: 0px; } .product-tile .product-data-swatches { margin-top: 0.8125rem; } @media screen and (min-width: 960px) { .product-tile .product-data-swatches { clip-path: polygon(0px 100%, 100% 100%, 100% 100%, 0px 100%); left: 0px; margin: 0px; position: absolute; top: 1px; transform: translateY(-100%); transition: clip-path 0.4s; width: 100%; z-index: 9; } } .for-you-wishlist .product-tile .product-data-swatches { display: none; } @media screen and (min-width: 960px) { .product-tile .product-data-swatches-in { align-items: center; display: flex; background: rgba(255, 255, 255, 0.9); justify-content: space-between; height: 60px; transform: translateY(100%); transition: transform 0.4s; padding: 0.9375rem 0.625rem; } } @media screen and (min-width: 1200px) { .product-tile .product-data-swatches-in { padding: 0.9375rem 1rem; } } @media screen and (min-width: 960px) { .product-tile .product-data-swatches-in.is-wishlist { justify-content: flex-end; } } .product-tile .product-swatches { display: none; width: 100%; } .product-tile .product-swatches .swatch-list { align-items: center; display: flex; gap: 0.625rem; justify-content: flex-start; list-style: none; margin: 0px; overflow: hidden; padding: 0px; width: auto; } @media screen and (min-width: 960px) { .product-tile .product-swatches .swatch-list { justify-content: center; } } .product-tile .product-swatches .swatch-list li.swatch-item:nth-child(-n+4) { display: block; } .product-tile .product-swatches .swatch-list .colors-count-desk, .product-tile .product-swatches .swatch-list li.swatch-item:nth-child(n+5) { display: none; } @media screen and (min-width: 960px) and (max-width: 1199px) { .product-tile .product-swatches .swatch-list { gap: 0.4375rem; } } @media screen and (min-width: 1200px) { .product-tile .product-swatches .swatch-list li.swatch-item:nth-child(-n+5) { display: block; } .product-tile .product-swatches .swatch-list li.swatch-item:nth-child(n+6) { display: none; } .product-tile .product-swatches .swatch-list .colors-count-desk { display: block; } .product-tile .product-swatches .swatch-list .colors-count { display: none; } } .product-tile .product-swatches .swatch { box-sizing: border-box; display: block; width: 1.375rem; height: 1.375rem; border-radius: 50%; border: 1px solid transparent; position: relative; } @media screen and (min-width: 960px) { .product-tile .product-swatches .swatch { width: 1.5rem; height: 1.5rem; } } .product-tile .product-swatches .swatch img { border-radius: 50%; border: 2.5px solid transparent; height: 100%; overflow: hidden; width: 100%; } .product-tile .product-swatches .swatch::after { content: " "; border: 0.25px solid rgba(4, 30, 58, 0.5); border-radius: 50%; display: block; height: calc(100% - 4px); width: calc(100% - 4px); top: 2px; left: 2px; position: absolute; } .pt_product-compare .product-tile .product-swatches, .pt_product-search-result .product-tile .product-swatches { display: block; } .product-tile .product-swatches li { overflow: hidden; position: relative; border-radius: 50%; width: auto; box-sizing: content-box; } .product-tile .product-swatches li .indicator-cont::before { content: ""; position: absolute; inset: -200% -100%; border-radius: 50%; z-index: -1; background: rgb(255, 255, 255); transition: background-color 0.3s; } .product-tile .product-swatches li .indicator-cont::after { content: ""; position: absolute; inset: 1px; z-index: -1; background: rgb(255, 255, 255); border-radius: 50%; } .product-tile .product-swatches li.color-count { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(4, 30, 58); font-size: 0.625rem; vertical-align: middle; text-transform: capitalize; padding: 0.25rem 0.3125rem 0px 0px; } @media screen and (min-width: 960px) { .product-tile .product-swatches li.color-count { padding: 0.25rem 0.625rem 0px 0px; } } .product-tile .product-swatches li.more-colors-count { margin: 0px 0.25rem 0px 0px; font-size: 0.6875rem; } .product-tile .product-swatches li.animated .indicator-cont::before { background: conic-gradient(rgb(58, 57, 57), rgb(239, 239, 239)); animation-name: spin; animation-duration: 0.8s; animation-iteration-count: infinite; animation-timing-function: linear; } .product-tile .product-swatches li:not(.animated) .selected, .product-tile .product-swatches li:not(.animated) .swatch:hover { border-color: rgb(4, 30, 58); } .product-tile .quickshop-container { display: none; } @media screen and (min-width: 960px) { .product-tile .quickshop-container { display: block; } } .product-tile .quickshop-btn { font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; border-radius: 1.25rem; border: 1px solid rgb(4, 30, 58); display: block; font-size: 0.6875rem; letter-spacing: 0.0625rem; line-height: 0.625rem; padding: 0.6875rem 1.25rem 0.5625rem; text-decoration: none; text-transform: uppercase; white-space: nowrap; color: rgb(4, 30, 58); } @media screen and (min-width: 960px) and (max-width: 1199px) { .product-tile .quickshop-btn { padding: 0.5625rem 0.625rem 0.4375rem; font-size: 0.5625rem; } } @media screen and (min-width: 1200px) { .product-tile .quickshop-btn { padding: 0.6875rem 0.9375rem 0.5625rem; font-size: 0.625rem; } } .product-tile .quickshop-btn:hover { text-decoration: none; background: rgb(4, 30, 58); color: rgb(255, 255, 255); } .product-tile .brand-name { align-items: center; display: flex; margin-top: 0.0625rem; } @media screen and (min-width: 960px) { .product-tile .brand-name { margin-top: 0.1875rem; } } .product-tile .product-promo-badging + .brand-name { margin: 0.5rem 0px 0.0625rem; } @media screen and (min-width: 960px) { .product-tile .product-promo-badging + .brand-name { margin: 0.6875rem 0px 0.0625rem; } } .product-tile .non-promo-badging { color: rgb(109, 111, 115); font-size: 0.6875rem; letter-spacing: 0.25px; line-height: 0.75rem; margin: 0.5625rem 0px 0px; text-transform: capitalize; } @media screen and (min-width: 767px) { .product-tile .non-promo-badging { font-size: 0.8125rem; line-height: 1.125rem; margin-top: 0.75rem; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .product-tile .non-promo-badging { margin-top: 0.6875rem; font-size: 0.75rem; } } .product-tile .non-promo-badging.pdp-non-promo-badge { display: none; } .product-tile .non-promo-badging.more-colors-available { color: rgb(4, 30, 58); } .product-tile .non-promo-badging.new-to-sale-promo-badge { text-transform: none; } .product-tile .product-promo-badging { width: 100%; } @media screen and (min-width: 960px) and (max-width: 1199px) { .product-tile .product-promo-badging { font-size: 0.75rem; } } .product-tile .product-promo-badging .promotional-message { padding-top: 0.1875rem; word-break: normal; } .product-tile .home-cyo { display: flex; align-items: center; font-size: 0.75rem; margin-top: 0.9375rem; } @media screen and (min-width: 960px) { .product-tile .home-cyo { margin-top: 1.25rem; } } .product-tile .home-cyo::before { content: " "; background-image: url("../../assets/images/color-wheel.svg"); background-size: 14px; background-position: 0px center; height: 0.875rem; width: 0.875rem; display: inline-block; margin-right: 0.25rem; } .product-tile .product-image + .product-promo-badging { margin-top: 0.625rem; word-break: break-word; line-height: 1rem; } .product-tile .product-compare { float: left; line-height: 0.6875rem; } .product-tile .product-compare label { font-weight: 400; line-height: 1; padding: 0px 0px 0px 0.5em; width: auto; } .product-tile .product-compare input { float: left; margin: 0px; } .product-tile .product-review { margin-bottom: 1em; } .product-tile .product-review .rating-title { display: inline-block; margin-right: 1em; } .product-tile .product-review .rating { display: inline-block; } .wide-tiles .product-tile { height: auto !important; } .wide-tiles .product-tile .product-image { float: left; padding-right: 2em; } .wide-tiles .product-tile .product-name, .wide-tiles .product-tile .product-pricing, .wide-tiles .product-tile .product-promo, .wide-tiles .product-tile .product-review, .wide-tiles .product-tile .product-swatches { float: left; text-align: left; width: 65%; } .product-tile .alt-fading-in, .product-tile .fading-in { opacity: 0; width: 100%; visibility: hidden; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; } .product-tile .alt-fading-in.display, .product-tile .fading-in.display { opacity: 1; visibility: visible; } @media screen and (max-width: 960px) { .product-tile .alt-fading-in, .product-tile .fading-in { opacity: 1; visibility: visible; } } .product-tile .featured-image video, .product-tile .first-image video, .product-tile .swiper-slide video { width: 100%; height: 100%; } .product-tile .swiper-button-next, .product-tile .swiper-button-prev { background: none; height: 3.125rem; width: 3.125rem; padding: 0.625rem; margin-top: -55px; } @media screen and (max-width: 960px) { .product-tile .swiper-button-next, .product-tile .swiper-button-prev { display: none; } } .product-tile .swiper-button-prev { left: 0px; } .product-tile .swiper-button-prev .swiper-button-inner::before { content: ""; } .product-tile .swiper-button-next { right: 0px; } .product-tile .swiper-button-next .swiper-button-inner::before { content: ""; margin-left: 0.1875rem; } .product-tile .swiper-button-inner { align-items: center; background-color: transparent; border-radius: 6px; display: flex; height: 100%; justify-content: center; transition: background-color 0.2s ease-in; width: 100%; } .product-tile .swiper-button-inner:hover { background-color: rgba(255, 255, 255, 0.85); } .product-tile .swiper-button-inner:active { background-color: rgb(255, 255, 255); } .product-tile .swiper-button-inner::before { font-family: RL-icons; font-size: 1rem; color: rgb(4, 30, 58); } .product-tile .swiper.animated .swiper-wrapper { animation: 0.8s ease 0.2s 2 normal none running swiper-bounce; } .toggled-layout .featured-product .product-tile { text-align: center; margin: auto; } .toggled-layout .featured-product .product-tile .brand-name { justify-content: center; } .toggled-layout .featured-product .product-tile .altImgPlp { position: static; opacity: 1; visibility: visible; } .product-tile .product-tile-quick-shop.qs-icon { display: none; } @media screen and (max-width: 959px) { .toggled-layout .featured-product .product-tile { --featured-swiper-padding: 24px; --featured-image-width: 80%; width: 100%; } .toggled-layout .featured-product .product-tile .altImgPlp { display: block; } .toggled-layout .featured-product .product-tile .featured-image { position: relative; } .toggled-layout .featured-product .product-tile .product-name { padding: 0px 40px; } .toggled-layout .featured-product .product-tile .quickshop-btn-mobile { top: auto; bottom: 15px; left: 15px; } .toggled-layout .featured-product .product-tile .tile-badge { width: var(--featured-image-width); height: auto; inset: auto 15px 15px auto; } .toggled-layout .featured-product .product-tile .plp-favorites { right: var(--featured-swiper-padding); } .toggled-layout .featured-product .product-tile .thumb-link:not(.featured-single-image) { display: flex; gap: 9px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; } .toggled-layout .featured-product .product-tile .thumb-link:not(.featured-single-image) > .featured-image { width: var(--featured-image-width); flex-shrink: 0; } .toggled-layout .featured-product .product-tile .thumb-link:not(.featured-single-image) > .featured-image:first-of-type { margin-left: var(--featured-swiper-padding); } .toggled-layout .featured-product .product-tile .thumb-link:not(.featured-single-image) > .featured-image:last-of-type { margin-right: var(--featured-swiper-padding); } .toggled-layout .featured-product .product-tile .thumb-link.featured-single-image .featured-image { width: calc(100% - var(--featured-swiper-padding)*2); margin: auto; } .product-tile .first-image { z-index: 2; } } @media screen and (min-width: 960px) { .toggled-layout .featured-product .product-tile { width: 81%; } .toggled-layout .featured-product .product-tile .product-tile-quick-shop.qs-btn { margin-top: 1.125rem; position: absolute; right: 0px; top: 0px; } .toggled-layout .featured-product .product-tile .product-tile-quick-shop.qs-icon { display: none; } .toggled-layout .featured-product .product-tile .product-name { padding: 0px 200px; } .toggled-layout .featured-product .product-tile .featured-single-image .product-name { padding: 0px 44px; } .toggled-layout .featured-product .product-tile .featured-single-image .product-tile-quick-shop.qs-btn { display: none; } .toggled-layout .featured-product .product-tile .featured-single-image .product-tile-quick-shop.qs-icon { position: absolute; display: block; top: 61px; right: 54px !important; } .toggled-layout .featured-product .product-tile .featured-single-image .product-tile-quick-shop.qs-icon .quickshop-btn-mobile { display: block; } .toggled-layout .featured-product .product-tile .product-name-row.favorite-enabled .product-tile-quick-shop { right: 20px; } .toggled-layout .featured-product .product-tile .thumb-link { display: flex; gap: 1px; } .toggled-layout .featured-product .product-tile .thumb-link > .featured-image { width: 50%; background-color: rgb(255, 255, 255); margin: auto; } .toggled-layout .featured-product .product-tile .thumb-link > img { width: 50%; left: 0px; } .toggled-layout .featured-product .product-tile .thumb-link .featured-image .product-tile-quick-shop { display: none; } .toggled-layout .featured-product .product-tile .thumb-link .featured-image .tile-badge { top: auto; bottom: 25px; left: 24px; width: auto; height: auto; } .toggled-layout .featured-product .product-tile .swatch-list { margin-left: 0.625rem; } } .product-tile .quickshop-btn-mobile { align-items: center; background-color: rgb(255, 255, 255); border-radius: 50%; display: flex; height: 25px; justify-content: center; left: 12px; position: absolute; top: -37px; width: 25px; z-index: 11; } .product-tile .quickshop-btn-mobile::before { color: rgb(4, 30, 58); content: ""; font-family: RL-icons; font-size: 1rem; } .product-tile .quickshop-btn-mobile .quickshop-link { bottom: -12px; display: block; height: 50px; left: -12px; position: absolute; text-indent: 0px; white-space: nowrap; width: 50px; color: transparent; overflow: hidden !important; } @media screen and (min-width: 960px) { .product-tile .quickshop-btn-mobile { display: none; } } .product-tile .tile-badge { position: absolute; top: -34px; left: -12px; z-index: 8; opacity: 1; transition: opacity 0.3s ease-in; width: 100%; } @media screen and (min-width: 960px) { .product-tile .tile-badge { top: -48px; left: 20px; } } .product-tile .tile-badge.tile-badge { padding: 0px; } .product-tile .tile-badge-inner { background-color: rgb(255, 255, 255); border-radius: 4px; float: right; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-size: 0.5rem; line-height: 0.625rem; text-transform: uppercase; color: rgb(4, 30, 58); } @media screen and (min-width: 960px) { .product-tile .tile-badge-inner { font-size: 0.625rem; } } @media screen and (max-width: 767px) { .mob-double .product-tile .tile-badge-inner { font-size: 0.625rem; right: 19px; top: -42px; } } @media screen and (min-width: 960px) { .product-tile .tile-badge-inner { float: left; left: 20px; right: auto; top: -50px; } } .product-tile .tile-badge-inner.tile-badge-inner { padding: 0.3125rem 0.4375rem; } @media screen and (max-width: 767px) { .mob-double .product-tile .tile-badge-inner.tile-badge-inner { padding: 0.4375rem 0.625rem; } } @media screen and (min-width: 767px) { .product-tile .tile-badge-inner.tile-badge-inner { padding: 0.5625rem 0.75rem; } } @media screen and (min-width: 960px) { .grid-tile:not(.featured-product) .product-tile:hover .tile-badge { opacity: 0; pointer-events: none; } } .product-tile .rlc-lazyLoad::before { background-color: rgb(240, 238, 237); inset: 0px; content: ""; position: absolute; } .product-tile .rlc-lazyLoad.rlc-imgLoaded::before { display: none; } .lowred { color: rgb(211, 41, 41); margin: 0px; } .lowblack { color: rgb(0, 0, 0); margin: 0px; } .capture-product-id { left: -999em; position: absolute; } .depends-on-quick-shop.qs-device-mobile, .product-tile-quick-shop.qs-device-mobile { display: block; } @media screen and (min-width: 767px) { .depends-on-quick-shop.qs-device-mobile, .product-tile-quick-shop.qs-device-mobile { display: none; } } @media screen and (max-width: 767px) { .depends-on-quick-shop.qs-device-mobile.quickshop-container, .product-tile-quick-shop.qs-device-mobile.quickshop-container { display: none; } } .depends-on-quick-shop.qs-device-desktop, .product-tile-quick-shop.qs-device-desktop { display: none; } @media screen and (min-width: 767px) { .depends-on-quick-shop.qs-device-desktop, .product-tile-quick-shop.qs-device-desktop { display: block; } } .product-tile.product-tile-simple .product-data-info { padding-left: 0px; padding-right: 0.625rem; } .img-err.img-err-replace img, .img-err.replaced-image-center .replaced-image { transform: scale(0.5); object-fit: scale-down; margin: auto; max-width: 100% !important; } @media screen and (min-width: 960px) { .img-err.img-err-replace img, .img-err.replaced-image-center .replaced-image { transform: scale(1); } } .img-err.img-err-replace { height: 100%; } .img-err.img-err-replace, .img-err.replaced-image-center { display: flex; justify-content: center; align-items: center; } @media screen and (min-width: 960px) { .pt_product-search-result .primary-content.m-redesign_24 .search-result-content { padding: 0px 6%; } } .pt_product-search-result .primary-content h1.content-header { padding-left: 15px; } .pt_product-search-result:has(.search-result-main-section.new-gridbreak .gridbreak-title, .search-result-main-section.new-gridbreak .gridbreak-title-first) .plp-content-slot:not(:has(.banner-default-over-bgd, .rlc-picture)) .plp-banner-default .plp-info { padding-bottom: 1.875rem; } @media screen and (min-width: 960px) { .pt_product-search-result:has(.search-result-main-section.new-gridbreak .gridbreak-title, .search-result-main-section.new-gridbreak .gridbreak-title-first) .plp-content-slot:not(:has(.banner-default-over-bgd, .rlc-picture)) .plp-banner-default .plp-info { padding-bottom: 2.5rem; } } .pt_product-search-result:has(.search-result-main-section.new-gridbreak .gridbreak-title, .search-result-main-section.new-gridbreak .gridbreak-title-first) .plp-content-slot:not(:has(.banner-default-over-bgd, .rlc-picture)) + #main[role="main"] .sticky-block { border-top: 1px solid rgb(198, 200, 204); } .force-redraw { transform: translateZ(0px); } .pt_content-search-result .primary-content > h1, .pt_content-search-result .primary-content > h2, .pt_content-search-result .primary-content > p, .pt_product-search-noresult .primary-content > h1, .pt_product-search-noresult .primary-content > h2, .pt_product-search-noresult .primary-content > p { margin: 0px; } .pt_content-search-result .primary-content .no-hits-footer, .pt_content-search-result .primary-content .no-hits-help, .pt_content-search-result .primary-content .no-hits-search, .pt_product-search-noresult .primary-content .no-hits-footer, .pt_product-search-noresult .primary-content .no-hits-help, .pt_product-search-noresult .primary-content .no-hits-search { width: 100%; clear: both; float: none; } .pt_content-search-result .primary-content .pagination, .pt_product-search-noresult .primary-content .pagination { float: none; } @media screen and (min-width: 960px) { .paginationText { display: none; } } @media screen and (max-width: 960px) { .active-menu { height: 100%; left: 0px; right: 0px; margin: 0px; overflow: hidden !important; } } @media screen and (min-width: 960px) { .top-pagination .pagination { display: block; position: relative; z-index: 10; } .top-pagination .pagination .results-hits { display: none; } } @media screen and (max-width: 960px) { .top-pagination .pagination { text-align: center; } .top-pagination .pagination .pagination-number { display: none; } .top-pagination .pagination a { text-decoration: underline; position: relative; right: 0px; } } .bottom-pagination .pagination { display: none; } .no-hits-search { margin: 1.5rem 0px 2.1875rem; width: 50%; } .no-hits-search form { margin-bottom: 1.25rem; } .no-hits-search .form-row { margin: 0px; display: flex; width: 100%; } @media screen and (min-width: 960px) { .no-hits-search .form-row { width: 50%; } } .no-hits-search .form-row::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 0.875rem; padding-right: 0px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); display: inline-block !important; } @media screen and (min-width: 960px) { .no-hits-search .form-row::after { font-size: 1rem; } } .no-hits-search .field-wrapper { padding-left: 3.25rem; margin-bottom: 0px; border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(0, 0, 0) currentcolor rgb(0, 0, 0) rgb(0, 0, 0); border-image: none; } .no-hits-search input.try-search { width: 100%; float: left; clear: both; box-sizing: border-box; height: 3.25rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 1.125rem 0.5625rem 0.75rem 0px; } .no-hits-search button { width: 25%; padding-top: 0px; padding-bottom: 0px; line-height: normal; margin: 0px; } @media screen and (max-width: 959px) { .no-hits-search button { width: 35%; color: transparent; position: relative; } .no-hits-search button::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0px; background: url("../../assets/images/df_right_arrow.svg") 50% center no-repeat; } } .try-your-search { width: 100%; float: left; clear: both; margin: 1.875rem 0px 0px; } .try-your-search p { margin: 0px 0px 0.625rem; } .try-your-search ul { margin: 0px; padding: 0px; list-style: none; } .try-your-search ul li { margin: 0px 0px 0.5rem 1.125rem; list-style: disc; line-height: normal; } #wrapper.pt_error h1, #wrapper.pt_product-search-noresult h1 { padding: 0px; margin: 0px; } #wrapper.pt_error .section-header, #wrapper.pt_product-search-noresult .section-header { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0.625rem 0px 0px; width: 100%; float: left; clear: both; margin: 0px; } #wrapper.pt_error .section-header p, #wrapper.pt_product-search-noresult .section-header p { margin: 6px 0px; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.25rem; line-height: 2.125rem; text-transform: none; } @media screen and (min-width: 960px) { #wrapper.pt_error .section-header p, #wrapper.pt_product-search-noresult .section-header p { font-size: 1.75rem; line-height: 2.5rem; } } #wrapper.pt_error .error-page-header, #wrapper.pt_product-search-noresult .error-page-header { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0.625rem 0px 0px; width: 100%; float: left; clear: both; margin: 0px 0px 2.0625rem; } #wrapper.pt_error .error-page-header p, #wrapper.pt_product-search-noresult .error-page-header p { color: rgb(4, 30, 58); margin: 6px 0px; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.25rem; line-height: 1.5rem; text-transform: none; } @media screen and (min-width: 960px) { #wrapper.pt_error .error-page-header p, #wrapper.pt_product-search-noresult .error-page-header p { font-size: 1.75rem; line-height: 2.5rem; } } #wrapper.pt_error .no-hits-footer, #wrapper.pt_product-search-noresult .no-hits-footer { background: none; margin: 0px; padding: 0px; } #wrapper.pt_error .no-hits-footer .no-hits-footer-content, #wrapper.pt_product-search-noresult .no-hits-footer .no-hits-footer-content { width: 90%; float: left; } #wrapper.pt_error .best-seller-section, #wrapper.pt_product-search-noresult .best-seller-section { margin: 3.125rem 0px 0px; padding: 2.5rem 0px 0px; border-top: 1px solid rgb(209, 209, 209); } @media screen and (min-width: 960px) { #wrapper.pt_error .best-seller-section, #wrapper.pt_product-search-noresult .best-seller-section { margin: 3.75rem 0px 0px; padding: 2.8125rem 0px 0px; } } #wrapper.pt-error-page h1:not(.primary-logo) { text-transform: capitalize; display: block; float: left; clear: both; width: 100%; } #wrapper.pt-error-page .try-your-search ul { margin: 0.9375rem 0px 0px; } #wrapper.pt-error-page .error-page-search, #wrapper.pt-error-page .pt_error { width: 100%; float: left; clear: both; } .category-main-banner img { max-width: 100%; } .no-hits-search-term, .no-hits-search-term-suggest { color: rgb(71, 71, 71); font-style: normal; } a.no-hits-search-term-suggest { text-decoration: underline; } .no-hits-footer { background: url("../../assets/images/icon-double-line-header.png") 0px 0px repeat-x scroll transparent; margin: 1.25rem 0px; padding: 1.25rem 0px; } .search-result-bookmarks { width: 100%; color: rgb(4, 30, 58); font-size: 11px; text-transform: uppercase; position: static; margin: 20px 0px 10px; padding: 0px; display: table; text-align: center; z-index: 2; } .search-result-bookmarks.extra-spacing { margin: -23px 0px 0px 29.75%; } .search-result-bookmarks a { border-right: 1px solid rgb(4, 30, 58); text-decoration: underline; color: rgb(71, 71, 71); padding: 0px 10px; text-transform: capitalize; } .search-result-bookmarks a.second { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } @media screen and (min-width: 960px) { .search-result-bookmarks { padding: 0px; margin: -23px 0px 0px 12.5%; position: relative; text-align: left; display: block; width: auto; } .search-result-bookmarks a { padding: 0px 5px; } } @media screen and (min-width: 961px) and (max-width: 1024px) { .search-result-bookmarks { margin: -22px 0px 0px 2%; } .search-result-bookmarks.extra-spacing { margin: -22px 0px 0px 26.135%; } } .best-seller-section, .error-page-global-banner, .infinite-scroll-placeholder { width: 100%; float: left; clear: both; } .best-seller-section .search-result-slides-items { margin: 0px 0px 2.8125rem; border-top: 1px solid rgb(209, 209, 209); } .best-seller-section .best-seller-section-title { margin: 2.8125rem 0px; width: 100%; float: left; clear: both; text-align: center; } .best-seller-section .horizontal-carousel-main { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding: 0px; margin: 0px; } .filter-control img { float: none; width: 14px; margin: 0px 10px 0px 0px; display: inline-block; height: 30px; vertical-align: middle; } .show-filter-mobile { background: url("../../assets/images/form-down-arrow.svg") 93% 16px / 0.8125rem no-repeat rgb(255, 255, 255); width: 45%; float: left; padding: 0px 0.9375rem; border: 1px solid rgb(209, 209, 209); height: 2.5rem; margin: 0px; text-align: left; display: none; } .show-filter-mobile:active, .show-filter-mobile:hover { background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); } h1.search-result-bookmarks-header { display: none; } @media screen and (max-width: 960px) { .hide-mobile { display: none; } } @media screen and (min-width: 960px) { .hide-desktop { display: none; } } @media screen and (max-width: 959px) { .hide-mobile-down { display: none; } } .quick-filter-mobile { border-bottom: 1px solid rgb(229, 229, 229); } @media screen and (min-width: 960px) { .quick-filter-mobile { display: none; } } .quick-filter-mobile .swiper-wrapper { padding: 0px; margin: 0px; } .quick-filter-mobile .swiper-slide { display: inline-block; width: auto; list-style-type: none; margin: 0px 20px; padding: 16px 0px; } .quick-filter-mobile .swiper-slide a { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-size: 11px; letter-spacing: 0.5px; color: rgb(4, 30, 58); } .quick-filter-mobile .swiper-slide a:hover { text-decoration: none; } .quick-filter-mobile .swiper-slide.selected { border-bottom: 2px solid rgb(4, 30, 58); } .search-result-main-section .gridbreak-title, .search-result-main-section .gridbreak-title-first { font-size: 1rem; line-height: 1.5em; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; color: rgb(4, 30, 58); } @media screen and (min-width: 960px) { .search-result-main-section .gridbreak-title, .search-result-main-section .gridbreak-title-first { font-size: 1.5rem; line-height: 1.66667em; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .search-result-main-section .gridbreak-title, .search-result-main-section .gridbreak-title-first { font-size: 1.25rem; line-height: 2em; } } @media screen and (min-width: 1200px) { .search-result-main-section .gridbreak-title, .search-result-main-section .gridbreak-title-first { font-size: 1.375rem; line-height: 1.81818em; } } .search-result-main-section .gridbreak-title { padding: 0.625rem 1.875rem; } @media screen and (min-width: 960px) { .search-result-main-section .gridbreak-title { padding-left: 6%; } } @media screen and (min-width: 1440px) { .search-result-main-section .gridbreak-title { padding: 1.25rem 6%; } } @media screen and (min-width: 960px) { .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first) .sticky-block .breadcrumbs-placeholder { display: block; } .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first) .sticky-block.sticky .gridbreak-title, .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first) .sticky-block.sticky .gridbreak-title-first { font-size: 1.125rem; padding-bottom: 0px; } } @media screen and (min-width: 960px) { .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first) .gridbreak-title, .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first) .gridbreak-title-first { text-align: center; padding: 0px; } .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first) .gridbreak-title-first:not(.gridbreak-title-first), .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first) .gridbreak-title:not(.gridbreak-title-first) { padding-bottom: 1.5625rem; } .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first) .search-result-content .search-result-items.grid-container { padding-bottom: 1.875rem; } } .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first):is(:has(.gridbreak-content .gridbreak-title)) #bottom-pagination:has(.pagination) { position: relative; } @media screen and (min-width: 960px) { .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first):is(:has(.gridbreak-content .gridbreak-title)) #bottom-pagination:has(.pagination) { margin-top: 0px; } } .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first):is(:has(.gridbreak-content .gridbreak-title)) #bottom-pagination:has(.pagination)::before { content: ""; position: absolute; width: 100%; top: 50%; border-bottom: 1px solid rgb(198, 200, 204); } .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first):is(:has(.gridbreak-content .gridbreak-title)) #bottom-pagination:has(.pagination) .pagination { width: fit-content; margin: 0px auto; background-color: rgb(255, 255, 255); } .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first):is(:has(.gridbreak-content .gridbreak-title)) #bottom-pagination:has(.pagination) .pagination .pagination-flex { margin: 1rem 0.9375rem 2.5rem; } @media screen and (min-width: 960px) { .search-result-main-section.new-gridbreak:has(.gridbreak-title, .gridbreak-title-first):is(:has(.gridbreak-content .gridbreak-title)) #bottom-pagination:has(.pagination) .pagination .pagination-flex { margin: 1rem 3.125rem 5rem; } } .gridbreak-deck { font-size: 12px; line-height: 22px; margin-top: -23px; margin-bottom: 25px; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 960px) { .gridbreak-deck { margin-top: -29px; margin-bottom: 50px; padding-left: 0px; padding-right: 0px; } } .search-result-content .search-result-items.grid-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 16px; width: 100%; padding-bottom: 40px; grid-auto-flow: dense; } @media screen and (min-width: 767px) { .primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container { grid-template-columns: repeat(3, 1fr); } } .search-result-content .search-result-items.grid-container > div { width: 100%; overflow: hidden; } .search-result-content .search-result-items.grid-container > div.ingridOneByOne > .product-tile { width: calc(100% + 0.5px); } .search-result-content .search-result-items.grid-container .ingridOneByOne { grid-area: span 1 / span 1; min-width: 0px; } .search-result-content .search-result-items.grid-container .ingridOneByTwo { grid-area: span 1 / span 2; } .search-result-content .search-result-items.grid-container .featured-product, .search-result-content .search-result-items.grid-container .ingridOneByFour { grid-area: span 1 / span 4; } @media screen and (min-width: 767px) { .primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container .featured-product, .primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container .ingridOneByFour { grid-column: span 3; } } @media screen and (min-width: 960px) { .primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container .featured-product, .primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container .ingridOneByFour { margin: 0px -6.81818%; width: 113.636%; } } .search-result-content .search-result-items.grid-container .ingridTwoByTwo { grid-area: span 2 / span 2; } .search-result-content .search-result-items.grid-container .ingridOneByThree { grid-area: span 1 / span 3; } @media screen and (min-width: 960px) { .primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container .ingridOneByThree { margin: 0px -6.81818%; width: 113.636%; } } .search-result-content .search-result-items.grid-container .ingridTwoByOne { grid-area: span 2 / span 1; } .desk-double .search-result-content .search-result-items.grid-container, .search-result-content .search-result-items.grid-container.desk-double { padding-left: calc(4% + 16px); padding-right: calc(4% + 16px); grid-template-columns: repeat(2, 1fr); } .desk-double .search-result-content .search-result-items.grid-container .ingrid, .search-result-content .search-result-items.grid-container.desk-double .ingrid { display: none; } .desk-double .search-result-content .search-result-items.grid-container .featured-product, .search-result-content .search-result-items.grid-container.desk-double .featured-product { grid-area: span 1 / span 1; } .desk-double.m-redesign_24 .search-result-content .search-result-items.grid-container, .m-redesign_24 .search-result-content .search-result-items.grid-container.desk-double { padding-left: 0px; padding-right: 0px; } @media screen and (min-width: 767px) { .desk-double.m-redesign_24 .search-result-content .search-result-items.grid-container, .m-redesign_24 .search-result-content .search-result-items.grid-container.desk-double { grid-template-columns: repeat(3, 1fr); } } .desk-double.m-redesign_24 .search-result-content .search-result-items.grid-container .ingrid, .m-redesign_24 .search-result-content .search-result-items.grid-container.desk-double .ingrid { display: initial; } .desk-double.m-redesign_24 .search-result-content .search-result-items.grid-container .featured-product, .m-redesign_24 .search-result-content .search-result-items.grid-container.desk-double .featured-product { grid-area: span 1 / span 3; } @media screen and (min-width: 667px) { .desk-three .search-result-content .search-result-items.grid-container { grid-template-columns: repeat(2, 1fr); row-gap: 50px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; } .desk-three .search-result-content .search-result-items.grid-container .featured-product { grid-area: span 1 / span 3; } } @media screen and (min-width: 767px) { .desk-three .search-result-content .search-result-items.grid-container { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 960px) { .desk-three .search-result-content .search-result-items.grid-container { padding-left: 0px; padding-right: 0px; } } .primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container { column-gap: 1px; } @media screen and (min-width: 667px) { .primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container { row-gap: 60px; padding-bottom: 60px; } } @media screen and (max-width: 767px) { .primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container { row-gap: 36px; padding-bottom: 36px; } } @media screen and (max-width: 767px) and (max-width: 666px) { .desk-three.mob-double .search-result-content .search-result-items.grid-container .featured-product { grid-area: span 1 / span 1; } } @media screen and (max-width: 767px) { .desk-three.mob-double .search-result-content .search-result-items.grid-container .ingrid { display: block; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .desk-three.mob-double .search-result-content .search-result-items.grid-container .ingrid { grid-column: span 1; margin-right: -40px; } } @media screen and (max-width: 767px) and (min-width: 667px) { .desk-three.mob-double .search-result-content .search-result-items.grid-container .ingrid { grid-column: span 2; } } @media screen and (max-width: 959px) { .search-result-content .search-result-items.grid-container .featured-product { grid-area: span 1 / span 2; } .mob-double .search-result-content .search-result-items.grid-container .featured-product, .search-result-content .search-result-items.grid-container.mob-double .featured-product { grid-area: span 1 / span 1; } } @media only screen and (max-width: 767px) { .search-result-content .search-result-items.grid-container { grid-template-columns: repeat(2, 1fr); } .search-result-content .search-result-items.grid-container .ingridOneByOne { grid-area: span 1 / span 1; min-width: 0px; } .primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container .ingridOneByOne.ingrid { grid-column: span 2; } .search-result-content .search-result-items.grid-container .ingridOneByFour, .search-result-content .search-result-items.grid-container .ingridOneByTwo { grid-area: span 1 / span 2; } .search-result-content .search-result-items.grid-container .ingridTwoByTwo { grid-area: span 2 / span 2; margin-bottom: 9%; } .search-result-content .search-result-items.grid-container .ingridOneByThree { grid-area: span 1 / span 2; } .search-result-content .search-result-items.grid-container .ingridTwoByOne { grid-area: span 2 / span 1; } .mob-double .search-result-content .search-result-items.grid-container, .search-result-content .search-result-items.grid-container.mob-double { padding-left: 20px; padding-right: 20px; grid-template-columns: repeat(1, 1fr); } .mob-double .search-result-content .search-result-items.grid-container .ingrid, .search-result-content .search-result-items.grid-container.mob-double .ingrid { display: none; } .mob-double.primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container, .search-result-content .search-result-items.grid-container.mob-double.primary-content.m-redesign_24 { padding-left: 0px; padding-right: 0px; } .mob-double.primary-content.m-redesign_24 .search-result-content .search-result-items.grid-container .ingrid, .search-result-content .search-result-items.grid-container.mob-double.primary-content.m-redesign_24 .ingrid { display: block; grid-column: span 1; } } .search-result-content .search-result-items:not(.grid-container) { margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; } .search-result-content .search-result-items:not(.grid-container) > li { display: inline-block; margin: 0px 0px 36px; } .search-result-content .search-result-items:not(.grid-container) > li.plp-custom-image-section img { width: 100%; float: left; height: 100%; } .search-result-content .search-result-items:not(.grid-container) .invisible { display: none; } @media screen and (max-width: 959px) { .search-result-content .search-result-items:not(.grid-container) { width: calc(100% + 7.5px); } .search-result-content .search-result-items:not(.grid-container) > li { width: calc(50% - 7.5px); margin-right: 7.5px; } .search-result-content .search-result-items:not(.grid-container).mob-double { width: 100%; } .search-result-content .search-result-items:not(.grid-container).mob-double > li { margin-right: 0px; width: 100%; } } @media screen and (min-width: 960px) { .search-result-content .search-result-items:not(.grid-container) { width: calc(100% + 12.75px); } .search-result-content .search-result-items:not(.grid-container) > li { list-style: none; margin: 0px 12.75px 3.125rem 0px; padding: 0px; width: calc(25% - 12.75px); } .desk-double .search-result-content .search-result-items:not(.grid-container), .search-result-content .search-result-items:not(.grid-container).desk-double { width: calc(100% + 8.5px); } .desk-double .search-result-content .search-result-items:not(.grid-container) > li, .search-result-content .search-result-items:not(.grid-container).desk-double > li { width: calc(50% - 8.5px); margin-right: 8.5px; } } .search-result-content { clear: both; margin: 0px; } .search-result-content .product-price .price-standard { color: rgb(117, 117, 117); font-weight: 100; text-decoration: line-through; } #results-content { width: 100%; float: left; clear: both; padding-top: 1.875rem; } .folder-content-list { width: 100%; float: left; clear: both; list-style: none; text-align: left; padding: 0px; } .folder-content-list li { width: 100%; float: left; margin: 0px 0px 1.875rem; } @media screen and (min-width: 361px) { .folder-content-list li { width: 100%; } } @media screen and (min-width: 960px) { .folder-content-list li { width: 50%; margin: 0px 0px 3.75rem; } } .folder-content-list p { line-height: 1.4375rem; margin: 0px; clear: both; } .folder-content-list .content-title { display: inline-block; clear: both; margin: 0px 0px 0.625rem; } .folder-content-list .readmore { display: inline-block; padding: 0.625rem 0px 1.25rem; clear: both; } .folder-content-list .folder-list-section { width: 100%; } @media screen and (min-width: 960px) { .folder-content-list .folder-list-section { width: 65%; } } .article-section { width: 100%; float: left; clear: both; margin: 1.875rem 0px 0px; padding: 0px; } .article-section .search-results-content-sec { padding: 3.125rem 0px; border-top: 1px solid rgb(209, 209, 209); width: 100%; float: left; clear: both; text-align: right; } .article-section .search-results-content-sec .view-all-artcles { display: inline-block; color: rgb(4, 30, 58); text-align: left; margin: 0px 0px 3.125rem; } .article-section .search-results-content-sec span { display: inline-block; } .article-section .search-results-content-sec .readmore { display: block; padding: 0px; text-transform: capitalize; text-decoration: underline; } @media screen and (min-width: 960px) { .article-section { padding: 2.1875rem; } .article-section .view-all-artcles { text-align: right; } } .list-text { width: 100%; float: left; clear: both; height: 38px; overflow: hidden; text-transform: capitalize; color: rgb(71, 71, 71); } @media screen and (min-width: 960px) { .list-text { height: 49px; } } .no-results { padding: 1.25rem; } .toggle-grid { display: block; float: left; margin-right: 0.5em; } .toggle-grid i { cursor: pointer; margin-right: 0.3em; } .toggle-grid.wide [data-option="wide"], .toggle-grid [data-option="column"] { color: rgb(4, 30, 58); } .toggle-grid.wide [data-option="column"] { color: rgb(118, 118, 118); } .search-result-items .grid-tile { position: relative; } .wide-tiles .search-result-items .grid-tile { width: 91%; } .wide-tiles .product-tile .product-swatches { bottom: auto; left: auto; position: relative; right: auto; margin-top: 5px; } .wide-tiles .product-tile .product-swatches li { float: left; } @media screen and (min-width: 961px) and (max-width: 1024px) { .searchArticle .sort-by { width: 15%; } } .category-name { text-transform: capitalize; padding-top: 15px; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; } .category-name.cat-landing-name { width: 100%; text-align: center; padding: 1.875rem 0px; } @media screen and (max-width: 960px) { .breadcrumb.productsearch-breadcrumb-wrapper { display: none; } } .breadcrumb.productsearch-breadcrumb-wrapper .sortedby { display: none; } .breadcrumb.productsearch-breadcrumb-wrapper .full-breadcrumb-wrapper { float: left; width: auto; } .breadcrumb.productsearch-breadcrumb-wrapper .breadcrumb-refinement-value { background-color: rgb(248, 248, 248); padding: 4px 7px 4px 10px; margin: 2px; display: inline-block; text-transform: none; } .breadcrumb.productsearch-breadcrumb-wrapper .breadcrumb-refinement-value a.breadcrumb-relax { margin: 5px; font-size: 8px; } .productsearch-result { max-width: 1440px; padding: 0px 1.25rem 1.25rem; margin: 0px auto; color: rgb(4, 30, 58); } @media screen and (max-width: 767px) { .productsearch-result { padding-bottom: 0px; } } @media screen and (min-width: 960px) { .productsearch-result { padding: 0px 0px 1.5rem; } } .productsearch-result .productsearch-result-main { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.125rem; line-height: 2.5rem; text-align: center; } @media screen and (min-width: 960px) { .productsearch-result .productsearch-result-main { font-size: 1.5rem; } } .productsearch-result .productsearch-result-none { text-align: center; } .productsearch-result .nosearch-result-suggest, .productsearch-result .productsearch-result-none, .productsearch-result .productsearch-result-suggest { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; margin-top: 0.8125rem; } @media screen and (min-width: 960px) { .productsearch-result .nosearch-result-suggest, .productsearch-result .productsearch-result-none, .productsearch-result .productsearch-result-suggest { font-size: 0.8125rem; } } .productsearch-result.productsearch-result-with-autosuggest-wave2 { max-width: 100%; padding: 0px 0px 1.5rem; } @media screen and (min-width: 960px) { .productsearch-result.productsearch-result-with-autosuggest-wave2 { padding: 0px 0px 1.5rem; } } .productsearch-result.productsearch-result-with-autosuggest-wave2 .productsearch-result-main { font-size: 1.25rem; text-align: left; padding: 0px 1.875rem; line-height: 1; } @media screen and (min-width: 960px) { .productsearch-result.productsearch-result-with-autosuggest-wave2 .productsearch-result-main { font-size: 2.75rem; line-height: 2.5rem; padding: 0px 6%; } } .productsearch-result.productsearch-result-with-autosuggest-wave2 .productsearch-result-none { text-align: left; padding: 0px 1.875rem; } @media screen and (min-width: 960px) { .productsearch-result.productsearch-result-with-autosuggest-wave2 .productsearch-result-none { padding: 0px 6%; } } .productsearch-result-end-line { border-bottom: 1px solid rgb(229, 229, 229); } .productsearch-no-hits-popular, .productsearch-result-divisions { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; margin-top: 1.25rem; line-height: 1.125rem; } .productsearch-no-hits-popular span, .productsearch-result-divisions span { float: left; margin-right: 1.6875rem; } .productsearch-no-hits-popular ul, .productsearch-result-divisions ul { display: inline; vertical-align: top; padding: 0px; } .productsearch-no-hits-popular li, .productsearch-result-divisions li { float: left; display: block; } .productsearch-no-hits-popular li .button, .productsearch-result-divisions li .button { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } .productsearch-result-divisions { font-size: 0.875rem; } @media screen and (min-width: 960px) { .productsearch-result-divisions { font-size: 1.125rem; } } .productsearch-result-divisions li { margin-right: 2.5rem; margin-bottom: 0.875rem; } .productsearch-no-hits-popular { font-size: 0.75rem; } @media screen and (min-width: 960px) { .productsearch-no-hits-popular { font-size: 1rem; } } .productsearch-no-hits-popular li { margin-right: 2.1875rem; } .clear-all-filters-link { font-size: 12px; margin: 0px 12px 12px 0px; padding: 6px 4px 6px 8px; } @media screen and (max-width: 960px) { .clear-all-filters-link { display: none; } } #bottom-pagination.bottom-pagination-plp { clear: both; } #bottom-pagination.bottom-pagination-plp.no-pointer-events .pagination-flex { opacity: 0.5; transition: opacity 0.3s ease-in-out; } #bottom-pagination .pagination { color: rgb(109, 111, 115); font-size: 0.8125rem; position: relative; width: 100%; } @media screen and (min-width: 960px) { #bottom-pagination .pagination { margin-top: 0.75rem; text-align: center; } } #bottom-pagination .pagination li { text-align: -webkit-auto; } #bottom-pagination .pagination .results-hits { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; letter-spacing: 0.01562rem; color: rgb(109, 111, 115); font-size: 0.75rem; line-height: 1.5em; } #bottom-pagination .pagination .pagination-flex { margin: 1rem 1.5rem 2.5rem; display: flex; flex-direction: column; align-items: center; position: relative; } #bottom-pagination .pagination .pagination-flex.has-loader a { color: rgb(182, 182, 182); } #bottom-pagination .pagination .pagination-flex .loader { z-index: 11; } #bottom-pagination .pagination .pagination-flex .loader-indicator { width: 1.5625rem; height: 1.5625rem; top: 1.1875rem !important; } #bottom-pagination .pagination .pagination-flex .loader-indicator::after { width: 1.5625rem; height: 1.5625rem; animation: 0.5s linear 0s infinite normal none running rotation; } @media screen and (min-width: 960px) { #bottom-pagination .pagination .pagination-flex .loader-indicator { width: 2rem; height: 2rem; top: 1.5625rem !important; } #bottom-pagination .pagination .pagination-flex .loader-indicator::after { width: 2rem; height: 2rem; } } #bottom-pagination .pagination .view-all { text-decoration: underline; letter-spacing: normal; margin-top: 1.25rem; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; padding-bottom: 0.125rem; text-underline-offset: 2px; font-size: 0.875rem; line-height: 1em; } @media screen and (min-width: 960px) { #bottom-pagination .pagination .view-all { margin-top: 1rem; } } #bottom-pagination .pagination .view-all.with-gridbreaklabel { text-transform: none; } #bottom-pagination .pagination .more-button { margin: 0px; width: auto; min-width: 10.5625rem; min-height: auto; color: rgb(255, 255, 255); background-color: rgb(4, 30, 58); border: 1px solid rgb(4, 30, 58); border-radius: 4.375rem; letter-spacing: 0.0625rem; padding: 0.9375rem 1.625rem 0.875rem; font-weight: 400; position: relative; display: flex; justify-content: center; align-items: center; font-size: 0.6875rem; line-height: 0.90909em; } @media screen and (min-width: 960px) { #bottom-pagination .pagination .more-button { padding: 1.1875rem 1.625rem 1.125rem; min-width: 15rem; font-size: 0.875rem; line-height: 1em; } } #bottom-pagination .pagination .more-button:active, #bottom-pagination .pagination .more-button:focus, #bottom-pagination .pagination .more-button:hover { background-color: rgb(21, 52, 86); } #bottom-pagination .pagination .more-button::before { content: ""; font-family: RL-icons; color: rgb(255, 255, 255); font-weight: 700; vertical-align: middle; margin-right: 0.375rem; font-size: 0.625rem; line-height: 1em; } @media screen and (min-width: 960px) { #bottom-pagination .pagination .more-button::before { margin-right: 0.5rem; font-size: 0.8125rem; line-height: 1em; } } #bottom-pagination .pagination .more-button .loader-bg { background-color: rgb(4, 30, 58); opacity: 1; } #bottom-pagination .pagination .paginationText { display: none; } #bottom-pagination .pagination .pagination-number { list-style: none; display: inline-block; } @media screen and (max-width: 960px) { #bottom-pagination .pagination .pagination-number { padding-left: 0px; } } #bottom-pagination .pagination .pagination-number li { display: inline-block; line-height: 1.5rem; } #bottom-pagination .pagination .pagination-number li.pages { border: 1px solid rgb(209, 209, 209); padding: 0px 0.6875rem; } #bottom-pagination .pagination .pagination-number li.hide-next-button, #bottom-pagination .pagination .pagination-number li.hide-prev-button { background-color: rgb(238, 238, 238); border: 1px solid rgb(209, 209, 209); } #bottom-pagination .pagination .pagination-number li.hide-next-button a, #bottom-pagination .pagination .pagination-number li.hide-next-button a:hover, #bottom-pagination .pagination .pagination-number li.hide-prev-button a, #bottom-pagination .pagination .pagination-number li.hide-prev-button a:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } #bottom-pagination .pagination .pagination-number li a { border: 1px solid rgb(209, 209, 209); padding: 0.3125rem 0.6875rem; } @media screen and (max-width: 959px) { #bottom-pagination .pagination .pagination-number li a { padding: 0.375rem 0.6875rem; } } #bottom-pagination .pagination .pagination-number li a:hover { border: 1px solid rgb(71, 71, 71); } @media screen and (max-width: 960px) { #bottom-pagination .pagination { text-align: center; } } #bottom-pagination.view-all-active .more-button, #bottom-pagination.view-all-active .results-hits, #bottom-pagination.view-all-active .view-all { visibility: hidden; opacity: 0; } #bottom-pagination.view-all-active .pagination-flex .loader { height: 100% !important; } .page-display-toggle:not(.wishlist) fieldset { margin-left: 25px; } @media screen and (max-width: 960px) { .page-display-toggle:not(.wishlist) fieldset { display: none; } } @media screen and (min-width: 960px) { .page-display-toggle fieldset { display: block; margin-left: 25px; } } .page-display-toggle fieldset input { clip: rect(0px, 0px, 0px, 0px); height: 1px; width: 1px; border: 0px; overflow: hidden; position: absolute !important; } .page-display-toggle fieldset legend { text-indent: -9999em; clip: rect(0px, 0px, 0px, 0px); height: 1px; width: 1px; margin: 0px 0px 11px; } .page-display-toggle fieldset label { width: 16px; height: 16px; text-indent: -9999em; margin-bottom: 0px; cursor: pointer; } .page-display-toggle fieldset label::before { display: none; } .page-display-toggle fieldset > div { float: left; } .page-display-toggle fieldset > div:last-of-type { margin-left: 11px; } .page-display-toggle fieldset input#tile-size-regular + label { background: url("../../assets/images/4up-selector-deselected.svg") 50% center no-repeat; } .page-display-toggle fieldset input#tile-size-regular:checked + label { background: url("../../assets/images/4up-selector-selected.svg") 50% center no-repeat; } .page-display-toggle fieldset input#tile-size-larger + label { background: url("../../assets/images/2up-selector-deselected.svg") 50% center no-repeat; } .page-display-toggle fieldset input#tile-size-larger:checked + label { background: url("../../assets/images/2up-selector-selected.svg") 50% center no-repeat; } @media screen and (max-width: 960px) { .mob-clear-filters .clear-all-filters-link { display: block; float: left; margin: 0.625rem 0.75rem 0px 0px; } } .mob-clear-filters .clear-refinement-wrapper { float: left; white-space: nowrap; overflow-x: scroll; width: 100%; } .mob-clear-filters .clear-refinement-wrapper::-webkit-scrollbar { background: transparent; width: 0px !important; } @media screen and (min-width: 960px) { .mob-clear-filters { display: none; } } .active-menu #overlay { opacity: 0.5; transform: translateX(0px); } #overlay, .active-menu.delay-filter-flyout #overlay { position: fixed; width: 100vw; height: 100vh; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0; transition: opacity 0.4s ease-out; transform: translateX(100vw); z-index: 100; } .ui-quick-filter.ui-selectmenu-button { max-height: 300px; text-align: center; z-index: 3; text-transform: uppercase; margin: 32px auto auto; padding: 0px; min-height: 52px; line-height: 52px; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 11px; background: url("../../assets/images/dropdown.svg") calc(100% - 13px) 50% no-repeat transparent; min-width: 208px !important; } @media screen and (min-width: 960px) { .ui-quick-filter.ui-selectmenu-button { margin-top: 42px; } } .ui-quick-filter.ui-selectmenu-button.ui-selectmenu-button-open { border-width: 1px; border-style: solid; border-color: rgb(225, 225, 229) rgb(225, 225, 229) transparent; border-image: none; background: url("../../assets/images/dropup.svg") calc(100% - 13px) 50% no-repeat rgb(255, 255, 255); } .ui-quick-filter.ui-selectmenu-button .ui-selectmenu-text { margin-right: 0px; } .ui-quick-filter.ui-selectmenu-button .ui-selectmenu-text .text-item { padding: 0px 25px 0px 20px; } @media screen and (min-width: 960px) { .ui-quick-filter.ui-selectmenu-button .ui-selectmenu-text.add-padding { margin-right: 15px; } } .ui-quick-filter.ui-selectmenu-menu { z-index: 20; } .ui-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu { padding: 0px; margin: 0px; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(225, 225, 229) rgb(225, 225, 229); border-image: none; max-height: 260px; text-align: center; } .ui-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .hide { display: none !important; } .ui-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .ui-menu-item { line-height: 0; padding: 0px; margin: 0px; } .ui-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .ui-menu-item.viewall { display: none; } .ui-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .ui-menu-item .ui-menu-item-wrapper { padding: 0px; height: 52px; line-height: 52px; text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 11px; } .ui-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .ui-menu-item .ui-state-active { background-color: rgb(4, 30, 58); color: rgb(255, 255, 255); font-weight: 700; } .ui-quick-filter.image-quick-filter .filterImg, .ui-quick-filter.image-quick-filter .filterImgHover { min-height: 58px; line-height: 58px; width: 100%; background-repeat: no-repeat; background-position: 50% center; display: block; } .ui-quick-filter.image-quick-filter.ui-selectmenu-button { min-height: 58px; line-height: 58px; } .ui-quick-filter.image-quick-filter.ui-selectmenu-button .filterImg { display: block; } .ui-quick-filter.image-quick-filter.ui-selectmenu-button .filterImgHover, .ui-quick-filter.image-quick-filter.ui-selectmenu-button.ui-selectmenu-button-open .filterImg { display: none; } .ui-quick-filter.image-quick-filter.ui-selectmenu-button.ui-selectmenu-button-open .filterImgHover { display: block; } .ui-quick-filter.image-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .ui-menu-item { border-top: 1px solid rgb(225, 225, 229); list-style-image: none; } .ui-quick-filter.image-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .ui-menu-item .ui-menu-item-wrapper { min-height: 58px; line-height: 58px; } .ui-quick-filter.image-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .ui-menu-item .ui-menu-item-wrapper .filterImg { display: block; } .ui-quick-filter.image-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .ui-menu-item .ui-menu-item-wrapper .filterImgHover, .ui-quick-filter.image-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .ui-menu-item .ui-state-active .filterImg { display: none; } .ui-quick-filter.image-quick-filter.ui-selectmenu-menu #quickfilterSelect-menu.ui-menu .ui-menu-item .ui-state-active .filterImgHover { display: block; } .plp-drop-location-default { width: 100%; } @keyframes skeleton-loading { 0% { background-position: 200% 0px; } 100% { background-position: -200% 0px; } } .featured-image .hover-image-cont:not(.imgLoaded) .cat-image .ghosting-main, .featured-image .main-image-cont:not(.imgLoaded) .cat-image .ghosting-main, .featured-image .rlc-lazyLoad:not(.rlc-imgLoaded) .ghosting-main, .first-image .main-image-cont:not(.imgLoaded) .cat-image .ghosting-main, .first-image .rlc-lazyLoad:not(.rlc-imgLoaded) .ghosting-main, .pdp-single-media.rlc-lazyLoad:not(.rlc-imgLoaded) .ghosting-main, .video-slide:not(.loaded) .ghosting-main, div[class^="ghosting-"] .ghosting-info, div[class^="ghosting-"] .ghosting-main, div[class^="ghosting-"] .ghosting-title { animation: 2s ease 0s infinite normal none running skeleton-loading; background: linear-gradient(90deg, rgb(241, 241, 241) 25%, rgb(224, 224, 224) 50%, rgb(241, 241, 241) 75%) 0% 0% / 200% 100% rgb(241, 241, 241); } .ghosting-container { display: none; } .primary-content.m-redesign_24 > .ghosting-container { display: block; } .ghosting-element .ghosting-main, .ghosting-slide .ghosting-main { width: 100%; height: 100%; top: 0px; } .ghosting-main { position: absolute; } .ghosting-main::after { content: ""; display: block; padding-top: 120%; } .ghosting-title { max-width: 8.6875rem; height: 0.9375rem; margin: 0px 0px 0.625rem; } @media screen and (min-width: 960px) { .ghosting-title { max-width: 18.75rem; height: 1.375rem; margin: 2.25rem 0px 0.5rem; } } .ghosting-info { max-width: 3.875rem; height: 0.625rem; margin: 0px 0px 0.625rem; } @media screen and (min-width: 960px) { .ghosting-info { max-width: 8.125rem; height: 0.875rem; margin: 0px 0px 0.875rem; } } .ghosting-info:last-child { margin-bottom: 0px; } .featured-image .hover-image-cont:not(.imgLoaded) .cat-image::after, .featured-image .main-image-cont:not(.imgLoaded) .cat-image::after, .featured-image .rlc-lazyLoad:not(.rlc-imgLoaded)::after, .first-image .main-image-cont:not(.imgLoaded) .cat-image::after, .first-image .rlc-lazyLoad:not(.rlc-imgLoaded)::after, .pdp-single-media.rlc-lazyLoad:not(.rlc-imgLoaded)::after, .video-slide:not(.loaded)::after { content: none; } .featured-image .hover-image-cont:not(.imgLoaded) .cat-image .ghosting-main, .featured-image .main-image-cont:not(.imgLoaded) .cat-image .ghosting-main, .featured-image .rlc-lazyLoad:not(.rlc-imgLoaded) .ghosting-main, .first-image .main-image-cont:not(.imgLoaded) .cat-image .ghosting-main, .first-image .rlc-lazyLoad:not(.rlc-imgLoaded) .ghosting-main, .pdp-single-media.rlc-lazyLoad:not(.rlc-imgLoaded) .ghosting-main, .video-slide:not(.loaded) .ghosting-main { width: 100%; height: 100%; top: 0px; } .grid-tile.r24-helper.is-offline { display: none; } .helper-on .grid-tile.r24-helper { display: block; min-height: 200px; } .helper-on .grid-tile.r24-helper.is-offline { background-color: pink; color: rgb(255, 255, 255); } .helper-on .grid-tile.r24-helper:not(.is-offline) { outline: green solid 12px; outline-offset: -12px; } .infinite-scroll .search-result-content .infinite-scroll-loading { text-align: center; background: url("../../assets/images/infinite-loading-indicator.gif") 50% center no-repeat; height: 35px; width: 100%; } .disable-infinite-scroll .search-result-content .page-element { display: none; } #s7viewer.swiper-container .swiper-slide, .s7viewer-productset.swiper-container .swiper-slide { position: relative; cursor: pointer; } @media screen and (min-width: 960px) { #s7viewer.swiper-container .swiper-slide, .s7viewer-productset.swiper-container .swiper-slide { width: 100% !important; } } @media screen and (min-width: 960px) { #s7viewer.swiper-container .swiper-pagination, .s7viewer-productset.swiper-container .swiper-pagination { display: none; } } #s7viewer.swiper-container .swiper-pagination .swiper-pagination-bullet, .s7viewer-productset.swiper-container .swiper-pagination .swiper-pagination-bullet { opacity: 1; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); } #s7viewer.swiper-container .swiper-pagination .swiper-pagination-bullet-active, .s7viewer-productset.swiper-container .swiper-pagination .swiper-pagination-bullet-active { background-color: rgb(0, 0, 0); } @media screen and (min-width: 960px) { #wrapper #s7viewer.swiper-container .swiper-wrapper, .s7viewer-productset.swiper-container .swiper-wrapper { flex-direction: column; transform: translateZ(0px) !important; } } #wrapper #s7viewer.swiper-container .video-button, .s7viewer-productset.swiper-container .video-button { position: absolute; bottom: 12px; right: 13px; z-index: 10; background-image: url("../../assets/images/play_icon_4.svg"); background-repeat: no-repeat; background-position: 50% center; padding: 0px; width: 42px; background-color: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } #wrapper #s7viewer.swiper-container .video-button:hover, .s7viewer-productset.swiper-container .video-button:hover { background-color: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } #wrapper #s7viewer.swiper-container .swiper-slide, .s7viewer-productset.swiper-container .swiper-slide { position: relative; cursor: pointer; } @media screen and (min-width: 960px) { #wrapper #s7viewer.swiper-container .swiper-slide, .s7viewer-productset.swiper-container .swiper-slide { width: 100% !important; } } @media screen and (min-width: 960px) { #wrapper #s7viewer.swiper-container .swiper-pagination, .s7viewer-productset.swiper-container .swiper-pagination { display: none; } } #wrapper #s7viewer.swiper-container .swiper-pagination .swiper-pagination-bullet, .s7viewer-productset.swiper-container .swiper-pagination .swiper-pagination-bullet { opacity: 1; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); } #wrapper #s7viewer.swiper-container .swiper-pagination .swiper-pagination-bullet-active, .s7viewer-productset.swiper-container .swiper-pagination .swiper-pagination-bullet-active { background-color: rgb(0, 0, 0); } #QuickViewDialog #s7viewer.swiper-container .swiper-wrapper { flex-direction: row; transform: inherit; } #QuickViewDialog #s7viewer.swiper-container .swiper-pagination { display: block; } #QuickViewDialog #s7viewer.swiper-container .video-button { display: none !important; } #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-prev { right: 90%; left: auto; } #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-prev::after { content: ""; } #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-next { left: 90%; } #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-next::after { content: ""; } #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-next, #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-prev { display: none; outline: 0px; position: absolute; top: 47%; width: 1.875rem; height: 1.875rem; background: inherit; text-decoration: none; text-align: center; z-index: 1; font: 24px / 1 FontAwesome; } @media screen and (min-width: 960px) { #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-next, #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-prev { display: inline-block; } } #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-next::after, #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-prev::after { visibility: visible; position: absolute; inset: 0px; } #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-next.swiper-button-disabled, #QuickViewDialog #s7viewer.swiper-container .horizontal-carousel-control-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; } .zoom-swiper-popup.ui-dialog { max-width: none; bottom: 0px; right: 0px; overflow-y: auto; z-index: 99999; width: 100% !important; left: 0px !important; top: 0px !important; position: fixed !important; } .zoom-swiper-popup.ui-dialog .ui-dialog-titlebar { position: absolute; width: 100%; } .zoom-swiper-popup.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { z-index: 9; } .zoom-swiper-popup.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick { background-image: url("../../assets/images/close_icon.svg"); top: 10px; left: auto; right: 1px; } .zoom-swiper-popup.ui-dialog .swiper-slide { text-align: center; } .zoom-swiper-popup.ui-dialog .swiper-slide img { max-width: 100%; } .zoom-swiper-popup.ui-dialog .swiper-button-next, .zoom-swiper-popup.ui-dialog .swiper-button-prev { position: fixed; } @media screen and (min-width: 960px) { .zoom-swiper-popup.ui-dialog .swiper-button-next, .zoom-swiper-popup.ui-dialog .swiper-button-prev { width: 45px; height: 45px; background-size: auto; } } @media screen and (max-width: 400px) { .zoom-swiper-popup.ui-dialog .swiper-button-next, .zoom-swiper-popup.ui-dialog .swiper-button-prev { top: 25%; } } .zoom-swiper-popup.ui-dialog .swiper-button-prev { left: 25px; background-image: url("../../assets/images/chevron02_icon.svg"); } .zoom-swiper-popup.ui-dialog .swiper-button-next { right: 25px; background-image: url("../../assets/images/chevron01_icon.svg"); } #s7zoomViewer { overflow: hidden; width: 100% !important; } .video-dialog.ui-dialog { height: auto !important; min-width: 300px !important; max-width: 70% !important; } @media screen and (max-width: 960px) { .video-dialog.ui-dialog { width: auto !important; } } @media screen and (min-width: 960px) { .video-dialog.ui-dialog { min-width: 500px !important; } } .video-dialog.ui-dialog .ui-dialog-content { max-height: 500px; height: 99% !important; width: 96% !important; overflow: hidden !important; } .video-dialog.ui-dialog .ui-dialog-titlebar { position: absolute; width: 100%; } .video-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { z-index: 9; } .video-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick { top: 0px; left: 0px; right: 1px; background-size: 25px; } .video-dialog.ui-dialog video { width: 100%; } @media screen and (min-width: 960px) { .video-dialog.ui-dialog video { width: auto; } } .pdp-favorites { right: 0px; top: auto; bottom: 71px; position: absolute; width: calc(100% - 100px); z-index: 10; max-width: 21.25rem; } .pdp-favorites.desktop-only { top: 0px; bottom: auto; } .pdp-favorites.with-video { bottom: 109px; } @media screen and (min-width: 960px) { .pdp-favorites { width: 100%; } } .pdp-favorites .add-to-favorites { right: 1.25rem; top: 1.25rem; width: 100%; } .plp-favorites { right: 0px; top: 0px; } .plp-favorites .add-to-favorites { right: 0.5625rem; top: 0.4375rem; width: calc(100% - 9px); max-width: 22.8125rem; } @media screen and (min-width: 960px) { .plp-favorites .add-to-favorites { right: 0.75rem; top: 0.8125rem; width: calc(100% - 12px); } } .plp-favorites .confirmation-msg { width: 100%; right: 0px; top: 45px; padding: 1.1875rem 1.375rem; } @media screen and (min-width: 960px) { .plp-favorites .confirmation-msg { width: calc(100% - 61px); padding: 1.1875rem 2.0625rem; } } .plp-favorites .confirmation-msg .conf-msg { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 10px; } .plp-favorites .confirmation-msg .conf-msg .signIn { display: inline; } .plp-favorites .confirmation-msg .conf-msg .conf-msg-2 { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; margin-left: 2px; } .plp-favorites .confirmation-msg .arrow-right { top: -15px; transform: rotate(-90deg); right: 5px; } @media screen and (min-width: 960px) { .plp-favorites .confirmation-msg .arrow-right { right: 11px; } } .add-to-favorites { position: absolute; } .add-to-favorites .remove-from-favorites, .add-to-favorites .save-To-favorites { text-indent: -9999em; background-position: 100% 0px; background-repeat: no-repeat; background-size: 20px 20px; width: 2.75rem; min-height: 2.75rem; display: inline-block; margin: 0px 0px 0px 0.625rem; position: absolute; right: 0px; } .add-to-favorites .remove-from-favorites { background-image: url("../../assets/images/wishlist-filled.svg"); } .add-to-favorites .save-To-favorites { background-image: url("../../assets/images/wishlist-unfilled.svg"); } @media screen and (min-width: 960px) { .add-to-favorites .remove-from-favorites, .add-to-favorites .save-To-favorites { background-size: 34px 34px; width: 2.125rem; min-height: 2.75rem; } } .confirmation-msg { width: 100%; right: 41px; display: none; position: absolute; top: -5px; padding: 10px; background-color: rgb(255, 255, 255); } @media screen and (min-width: 960px) { .confirmation-msg { width: calc(100% - 61px); padding: 7px 0px; } } .confirmation-msg .arrow-right { position: absolute; top: 0.5rem; right: -20px; border-width: 10px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: none; } @media screen and (min-width: 960px) { .confirmation-msg .arrow-right { top: 0.5rem; } } .confirmation-msg a { text-decoration: underline; } .confirmation-msg .favclear { border-width: 0px; padding: 0px; margin: 0px; text-indent: -9999em; background-image: url("../../assets/images/close_icon.svg"); background-position: 50% center; background-repeat: no-repeat; width: 0.625rem; height: 0.625rem; display: inline-block; position: absolute; top: 0.6875rem; right: 0.6875rem; min-height: 0.625rem; } .confirmation-msg .favclear, .confirmation-msg .favclear:hover { background-color: transparent; color: rgb(0, 0, 0); } .fullHeight { height: 100% !important; } .wl-confirm-modal.wishlist-dialog { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px 0px; margin: 0px 0.625rem; min-width: 330px; max-width: 330px; padding: 0px; text-align: center; } @media screen and (max-width: 959px) { .wl-confirm-modal.wishlist-dialog { position: fixed; bottom: 0px; max-width: none; margin: 0px; transition: 0.5s; transform: translateY(100vh); width: 100vw !important; top: auto !important; } .wl-confirm-modal.wishlist-dialog.translateYZero { transform: translateY(0px); } } @media screen and (min-width: 960px) { .wl-confirm-modal.wishlist-dialog .arrow-center { width: 15px; height: 10px; position: absolute; overflow: hidden; } .wl-confirm-modal.wishlist-dialog .arrow-center.top { transform: rotate(180deg); } .wl-confirm-modal.wishlist-dialog .arrow-center::after { content: ""; position: absolute; width: 10px; height: 10px; background: rgb(255, 255, 255); transform: translateX(-50%) translateY(-50%) rotate(45deg); left: 50%; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px 0px; } } .wl-confirm-modal.wishlist-dialog.qs-wl-confirm-modal { z-index: 201; } .wl-confirm-modal.wishlist-dialog.qs-wl-confirm-modal .arrow-center { width: 15px; height: 10px; position: absolute; overflow: hidden; } .wl-confirm-modal.wishlist-dialog.qs-wl-confirm-modal .arrow-center.top { transform: rotate(180deg); } .wl-confirm-modal.wishlist-dialog.qs-wl-confirm-modal .arrow-center::after { content: ""; position: absolute; width: 10px; height: 10px; background: rgb(255, 255, 255); transform: translateX(-50%) translateY(-50%) rotate(45deg); left: 50%; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px 0px; } .wl-confirm-modal.wishlist-dialog .ui-dialog-titlebar-close { width: 0.9375rem; } .wl-confirm-modal.wishlist-dialog .dialog-content { padding: 2.5rem 1.875rem 3.4375rem; overflow: unset; width: 100% !important; } @media screen and (min-width: 960px) { .wl-confirm-modal.wishlist-dialog .dialog-content { padding: 2.1875rem 2.1875rem 1.25rem; } } .wl-confirm-modal.wishlist-dialog .dialog-content .wl-title { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.125rem; letter-spacing: 0.45px; line-height: 20px; margin: 0px 0px 1.5625rem; } .wl-confirm-modal.wishlist-dialog .dialog-content .wl-title .userlist-name { text-transform: capitalize; } .wl-confirm-modal.wishlist-dialog .dialog-content .separator { border-top: 1px solid rgb(225, 225, 229); height: 1px; margin: 1.875rem 0px 1.5625rem; text-align: center; width: 100%; } .wl-confirm-modal.wishlist-dialog .dialog-content .separator span { background: rgb(255, 255, 255); color: rgb(4, 30, 58); font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; letter-spacing: 0.69px; padding: 0.3125rem 0.625rem; position: relative; top: -9px; } .wl-confirm-modal.wishlist-dialog .dialog-content p { color: rgb(4, 30, 58); border-top: 1px solid rgb(225, 225, 229); font-size: 0.875rem; letter-spacing: 0.5px; line-height: 24px; margin: 0.625rem 0px 1.25rem; padding: 1.25rem 1.5625rem 0px; } @media screen and (min-width: 960px) { .wl-confirm-modal.wishlist-dialog .dialog-content p { line-height: 20px; padding: 1.25rem 0px 0px; } } .wl-confirm-modal.wishlist-dialog .dialog-content .button { font-size: 0.6875rem; letter-spacing: 1px; margin: 0.3125rem 0px 0.375rem; text-decoration: none; width: 100%; } .wl-confirm-modal.wishlist-dialog .dialog-content .button.plus-sign::before { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-weight: 700; font-size: 0.75rem; margin-right: 3px; } .wl-confirm-modal.wishlist-dialog .dialog-content .button:hover.plus-sign::before { color: rgb(255, 255, 255); } .wl-confirm-modal.wishlist-dialog .dialog-content .inline-btn { display: inline-flex; } .wl-confirm-modal.wishlist-dialog .dialog-content .inline-btn .form-row-input { flex-grow: 1; margin: 0px; } @media screen and (max-width: 959px) { .wl-confirm-modal.wishlist-dialog .dialog-content .inline-btn .form-row-input { width: 215px; } } .wl-confirm-modal.wishlist-dialog .dialog-content .inline-btn .form-row-input .input-wrapper { margin: 0.3125rem 0px 0px; } .wl-confirm-modal.wishlist-dialog .dialog-content .inline-btn .form-row-button { margin: 0px; min-width: 100px; } .wl-confirm-modal.wishlist-dialog .dialog-content .inline-btn .form-row-button button { font-size: 0.6875rem; margin: 0.3125rem 0px 0.4375rem; min-width: 100px; width: 100%; } .wl-confirm-modal.wishlist-dialog .dialog-content .input-wrapper input { border-color: rgb(4, 30, 58); padding-left: 1.4375rem; height: 52px; font-size: 0.8125rem; } .wl-confirm-modal.wishlist-dialog .dialog-content .input-wrapper input.create-listname-field { text-transform: capitalize; } .wl-confirm-modal.wishlist-dialog .dialog-content .input-wrapper label { color: rgb(157, 159, 163); letter-spacing: 1.09px; line-height: 14px; padding-left: 0.9375rem; } .wl-confirm-modal.wishlist-dialog .dialog-content .list-form-error, .wl-confirm-modal.wishlist-dialog .dialog-content .maxlist-error { display: none; } .wl-confirm-modal.wishlist-dialog .dialog-content .list-form-error.error, .wl-confirm-modal.wishlist-dialog .dialog-content .maxlist-error.error { color: rgb(214, 39, 39); display: block; font-size: 0.5rem; letter-spacing: 0.73px; line-height: 5px; margin: 0px; position: absolute; text-align: left; } .wl-select-field { background: rgb(255, 255, 255); border-color: rgb(4, 30, 58); padding: 1.3125rem; height: 52px; } .wl-select-field .ui-selectmenu-text { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.6875rem; letter-spacing: 1px; line-height: 10px; text-align: center; text-transform: uppercase; } .wl-select-field .solid-arrow { background: rgb(255, 255, 255); border-left: 0.1875rem solid transparent; border-right: 0.1875rem solid transparent; border-top: 0.25rem solid rgb(4, 30, 58); margin-top: 0.1875rem; } .wl-select-field.ui-selectmenu-button-open { border-color: rgb(225, 225, 229); } .wl-select-field.ui-selectmenu-button-open .ui-selectmenu-text { color: rgb(157, 159, 163); } .wl-select-options .ui-menu { border-color: rgb(225, 225, 229); border-width: 1px 1px 0px; padding: 0px; max-height: 153px; } .wl-select-options .ui-menu .ui-menu-item-wrapper { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.6875rem; letter-spacing: 1px; line-height: 10px; text-align: center; text-transform: uppercase; border-bottom: 1px solid rgb(225, 225, 229); padding: 1.25rem 0px !important; } .wl-select-options .ui-menu .ui-menu-item-wrapper.ui-state-active { background: rgb(4, 30, 58); color: rgb(255, 255, 255); text-transform: uppercase; } .wl-confirm-modal.wishlist-dialog .dialog-content .input-wrapper input::placeholder { color: rgb(157, 159, 163); font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.75rem; letter-spacing: 1.09px; line-height: 14px; } .wl-confirm-modal.wishlist-dialog .dialog-content .input-wrapper label { font-size: 0px; display: none; margin: 0px; padding: 0px; height: 0px; } #wrapper.pt_product-search-result.home-swatches #main #container-wrap { padding: 0px; } .cat-description { display: none; } .plp-info-breadcrumb .cat-description { display: block; width: calc(100% - 40px); margin: 3px auto 0px; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 14px; line-height: 24px; } @media screen and (min-width: 960px) { .plp-info-breadcrumb .cat-description { width: 60%; margin-top: 23px; font-size: 18px; line-height: 32px; } } .swatches-tabs { display: flex; justify-content: center; min-height: 55px; background-color: rgb(229, 225, 221); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.625rem; line-height: 13px; text-transform: uppercase; } @media screen and (min-width: 960px) { .swatches-tabs { font-size: 0.75rem; line-height: 15px; } } .swatches-tabs a:hover { text-decoration: none; } .swatches-tabs > div { display: flex; justify-content: center; align-items: center; flex: 1 1 0%; } .swatches-tabs > div:hover { background-color: rgba(255, 255, 255, 0.5); } .swatches-tabs > div.active { background-color: rgb(255, 255, 255); pointer-events: none; } .swatches-tabs > div:not(.active) { cursor: pointer; } @media screen and (min-width: 960px) { .swatches-tabs > div { min-width: 272px; flex: 0 1 0%; } } .search-result-swatches-cartwidget { width: 100%; position: sticky; bottom: 0px; z-index: 18; overflow: hidden; padding-top: 5px; } @media screen and (max-width: 959px) { .search-result-swatches-cartwidget.empty { height: 0px; } } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget { flex: 0 0 auto; transition: width 0.3s ease-in-out; position: relative; bottom: unset; background: unset; z-index: unset; overflow: visible; padding: 5px; height: auto !important; } } @media screen and (min-width: 960px) and (max-width: 1119px) { .search-result-swatches-cartwidget { width: 290px; } } @media screen and (min-width: 1120px) and (max-width: 1279px) { .search-result-swatches-cartwidget { width: 370px; } } @media screen and (min-width: 1280px) { .search-result-swatches-cartwidget { width: 450px; } } .search-result-swatches-cartwidget .swatches-cart-widget { width: 100%; min-height: 150px; padding: 20px 20px 60px; box-shadow: rgb(242, 243, 245) 0px 0px 10px; background: rgb(255, 255, 255); overflow: hidden; flex-direction: column; display: none !important; } .search-result-swatches-cartwidget .swatches-cart-widget.empty, .search-result-swatches-cartwidget .swatches-cart-widget.empty .swatches-cont-wrapper { padding-bottom: 0px; } @media screen and (max-width: 959px) { .search-result-swatches-cartwidget .swatches-cart-widget.empty { box-shadow: none; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-mobile-error { position: absolute; width: 80%; left: 10%; text-align: center; font-size: 0.6875rem; letter-spacing: 0.25px; line-height: 13px; color: rgb(214, 39, 39); margin-top: 15px; display: none; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget { padding: 15px 25px 25px; transform: none; background: unset; position: sticky; top: 167px; } } @media screen and (min-width: 361px) and (max-width: 959px) and (orientation: landscape) { .search-result-swatches-cartwidget .swatches-cart-widget { flex-direction: row; align-items: flex-end; padding: 20px 20px 10px; } .search-result-swatches-cartwidget .swatches-cart-widget .order-swatches { margin-left: 25px; padding-bottom: 18px; } .search-result-swatches-cartwidget .swatches-cart-widget .order-swatches .button { padding: 0.9375rem 1.5rem; min-width: 250px; } .search-result-swatches-cartwidget .swatches-cart-widget .order-swatches .swatches-mobile-error { position: absolute; top: -65px; white-space: nowrap; right: 0px; text-align: right; width: auto; left: auto; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-section { width: 0px; flex: 1 1 auto; overflow: hidden; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-section .swatches-type:last-of-type { min-width: auto !important; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-section .selected-swatches .selected-swatches-wrapper .selected-swatch { width: 52px; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-section .selected-swatches .selected-swatches-wrapper .selected-swatch img { width: 52px; height: 52px; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-selection-header .swatches-selection-title-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-selection-header .swatches-selection-title-wrapper { margin-bottom: 0px; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-selection-header .swatches-selection-title-wrapper .swatches-selection-title { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 0.875rem; letter-spacing: 0px; line-height: 20px; text-transform: capitalize; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-selection-header .swatches-selection-title-wrapper .swatches-selection-title { font-size: 1.4375rem; line-height: 40px; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-selection-header .swatches-selection-title-wrapper .swatches-total { display: block; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; letter-spacing: 0.21px; line-height: 18px; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-selection-header .swatches-selection-title-wrapper .swatches-total .total { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-selection-header .swatches-selection-title-wrapper .swatches-total { display: none; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-selection-header p { display: none; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-selection-header p { display: block; color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.8125rem; letter-spacing: 0.25px; line-height: 18px; border-bottom: 1px solid rgb(198, 200, 204); margin-top: 7px; padding-bottom: 5px; margin-bottom: 20px; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-selection-header .swatches-error { display: none; color: rgb(214, 39, 39); } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont-wrapper { position: relative; margin-right: -21px; } } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont-wrapper.has-view-more { padding-bottom: 25px; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont-wrapper .view-more { display: none; } @media screen and (max-width: 959px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont-wrapper .view-more { display: none !important; } } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont-wrapper .view-more { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.625rem; letter-spacing: 0.253px; text-align: center; padding: 5px; position: absolute; width: 100%; text-transform: uppercase; color: rgb(109, 111, 115); box-shadow: rgba(255, 255, 255, 0.9) 0px -4px 12px 7px; } } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget.empty .order-swatches { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont { display: flex; overflow: scroll hidden; padding-bottom: 17px; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont.scrollable::-webkit-scrollbar { height: 4px; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont.scrollable::-webkit-scrollbar-thumb { background-color: rgb(225, 225, 229); } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont { flex-direction: column; margin-bottom: 0px; margin-right: 5px; padding-bottom: 0px; overflow: hidden scroll; max-height: calc(-278px + 75vh); } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont.scrollable::-webkit-scrollbar-track { width: 2px; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont.scrollable::-webkit-scrollbar-thumb { border-radius: 2px; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-cont.scrollable::-webkit-scrollbar { width: 6px; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-type { transition: opacity 1s ease-in-out, max-height 0.5s ease-in-out, max-width 0.5s ease-in-out; max-height: none; max-width: 1000vw; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-type.add-remove { opacity: 0; max-height: none; max-width: 0px; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-type { max-height: 100vh; max-width: none; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-type.add-remove { max-height: 0px; max-width: none; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-type:last-of-type { min-width: calc(-40px + 100vw); } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-type:last-of-type { min-width: 0px; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-type:not(:first-of-type) { border-left: 1px solid rgb(198, 200, 204); padding-left: 15px; margin-left: 10px; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-type:not(:first-of-type) { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-left: 0px; margin-left: 0px; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatch-title { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; letter-spacing: 0.25px; line-height: 18px; margin-bottom: 7px; display: flex; margin-right: 25px; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatch-title { font-size: 0.8125rem; margin-right: 0px; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatch-title .swatch-title-label { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; white-space: nowrap; } .search-result-swatches-cartwidget .swatches-cart-widget .swatch-title .swatch-title-count { color: rgb(109, 111, 115); margin-left: 5px; } .search-result-swatches-cartwidget .swatches-cart-widget .swatch-title .swatch-title-count.swatch-error { color: rgb(214, 39, 39); } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatch-title .swatch-title-count { margin-left: 15px; } } .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper { display: flex; flex-direction: row-reverse; justify-content: flex-end; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper { flex-flow: wrap; justify-content: flex-start; margin-bottom: 15px; } } .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper .selected-swatch { display: flex; flex-direction: column; align-items: center; position: relative; margin-right: 5px; overflow: hidden; width: 60px; flex-shrink: 0; transition: opacity 1s ease-in-out, max-height 0.5s ease-in-out, max-width 0.5s ease-in-out, margin-right 0.5s ease-in-out; max-width: 100px; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper .selected-swatch { margin-right: 10px; margin-bottom: 20px; width: 70px; } } .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper .selected-swatch.add-remove { opacity: 0; max-width: 0px; margin-right: 0px; } .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper .selected-swatch :last-child { margin-right: 0px; } .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper .selected-swatch img { width: 60px; height: 60px; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper .selected-swatch img { width: 70px; height: 70px; } } .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper .selected-swatch .style-no { display: none; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper .selected-swatch .style-no { display: block; margin-top: 10px; color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; letter-spacing: 0.25px; line-height: 13px; } } .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper .selected-swatch .remove-item { width: 16px; height: 16px; position: absolute; top: 2px; background: rgb(242, 243, 245); right: 2px; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .search-result-swatches-cartwidget .swatches-cart-widget .selected-swatches .selected-swatches-wrapper .selected-swatch .remove-item::after { content: " "; background: url("../../assets/images/close.svg") no-repeat; width: 6px; height: 6px; } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-total { display: none; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .swatches-total { display: flex; justify-content: space-between; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 1.125rem; letter-spacing: 0.35px; line-height: 18px; border-top: 1px solid rgb(198, 200, 204); margin-top: 30px; padding-top: 25px; } } .search-result-swatches-cartwidget .swatches-cart-widget .swatches-total .total { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .search-result-swatches-cartwidget .swatches-cart-widget .order-swatches { padding-top: 10px; text-align: center; position: relative; } @media screen and (min-width: 960px) { .search-result-swatches-cartwidget .swatches-cart-widget .order-swatches { border-top: 1px solid rgb(198, 200, 204); padding-top: 25px; } } .search-result-swatches-cartwidget .swatches-cart-widget .order-swatches .button { width: 100%; font-size: 0.6875rem; letter-spacing: 1px; margin-top: 0px; } .search-result-swatches { margin: 0px; } @media screen and (min-width: 960px) { .search-result-swatches { margin: 0px 58px; } } .search-result-options { margin: 0px; } .search-result-swatches { flex-direction: column; } @media screen and (min-width: 960px) { .search-result-swatches { flex-direction: row; } } #wrapper.pt_product-search-result .search-result-swatches { display: flex; margin: 5px 0px 0px; max-width: 1440px; flex-direction: column; } @media screen and (min-width: 960px) { #wrapper.pt_product-search-result .search-result-swatches { padding: 0px 29px; margin: auto; } } #wrapper.pt_product-search-result .search-result-swatches > * { margin: 0px; } @media screen and (min-width: 960px) { #wrapper.pt_product-search-result .search-result-swatches > * { margin: 5px 29px 0px; } } #wrapper.pt_product-search-result .search-result-swatches .search-result-swatches-grid { width: 100%; } @media screen and (min-width: 960px) { #wrapper.pt_product-search-result .search-result-swatches .search-result-swatches-grid { width: 75%; margin: auto; } } #wrapper.pt_product-search-result .search-result-swatches .search-result-swatches-grid .search-result-content .search-result-items.grid-container { column-gap: 16px; } @media screen and (min-width: 361px) and (orientation: landscape) { #wrapper.pt_product-search-result .search-result-swatches .search-result-swatches-grid .search-result-content .search-result-items.grid-container { grid-template-columns: repeat(3, 1fr); } } #wrapper.pt_product-search-result .search-result-swatches .product-tile.active .swatch-tile-btn-cont { animation: 1s ease-in-out 0s infinite normal none running pulse; } #wrapper.pt_product-search-result .search-result-swatches .product-tile.animating { z-index: 2; } #wrapper.pt_product-search-result .search-result-swatches .product-tile .name-link { user-select: none; pointer-events: none; text-decoration: none; } #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-name, #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-pricing, #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-promo-badging, #wrapper.pt_product-search-result .search-result-swatches .product-tile .style-number, #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-out-of-stock, #wrapper.pt_product-search-result .search-result-swatches .product-tile .vendor-number { padding-left: 7px; } @media screen and (min-width: 960px) { #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-name, #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-pricing, #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-promo-badging, #wrapper.pt_product-search-result .search-result-swatches .product-tile .style-number, #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-out-of-stock, #wrapper.pt_product-search-result .search-result-swatches .product-tile .vendor-number { padding-left: 0px; } } #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-name { margin-top: 10px; position: relative; padding-right: 24px; } @media screen and (min-width: 960px) { #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-name { margin-top: 14px; } } #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-name a { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(4, 30, 58); font-size: 0.6875rem; letter-spacing: 0.21px; line-height: 13px; } @media screen and (min-width: 960px) { #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-name a { font-size: 0.8125rem; letter-spacing: 0.25px; line-height: 15px; } } #wrapper.pt_product-search-result .search-result-swatches .product-tile .style-number, #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-out-of-stock, #wrapper.pt_product-search-result .search-result-swatches .product-tile .vendor-number { margin-top: 5px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(109, 111, 115); font-size: 0.6875rem; letter-spacing: 0.21px; line-height: 13px; } @media screen and (min-width: 960px) { #wrapper.pt_product-search-result .search-result-swatches .product-tile .style-number, #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-out-of-stock, #wrapper.pt_product-search-result .search-result-swatches .product-tile .vendor-number { font-size: 0.8125rem; letter-spacing: 0.25px; } } #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-data-swatches { top: -0.84375rem; height: 2.75rem; } #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-out-of-stock, #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-tile-btn-cont { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: 400; line-height: 10px; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 0.1875rem; } #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-out-of-stock a, #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-tile-btn-cont a { text-decoration: underline; text-underline-offset: 0.1875rem; } @media screen and (max-width: 959px) { #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-out-of-stock, #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-tile-btn-cont { padding-left: 0.4375rem; } } @media screen and (min-width: 960px) { #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-data-swatches-in { text-align: center; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 11px; display: block; font-style: normal; font-weight: 400; padding-top: 1.25rem; line-height: 10px; letter-spacing: 1px; text-transform: uppercase; } #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-data-swatches-in a { color: rgb(4, 30, 58); } } @media screen and (max-width: 959px) { #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-data-swatches-in .swatch-details { display: none; } } #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-promo-badging { margin-top: 1px; } @media screen and (min-width: 960px) { #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-promo-badging { margin-top: 7px; } } #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-promo-badging .promotional-message { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-style: normal; color: rgb(153, 110, 64); font-size: 0.625rem; font-weight: 500; letter-spacing: 0.23px; line-height: 10px; } @media screen and (min-width: 960px) { #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-promo-badging .promotional-message { font-size: 0.75rem; letter-spacing: 0.27px; } } #wrapper.pt_product-search-result .search-result-swatches .product-tile .product-pricing { display: none; } #wrapper.pt_product-search-result .search-result-swatches .product-tile .swatch-out-of-stock { margin-top: 5px; } @keyframes pulse { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.7; } } .swatches-plp-content img { width: 100%; height: auto; position: relative; z-index: 3; } .placeholder-image { width: 100%; } .product-tabs .product-info-drawers-content { padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 960px) { .product-tabs .product-info-drawers-content { padding-left: 60px; padding-right: 60px; } } .product-tabs a:not(.button) { text-decoration: underline; } @media screen and (max-width: 959px) { .hpdp-desktop-only { display: none !important; } .hpdp-mobile-only { display: revert !important; } } @media screen and (min-width: 960px) { .hpdp-desktop-only { display: revert !important; } .hpdp-mobile-only { display: none !important; } } .inline-display > * { display: inline; } .unit-type-metric .imperial-unit { display: none; } .unit-type-metric .units-toggle-wrapper label { display: block; } .unit-type-metric .units-toggle-wrapper label.metric-unit { pointer-events: none; color: rgb(4, 30, 58); } .unit-type-imperial .metric-unit { display: none; } .unit-type-imperial .units-toggle-wrapper label { display: block; } .unit-type-imperial .units-toggle-wrapper label.imperial-unit { pointer-events: none; color: rgb(4, 30, 58); } .units-toggle-wrapper { display: flex; justify-content: flex-end; } .units-toggle-wrapper label { cursor: pointer; text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-size: 0.75rem; color: rgb(198, 200, 204); margin: 0px; } .units-toggle-wrapper span { display: inline-block; margin: auto 0.625rem; } .units-toggle-wrapper span:last-of-type { display: none; } .emphasis { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; } .configurator-widget-message.no-design { display: none; } .configurator-widget-message.no-design .message { text-align: center; margin: 30px 0px; } .enhanced-pdp-main { --asset-offset: 0px; } .enhanced-pdp-main .pdp-shipping-estimate-msg { width: 60%; text-align: center; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; line-height: 1.5rem; color: rgb(109, 111, 115); margin: auto; } .enhanced-pdp-main .cyo-section-df { text-align: center; text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875rem; line-height: 1.375rem; } .enhanced-pdp-main .cyo-section-df img { width: 25px; margin: 6px; } .enhanced-pdp-main .pdp-messaging, .enhanced-pdp-main .pdp-messaging-lookup { margin-bottom: 1em; min-height: 15px; text-align: center; } .enhanced-pdp-main .pdp-error-msg, .enhanced-pdp-main [class*="_waitlistemail_email"] span.error { color: rgb(214, 39, 39); } .enhanced-pdp-main .pdp-error-msg:not(:empty)::after, .enhanced-pdp-main [class*="_waitlistemail_email"] span.error:not(:empty)::after { content: "!"; color: rgb(255, 255, 255); border-radius: 50%; background-color: rgb(214, 39, 39); width: 1.3em; height: 1.3em; display: inline-block; margin-left: 0.5em; } .enhanced-pdp-main .pdp-qty-msg { color: rgb(153, 110, 64); } .enhanced-pdp-main .pdp-qty-msg:not(:empty)::after { content: "!"; color: rgb(255, 255, 255); border-radius: 50%; background-color: rgb(153, 110, 64); width: 1.3em; height: 1.3em; display: inline-block; margin-left: 0.5em; } .enhanced-pdp-main .limit-exd-msg { width: 100%; float: left; clear: both; margin: 10px 0px 0px; min-height: 15px; } .enhanced-pdp-main .product-add-to-cart { display: block; clear: both; margin: 0px; overflow: hidden; position: relative; } .enhanced-pdp-main .product-add-to-cart .edd-from { display: none; } .enhanced-pdp-main .addtocart { margin-right: auto; text-align: center; } .enhanced-pdp-main .addtocart.waitlistclass { margin-top: 1rem; } .enhanced-pdp-main .addtocart button { margin-top: 0px; } .enhanced-pdp-main .addtocart button .loader-indicator, .enhanced-pdp-main .addtocart button .loader-indicator::after { width: 1.75rem; height: 1.75rem; } @media only screen and (min-width: 767px) and (max-width: 959px) { .enhanced-pdp-main .addtocart button.add-to-waitlist.pdp { width: calc(50% - 8px); margin: auto; display: block; } } .enhanced-pdp-main .pdpNotifyEmailInput button { margin-top: 0px; width: 100%; } .enhanced-pdp-main .pdpNotifyEmailInput [class*="_waitlistemail_email"] { margin-bottom: 0px; } .enhanced-pdp-main .pdpNotifyEmailInput [class*="_waitlistemail_email"] .field-wrapper { margin-bottom: 5px; } .enhanced-pdp-main .pdpNotifyEmailInput [class*="_waitlistemail_email"] .input-text { height: 54px; } .enhanced-pdp-main .pdpNotifyEmailInput [class*="_waitlistemail_email"] label { text-transform: none; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.8125rem; letter-spacing: 0.25px; color: rgb(109, 111, 115); } .enhanced-pdp-main .pdpNotifyEmailInput [class*="_waitlistemail_email"] label .required-indicator { display: none; } .enhanced-pdp-main .notify-me-success-block { padding: 1.25rem 1.125rem; width: auto; margin-top: 0.625rem; border: 1px solid rgb(209, 209, 209); } .enhanced-pdp-main .notify-me-success-block .confirm-msg1 { text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.59px; font-size: 0.8125rem; } .enhanced-pdp-main .notify-me-success-block .confirm-msg2 { padding-top: 0.3125rem; } .enhanced-pdp-main .product-info-contents .content-asset p, .enhanced-pdp-main .product-tabs .content-asset p { font-size: 0.625rem; color: rgb(4, 30, 58); letter-spacing: 0.42px; line-height: 25.6px; } .enhanced-pdp-main .swiper-container button { transition: none; } .enhanced-pdp-main.no-design.inDesign .configurator-widget, .enhanced-pdp-main.no-design.inDesign .configurator-widget-extra, .enhanced-pdp-main.no-design.inDesign .product-add-to-cart { display: none; } .enhanced-pdp-main.no-design.inDesign .configurator-widget-message.no-design { display: block; } .enhanced-pdp-main .product-add-to-cart .edd-from { display: block; margin-top: 40px; margin-bottom: 68px; } .enhanced-pdp-main .product-add-to-cart .edd-from .wg-msg { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875rem; line-height: 0.625rem; color: rgb(4, 30, 58); text-transform: uppercase; margin-top: 0.625rem; margin-bottom: 1.125rem; text-align: center; letter-spacing: 0.5px; } .enhanced-pdp-main .product-add-to-cart .edd-from .pdp-shipping-estimate-msg { font-size: 0.75rem; letter-spacing: 1px; line-height: 15px; width: 100%; } .enhanced-pdp-main .product-add-to-cart .pdp-messaging { display: none; } .enhanced-pdp-main .product-add-to-cart .pdp-messaging.error-active { display: block; } .enhanced-pdp-main .pdpNotifyEmailInput button { margin-top: 7px; } .enhanced-pdp-main picture { max-height: 100%; object-fit: contain; } .enhanced-pdp-main picture, .enhanced-pdp-main picture > img { max-width: 100%; display: block; } .enhanced-pdp-main ul { list-style: none; padding: 0px; margin: 0px; } .enhanced-pdp-main .fade-in-block { opacity: 0; transition: opacity 0.5s ease-in; } .enhanced-pdp-main .fade-in-block.set { opacity: 1; } .enhanced-pdp-main .fade-in-block.insta-set { transition: none; opacity: 1; } .enhanced-pdp-main .stagger-in-drop { opacity: 0; transition: opacity 0.2s ease-out; } .enhanced-pdp-main .stagger-in-drop.set { opacity: 1; } .enhanced-pdp-main .stagger-in-drop.insta-set { transition: none; opacity: 1; } .enhanced-pdp-main .product-container { width: 100%; position: relative; background-color: rgb(255, 255, 255); z-index: 2; } .enhanced-pdp-main .product-container > * { position: relative; } @media only screen and (max-width: 767px) { .enhanced-pdp-main .product-container .product-detail-section, .enhanced-pdp-main .product-container .product-extra, .enhanced-pdp-main .product-container .product-main-image.hpdp-mobile-only, .enhanced-pdp-main .product-container .product-main-images.at-bottom, .enhanced-pdp-main .product-container .product-tabs { z-index: 29; transform: translateZ(0px); } .enhanced-pdp-main .product-container .product-main-images.at-top { z-index: 1; } } .enhanced-pdp-main .product-container .product-container-wrapper > * { position: relative; } .enhanced-pdp-main .product-container .product-container-wrapper .product-detail-section { background-color: rgb(255, 255, 255); } .enhanced-pdp-main .product-container .product-container-wrapper .product-infos-cont { padding: 20px 20px 0px; } @media only screen and (max-width: 959px) { .enhanced-pdp-main .product-container .product-container-wrapper .product-infos-cont { overflow-x: hidden; } } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-container .product-container-wrapper { max-width: 1440px; margin: auto; position: relative; } .enhanced-pdp-main .product-container .product-container-wrapper > * { width: calc(65.3846% - 5.53846px); } .enhanced-pdp-main .product-container .product-container-wrapper .left-bgd { position: absolute; height: 100%; background-color: rgb(248, 247, 246); } .enhanced-pdp-main .product-container .product-container-wrapper .product-infos { position: absolute; top: 0px; height: 100%; z-index: 1; margin-left: calc(69.2308% + 11.0769px); width: calc(26.9231% - 11.6923px); } .enhanced-pdp-main .product-container .product-container-wrapper .product-infos .product-infos-cont { position: absolute; top: 0px; left: 0px; width: 100%; margin: auto; padding: 56px 0px 0px; } .enhanced-pdp-main .product-container .product-container-wrapper .product-infos .product-infos-sticky-marker { position: absolute; } } .enhanced-pdp-main .product-container .product-container-wrapper .product-number { display: none; } .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 12px; } .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .product-details { width: 100%; display: flex; align-items: center; flex-direction: column; } .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .product-details .product-info-top-wrapper { display: flex; width: 100%; justify-content: space-between; } .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .product-details .product-info-top-wrapper .product-brand-name { width: 100%; padding-left: 30px; } .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .product-details .product-info-top-wrapper .product-brand-name .brand-name { color: rgb(119, 131, 126); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; letter-spacing: 0.66px; line-height: 14px; text-align: center; } .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .product-details .product-info-top-wrapper .product-brand-name .product-name { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.125rem; letter-spacing: 0.5px; line-height: 21px; text-align: center; margin-top: 4px; margin-bottom: 0px; } .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .product-details .product-info-top-wrapper .wishlist { align-self: flex-start; margin-top: 10px; } .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .product-details .product-info-top-wrapper .wishlist .add-to-favorites { position: static; } .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .product-details .product-info-top-wrapper .wishlist .add-to-favorites .remove-from-favorites, .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .product-details .product-info-top-wrapper .wishlist .add-to-favorites .save-To-favorites { position: relative; width: 30px; background-size: 30px 30px; margin: 0px; min-height: 25px; } .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .confirmation-msg { filter: drop-shadow(rgb(0, 0, 0) 0px 0px 1px); max-width: 300px; padding-right: 30px; top: 5px; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-container .product-container-wrapper .product-details-wrapper .confirmation-msg { width: 100%; padding: 7px 30px 7px 12px; } } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-top-content.product-set .left-bgd { background: none; } } .enhanced-pdp-main .product-container + .product-ctl { margin-top: 110px; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-container + .product-ctl { margin-top: 80px; } } .enhanced-pdp-main .product-content-asset, .enhanced-pdp-main .product-ctl { max-width: 1440px; margin: auto; } .enhanced-pdp-main .product-ctl { background-color: rgb(248, 247, 246); padding-top: 47px; padding-bottom: 60px; --sliderheight: 90vw; display: flex; flex-direction: column; } @media screen and (min-width: 667px) { .enhanced-pdp-main .product-ctl { --sliderheight: 75vw; } } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-ctl { --sliderheight: 385px; padding-top: 60px; padding-bottom: 24px; flex-direction: row; } } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-ctl .ctl-head-cont { position: relative; height: calc(var(--sliderheight) + 35px); width: 368px; } } .enhanced-pdp-main .product-ctl .ctl-head { display: flex; flex-direction: column; padding: 0px 20px 21px; } .enhanced-pdp-main .product-ctl .ctl-head > * { margin: 3px 0px; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-ctl .ctl-head { justify-content: center; height: calc(var(--sliderheight) - 8px); padding: 0px 90px 0px 60px; } .enhanced-pdp-main .product-ctl .ctl-head > * { margin: 10px 0px; } } .enhanced-pdp-main .product-ctl .ctl-head h2 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 28px; line-height: 36px; text-transform: none; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-ctl .ctl-head h2 { font-size: 36px; line-height: 46px; } } .enhanced-pdp-main .product-ctl .ctl-head .ctl-desc { font-size: 14px; line-height: 22px; } .enhanced-pdp-main .product-ctl .ctl-collection-cta { margin: auto 20px; text-align: center; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-ctl .ctl-collection-cta { text-align: left; margin: 10px 0px; } } .enhanced-pdp-main .product-ctl .ctl-swiper-layout, .enhanced-pdp-main .product-ctl .ctl-swiper:not([data-simplebar]), .enhanced-pdp-main .product-ctl .simplebar-content { display: flex; } .enhanced-pdp-main .product-ctl .ctl-swiper-cont { flex: 1 1 0%; } .enhanced-pdp-main .product-ctl .ctl-swiper { height: calc(var(--sliderheight) + 45px); overflow-y: hidden; padding-bottom: 12px; } .enhanced-pdp-main .product-ctl .ctl-swiper.ctl-montage { height: calc(var(--sliderheight) + 45px); flex-flow: column wrap; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-ctl .ctl-swiper { padding-bottom: 20px; height: calc(var(--sliderheight) + 45px); } .enhanced-pdp-main .product-ctl .ctl-swiper.ctl-montage { height: calc(var(--sliderheight) + 45px); } } @media screen and (max-width: 959px) { .enhanced-pdp-main .product-ctl .ctl-swiper.ctl-montage .ctl-slide:nth-child(-n+2), .enhanced-pdp-main .product-ctl .ctl-swiper .ctl-slide:nth-child(-n+1) { padding-left: 20px; } } .enhanced-pdp-main .product-ctl .ctl-slide { scroll-snap-align: start; padding-right: 8px; padding-bottom: 8px; box-sizing: content-box; height: calc(var(--sliderheight) - 8px); width: calc(var(--sliderheight) - 8px); } .enhanced-pdp-main .product-ctl .ctl-slide:last-of-type { padding-right: 50px; } @media screen and (max-width: 959px) { .enhanced-pdp-main .product-ctl .ctl-slide:last-of-type { padding-right: 20px; } } .enhanced-pdp-main .product-ctl .ctl-slide.half { height: calc(var(--sliderheight)/2 - 8px); width: calc(var(--sliderheight)/2 - 8px); } .enhanced-pdp-main .product-ctl .ctl-slide img { height: 100%; max-width: none; } .enhanced-pdp-main .product-ctl .ctl-slide-label-cont { height: 52px; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-ctl .ctl-slide-label-cont { height: 55px; } } .enhanced-pdp-main .product-ctl .ctl-slide-label { margin: 4px 20px 0px; display: inline-block; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-ctl .ctl-slide-label { height: 70px; margin: 4px 0px; } } .enhanced-pdp-main .product-ctl .ctl-slide-label > * { text-align: left; font-size: 13px; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; margin: 4px 0px; letter-spacing: 0.25px; } .enhanced-pdp-main .product-ctl .ctl-slide-label .brand-name { color: rgb(109, 111, 115); } .enhanced-pdp-main .product-ctl .ctl-swiper::-webkit-scrollbar, .enhanced-pdp-main .product-ctl .simplebar-content-wrapper::-webkit-scrollbar { display: none; } @media (hover: none) { .enhanced-pdp-main .product-ctl .simplebar-content-wrapper:not(.active) { scroll-snap-type: x mandatory; } } .enhanced-pdp-main .product-ctl .simplebar-content { height: var(--sliderheight); padding: 0px !important; } .enhanced-pdp-main .product-ctl .simplebar-content.ctl-montage { height: calc(8px + 100vw); } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-ctl .simplebar-content { height: calc(var(--sliderheight) + 45px); } } .enhanced-pdp-main .product-ctl .ctl-montage .simplebar-content { flex-flow: column wrap; } .enhanced-pdp-main .product-ctl .simplebar-track { left: 20px; background-color: rgb(240, 238, 237); height: 2px; border-radius: 0px; bottom: 20px; width: calc(100% - 40px); } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-ctl .simplebar-track { left: 0px; width: calc(100% - 50px); } } .enhanced-pdp-main .product-ctl .simplebar-track .simplebar-scrollbar { top: 0px; height: 2px; min-height: 0px; min-width: 10px; } .enhanced-pdp-main .product-ctl .simplebar-track .simplebar-scrollbar::before { inset: 0px; background-color: rgb(4, 30, 58); } .enhanced-pdp-main .product-infos-cont.fade { opacity: 1; } .enhanced-pdp-main .promotions { margin-bottom: 11px; } .enhanced-pdp-main .promotion-callout { text-align: left; } .enhanced-pdp-main .promotion-callout > div { margin-top: 0.625rem; margin-bottom: 0.625rem; } .enhanced-pdp-main .promotion-callout > div:first-of-type { margin-top: 0.6875rem; } .enhanced-pdp-main .promotion-callout > div:not(.is-shipping) { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875rem; line-height: 0.8125rem; letter-spacing: 0.46px; color: rgb(153, 110, 64); } .enhanced-pdp-main .promotion-callout > div:not(.is-shipping) span { text-transform: uppercase; } .enhanced-pdp-main .promotion-callout > div.is-shipping { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 0.75rem; line-height: 0.75rem; letter-spacing: 0.43px; color: rgb(4, 30, 58); text-transform: uppercase; } .enhanced-pdp-main .promotion-callout > div.tag-hometrade { color: rgb(4, 30, 58); text-transform: none; } .enhanced-pdp-main .promotion-callout > div.tag-hometrade span { text-transform: none; } .enhanced-pdp-main .promotion-callout p:first-of-type { margin-top: 0px; } .enhanced-pdp-main .promotion-callout p:last-of-type { margin-bottom: 0px; } .enhanced-pdp-main .promotion-callout .tooltip { text-decoration: underline; color: currentcolor; } .enhanced-pdp-main .product-extra { overflow: hidden; } .enhanced-pdp-main .product-extra-info .promotion-callout { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; text-align: center; } .enhanced-pdp-main .promotion-callout > div:last-of-type { margin-bottom: 0px; } .enhanced-pdp-main .brand-name, .enhanced-pdp-main .product-name, .enhanced-pdp-main .product-price, .enhanced-pdp-main .promotion, .enhanced-pdp-main .promotion .promotion-callout { text-align: center; display: block; text-transform: none; padding-bottom: 0px; } .enhanced-pdp-main .promotion-callout { color: rgb(153, 110, 64); } .enhanced-pdp-main .non-promo-badging { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875rem; line-height: 0.9375rem; color: rgb(4, 30, 58); text-transform: uppercase; margin-top: 0.625rem; margin-bottom: 0.625rem; text-align: center; } .enhanced-pdp-main .non-promo-badging.plp-non-promo-badge { display: none; } .enhanced-pdp-main .product-price { margin-top: 12px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.125rem; letter-spacing: 0.5px; color: rgb(4, 30, 58); justify-content: left; font-size: 0.875rem; display: flex; white-space: nowrap; } .enhanced-pdp-main .product-price .lowblack { color: rgb(4, 30, 58); } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-price { justify-content: flex-start; white-space: nowrap; } } .enhanced-pdp-main .product-price span { padding: 0px; margin: 0px 0.9375rem 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .enhanced-pdp-main .product-price span.lowblack { margin: 0px; } .enhanced-pdp-main .product-price span.price-sales { font-size: 0.875rem; color: rgb(153, 110, 64); } .enhanced-pdp-main .product-price span.price-sales.no-promotion { color: rgb(4, 30, 58); } .enhanced-pdp-main .product-price span.devider { color: rgb(71, 71, 71); margin: 0px 0.4375rem; } .enhanced-pdp-main .product-price span.selected-color-text { margin: 0px 0px 0px 0.9375rem; font-size: 0.75rem; color: rgb(153, 110, 64); } .enhanced-pdp-main .product-price span.lowred { color: rgb(153, 110, 64); } .enhanced-pdp-main .product-price span.lowblack { color: rgb(0, 0, 0); } .enhanced-pdp-main .product-price span.price-sales:only-of-type { margin: 0px; } .enhanced-pdp-main .product-price .price-standard { text-decoration: line-through; color: rgb(4, 30, 58); } .enhanced-pdp-main .product-price .price-tiered { color: rgb(211, 41, 41); font-size: 0.6em; line-height: 1.5em; } .enhanced-pdp-main .price-range { margin-bottom: 1.15625rem; font-size: 18px; color: rgb(71, 71, 71); font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; text-align: center; } @media screen and (min-width: 960px) { .enhanced-pdp-main .price-range { text-align: left; margin-bottom: 0.9375rem; } } @media screen and (min-width: 960px) { .enhanced-pdp-main.non-shoppable .product-extra-info.after-atb { min-height: 210px; } } .enhanced-pdp-main .product-extra-info-row { color: rgb(4, 30, 58); display: flex; justify-content: center; } .enhanced-pdp-main .product-extra-info-row:empty { display: none; } .enhanced-pdp-main .product-extra-info-row.extra-margin { margin: 2rem auto; } .enhanced-pdp-main .product-extra-info-row a { color: rgb(109, 111, 115); } .enhanced-pdp-main .product-extra-info-row.sizing-info { flex-wrap: wrap; } .enhanced-pdp-main .product-extra-info-row.sizing-info .tfc-fitrec-product .tfc-cfg-widget.tfc-fitrec-result { margin: 0px; } .enhanced-pdp-main .product-extra-info-row.sizing-info .tfc-fitrec-product .tfc-cfg-widget.tfc-fitrec-result .tfc-cfg-link { font-size: 12px; text-decoration: none; } .enhanced-pdp-main .product-extra-info-row .product-extra-info-item { padding: 0px; margin: auto 0.75rem; } .enhanced-pdp-main .product-extra-info-row .product-extra-info-item .mid-align { display: flex; align-items: center; } .enhanced-pdp-main .product-extra-info-row .product-extra-info-item .vert-align { display: flex; flex-direction: column; align-items: center; } .enhanced-pdp-main .product-extra-info-row .product-extra-info-item .vert-align a > div { margin: 0.5em; } .enhanced-pdp-main .appt-intro-wrapper { margin-top: 12px; } .enhanced-pdp-main .appt-intro-wrapper p { display: none; } .enhanced-pdp-main .appt-intro-wrapper.has-appt .appt, .enhanced-pdp-main .appt-intro-wrapper:not(.has-appt) .no-appt { display: block; } .enhanced-pdp-main .appt-intro-wrapper h2 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; color: rgb(4, 30, 58); text-align: center; text-transform: capitalize; font-size: 1.25rem; letter-spacing: 0.5px; line-height: 24px; } .enhanced-pdp-main .appt-intro-wrapper p { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(4, 30, 58); font-size: 0.75rem; letter-spacing: 0px; line-height: 22px; text-align: center; } .enhanced-pdp-main .book-an-appointment { width: 100%; text-align: center; } .enhanced-pdp-main .book-an-appointment span { display: block; font-size: 0.75rem; line-height: 1.625rem; padding: 0px 3.4375rem; letter-spacing: 0.46px; } .enhanced-pdp-main .book-an-appointment #bookAnAppointment:not(.rl-qs-modal), .enhanced-pdp-main .book-an-appointment .store-requestappt, .enhanced-pdp-main .book-an-appointment .store-startchat { width: 100%; color: rgb(4, 30, 58); letter-spacing: 1px; font-size: 11px; background-color: rgb(255, 255, 255); margin: 1.5625rem 0px 1.25rem; padding: 0.9375rem 0px; max-width: none; } .enhanced-pdp-main .book-an-appointment #bookAnAppointment:not(.rl-qs-modal):active, .enhanced-pdp-main .book-an-appointment #bookAnAppointment:not(.rl-qs-modal):focus, .enhanced-pdp-main .book-an-appointment #bookAnAppointment:not(.rl-qs-modal):hover, .enhanced-pdp-main .book-an-appointment .store-requestappt:active, .enhanced-pdp-main .book-an-appointment .store-requestappt:focus, .enhanced-pdp-main .book-an-appointment .store-requestappt:hover, .enhanced-pdp-main .book-an-appointment .store-startchat:active, .enhanced-pdp-main .book-an-appointment .store-startchat:focus, .enhanced-pdp-main .book-an-appointment .store-startchat:hover { border: 1px solid rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; } .enhanced-pdp-main .book-an-appointment .store-requestappt { margin: 0.5rem 0px 0px; float: none; } .enhanced-pdp-main .book-an-appointment .store-startchat { margin: 12px 0px 0px; } .enhanced-pdp-main .book-an-appointment.edd-cont p { margin: 0px; line-height: 0.9375rem; } .enhanced-pdp-main .book-an-appointment.cyo-reviews { margin-top: 1.4375rem; margin-bottom: 2.25rem; } @media screen and (min-width: 960px) { .enhanced-pdp-main .book-an-appointment.cyo-reviews { margin-bottom: 0.4375rem; } } .enhanced-pdp-main .book-an-appointment .promotion-callout > div:last-of-type { margin-bottom: 0.5625rem; } .enhanced-pdp-main .book-an-appointment .book-an-appointment-phone { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; padding-top: 20px; padding-bottom: 90px; color: rgb(4, 30, 58); text-transform: uppercase; letter-spacing: 1px; font-size: 11px; } .enhanced-pdp-main .book-an-appointment .book-an-appointment-phone a { color: rgb(4, 30, 58); letter-spacing: 1px; } .attribute-links { justify-content: space-between; margin-top: 24px; margin-bottom: 24px; position: relative; } .attribute-links.has-sample-link { margin-bottom: 30px; } .attribute-links .info-link { position: relative; width: 10px; height: 10px; margin-left: 5px; } .attribute-links .info-link::after { content: "i"; font-family: RL_DroidKufi, LeJeuneDeck-Regular-Italic, Times, serif; font-style: normal; font-size: 8px; color: rgb(255, 255, 255); background-color: rgb(175, 177, 180); width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 0px; text-align: center; } .material-selector { position: relative; z-index: 2; flex-shrink: 0; } @media screen and (max-width: 959px) { .material-selector { margin-right: -20px; } } .material-selector .toggle { position: relative; display: inline-block; width: 7px; height: 7px; margin-left: 5px; } .material-selector .toggle::after, .material-selector .toggle::before { content: ""; position: absolute; background-color: rgb(4, 30, 58); transition: transform 0.25s ease-out; } .material-selector .toggle::before { top: 0px; left: 4px; width: 1px; height: 100%; margin-left: -1px; } .material-selector .toggle::after { top: 4px; left: 0px; width: 100%; height: 1px; margin-top: -1px; } .material-selector .filter-label { margin-right: 10px; text-align: right; text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 9px; line-height: 16px; cursor: pointer; } .material-selector .material-list { padding: 18px 0px 16px; display: flex; } @media screen and (max-width: 959px) { .material-selector .material-list { padding-bottom: 6px; flex-wrap: nowrap; overflow-x: auto; } .material-selector .material-list .filter-option { margin: 12px 0px 0px 8px; } .material-selector .material-list .filter-option:first-child { margin-left: 0px; } .material-selector .material-list .filter-option:last-child { margin-right: 20px; } } @media screen and (min-width: 960px) { .material-selector .material-list { flex-wrap: wrap; } .material-selector .material-list .filter-option { margin: 12px 8px 0px 0px; } } .material-selector .material-list input[type="checkbox"]:checked ~ label { border: 1px solid rgb(4, 30, 58); background-color: rgb(4, 30, 58); color: rgb(255, 255, 255); } .material-selector .material-list input[type="checkbox"] + label::before { content: none; } .material-selector .material-list label { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 11px; padding: 8px 10px; letter-spacing: 0.3px; line-height: 10px; border: 1px solid rgb(240, 238, 237); border-radius: 6px; background-color: rgb(240, 238, 237); color: rgb(4, 30, 58); } .material-selector .material-list label span { pointer-events: none; } .material-selector .material-list input[type="checkbox"] + label span { font-size: 11px; } .material-selector .material-list .count { color: rgb(155, 165, 176); } .material-selector.opened .toggle::before { transform: rotate(90deg); } .enhanced-pdp-main .product-options, .enhanced-pdp-main .product-variations { width: 100%; border-top: 1px solid rgb(225, 225, 229); margin-top: 18px; } .enhanced-pdp-main .product-options .price-type-headding, .enhanced-pdp-main .product-variations .price-type-headding { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .enhanced-pdp-main .product-options .price-type-headding.full_price, .enhanced-pdp-main .product-variations .price-type-headding.full_price { display: none; } .enhanced-pdp-main .product-options .price-type-headding.sale_price, .enhanced-pdp-main .product-variations .price-type-headding.sale_price { color: rgb(153, 110, 64); padding-top: 0.625rem; padding-bottom: 1rem; } .enhanced-pdp-main .product-options .price-type, .enhanced-pdp-main .product-variations .price-type { display: inline-block; } .enhanced-pdp-main .product-options .attribute, .enhanced-pdp-main .product-variations .attribute { padding-bottom: 0.75rem; list-style: none; } .enhanced-pdp-main .product-options .attribute.split-attribute:not(.upholstery), .enhanced-pdp-main .product-variations .attribute.split-attribute:not(.upholstery) { text-align: center; } .enhanced-pdp-main .product-options .attribute.split-attribute:not(.upholstery) .attribute-links, .enhanced-pdp-main .product-variations .attribute.split-attribute:not(.upholstery) .attribute-links { justify-content: center; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-options .attribute.split-attribute:not(.upholstery), .enhanced-pdp-main .product-variations .attribute.split-attribute:not(.upholstery) { text-align: center; } .enhanced-pdp-main .product-options .attribute.split-attribute:not(.upholstery) .attribute-links, .enhanced-pdp-main .product-options .attribute.split-attribute:not(.upholstery) .pips-cont ul, .enhanced-pdp-main .product-variations .attribute.split-attribute:not(.upholstery) .attribute-links, .enhanced-pdp-main .product-variations .attribute.split-attribute:not(.upholstery) .pips-cont ul { justify-content: center; } .enhanced-pdp-main .product-options .attribute .s7viewer-swatches-cont, .enhanced-pdp-main .product-variations .attribute .s7viewer-swatches-cont { position: relative; } } .enhanced-pdp-main .product-options .attribute.upholstery .content-asset, .enhanced-pdp-main .product-variations .attribute.upholstery .content-asset { font-size: 10px; color: rgb(109, 111, 115); margin-bottom: 35px; } .enhanced-pdp-main .product-options .attribute.upholstery .content-asset a, .enhanced-pdp-main .product-variations .attribute.upholstery .content-asset a { color: inherit; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-options .attribute.upholstery .content-asset, .enhanced-pdp-main .product-variations .attribute.upholstery .content-asset { margin-bottom: 30px; } } .enhanced-pdp-main .product-options .attribute .selected-value-wrapper, .enhanced-pdp-main .product-variations .attribute .selected-value-wrapper { display: flex; align-items: center; } .enhanced-pdp-main .product-options .attribute .selected-value-wrapper .selected-value, .enhanced-pdp-main .product-variations .attribute .selected-value-wrapper .selected-value { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.75rem; line-height: 0.9375rem; color: rgb(4, 30, 58); text-transform: capitalize; border: 0px; text-decoration: none; } .enhanced-pdp-main .product-options .attribute .selected-value-wrapper .selected-sample-image, .enhanced-pdp-main .product-variations .attribute .selected-value-wrapper .selected-sample-image { height: 0.9375rem; width: 0.9375rem; border-radius: 50%; margin-right: 0.625rem; } .enhanced-pdp-main .product-options .attribute .label span, .enhanced-pdp-main .product-variations .attribute .label span { padding-left: 0.4375rem; } .enhanced-pdp-main .product-options .attribute.secondarysize, .enhanced-pdp-main .product-variations .attribute.secondarysize { margin-top: -1rem; } .enhanced-pdp-main .product-options .attribute.active, .enhanced-pdp-main .product-variations .attribute.active { border-bottom: 0px; } .enhanced-pdp-main .product-options .attribute .label, .enhanced-pdp-main .product-options .attribute h3, .enhanced-pdp-main .product-variations .attribute .label, .enhanced-pdp-main .product-variations .attribute h3 { font-size: 0.875rem; color: rgb(71, 71, 71); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; margin: 0px 0px 0.9375rem; text-transform: uppercase; display: none; } .enhanced-pdp-main .product-options .attribute .value, .enhanced-pdp-main .product-variations .attribute .value { width: 100%; } .enhanced-pdp-main .product-options .attribute .attribute-top-links, .enhanced-pdp-main .product-variations .attribute .attribute-top-links { display: flex; justify-content: space-between; margin-top: 0px; margin-bottom: 0px; } .enhanced-pdp-main .product-options .attribute .attribute-top-links span, .enhanced-pdp-main .product-variations .attribute .attribute-top-links span { display: inline-block; margin-top: 1.25rem; margin-bottom: 0px; } .enhanced-pdp-main .product-options .attribute .attribute-top-links .select-attribute, .enhanced-pdp-main .product-variations .attribute .attribute-top-links .select-attribute { display: block; order: 1; flex-grow: 2; } .enhanced-pdp-main .product-options .attribute .attribute-top-links .size-chart-link, .enhanced-pdp-main .product-variations .attribute .attribute-top-links .size-chart-link { order: 3; } .enhanced-pdp-main .product-options .attribute .attribute-top-links .size-chart-link a, .enhanced-pdp-main .product-variations .attribute .attribute-top-links .size-chart-link a { color: rgb(4, 30, 58); } .enhanced-pdp-main .product-options .attribute .attribute-top-links .size-chart-link + .truefit-link, .enhanced-pdp-main .product-variations .attribute .attribute-top-links .size-chart-link + .truefit-link { margin-right: 0.9375rem; } .enhanced-pdp-main .product-options .attribute .attribute-top-links .truefit-link, .enhanced-pdp-main .product-variations .attribute .attribute-top-links .truefit-link { order: 2; max-height: 0.9375rem; overflow: hidden; } .enhanced-pdp-main .product-options .attribute .attribute-top-links .truefit-link a, .enhanced-pdp-main .product-variations .attribute .attribute-top-links .truefit-link a { color: rgb(4, 30, 58); text-decoration: underline; } .enhanced-pdp-main .product-options .attribute .size-chart-link a, .enhanced-pdp-main .product-variations .attribute .size-chart-link a { text-decoration: underline; padding: 0px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } .swatch-hover-content { position: absolute; width: 21.875rem; z-index: 1; top: 0px; right: calc(100% + 24px); box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 8px 0px; } .swatch-hover-content .swatch-container-wrapper { background: rgb(255, 255, 255); display: flex; flex-direction: column; } .swatch-hover-content .swatch-container-wrapper .swatch-content { margin: 30px 24px 24px; } .swatch-hover-content .swatch-container-wrapper .swatch-content .swatch-header { margin: 0px 0px 18px; } .swatch-hover-content .swatch-container-wrapper .swatch-content .swatch-header .swatch-title { font-size: 1rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; color: rgb(4, 30, 58); text-transform: capitalize; } .swatch-hover-content .swatch-container-wrapper .swatch-content .swatch-details { font-size: 0.6875rem; letter-spacing: 0.25px; line-height: 20px; } .swatch-hover-content .swatch-container-wrapper .swatch-content .swatch-details .style-details { color: rgb(109, 111, 115); margin-top: 12px; } .swatch-hover-content .swatch-container-wrapper .swatch-image { width: 100%; aspect-ratio: 505 / 282; } .product-variations ul.values { display: flex; flex-basis: 20%; flex-wrap: wrap; justify-content: space-between; } .product-variations ul.values li { min-width: 3rem; } .product-variations ul.values li:last-child::after { content: " "; } .enhanced-pdp-main .product-variations .variations-attribute { position: relative; } .enhanced-pdp-main .product-variations .variations-attribute.hide { display: none; } .enhanced-pdp-main .product-variations .variations-attribute a { display: block; line-height: 58px; min-height: 2rem; min-width: 2rem; padding: 0px; text-align: center; white-space: nowrap; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; margin: 0px; position: relative; -webkit-tap-highlight-color: transparent; } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-variations .variations-attribute a { line-height: 48px; } } @media screen and (max-width: 959px) { .enhanced-pdp-main .product-variations .pips-cont.filtered-out { display: none; } .enhanced-pdp-main .product-variations .pips-cont .swiper-container { opacity: 0; overflow: visible; } .enhanced-pdp-main .product-variations .pips-cont .swiper-container.swiper-container-initialized { opacity: 1; } } @media screen and (min-width: 960px) { .enhanced-pdp-main .product-variations .pips-cont ul { flex-wrap: wrap; } } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute { margin-bottom: 12px; width: 60px; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute .indicator-cont { position: absolute; top: 0px; left: 0px; width: 60px; height: 60px; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute img { width: 50px; height: 50px; position: absolute; top: -1px; left: -1px; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute a { width: 60px; height: 60px; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute a:focus { text-decoration: none; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute a img { position: relative; width: 50px; height: 50px; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.swatch-image a { line-height: 0; min-width: 0px; min-height: 0px; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.selected a { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.selected .indicator-cont { background: rgb(4, 30, 58); border-radius: 50%; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.selected .indicator-cont::after { content: ""; position: absolute; background: rgb(255, 255, 255); border-radius: 50%; inset: 1px; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.out a.swatchanchor::before { content: " "; z-index: 1; position: absolute; width: 100%; height: 100%; color: rgb(255, 255, 255); top: 0px; left: 0px; background: url("../../assets/images/df-home-x-2px.svg") 50% center / contain no-repeat; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.out:not(.selected):not(.home-non-shoppable) .swatch-image-wrapper { opacity: 0.75; } @media screen and (max-width: 959px) { .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.filtered-out { display: none; } } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.swatch-loader-indicator { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.swatch-loader-indicator .indicator-cont { animation: 1s linear 0s infinite normal none running rotation; background: rgb(4, 30, 58); border-radius: 50%; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.swatch-loader-indicator .indicator-cont::after, .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.swatch-loader-indicator .indicator-cont::before { content: ""; position: absolute; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.swatch-loader-indicator .indicator-cont::before { border-radius: 50%; background: linear-gradient(0deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.9)) 0px 0px / 50% 50% no-repeat, linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6)) 100% 0px, linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3)) 100% 100%, linear-gradient(1turn, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)) 0px 100%; inset: -1px; } .enhanced-pdp-main .product-variations .pips-cont ul .variations-attribute.swatch-loader-indicator .indicator-cont::after { background: rgb(255, 255, 255); border-radius: 50%; inset: 1px; } .enhanced-pdp-main .product-variations .pips-cont ul img { box-sizing: border-box; border-radius: 50%; margin: 6px; border: 1px solid rgba(128, 128, 128, 0.2); } .enhanced-pdp-main .donation-value-group .select-attribute, .enhanced-pdp-main .primarysize .select-attribute, .enhanced-pdp-main .secondarysize .select-attribute { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.8125rem; line-height: 1rem; color: rgb(109, 111, 115); text-transform: capitalize; } .enhanced-pdp-main .donation-value-group .attribute-top-links .select-attribute, .enhanced-pdp-main .primarysize .attribute-top-links .select-attribute, .enhanced-pdp-main .secondarysize .attribute-top-links .select-attribute { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875rem; line-height: 0.875rem; } .enhanced-pdp-main .donation-value-group .completeoos .select-attribute, .enhanced-pdp-main .donation-value-group .out .select-attribute, .enhanced-pdp-main .donation-value-group .unselectable .select-attribute, .enhanced-pdp-main .primarysize .completeoos .select-attribute, .enhanced-pdp-main .primarysize .out .select-attribute, .enhanced-pdp-main .primarysize .unselectable .select-attribute, .enhanced-pdp-main .secondarysize .completeoos .select-attribute, .enhanced-pdp-main .secondarysize .out .select-attribute, .enhanced-pdp-main .secondarysize .unselectable .select-attribute { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(109, 111, 115); box-sizing: content-box; } .enhanced-pdp-main .donation-value-group .attribute-value, .enhanced-pdp-main .primarysize .attribute-value, .enhanced-pdp-main .secondarysize .attribute-value { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; display: inline-block; position: relative; font-size: 0.8125rem; } .enhanced-pdp-main .donation-value-group .completeoos .attribute-value, .enhanced-pdp-main .donation-value-group .out .attribute-value, .enhanced-pdp-main .donation-value-group .unselectable .attribute-value, .enhanced-pdp-main .primarysize .completeoos .attribute-value, .enhanced-pdp-main .primarysize .out .attribute-value, .enhanced-pdp-main .primarysize .unselectable .attribute-value, .enhanced-pdp-main .secondarysize .completeoos .attribute-value, .enhanced-pdp-main .secondarysize .out .attribute-value, .enhanced-pdp-main .secondarysize .unselectable .attribute-value { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(109, 111, 115); } .enhanced-pdp-main .donation-value-group .selected, .enhanced-pdp-main .primarysize .selected, .enhanced-pdp-main .secondarysize .selected { color: rgb(4, 30, 58); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .enhanced-pdp-main .donation-value-group .selected a span:not(.count)::after, .enhanced-pdp-main .primarysize .selected a span:not(.count)::after, .enhanced-pdp-main .secondarysize .selected a span:not(.count)::after { content: " "; z-index: 1; position: absolute; height: 50%; bottom: 25%; left: -2px; border-bottom: 2px solid rgb(5, 46, 58); width: calc(100% + 4px); } @media screen and (min-width: 960px) { .enhanced-pdp-main .donation-value-group .selected a span:not(.count)::after, .enhanced-pdp-main .primarysize .selected a span:not(.count)::after, .enhanced-pdp-main .secondarysize .selected a span:not(.count)::after { bottom: 20%; } } .enhanced-pdp-main .donation-value-group .selected a, .enhanced-pdp-main .primarysize .selected a, .enhanced-pdp-main .secondarysize .selected a { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .enhanced-pdp-main .donation-value-group a, .enhanced-pdp-main .primarysize a, .enhanced-pdp-main .secondarysize a { color: rgb(4, 30, 58); } .enhanced-pdp-main .donation-value-group .size-loader-indicator, .enhanced-pdp-main .primarysize .size-loader-indicator, .enhanced-pdp-main .secondarysize .size-loader-indicator { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .enhanced-pdp-main .donation-value-group .size-loader-indicator a span::after, .enhanced-pdp-main .primarysize .size-loader-indicator a span::after, .enhanced-pdp-main .secondarysize .size-loader-indicator a span::after { content: " "; z-index: 1; position: absolute; height: 50%; bottom: 10%; left: 0px; border-bottom: 2px solid rgb(5, 46, 58); width: 0px; animation: 0.8s ease-in 0s infinite normal none running pulsation; } .enhanced-pdp-main .donation-value-group:not(.donation-value-group) hover, .enhanced-pdp-main .primarysize:not(.donation-value-group) hover, .enhanced-pdp-main .secondarysize:not(.donation-value-group) hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .enhanced-pdp-main .donation-value-group .completeoos a, .enhanced-pdp-main .donation-value-group .unselectable a, .enhanced-pdp-main .primarysize .completeoos a, .enhanced-pdp-main .primarysize .unselectable a, .enhanced-pdp-main .secondarysize .completeoos a, .enhanced-pdp-main .secondarysize .unselectable a { pointer-events: none; } .enhanced-pdp-main .donation-value-group .completeoos a, .enhanced-pdp-main .donation-value-group .out a, .enhanced-pdp-main .donation-value-group .unselectable a, .enhanced-pdp-main .primarysize .completeoos a, .enhanced-pdp-main .primarysize .out a, .enhanced-pdp-main .primarysize .unselectable a, .enhanced-pdp-main .secondarysize .completeoos a, .enhanced-pdp-main .secondarysize .out a, .enhanced-pdp-main .secondarysize .unselectable a { color: rgb(109, 111, 115); box-sizing: content-box; } .order-swatches-wrapper { align-items: center; margin-top: 0.75rem; margin-bottom: 1.4375rem; } @media screen and (min-width: 960px) { .order-swatches-wrapper { margin-top: 1.375rem; margin-bottom: 1.75rem; } } .order-swatches-wrapper .attribute-label.link { margin-right: 0.875rem; } @media screen and (min-width: 960px) { .order-swatches-wrapper .attribute-label.link { margin-right: 1.125rem; } } .order-swatches-wrapper .attribute-label .sample-link { font-size: 0.6875rem; color: rgb(109, 111, 115); display: none; align-items: center; position: relative; border: 1px solid rgb(198, 200, 204); border-radius: 18px; padding: 10px 15px; white-space: nowrap; letter-spacing: 0.25px; line-height: 15px; } .order-swatches-wrapper .attribute-label .sample-link .swatch-icon { width: 16px; height: 13px; margin-right: 0.4375rem; } .order-swatches-wrapper .content-asset { letter-spacing: 0.25px; line-height: 15px; font-size: 0.6875rem !important; margin-bottom: 0px !important; } .product-info-dims { display: block; } .product-main-image img { width: 100%; } .rlhome-option > div { display: flex; justify-content: space-between; } .rlhome-option .option-label { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; display: block; line-height: 14px; } .mobile-attributes-cont { display: none; } .tiles.mobile-attributes .attribute-label { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 18px; text-align: center; } .tiles.mobile-attributes .attribute-variations { margin-top: 15px; display: grid; gap: 7px; } .tiles.mobile-attributes .attribute-variations.per-line-3 { grid-template-columns: 1fr 1fr 1fr; } .tiles.mobile-attributes .attribute-variations.per-line-2 { grid-template-columns: 1fr 1fr; } .tiles.mobile-attributes .attribute-variations .rlhome-option { font-size: 10px; } .tiles.mobile-attributes .attribute-variations .rlhome-option > div { height: 100%; flex-direction: column; } .tiles.mobile-attributes .attribute-variations .rlhome-option.out { color: rgb(157, 159, 163) !important; } .tiles.mobile-attributes .attribute-variations .rlhome-option.selected { background-color: rgb(229, 227, 226); } .attribute-tile { min-height: 80px; background-color: rgb(245, 245, 245); padding: 16px 6px; -webkit-tap-highlight-color: transparent; } .attribute-tile:hover { text-decoration: none; } .rlhome-variations-drop { margin-bottom: 0px; } .rlhome-variations-drop::after { content: ""; position: absolute; background: url("../../assets/images/form-down-arrow.svg") 50% center / 0.75rem 0.75rem no-repeat transparent; width: 0.75rem; height: 0.75rem; right: 20px; top: calc(50% - 0.33rem); transform: rotate(0deg); transition: transform 0.3s; } @media screen and (max-width: 959px) { .rlhome-variations-drop { pointer-events: none; } .rlhome-variations-drop .variation-select { display: block !important; } .rlhome-variations-drop .ui-selectmenu-button { display: none; } .rlhome-variations-drop::after { transform: rotate(-90deg); } .secondary-selector.one-sized .rlhome-variations-drop::after { display: none; } } @media screen and (min-width: 960px) { .secondary-selector.one-sized .rlhome-variations-drop { pointer-events: none; } .secondary-selector.one-sized .rlhome-variations-drop::after { display: none; } } .rlhome-variations-drop .ui-selectmenu-button, .rlhome-variations-drop select { position: relative; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgb(240, 238, 237); background-image: none; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 12px; min-height: 64px; padding-top: 33px; padding-left: 14px; } .rlhome-variations-drop .ui-selectmenu-button:hover, .rlhome-variations-drop select:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; } .rlhome-variations-drop .ui-selectmenu-button[aria-expanded="true"], .rlhome-variations-drop select[aria-expanded="true"] { color: rgb(182, 182, 182); } .rlhome-variations-drop .ui-selectmenu-button .ui-selectmenu-text, .rlhome-variations-drop select .ui-selectmenu-text { text-transform: capitalize; color: rgb(4, 30, 58); transition: opacity 0.3s linear; } .rlhome-variations-drop label { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 10px; text-transform: capitalize; color: rgb(109, 111, 115); transition: transform 0.3s !important; } .rlhome-variations-drop.has-float-label select:not(:placeholder-shown) ~ label { left: 14px; font-size: 10px; color: rgb(109, 111, 115); top: 17px !important; } .rlhome-variations-drop .ui-selectmenu-menu .ui-menu { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgb(240, 238, 237); } .rlhome-variations-drop.drop-opened::after { transform: rotate(-180deg); } .rlhome-variations-drop.drop-opened .ui-selectmenu-text { opacity: 0; } .rlhome-variations-drop.drop-opened label { transform: translateY(8px); } .home-drop-select ::-webkit-scrollbar { display: none; } .home-drop-select .ui-menu { padding: 0px; max-height: 288px; } .home-drop-select.ui-selectmenu-menu .ui-menu { background-color: rgb(240, 238, 237); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .home-drop-select.ui-selectmenu-menu .ui-menu .option-selected, .home-drop-select.ui-selectmenu-menu .ui-menu .ui-state-active { background-color: rgb(229, 227, 226); pointer-events: none; } .home-drop-select.ui-selectmenu-menu .ui-menu .ui-state-disabled, .home-drop-select.ui-selectmenu-menu .ui-menu .unavailable { color: rgb(157, 159, 163) !important; } .home-drop-select.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper { padding: 0.625rem 28px 0.625rem 14px; width: 100%; align-items: center; min-height: 72px; } .home-drop-select .simplebar-content { padding: 0px !important; } .home-drop-select .simplebar-track.simplebar-vertical { right: 14px; box-shadow: rgba(0, 0, 0, 0.3) -1px 0px 2px inset; width: 3px; border-radius: 4px; top: 20px; height: calc(100% - 40px); } .home-drop-select .simplebar-track.simplebar-vertical .simplebar-scrollbar::before { inset: 0px; } .product-content-asset.hide-on-load, .product-main-images.hide-me { visibility: hidden; } .product-main-images.at-bottom .product-main-images-cont { display: flex; flex-wrap: wrap; } .product-main-images.at-bottom .product-main-images-cont .pre-sqr { width: 50%; } .product-main-images.at-bottom .product-main-images-cont .pre-lnd, .product-main-images.at-bottom .product-main-images-cont .pre-lnd img, .product-main-images picture > img { width: 100%; } .product-main-images .swiper-pagination.product-primary-image-pagination { display: flex; justify-content: center; width: calc(100% - 40px); margin: auto; z-index: 0; height: 28px; position: relative; } @media screen and (min-width: 960px) { .product-main-images .swiper-pagination.product-primary-image-pagination:not(.quickShop-dialog) .swiper-pagination { display: none; } } .product-main-images .swiper-pagination.product-primary-image-pagination .swiper-pagination-bar { flex: 1 1 0%; height: 2px; max-width: 34px; margin: 13px 3px; background-color: rgb(216, 216, 216); border-radius: 0px; opacity: 0.5; } .product-main-images .swiper-pagination.product-primary-image-pagination .swiper-pagination-bar.swiper-pagination-bullet-active { background-color: rgb(4, 30, 58); } .product-main-images .carousel-circle-control { visibility: hidden; } @media screen and (min-width: 960px) { .product-main-images .carousel-circle-control { visibility: visible; } } .product-main-images .single .carousel-circle-control, .product-main-images .single .swiper-pagination.product-primary-image-pagination { visibility: hidden; } .product-add-to-cart .addtocart { text-align: center; } .product-image.zoomable-image[data-type] img:hover { cursor: url("../../assets/images/pdp-zoom_0121.png"), zoom-in; } .pdp-zoom-view.inline-zoom-view .enhanced-pdp-main .pdp-container { display: none; } .pdp-zoom-view.inline-zoom-view .enhanced-pdp-main .inline-zoom-holder { display: block; margin-top: -72px; } .pdp-zoom-view:not(.inline-zoom-view) #wrapper { overflow: hidden; height: 100vh; } .pdp-zoom-view:not(.inline-zoom-view) .zoom-viewer { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 150; background-color: rgb(255, 255, 255); } .zoom-viewer-container .zoom-viewer { display: none; } .zoom-viewer .icon-close { background-image: url("../../assets/images/close_icon.svg"); top: 10px; left: auto; right: 1px; height: 1.4rem; width: 1.4rem; z-index: 9; position: fixed; cursor: pointer; } .inline-zoom-view .zoom-viewer .icon-close { position: sticky; top: 102px; margin-top: -22px; margin-left: calc(100% - 44px); } .zoom-viewer .swiper-container { margin-left: auto; margin-right: auto; } .zoom-viewer .swiper-wrapper { display: block; } .zoom-viewer .zoom-swiper-container { margin: auto; width: 100%; height: auto; } .zoom-viewer .zoom-thumbs { box-sizing: border-box; bottom: 36px; margin-left: 36px; position: fixed; z-index: 2; } .inline-zoom-view .zoom-viewer .zoom-thumbs { position: sticky; margin-top: -555px; top: 1100px; margin-bottom: 36px; } .zoom-viewer .zoom-thumbs .thumb { margin: 6px 0px; border-bottom: 2px solid transparent; background-clip: padding-box; cursor: pointer; opacity: 0.5; } .zoom-viewer .zoom-thumbs .thumb.ratio-1x1, .zoom-viewer .zoom-thumbs .thumb.ratio-4x3, .zoom-viewer .zoom-thumbs .thumb.ratio-5x7 { width: 65px; } .zoom-viewer .zoom-thumbs .thumb.thumb-active { opacity: 1; border-bottom: 2px solid rgb(4, 30, 58); } .zoom-viewer .zoom-images img { opacity: 0; transition: opacity 1s; } .zoom-viewer .zoom-images .fadein { opacity: 1; } .product-info-romance { background-color: rgb(237, 229, 222); padding: 80px 20px; color: rgb(4, 30, 58); } .product-info-romance .romance-label { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 11px; line-height: 10px; letter-spacing: 1px; color: rgb(4, 30, 58); text-transform: uppercase; margin-bottom: 25px; margin-top: 0px; } .product-info-romance .romance-copy { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 15px; line-height: 24px; color: rgb(4, 30, 58); } @media screen and (min-width: 960px) { .product-info-romance .romance-copy { font-size: 18px; line-height: 28px; margin: 0px; } } @media screen and (min-width: 960px) { .product-info-romance { padding: 80px 50px; } } .product-tabs { overflow: hidden; transition: height 0.3s ease-out; background-color: rgb(248, 247, 246); } .product-tabs a:not(.button) { color: rgb(4, 30, 58); } .product-tabs > .product-image img { width: 100%; } @media screen and (min-width: 960px) { .product-tabs > .product-image img { display: none; } } .product-tabs .pdp-shipping-estimate-msg { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; text-transform: uppercase; font-size: 12px; text-align: left; margin-bottom: 40px; width: auto; color: rgb(4, 30, 58); } .product-tabs .product-info-drawers-tabs { display: none; } @media screen and (min-width: 960px) { .product-tabs .product-info-drawers-tabs { display: flex; width: 100%; } .product-tabs .product-info-drawers-tabs > * { flex: 1 1 0%; } } .product-tabs .product-info-drawers-contents { position: relative; } .product-tabs .product-info-drawers-contents.tabs-inited .product-info-drawer { position: absolute; width: 100%; } .product-tabs .product-info-drawer[aria-hidden="true"] .product-info-drawers-content { height: 0px; padding-top: 0px; padding-bottom: 0px; } .product-tabs .product-info-drawer.accordion-opened .product-info-drawers-header { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; background-color: rgb(248, 247, 246); } .product-tabs .product-info-drawer.accordion-opened .product-info-drawers-header::after { transform: rotate(180deg); } .product-tabs .product-info-drawer ul { list-style-type: disc; padding: 0px; } .product-tabs .product-info-drawer ul li { text-align: left; line-height: 26px; margin: 0px 20px; } @media screen and (min-width: 960px) { .product-tabs .product-info-drawer .product-info-drawers-content { opacity: 0; transform: translateY(10px); transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out; } .product-tabs .product-info-drawer.active .product-info-drawers-content { opacity: 1; transform: translateY(0px); } .product-tabs .product-info-drawer .product-info-drawers-header { display: none; } .product-tabs .product-info-drawer ul { column-count: 2; } } .product-tabs .product-info-drawers-header, .product-tabs .product-info-drawers-tab { margin: 0px; text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 12px; height: 58px; color: rgb(4, 30, 58); background-color: rgb(229, 225, 221); display: flex; align-items: center; cursor: pointer; } .product-tabs .product-info-drawers-tab { justify-content: center; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px 0px inset; } .product-tabs .product-info-drawers-tab[aria-selected="true"] { background-color: rgb(248, 247, 246); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; } .product-tabs .product-info-drawers-header { padding: 20px; box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 3px -3px inset; } .product-tabs .product-info-drawers-header::after { content: ""; font-family: RLNA-font; font-size: 0.9375rem; position: absolute; right: 20px; transition: transform 0.3s; } .product-tabs .product-info-drawers-content { background-color: rgb(248, 247, 246); padding-top: 15px; padding-bottom: 55px; font-size: 12px; line-height: 25px; overflow: hidden; } @media screen and (min-width: 960px) { .product-tabs .product-info-drawers-content { padding-top: 60px; padding-bottom: 55px; } } .product-tabs .product-info-drawers-content .product-dimensions > * { margin-top: 22px; } @media screen and (min-width: 960px) { .product-tabs .product-info-drawers-content .product-dimensions.tabs-wrapper { max-width: 50%; } } .product-tabs .product-info-drawers-content .product-drawer-details > *, .product-tabs .product-info-drawers-content .product-drawer-shipping > * { margin-bottom: 24px; } @media screen and (min-width: 960px) { .product-tabs .product-info-drawers-content .product-drawer-details > *, .product-tabs .product-info-drawers-content .product-drawer-shipping > * { margin-bottom: 40px; } } .product-tabs .product-info-drawers-content .product-drawer-details p, .product-tabs .product-info-drawers-content .product-drawer-shipping p { font-size: inherit; color: inherit; line-height: 25px; } .product-tabs .product-info-drawers-content .product-drawer-details h5, .product-tabs .product-info-drawers-content .product-drawer-shipping h5 { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; font-size: 11px; } .product-tabs .product-info-drawers-content .product-drawer-details .product-drawer-em, .product-tabs .product-info-drawers-content .product-drawer-shipping .product-drawer-em { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .product-tabs .product-info-drawers-content .product-info-drawers-label { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 18px; line-height: 28px; margin: 0px; } .product-tabs .product-info-drawers-content .product-dimensions-labels { display: flex; margin-top: 0px; } .product-tabs .product-info-drawers-content .product-dimensions-labels.multiple { border-bottom: 2px solid rgb(198, 200, 204); } .product-tabs .product-info-drawers-content .product-dimensions-labels.multiple .product-info-drawers-label { margin-bottom: -2px; } .product-tabs .product-info-drawers-content .product-dimensions-labels.multiple .product-info-drawers-label[aria-selected="true"] { border-bottom: 2px solid rgb(0, 0, 0); } .product-tabs .product-info-drawers-content .product-dimensions-labels .product-info-drawers-label { margin-right: 15px; } .product-tabs .product-info-drawers-content .details-extra-items { display: none; } .product-tabs .product-info-drawers-content .product-dimensions-content { display: flex; margin-top: 17px; } .product-tabs .product-info-drawers-content .product-info-drawers-sub-content { width: 100%; flex: 1 0 100%; } .product-tabs .product-info-drawers-content .product-info-drawers-sub-content > * { opacity: 0; transform: translateX(20px); transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out; } .product-tabs .product-info-drawers-content .product-info-drawers-sub-content.active > * { opacity: 1; transform: translateX(0px); } .product-tabs .product-info-drawers-content .product-info-drawers-table tr { border-bottom: 1px solid rgb(198, 200, 204); } .product-tabs .product-info-drawers-content .product-info-drawers-table td { padding: 7px 0px; } .product-tabs .product-info-drawers-content .product-dimensions-link { font-size: 10px; } .product-tabs .product-info-drawers-content.content-dims { display: flex; } .product-tabs .product-info-drawers-content.content-dims > * { flex: 1 1 0%; } .product-tabs .product-info-drawers-content.content-dims .product-image { display: none; } @media screen and (min-width: 960px) { .product-tabs .product-info-drawers-content.content-dims .product-image { display: block; margin: 0px 30px 0px 0px; } .product-tabs .product-info-drawers-content.content-dims .product-image img { width: 100%; } } .product-tabs .product-info-drawers-content.content-dims .product-dimensions-link, .product-tabs .product-info-drawers-content.content-dims .product-dimensions-specs { text-align: center; } .product-tabs .product-info-drawers-content.content-dims .product-dimensions-link a.download-specs, .product-tabs .product-info-drawers-content.content-dims .product-dimensions-specs a.download-specs { margin-top: 10px; } .product-tabs .product-info-drawers-content.content-dims .product-dimensions-link a.download-specs:active::after, .product-tabs .product-info-drawers-content.content-dims .product-dimensions-link a.download-specs:focus::after, .product-tabs .product-info-drawers-content.content-dims .product-dimensions-link a.download-specs:hover::after, .product-tabs .product-info-drawers-content.content-dims .product-dimensions-specs a.download-specs:active::after, .product-tabs .product-info-drawers-content.content-dims .product-dimensions-specs a.download-specs:focus::after, .product-tabs .product-info-drawers-content.content-dims .product-dimensions-specs a.download-specs:hover::after { top: 0.25rem; transition: none; } .breadcrumb { padding: 43px 0px 55px; text-align: center; margin: 0px; background-color: rgb(255, 255, 255); } @media only screen and (min-width: 767px) { .breadcrumb { background-color: rgb(242, 243, 245); display: flex; justify-content: center; align-items: center; padding: 0px; margin: 70px 0px 0px; height: 75px; } .breadcrumb span.breadcrumb-element { display: inline; } } @media screen and (min-width: 960px) { .breadcrumb { margin: 70px 0px -45px; } } .breadcrumb .breadcrumb-element { font-size: 0.75rem; line-height: 1.5rem; color: rgb(109, 111, 115); text-transform: uppercase; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; } .breadcrumb .breadcrumb-element::after { color: currentcolor; } @media screen and (min-width: 767px) { .breadcrumb .breadcrumb-element::after { margin-right: 0.25rem; } } .breadcrumb span.breadcrumb-element { display: block; font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; } .breadcrumb span.breadcrumb-element::after { content: none; display: none; } .pt_product-details .print-container { display: none; } @media print { .pt_product-details.is-printed > :not(.print-container) { display: none; } .pt_product-details.is-printed .print-container { display: block; font-size: 8px; position: absolute; top: 0px; left: 0px; width: 100%; } #inquiry-widget { display: none !important; } } .rug-print-template { color: rgb(4, 30, 58); text-align: left; max-width: 800px; margin: auto; } .rug-print-template .print-info-cont { display: flex; justify-content: space-between; margin: 5rem 6.25rem; font-size: 1.5625rem; line-height: 1.875rem; } .rug-print-template ul { padding: 0px; margin: 0px; } .rug-print-template .product-name { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 3.1875rem; line-height: 3.1875rem; letter-spacing: 0px; color: rgb(4, 30, 58); } .rug-print-template .print-header { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0px; padding-top: 1.5625rem; } .rug-print-template .product-composition ul { list-style: none; } .rug-print-template .product-composition li:not(:first-of-type) { display: none; } .rug-print-template .product-composition li:not(:first-of-type)::marker { font-size: 10px; } .rug-print-template .product-pile-height li, .rug-print-template .product-sizes { margin-left: 1.6875rem; } .rug-print-template .print-reference { text-align: left; color: rgb(109, 111, 115); font-size: 1.5625rem; } @media screen and (min-width: 960px) { .product-set-list .product-main-images .swiper-pagination { position: absolute; bottom: 17px; z-index: 1; } .product-set-list .product-main-images .swiper-pagination .swiper-pagination-bar { background-color: rgba(255, 255, 255, 0.4); } .product-set-list .product-main-images .swiper-pagination .swiper-pagination-bar.swiper-pagination-bullet-active { background-color: rgb(255, 255, 255); } } .product-set-list .product-set-item { margin-top: 80px; margin-bottom: 80px; } .product-set-list .product-main-images::before { padding-bottom: calc(100% + 25px); } @media screen and (min-width: 600px) { .product-set-list .product-main-images::before { padding-bottom: 625px; } } @media screen and (min-width: 960px) { .product-set-list .product-main-images::before { padding-bottom: 75%; } } .enhanced-pdp-main.product-set .product-overview-section { padding-top: 25px; } .enhanced-pdp-main.product-set .product-overview-section .product-options-title { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; text-align: center; color: rgb(109, 111, 115); font-size: 0.75rem; letter-spacing: 0.75px; line-height: 20px; } .enhanced-pdp-main.product-set .product-overview-section .options { display: flex; flex-direction: column; } .enhanced-pdp-main.product-set .product-overview-section .options .product-option-row { display: flex; flex-direction: row; align-items: center; padding: 15px 0px; cursor: pointer; } .enhanced-pdp-main.product-set .product-overview-section .options .product-option-row:not(:last-child) { border-bottom: 1px solid rgb(225, 225, 229); } .enhanced-pdp-main.product-set .product-overview-section .options .product-option-row .product-option-img { width: 96px; display: flex; } .enhanced-pdp-main.product-set .product-overview-section .options .product-option-row .product-option-img img { width: 100%; height: auto; } .enhanced-pdp-main.product-set .product-overview-section .options .product-option-row .product-option-link { padding-left: 15px; flex: 1 1 0%; } .enhanced-pdp-main.product-set .product-overview-section .options .product-option-row .product-option-link a { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; color: rgb(4, 30, 58); font-size: 0.875rem; letter-spacing: 0.39px; line-height: 21px; } .enhanced-pdp-main.product-set .product-extra-info.after-atb { margin-top: 20px; } @media screen and (min-width: 960px) { .enhanced-pdp-main.product-set .non-shoppable .product-extra-info.after-atb { min-height: 210px; } } .collection-top-images-wrapper .product-main-images-cont { position: relative; } .collection-top-images-wrapper .collection-top-images { display: none; } @media screen and (min-width: 960px) { .collection-top-images-wrapper .collection-top-images { display: flex; } } @media screen and (min-width: 960px) { .collection-top-images-wrapper .swiper-pagination.product-primary-image-pagination { position: absolute; bottom: 17px; z-index: 1; } } .has-float-label { display: block; position: relative; } .has-float-label label span { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif !important; } .has-float-label label { position: absolute; left: 24px; top: 8px; cursor: text; font-size: 11px; color: rgb(121, 121, 121); transition: 0.2s; } .has-float-label input.empty ~ label, .has-float-label textarea.empty ~ label { font-size: 13px; top: 18px; left: 24px; color: rgb(109, 111, 115); } .has-float-label .input-text:focus ~ label, .has-float-label textarea:focus ~ label { left: 24px; top: 8px; font-size: 11px; color: rgb(4, 30, 58); } .has-float-label .input-text:-webkit-autofill ~ label, .has-float-label textarea:-webkit-autofill ~ label { left: 24px; top: 8px; font-size: 11px; color: rgb(121, 121, 121); } .has-float-label select { appearance: none; } .has-float-label textarea { width: 100%; } .has-float-label input::placeholder, .has-float-label select::placeholder { transition: 0.2s; font-size: 13px; top: 18px; left: 24px; color: transparent !important; } .has-float-label input:placeholder-shown:not(:focus) + *, .has-float-label select:placeholder-shown:not(:focus) + *, .has-float-label textarea:placeholder-shown:not(:focus) ~ label { font-size: 12px; top: 18px; left: 24px; color: rgb(71, 71, 71); } .has-float-label input.error:placeholder-shown ~ label, .has-float-label textarea.error:placeholder-shown ~ label { font-size: 12px; top: 18px; left: 24px; } .has-float-label .input-text.error:focus ~ label { font-size: 11px; color: rgb(109, 111, 115); top: 8px !important; } .has-float-label .input-text.error { border-color: rgb(211, 41, 41); } .has-float-label .input-text:not(:placeholder-shown) ~ label, .has-float-label select:not(:placeholder-shown) ~ label, .has-float-label textarea:not(:placeholder-shown) ~ label { font-size: 11px; color: rgb(109, 111, 115); top: 8px !important; } .has-float-label span.error { color: rgb(211, 41, 41) !important; } .has-float-label label.error { position: relative; color: rgb(211, 41, 41) !important; top: auto !important; font-size: 12px !important; } .select .has-float-label { position: relative; } .select .has-float-label select:not(.valid) { text-transform: uppercase; color: rgba(255, 255, 255, 0.01); background-color: transparent; } .select .has-float-label select:not(.valid) option { color: rgb(71, 71, 71); } .select .has-float-label select:not(.valid):focus ~ label { top: 8px; font-size: 11px; color: rgb(121, 121, 121); } .select .has-float-label select:not(.valid) ~ label { color: rgb(71, 71, 71); transition: none; width: calc(100% - 50px); z-index: 1; top: 18px !important; font-size: 12px !important; } .select .has-float-label select { z-index: 2; background-color: transparent; position: relative; } .select .has-float-label select.valid ~ label { transition: none; width: calc(100% - 50px); z-index: 1; } .select .has-float-label select:-internal-autofill-selected { background: url("../../assets/images/form-down-arrow.svg") calc(100% - 20px) 50% no-repeat transparent !important; } .select .has-float-label select:-webkit-autofill ~ label { z-index: 2; width: auto; } .has-float-label #q.input-text:not(:placeholder-shown) ~ label { font-family: RL_DroidKufi, LeJeuneDeck-Light, "Times New Roman", Times, serif; font-style: normal; text-transform: none; color: rgb(4, 30, 58); font-size: 1.125rem !important; line-height: 1.75rem !important; top: 12px !important; left: 50px !important; } .has-float-label #q.input-text:not(:placeholder-shown).valid ~ label, .has-float-label #q.input-text:not(:placeholder-shown):focus ~ label { color: rgb(148, 148, 148); top: -4px !important; font-size: 12px !important; } #dialog-container #CreditCardForm select:not(.valid):focus ~ label { top: 8px; font-size: 11px; color: rgb(121, 121, 121); } #dialog-container #CreditCardForm select:not(.valid) ~ label { color: rgb(71, 71, 71); top: 8px !important; font-size: 11px !important; } .input-wrapper .has-float-label .exp_date:focus::placeholder { color: rgb(121, 121, 121) !important; opacity: 1; } .has-float-label.has-icon label { width: calc(100% - 0.6875rem); white-space: nowrap; overflow: hidden; } .has-float-label.has-icon label::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 40%, rgb(255, 255, 255)); bottom: 0px; content: ""; position: absolute; right: 0px; top: 0px; width: 60px; } .has-float-label.has-icon .input-text.zipcode { padding-right: 2.5rem; } .pt-trade-program#wrapper.pt_account #main #container-wrap.home-inquiry-wrap { flex-direction: column; } .pt-trade-program#wrapper.pt_account #main #container-wrap.home-inquiry-wrap #primary.primary-content { width: 100%; padding: 0px 1.25rem; min-height: 850px; } @media screen and (min-width: 960px) { .pt-trade-program#wrapper.pt_account #main #container-wrap.home-inquiry-wrap #primary.primary-content { padding: 0px 3.125rem; } } .slot-grid-header .content-asset p { margin: inherit; font-size: inherit; color: inherit; letter-spacing: inherit; line-height: inherit; } .slot-grid-header .banner-deck { margin: 15px 0px; } .slot-grid-header .shop-button a:hover { background: none; } #inquiry-widget { position: fixed; bottom: 100px; right: 25px; min-height: 56px; max-height: 56px; min-width: 56px; max-width: 56px; width: auto; padding: 10px 13px; cursor: pointer; z-index: 100; border: 1px solid rgb(225, 225, 229); background: rgb(255, 255, 255); border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px; justify-content: center; align-items: center; } #inquiry-widget.active { display: flex; } #inquiry-widget.is-empty { display: none; opacity: 0; } #inquiry-widget .inquiry-count { height: 18px; width: auto; min-width: 18px; position: absolute; right: 0px; top: -6px; padding: 5px; line-height: 0.4375rem; text-align: center; font-size: 0.625rem; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); background: rgb(4, 30, 58); border-radius: 10px; } #inquiry-widget .inquiry-icon { background: url("../../assets/images/ListIcon.svg") 50% center no-repeat transparent; width: 30px; height: 31px; position: absolute; right: 13px; } #inquiry-widget .inquiry-list-link-view { display: inline; } #inquiry-widget.animating .inquiry-list-link-view, #inquiry-widget .inquiry-list-link-added { display: none; } #inquiry-widget.animating .inquiry-list-link-added { display: inline; } #inquiry-widget .inquiry-list-link-added, #inquiry-widget .inquiry-list-link-view { opacity: 0; font-size: 0.6875rem; letter-spacing: 1px; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; color: rgb(4, 30, 58); text-transform: uppercase; padding: 0px 13px; white-space: nowrap; } #inquiry-widget .inquiry-list-link-added a, #inquiry-widget .inquiry-list-link-view a { text-decoration: underline; } #inquiry-widget .inquiry-list-link-view { padding: 0px 23px 0px 13px; margin-right: 30px; transition: opacity 0.25s; } #inquiry-widget .inquiry-list-link-added::before { content: ""; background-image: url("../../assets/images/check.svg"); width: 13px; height: 13px; display: inline-block; margin-right: 6px; } @media screen and (min-width: 960px) { .products-inquiry-container { max-width: 480px; } } .products-inquiry-container .inquiry-flyout-header { padding-top: 10px; padding-bottom: 25px; margin-left: -10px; margin-right: -10px; border-bottom: 1px solid rgb(225, 225, 229); } .products-inquiry-container .inquiry-flyout-header .inquiry-flyout-title { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 1.125rem; letter-spacing: 0px; line-height: 22px; text-align: center; text-transform: capitalize; } .products-inquiry-container .inquiry-flyout-contents-wrapper { overflow: hidden auto; height: calc(-200px + 100vh); } .products-inquiry-container .configurator-p { margin-bottom: calc(40px - 0.9375rem); } .products-inquiry-container .inquiry-flyout-top-section { padding: 30px 30px 0px; } @media screen and (min-width: 960px) { .products-inquiry-container .inquiry-flyout-top-section { padding: 40px 35px 0px; } } .products-inquiry-container .inquiry-flyout-top-section p { margin-top: 0px; margin-bottom: 25px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.75rem; letter-spacing: 0.46px; line-height: 21px; color: rgb(4, 30, 58); } .products-inquiry-container .inquiry-flyout-top-section .btn-proceed-toinquiry { width: 100%; max-width: 100%; } .products-inquiry-container .inquiry-flyout-top-section .btn-continue-shopping { width: 100%; color: rgb(4, 30, 58); letter-spacing: 1px; font-size: 11px; background-color: rgb(255, 255, 255); margin: 0.75rem 0px 0px; padding: 0.9375rem 0px; max-width: none; } .products-inquiry-container .inquiry-flyout-top-section .btn-continue-shopping:active, .products-inquiry-container .inquiry-flyout-top-section .btn-continue-shopping:focus, .products-inquiry-container .inquiry-flyout-top-section .btn-continue-shopping:hover { border: 1px solid rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; } .products-inquiry-container .products-inquiry-wrapper { padding: 0px 20px; } @media screen and (min-width: 960px) { .products-inquiry-container .products-inquiry-wrapper { width: 480px; padding: 0px 35px; } } .products-inquiry-container.inquiry-list-empty .btn-proceed-toinquiry { background-color: rgb(116, 116, 116); border-color: rgb(116, 116, 116); color: rgb(255, 255, 255); pointer-events: none; } .products-inquiry-container .inquiry-list-item-info, .products-inquiry-container .inquiry-list-item-thumb { pointer-events: none; } .inquiry-list { width: 100%; } .inquiry-list .inquiry-list-header { display: flex; justify-content: space-between; margin: 3.75rem 0px 1.25rem; } .inquiry-list .inquiry-list-header .inquiry-list-label { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; color: rgb(4, 30, 58); font-size: 1rem; line-height: 1.25rem; } @media screen and (min-width: 960px) { .inquiry-list .inquiry-list-header .inquiry-list-label { font-size: 1.125rem; } } .inquiry-list .inquiry-list-table { margin: 0px 0px 1.25rem; } .inquiry-list .inquiry-list-table .inquiry-empty-msg { border-top: 1px solid rgb(225, 225, 229); border-bottom: 1px solid rgb(225, 225, 229); padding: 0.9375rem 0px; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.75rem; letter-spacing: 0px; line-height: 22px; } .inquiry-list .inquiry-list-item { display: flex; border-bottom: 1px solid rgb(225, 225, 229); padding: 1.125rem 0px; } .inquiry-list .inquiry-list-item:first-child { border-top: 1px solid rgb(225, 225, 229); } .inquiry-list .inquiry-list-item .inquiry-list-item-thumb { width: 70px; min-width: 70px; margin-right: 1rem; } .inquiry-list .inquiry-list-item .inquiry-list-item-thumb img { max-width: 100%; } .inquiry-list .inquiry-list-item .inquiry-list-item-info { display: flex; flex-direction: column; justify-content: center; } .inquiry-list .inquiry-list-item .inquiry-list-item-info .product-name, .inquiry-list .inquiry-list-item .inquiry-list-item-info a { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 0.875rem; letter-spacing: 0.26px; line-height: 20px; } .inquiry-list .inquiry-list-item .inquiry-list-item-info .product-number { color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.75rem; letter-spacing: 0.25px; line-height: 22px; margin-top: 7px; } .inquiry-list .inquiry-list-item .inquiry-list-item-delete { margin-left: auto; } .inquiry-list .inquiry-list-item .inquiry-list-item-delete a { width: 16px; height: 16px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 5px; } .inquiry-list .inquiry-list-item .inquiry-list-item-delete a::after { content: " "; background: url("../../assets/images/close.svg") no-repeat; width: 8px; height: 8px; } .inquiry-list .print-icon { display: none; } .home-inquiry-cont { max-width: 41.25rem; margin: auto; } .home-inquiry-cont.inquiry-list-empty .add-more-products-cont, .home-inquiry-cont.inquiry-list-empty .home-inquiry-form, .home-inquiry-cont.inquiry-list-empty .print-icon, .home-inquiry-cont.was-submited .inquiry-list-item-delete { display: none; } .home-inquiry-cont .add-more-products, .home-inquiry-cont .add-more-products:hover { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.625rem; letter-spacing: 1px; } .home-inquiry-cont .print-icon { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 0.625rem; letter-spacing: 1px; text-transform: uppercase; display: block; color: rgb(109, 111, 115); cursor: pointer; margin-top: 7px; } .home-inquiry-cont .print-icon::before { content: ""; display: inline-block; width: 0.875rem; height: 0.75rem; margin-right: 0.625rem; position: relative; float: left; background-image: url("../../assets/images/print-icon.svg"); background-repeat: no-repeat; background-size: 14px 12px; background-position: 50% center; } .home-inquiry-form { margin-top: 60px; } @media screen and (min-width: 960px) { .home-inquiry-form textarea { padding: 0.78125rem 1.25rem; } } .home-inquiry-form .radio-row-label { line-height: 1.25rem; } .home-inquiry-form .radio-row input[type="radio"] + label::before { background-size: 13px 13px; margin-right: 5px; } .home-inquiry-form .radio-row > div { margin-left: 20px; } .home-inquiry-form textarea { resize: none; } .home-inquiry-form .custom-row.extra-margin { margin-top: 20px; } .home-inquiry-form .reg-row { display: flex; flex-flow: wrap; width: 100%; } .home-inquiry-form .reg-row .custom-col-12 { width: 100%; } @media screen and (min-width: 960px) { .home-inquiry-form .reg-row .custom-col-d-6 { width: 49%; } } @media print { .home-inquiry-form .reg-row .custom-col-d-6 { width: 49%; } } .home-inquiry-form .radio-row { display: flex; flex-flow: wrap; } .home-inquiry-form .radio-row label { font-size: 12px; } .home-inquiry-form .radio-row > div { margin-left: 10px; } .inquiry-page .print-container { display: none; } @media print { .inquiry-page .print-container { display: block; } .inquiry-page #wrapper, .inquiry-page .add-more-products, .inquiry-page .config-details-toggle, .inquiry-page .inquiry-list-item-delete, .inquiry-page .print-icon, .inquiry-page .trade-form-click { display: none; } .inquiry-page .inquiry-print-header { font-size: 36px; text-align: center; text-transform: none; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; letter-spacing: 0px; margin: 0px; padding: 0px; } .inquiry-page .inquiry-list-header { justify-content: center; } .inquiry-page .config-details.collapsed .details-list { column-count: 2; column-gap: 50px; max-height: 1000px !important; } .inquiry-page .custom-row { display: flex; flex-flow: wrap; justify-content: space-between; width: 100%; } .inquiry-page .custom-row .custom-col-12 { width: 100%; } .inquiry-page .custom-row .custom-col-d-6 { width: 49%; } .inquiry-page input[type="radio"] + label::before { content: ""; display: inline-block; width: 1.25rem; height: 1.25rem; margin-right: 0.625rem; position: relative; float: left; background-image: url("../../assets/images/radio.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 50% center; flex: 0 0 20px; } .inquiry-page input[type="radio"]:checked + label::before { background-image: url("../../assets/images/radio-selected.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 50% center; } } .non-shoppable .product-variations .pips-cont ul .variations-attribute.out a.swatchanchor::before { display: none; } .enhanced-sample { display: flex; justify-content: center; } .product-container .sample-header { width: 100%; background: rgb(255, 255, 255); padding-bottom: 30px; } @media screen and (min-width: 960px) { .product-container .sample-header { position: relative; padding-top: 10px; } } .product-container .sample-header .sample-title { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.125rem; text-transform: capitalize; text-align: center; } .product-container-wrapper-sample { max-width: 500px; font-size: 12px; line-height: 21px; letter-spacing: 0.5px; margin: auto -10px; overflow: auto; max-height: calc(-92px + 100vh); padding-bottom: 50px; } .product-container-wrapper-sample a:not(.button) { text-decoration: underline; color: inherit; } .product-container-wrapper-sample .sample-image { width: 100%; } .product-container-wrapper-sample .sample-image:hover { cursor: url("../../assets/images/pdp-zoom_0121.png"), zoom-in; } .product-container-wrapper-sample .swiper-slide { overflow: hidden; } .product-container-wrapper-sample .swiper-slide.swiper-slide-zoomed .sample-image { cursor: move; } .product-container-wrapper-sample .sample-details { margin: 30px; } @media screen and (min-width: 960px) { .product-container-wrapper-sample .sample-details { margin: 40px 44px; } } .product-container-wrapper-sample .sample-details > div { margin: 24px auto; } .product-container-wrapper-sample .sample-details .pdfForm-cont { margin-bottom: -10px; } .product-container-wrapper-sample .sample-details .add-to-cart, .product-container-wrapper-sample .sample-details .add-to-waitlist, .product-container-wrapper-sample .sample-details .inquiry-button .button, .product-container-wrapper-sample .sample-details .inquiry-button button { display: none; max-width: none; } .product-container-wrapper-sample .sample-details .edd-from, .product-container-wrapper-sample .sample-details .pdp-messaging, .product-container-wrapper-sample .sample-details limit-exd-msg error { display: none; } .product-container-wrapper-sample .sample-details .swatch-print-button-wrapper { margin: 20px auto 29px; } .product-container-wrapper-sample .sample-details .swatch-print-button-wrapper .js-print-swatch { font-size: 0.625rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; color: rgb(4, 30, 58); display: flex; align-items: center; border: 1px solid rgb(4, 30, 58); border-radius: 18px; padding: 11px 0px; justify-content: center; white-space: nowrap; letter-spacing: 0.25px; line-height: 15px; width: 105px; text-decoration: none; text-transform: uppercase; } .product-container-wrapper-sample .sample-details .swatch-print-button-wrapper .js-print-swatch .print-icon-img { width: 16px; height: 13px; margin-right: 0.5rem; } .product-container-wrapper-sample .sample-details .additional-note, .product-container-wrapper-sample .sample-details .additional-swatch-note { color: rgb(109, 111, 115); font-size: 11px; letter-spacing: 0.25px; line-height: 15px; } .product-container-wrapper-sample .sample-details .additional-swatch-note { line-height: normal; } .product-container-wrapper-sample .sample-details .additional-swatch-note p { font-size: 11px; } .product-container-wrapper-sample .sample-details .additional-swatch-note p, .product-container-wrapper-sample .sample-details .additional-swatch-note p a { letter-spacing: 0.25px; } .product-container-wrapper-sample .sample-details .maxed-swatches-msg { font-size: 13px; line-height: 21px; color: rgb(214, 39, 39); text-align: center; opacity: 0; margin: 0px auto 30px; } body.swatches { padding: 0px 50px; max-width: 1170px !important; } body.swatches .header-banner { justify-content: flex-start; } body.swatches .swatch-print-template .product-container { display: flex; gap: 80px; } body.swatches .swatch-print-template .product-container .product-main-image { max-width: 549px; max-height: 549px; width: 100%; } body.swatches .swatch-print-template .product-container .sample-details { width: 100%; max-width: 441px; letter-spacing: 0.46px; font-size: 12px; line-height: 21px; } body.swatches .swatch-print-template .product-container .sample-details .sample-header { padding: 0px 0px 20px; } body.swatches .swatch-print-template .product-container .sample-details .sample-header .sample-title { font-size: 30px; text-align: left; letter-spacing: normal; line-height: 33px; } body.swatches .swatch-print-template .product-container .sample-details .short-description { padding-bottom: 20px; } body.swatches .swatch-print-template .product-container .sample-details .product-price { display: none; padding-bottom: 28px; } body.swatches .swatch-print-template .product-container .sample-details .product-price .price-sales { font-size: 14px; letter-spacing: 0.5px; } body.swatches .swatch-print-template .product-container .sample-details .style-details ul { padding: 0px; margin: 0px; list-style-type: none; } .plp-swatch-toaster .additional-note { display: none; } .style-quiz-pdp-entry-point, .style-quiz-plp-entry-point { min-height: 374px; padding: 57px 20px; color: rgb(4, 30, 58); display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgb(240, 238, 237); } @media screen and (min-width: 960px) { .style-quiz-pdp-entry-point, .style-quiz-plp-entry-point { min-height: 173px; margin-top: 64px; margin-bottom: 64px; padding: 25px 20px; } } .style-quiz-pdp-entry-point .entry-point-container, .style-quiz-plp-entry-point .entry-point-container { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } @media screen and (min-width: 960px) { .style-quiz-pdp-entry-point .entry-point-container, .style-quiz-plp-entry-point .entry-point-container { flex-direction: row; max-width: 1067px; width: 100%; } } .style-quiz-pdp-entry-point .heading, .style-quiz-plp-entry-point .heading { font-family: "Northwell Alt", Helvetica, sans-serif; font-size: 50px; line-height: 80px; letter-spacing: 0px; text-align: center; } @media screen and (max-width: 959px) { .style-quiz-pdp-entry-point .heading, .style-quiz-plp-entry-point .heading { margin-bottom: 16px; } } .style-quiz-pdp-entry-point .sub-heading, .style-quiz-plp-entry-point .sub-heading { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 24px; letter-spacing: 0px; line-height: 32px; text-align: center; max-width: 250px; margin: 0px auto 21px; } @media screen and (min-width: 960px) { .style-quiz-pdp-entry-point .sub-heading, .style-quiz-plp-entry-point .sub-heading { max-width: 318px; } } .style-quiz-pdp-entry-point .description, .style-quiz-plp-entry-point .description { display: block; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0px; line-height: 20px; max-width: 350px; text-align: center; } @media screen and (max-width: 959px) { .style-quiz-pdp-entry-point .description, .style-quiz-plp-entry-point .description { margin-bottom: 30px; } } @media screen and (min-width: 960px) { .style-quiz-pdp-entry-point .description, .style-quiz-plp-entry-point .description { max-width: 560px; line-height: 11px; } } .style-quiz-pdp-entry-point .style-quiz-cta, .style-quiz-plp-entry-point .style-quiz-cta { width: 208px; position: relative; text-transform: uppercase; } .style-quiz-pdp-entry-point .style-quiz-cta img, .style-quiz-plp-entry-point .style-quiz-cta img { width: 20px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } @media screen and (min-width: 960px) { .style-quiz-pdp-entry-point { margin-left: calc(3.84615% + 0.61538px); margin-right: calc(3.84615% + 0.61538px); } } .pt_product-search-result #footer { padding: 0px; } .oos_message { padding: 15px 30px; background: rgb(245, 245, 242); font-weight: 400; line-height: 22px; } @media screen and (min-width: 1440px) { .oos_text { margin-left: 25px; } } .plp-footer-seo-content { background-color: rgb(245, 245, 242); font-size: 1rem; } .plp-footer-seo-content .content-asset, .plp-footer-seo-content .html-slot-container { margin: 0px auto; max-width: var(--site-content-max-width); padding: 2.5rem 1.875rem 1.375rem; } @media screen and (min-width: 960px) { .plp-footer-seo-content .content-asset, .plp-footer-seo-content .html-slot-container { padding: 5.375rem 6% 4.5rem; } } .plp-footer-seo-content .content-asset h2, .plp-footer-seo-content .html-slot-container h2 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.25rem; line-height: 1.4em; color: rgb(4, 30, 58); text-transform: capitalize; padding-bottom: 0.625rem; } @media screen and (min-width: 960px) { .plp-footer-seo-content .content-asset h2, .plp-footer-seo-content .html-slot-container h2 { font-size: 1.375rem; line-height: 1.45455em; } } .plp-footer-seo-content .content-asset a, .plp-footer-seo-content .html-slot-container a { text-decoration: underline; } .plp-footer-seo-content .content-asset span, .plp-footer-seo-content .html-slot-container span { color: rgb(4, 30, 58) !important; } .plp-footer-seo-content .content-asset p, .plp-footer-seo-content .html-slot-container p { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.875em; line-height: 1.5em; color: rgb(4, 30, 58); letter-spacing: 0px; margin: 0px 0px 1em; } @media screen and (min-width: 960px) { .plp-footer-seo-content .content-asset p, .plp-footer-seo-content .html-slot-container p { font-size: 0.875em; line-height: 2em; } } .plp-footer-seo-content .content-asset p br, .plp-footer-seo-content .html-slot-container p br { content: ""; } .plp-footer-seo-content .content-asset p, .plp-footer-seo-content .html-slot-container p { font-size: 0.75em; line-height: 1.75em; } .open-html-content + .plp-banner-default { display: none; } .plp-content-slot .cat-banner-cont { transition: margin-top 0.2s; --top-margin: 0; } .plp-content-slot .cat-banner-cont.under-navigation { margin-top: var(--top-margin); } @media screen and (min-width: 1440px) { .plp-content-slot .cat-banner-cont .ingrid-content { max-width: 1920px !important; } } .plp-content-slot .plp-banner-default { background-position: 50% center; } .plp-content-slot .plp-banner-default.banner-default-over-bgd { min-height: 325px; } @media screen and (min-width: 960px) { .plp-content-slot .plp-banner-default.banner-default-over-bgd { min-height: 425px; } } @media screen and (max-width: 959px) { .plp-content-slot .plp-banner-default.banner-default-over-bgd { display: flex; align-items: flex-end; } .plp-content-slot .plp-banner-default.banner-default-over-bgd .rlc-banner-plp { flex-basis: 100%; } } .plp-content-slot .plp-banner-default .plp-info { font-size: 1rem; padding: 0.9375rem 30px; } @media screen and (min-width: 960px) and (max-width: 1199px) { .plp-content-slot .plp-banner-default .plp-info { padding: 2.8125rem 6% 1.25rem; } } @media screen and (min-width: 1200px) { .plp-content-slot .plp-banner-default .plp-info { padding: 3.4375rem 6% 1.25rem; } } .plp-content-slot .plp-banner-default .plp-info.over-bgd { padding-bottom: 1.875rem; padding-top: 1.875rem; } @media screen and (min-width: 960px) { .plp-content-slot .plp-banner-default .plp-info.over-bgd { padding-bottom: 3.125rem; padding-top: 3.125rem; } } @media screen and (max-width: 959px) { .plp-content-slot .plp-banner-default .plp-info .filters.filters--as-images, .plp-content-slot .plp-banner-default .plp-info .filters.filters--as-tags { margin: 0px -30px; } .plp-content-slot .plp-banner-default .plp-info .filters.filters--as-images .filters-item:first-child, .plp-content-slot .plp-banner-default .plp-info .filters.filters--as-tags .filters-item:first-child { margin-left: 30px; } .plp-content-slot .plp-banner-default .plp-info .filters.filters--as-images .filters-item:last-child, .plp-content-slot .plp-banner-default .plp-info .filters.filters--as-tags .filters-item:last-child { margin-right: 30px; } } .plp-content-slot .content-asset .plp-info .breadcrumb-element { font-size: 0.5625em; line-height: 1.11111em; } .plp-content-slot .content-asset .plp-info .breadcrumb-element::after { margin: 0px 0.22222em 0px 0.88889em; } @media screen and (min-width: 767px) { .plp-content-slot .content-asset .plp-info .breadcrumb-element { font-size: 0.6875em; line-height: 1.27273em; } .plp-content-slot .content-asset .plp-info .breadcrumb-element::after { margin: 0px 0.18182em 0px 0.72727em; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .plp-content-slot .content-asset .plp-info .breadcrumb-element { font-size: 0.625rem; line-height: 1.4em; } } .plp-content-slot .content-asset .plp-info .plp-info-breadcrumb-category-name { font-size: 1.25em; line-height: 1.2em; margin-top: 0.75em; } @media screen and (min-width: 767px) { .plp-content-slot .content-asset .plp-info .plp-info-breadcrumb-category-name { font-size: 2.75em; line-height: 1.18182em; margin-top: 0.34091em; } } .plp-content-slot .content-asset .plp-info .plp-info-romance, .plp-content-slot .content-asset .plp-info .plp-info-seo { margin-top: 1.07143em; max-width: 41.5625em; } @media screen and (max-width: 766px) { .plp-content-slot .content-asset .plp-info .plp-info-romance p, .plp-content-slot .content-asset .plp-info .plp-info-seo p { font-size: 0.6875em; line-height: 1.63636em; } } @media screen and (min-width: 767px) { .plp-content-slot .content-asset .plp-info .content-asset .plp-info.plp-info-dflt-r24 { padding: 0px 1.875em; } } @media screen and (min-width: 960px) { .plp-content-slot .content-asset .plp-info .content-asset .plp-info.plp-info-dflt-r24 { padding: 0px 6%; } } .plp-content-slot .plp-info { width: 100%; opacity: 0; transition: opacity 0.2s; } .plp-content-slot .plp-info.light { color: rgb(255, 255, 255); } .plp-content-slot .plp-info.dark { color: rgb(4, 30, 58); } .plp-content-slot .plp-info .breadcrumb-element { font-size: 0.5625rem; line-height: 1.11111em; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; letter-spacing: 0.3px; text-transform: uppercase; color: inherit; } .plp-content-slot .plp-info .breadcrumb-element::after { color: currentcolor; margin: 0px 0.22222rem 0px 0.88889rem; } .plp-content-slot .plp-info .breadcrumb-element:last-child::after { content: "/"; } .plp-content-slot .plp-info .breadcrumb-element:last-child:hover { text-decoration: underline; } @media screen and (min-width: 960px) { .plp-content-slot .plp-info .breadcrumb-element { font-size: 0.6875rem; line-height: 1.27273em; letter-spacing: 0.611px; } .plp-content-slot .plp-info .breadcrumb-element::after { margin: 0px 0.18182rem 0px 0.72727rem; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .plp-content-slot .plp-info .breadcrumb-element { font-size: 0.625rem; line-height: 1.4em; } } .plp-content-slot .plp-info .plp-info-breadcrumb-category-name { font-size: 1.25rem; line-height: 1.2em; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; display: block; letter-spacing: 0px; margin-top: 0.75rem; padding-bottom: 0px; text-transform: none; color: inherit; } @media screen and (min-width: 767px) and (max-width: 959px) { .plp-content-slot .plp-info .plp-info-breadcrumb-category-name { font-size: 1.75rem; line-height: 1.35714em; } } @media screen and (min-width: 960px) { .plp-content-slot .plp-info .plp-info-breadcrumb-category-name { margin-top: 0.34091rem; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .plp-content-slot .plp-info .plp-info-breadcrumb-category-name { font-size: 2.25rem; line-height: 1.44444em; } } @media screen and (min-width: 1200px) { .plp-content-slot .plp-info .plp-info-breadcrumb-category-name { font-size: 2.75rem; line-height: 1.18182em; } } .plp-content-slot .plp-info-romance, .plp-content-slot .plp-info-seo { margin-top: 1.07143rem; max-width: 41.5625rem; } .plp-content-slot .plp-info-romance p, .plp-content-slot .plp-info-seo p { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.875em; line-height: 1.5em; color: rgb(4, 30, 58); letter-spacing: 0px; margin: 0px 0px 1em; } @media screen and (min-width: 960px) { .plp-content-slot .plp-info-romance p, .plp-content-slot .plp-info-seo p { font-size: 0.875em; line-height: 2em; } } .plp-content-slot .plp-info-romance p br, .plp-content-slot .plp-info-seo p br { content: ""; } .plp-content-slot .plp-info-romance p, .plp-content-slot .plp-info-seo p { color: currentcolor; margin-bottom: 0px; } @media screen and (max-width: 959px) { .plp-content-slot .plp-info-romance p, .plp-content-slot .plp-info-seo p { font-size: 0.6875rem; line-height: 1.63636em; } } .plp-content-slot .plp-info-romance .less, .plp-content-slot .plp-info-romance .more, .plp-content-slot .plp-info-romance a, .plp-content-slot .plp-info-romance a span, .plp-content-slot .plp-info-seo .less, .plp-content-slot .plp-info-seo .more, .plp-content-slot .plp-info-seo a, .plp-content-slot .plp-info-seo a span { text-decoration: underline; color: inherit !important; } .plp-content-slot .plp-info-romance.clamped-copy .html-slot-container, .plp-content-slot .plp-info-seo.clamped-copy .html-slot-container { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--clamped-copy-lines); overflow: hidden; } .plp-content-slot .plp-info-romance.clamped-copy .html-slot-container h1, .plp-content-slot .plp-info-romance.clamped-copy .html-slot-container h2, .plp-content-slot .plp-info-romance.clamped-copy .html-slot-container h3, .plp-content-slot .plp-info-romance.clamped-copy .html-slot-container h4, .plp-content-slot .plp-info-romance.clamped-copy .html-slot-container h5, .plp-content-slot .plp-info-romance.clamped-copy .html-slot-container h6, .plp-content-slot .plp-info-romance.clamped-copy .html-slot-container p, .plp-content-slot .plp-info-seo.clamped-copy .html-slot-container h1, .plp-content-slot .plp-info-seo.clamped-copy .html-slot-container h2, .plp-content-slot .plp-info-seo.clamped-copy .html-slot-container h3, .plp-content-slot .plp-info-seo.clamped-copy .html-slot-container h4, .plp-content-slot .plp-info-seo.clamped-copy .html-slot-container h5, .plp-content-slot .plp-info-seo.clamped-copy .html-slot-container h6, .plp-content-slot .plp-info-seo.clamped-copy .html-slot-container p { margin: 0px; } .plp-content-slot .plp-info-romance.clamped-copy.no-clamp .html-slot-container, .plp-content-slot .plp-info-seo.clamped-copy.no-clamp .html-slot-container { display: block; -webkit-line-clamp: unset; } .plp-content-slot .plp-info-romance.clamped-copy .less-copy, .plp-content-slot .plp-info-seo.clamped-copy .less-copy { display: none; } .plp-content-slot .plp-info-romance.clamped-copy.show-less .html-slot-container, .plp-content-slot .plp-info-seo.clamped-copy.show-less .html-slot-container { display: block; -webkit-line-clamp: unset; } .plp-content-slot .plp-info-romance.clamped-copy.show-less .more-copy, .plp-content-slot .plp-info-seo.clamped-copy.show-less .more-copy { display: none; } .plp-content-slot .plp-info-romance.clamped-copy.show-less .less-copy, .plp-content-slot .plp-info-seo.clamped-copy.show-less .less-copy { display: block; } .plp-content-slot .plp-info-romance.clamped-copy .js-more-less-buttons, .plp-content-slot .plp-info-seo.clamped-copy .js-more-less-buttons { opacity: 0; } .plp-content-slot .plp-info-romance.clamped-copy.show-more-less-buttons .more-less-buttons, .plp-content-slot .plp-info-seo.clamped-copy.show-more-less-buttons .more-less-buttons { opacity: 1; } .plp-content-slot .content-asset .plp-info.plp-info-dflt-r24 { top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; position: absolute; text-align: left; padding: 0px 30px; } @media screen and (min-width: 960px) { .plp-content-slot .content-asset .plp-info.plp-info-dflt-r24 { padding: 0px 6%; } } @media screen and (max-width: 959px) { .plp-content-slot .content-asset .plp-info .filters.filters--as-images, .plp-content-slot .content-asset .plp-info .filters.filters--as-tags { margin: 0px -30px; } .plp-content-slot .content-asset .plp-info .filters.filters--as-images .filters-item:first-child, .plp-content-slot .content-asset .plp-info .filters.filters--as-tags .filters-item:first-child { margin-left: 30px; } .plp-content-slot .content-asset .plp-info .filters.filters--as-images .filters-item:last-child, .plp-content-slot .content-asset .plp-info .filters.filters--as-tags .filters-item:last-child { margin-right: 30px; } } .plp-content-slot .content-asset .rlc-textgroup:has(.plp-info.plp-info-dflt-r24) { position: absolute; width: 100% !important; left: 0px !important; } .plp-content-slot .content-asset .rlc-textgroup .plp-info.plp-info-dflt-r24 { position: relative; } .plp-content-slot .cat-banner-cont.under-navigation .plp-info.plp-info-dflt-r24.over-bgd { padding-top: calc(var(--top-margin)*-1 + 30px); } @media screen and (min-width: 960px) { .plp-content-slot .cat-banner-cont.under-navigation .plp-info.plp-info-dflt-r24.over-bgd { padding-top: calc(var(--top-margin)*-1 + 50px); } } .plp-content-slot .cat-banner-cont.under-navigation .content-asset .plp-info.plp-info-dflt-r24 { padding-top: calc(var(--top-margin)*-1); } .plp-content-slot .cat-banner-cont.under-navigation .content-asset .plp-info.plp-info-dflt-r24.over-bgd { padding-top: calc(var(--top-margin)*-1.3); } .monetate-plp-recs { position: relative; } .monetate-plp-recs .plp-recs-bg img { display: block; width: 100%; max-height: 470px; } @media screen and (min-width: 767px) { .monetate-plp-recs .plp-recs-bg img { min-height: 400px; max-height: 485px; } } .monetate-plp-recs.no-swiper { max-height: 200px; } @media screen and (min-width: 767px) { .monetate-plp-recs.no-swiper { max-height: 400px; } } .monetate-plp-recs.no-swiper .plp-recs-content .plp-recs-category-info { padding: 0px; } .monetate-plp-recs.no-swiper .plp-recs-content .plp-recs-category-info .plp-info { justify-content: center; text-align: center; align-items: center; margin: 0.625rem auto; } .monetate-plp-recs.no-swiper .plp-recs-content .plp-recs-category-info p { display: none; } .monetate-plp-recs.no-swiper .plp-recs-content { position: static; width: 100%; transform: none; } .monetate-plp-recs.no-swiper .plp-recs-bg, .monetate-plp-recs.no-swiper .plp-recs-swiper { display: none; } .monetate-plp-recs .plp-recs-content { padding-top: 3.75rem; right: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 55px); } @media screen and (max-width: 959px) { .monetate-plp-recs .plp-recs-content { width: calc(100% - 20px); } } @media screen and (min-width: 767px) { .monetate-plp-recs .plp-recs-content { align-items: center; display: flex; justify-content: center; padding: 0px; } } .monetate-plp-recs .plp-recs-content .plp-recs-category-info { padding-right: 1.25rem; } @media screen and (min-width: 767px) { .monetate-plp-recs .plp-recs-content .plp-recs-category-info { flex-grow: 1; max-width: 335px; padding-right: 1.5625rem; text-align: left; width: 30%; } } .monetate-plp-recs .plp-recs-content .plp-recs-category-info .plp-info { position: relative; height: auto; } @media screen and (min-width: 767px) { .monetate-plp-recs .plp-recs-content .plp-recs-category-info .plp-info { align-items: flex-start; justify-content: flex-start; text-align: left; } } @media screen and (max-width: 767px) { .monetate-plp-recs .plp-recs-content .plp-recs-category-info .plp-info .plp-info-breadcrumb-path { margin-bottom: 0.625rem; } } .monetate-plp-recs .plp-recs-content .plp-recs-category-info .plp-info .plp-info-breadcrumb-path .breadcrumb-element { letter-spacing: 0.6px; } .monetate-plp-recs .plp-recs-content .plp-recs-category-info .plp-info .plp-drop-location-default { display: none; } .monetate-plp-recs .plp-recs-content .plp-recs-category-info .plp-info .plp-info-breadcrumb-category-name { font-size: 1.375rem; letter-spacing: 0px; } @media screen and (min-width: 767px) { .monetate-plp-recs .plp-recs-content .plp-recs-category-info .plp-info .plp-info-breadcrumb-category-name { font-size: 1.75rem; line-height: 38px; } } .monetate-plp-recs .plp-recs-content .plp-recs-category-info p { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0px; line-height: 22px; margin: 0.625rem auto 0px; max-width: 360px; } @media screen and (min-width: 767px) { .monetate-plp-recs .plp-recs-content .plp-recs-category-info p { font-size: 0.9375rem; max-width: 270px; margin: 0.625rem 0px 0px; text-align: left; } } @media screen and (min-width: 960px) { .monetate-plp-recs .plp-recs-content .plp-recs-category-info p { margin: 0.625rem 0px 10%; } } .monetate-plp-recs .plp-recs-content .plp-recs-category-info p a { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0px; line-height: 22px; text-decoration: underline; } @media screen and (min-width: 767px) { .monetate-plp-recs .plp-recs-content .plp-recs-category-info p a { font-size: 0.9375rem; } } .monetate-plp-recs .plp-recs-content .plp-recs-swiper { padding: 0px 1.25rem 1.5625rem 0px; margin-top: 1.25rem; text-align: left; } @media screen and (min-width: 767px) { .monetate-plp-recs .plp-recs-content .plp-recs-swiper { padding: 0px 3.4375rem 1.5625rem 0px; margin-top: 4.6875rem; max-width: 1060px; width: 100%; } } @media screen and (min-width: 960px) { .monetate-plp-recs .plp-recs-content .plp-recs-swiper { margin-top: 4.375rem; padding-bottom: 0px; } } .monetate-plp-recs .plp-recs-content .plp-recs-swiper img { width: 100%; } .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-product-brand { color: rgb(112, 112, 107); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.625rem; letter-spacing: 0.23px; line-height: 16px; margin: 0px; } @media screen and (min-width: 960px) { .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-product-brand { font-size: 0.6875rem; letter-spacing: 0.25px; margin-top: 0.625rem; } } .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-product-name { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; letter-spacing: 0px; line-height: 21px; } @media screen and (min-width: 960px) { .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-product-name { font-size: 0.8125rem; } } .monetate-plp-recs .plp-recs-content .plp-recs-swiper a:hover { text-decoration: none; } .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-swiper-arrow { display: none; } @media screen and (min-width: 960px) { .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-swiper-arrow { top: 42%; margin: 0px; width: 39px; height: 39px; transform: translateY(-50%); background: rgba(255, 255, 255, 0.8); border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: 7; display: inline-block; padding: 0px; cursor: pointer; max-width: none; min-height: auto; font-size: 0.75rem; transition: 0.5s; } .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-swiper-arrow::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; border-right: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); opacity: 0.8; } .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-swiper-arrow.swiper-button-next { right: 65px; } .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-swiper-arrow.swiper-button-next::after { transform: translate(-6px, -50%) rotate(-45deg); } .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-swiper-arrow.swiper-button-prev::after { transform: translate(-2px, -50%) rotate(134deg); } .monetate-plp-recs .plp-recs-content .plp-recs-swiper .plp-recs-swiper-arrow.swiper-button-disabled { opacity: 0; } } .content-asset .plp-info .filters.filters--as-tags .filters-list { font-size: 1em; } @media screen and (min-width: 767px) { .content-asset .plp-info .filters.filters--as-tags .filters-list { margin: 1.875em 0px 0.3125em; } } .content-asset .plp-info .filters.filters--as-tags .filters-item-link { border-radius: 2em; font-size: 0.75em; padding: 0.66667em 1.66667em; } @media screen and (min-width: 767px) { .content-asset .plp-info .filters.filters--as-tags .filters-item-link { font-size: 0.8125em; padding: 0.76923em 2.15385em; } } @media screen and (min-width: 960px) { .content-asset .plp-info .filters.filters--as-tags .filters-item-link { padding: 0.6875rem 1.75rem; } } .content-asset .plp-info .filters.filters--as-images .filters-list { margin: 1.5625em 0px 0.625em; } @media screen and (min-width: 767px) { .content-asset .plp-info .filters.filters--as-images .filters-list { margin: 2.5em 0px 0.9375em; } } @media screen and (min-width: 767px) { .content-asset .plp-info .filters.filters--as-images .filters-item { width: 10.9375em; } } .content-asset .plp-info .filters.filters--as-images .filters-item--active .filters-text, .content-asset .plp-info .filters.filters--as-images .filters-text { font-size: 0.8125em; line-height: 1.38462em; } .content-asset .plp-info .filters-text { font-size: 1em; } .enable-quick-filter { background-size: cover; } .br-pills-refinebar-container { padding: 0px 30px; } @media screen and (min-width: 960px) { .br-pills-refinebar-container { padding: 0px 6%; } } @media screen and (max-width: 959px) { #refinments-bar .secondary-refinements .refinement button.m-sustainability, #refinments-bar .secondary-refinements .refinement button.m-sustainability:hover { padding-top: 1rem; padding-bottom: 1rem; } } @media screen and (max-width: 959px) { #refinments-bar .secondary-refinements .refinement button.m-sustainability span { gap: 0px; } } .sustainability-refinement .tooltip { font-size: 0.625rem; line-height: 1; margin-top: 0.125rem; } @media screen and (max-width: 959px) { .sustainability-refinement .tooltip { padding: 0.875rem; margin-top: 0.1875rem; } } .sustainability-tooltip.m-refinement .content-asset { text-align: center; color: rgb(4, 30, 58); } .sustainability-tooltip.m-refinement .content-asset p { color: rgb(4, 30, 58); font-size: 0.75rem; line-height: 1rem; margin-bottom: 0.8125rem; } .sustainability-tooltip.m-refinement .content-asset a { color: rgb(4, 30, 58); font-size: 0.75rem; text-decoration: underline; font-weight: 600; margin-bottom: 0.3125rem; display: inline-block; } .plp-info .filters-list { display: flex; flex-wrap: nowrap; gap: 0.75rem; align-items: flex-start; } @media screen and (max-width: 959px) { .plp-info .filters-list { max-width: 100vw; gap: 0.625rem; overflow: auto hidden; } } @media not all and (pointer: fine) { .plp-info .filters-list { overflow: auto hidden; overscroll-behavior: contain; scroll-behavior: smooth; scrollbar-width: none; scroll-snap-type: x mandatory; } .plp-info .filters-list::-webkit-scrollbar { display: none; } } @media (hover: hover) and (pointer: fine) { .plp-info .filters-list { overflow: auto hidden; } .plp-info .filters-list::-webkit-scrollbar { height: 3px; } .plp-info .filters-list::-webkit-scrollbar-track { background: rgb(239, 239, 239); } .plp-info .filters-list::-webkit-scrollbar-thumb { background: rgb(71, 71, 71); border-radius: 3px; } .plp-info .filters-list::-webkit-scrollbar-thumb:hover { background: rgb(4, 30, 58); } } .plp-info .filters-list.filters-list { list-style: none; margin: 0px; padding: 0px; } .plp-info .filters-item.filters-item { list-style: none; margin: 0.1875rem 0px; } .plp-info .filters-image { display: none; } .plp-info .filters-text { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .plp-info .filters.filters--as-tags .filters-list { margin: 0.9375rem 0px 0px; align-items: center; } @media screen and (min-width: 960px) { .plp-info .filters.filters--as-tags .filters-list { flex-wrap: wrap; margin: 1.25rem 0px 0.3125rem; } } .plp-info .filters.filters--as-tags .filters-item { white-space: nowrap; } .plp-info .filters.filters--as-tags .filters-item.filters-item-last { display: flex; align-items: center; } .plp-info .filters.filters--as-tags .filters-item.disabled .filters-item-link { opacity: 0.3; cursor: default; pointer-events: none; } .plp-info .filters.filters--as-tags .filters-item-link { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; background-color: rgb(255, 255, 255); border-radius: 2em; border: 1px solid rgb(4, 30, 58); color: rgb(4, 30, 58); display: block; font-size: 0.75rem; letter-spacing: normal; line-height: normal; padding: 0.5rem 1.25rem; text-align: left; transition: background-color 0.2s; } .plp-info .filters.filters--as-tags .filters-item-link:hover { text-decoration: none; background-color: rgb(242, 243, 245); } @media screen and (min-width: 960px) { .plp-info .filters.filters--as-tags .filters-item-link { font-size: 0.8125rem; padding: 0.625rem 1.625rem; } } .plp-info .filters.filters--as-tags .quick-filter-more { text-decoration: underline; text-underline-offset: 3px; display: inline-block; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; white-space: nowrap; margin-left: 1rem; margin-right: 1.875rem; font-size: 0.75rem; line-height: 1.66667em; } @media screen and (min-width: 960px) { .plp-info .filters.filters--as-tags .quick-filter-more { margin-left: 1.125rem; margin-right: 0px; font-size: 0.875rem; line-height: 1.42857em; } } .plp-info .filters.filters--as-images .filters-list { scrollbar-width: none; gap: 0.5rem; margin: 1.5625rem 0px 0.625rem; } @media screen and (min-width: 960px) { .plp-info .filters.filters--as-images .filters-list { margin: 2.5rem 0px 0.9375rem; padding-bottom: 3px; } .plp-info .filters.filters--as-images .filters-list::-webkit-scrollbar { height: 3px; } .plp-info .filters.filters--as-images .filters-list::-webkit-scrollbar-track { background: rgb(239, 239, 239); } .plp-info .filters.filters--as-images .filters-list::-webkit-scrollbar-thumb { background: rgb(71, 71, 71); border-radius: 3px; } .plp-info .filters.filters--as-images .filters-list::-webkit-scrollbar-thumb:hover { background: rgb(4, 30, 58); } } .plp-info .filters.filters--as-images .filters-item { width: calc(-18.75px + 31.25vw); flex: 1 0 auto; padding-bottom: 10px; } @media screen and (min-width: 500px) { .plp-info .filters.filters--as-images .filters-item { width: calc(-10.9091px + 18.1818vw); } } @media screen and (min-width: 960px) { .plp-info .filters.filters--as-images .filters-item { flex: 0 0 auto; width: 12.1507vw; padding-bottom: 0px; } } @media screen and (min-width: 1920px) { .plp-info .filters.filters--as-images .filters-item { width: 14.5625rem; } } .plp-info .filters.filters--as-images .filters-image { display: block; margin-bottom: 0.3125rem; overflow: hidden; position: relative; } .plp-info .filters.filters--as-images .filters-image::after, .plp-info .filters.filters--as-images .filters-image::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; } .plp-info .filters.filters--as-images .filters-image::before { transition: border-width 0.5s, border-color 0.5s; border: 0px solid transparent; } .plp-info .filters.filters--as-images .filters-image::after { transition: opacity 0.5s; opacity: 0; border: 1px solid transparent; } .plp-info .filters.filters--as-images .filters-item:hover .filters-image::before { border-color: rgb(255, 255, 255); border-width: 6px; } .plp-info .filters.filters--as-images .filters-item:hover .filters-image::after { opacity: 1; border-color: rgb(198, 200, 204); } .plp-info .filters.filters--as-images .filters-item:hover .filters-image img { transform: scale(1.15); } .plp-info .filters.filters--as-images .filters-image-inner { display: block; transition: transform 0.5s; transform: scale(1); width: 100%; } .plp-info .filters.filters--as-images .filters-text { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.75rem; line-height: 1.5em; } .filters-item--active .plp-info .filters.filters--as-images .filters-text { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } @media screen and (min-width: 500px) { .plp-info .filters.filters--as-images .filters-text { font-size: 0.8125rem; line-height: 1.38462em; } .filters-item--active .plp-info .filters.filters--as-images .filters-text { font-size: 0.875rem; line-height: 1.28571em; } } @media screen and (min-width: 960px) { .plp-info .filters.filters--as-images .filters-text { font-size: 0.75rem; line-height: 1.5em; } .filters-item--active .plp-info .filters.filters--as-images .filters-text { font-size: 0.8125rem; line-height: 1.38462em; } } @media screen and (min-width: 1440px) { .plp-info .filters.filters--as-images .filters-text { font-size: 0.8125rem; line-height: 1.38462em; } .filters-item--active .plp-info .filters.filters--as-images .filters-text { font-size: 0.875rem; line-height: 1.28571em; } } @media screen and (min-width: 1920px) { .plp-info .filters.filters--as-images .filters-text { font-size: 1.0625rem; line-height: 1.41176em; } .filters-item--active .plp-info .filters.filters--as-images .filters-text { font-size: 1.125rem; line-height: 1em; } } .plp-info .filters.filters--as-images .filters-item-link:hover { text-decoration: none; } .plp-info .filters.filters--as-images .filters-item--active .filters-image::before { border-color: rgb(255, 255, 255); border-width: 6px; } .plp-info .filters.filters--as-images .filters-item--active .filters-image::after { opacity: 1; border-color: rgb(4, 30, 58); } .plp-info .filters.filters--as-images .filters-item--active .filters-image img { transform: scale(1.15); } .plp-info .filters.filters--as-images .filters-item--active:hover .filters-image::after { border-color: rgb(4, 30, 58); } .plp-info .filters.filters--as-images .filters-item--active .filters-item-link { color: rgb(4, 30, 58); } .plp-info .filters.filters--as-images .filters-item--active .filters-item-link:hover { text-decoration: none; } .plp-info.light .filters.filters--as-images .filters-item--active .filters-item-link, .plp-info.light .filters.filters--as-images .filters-item-link { color: rgb(255, 255, 255); } .plp-info.light .filters.filters--as-tags .filters-item-link { border-color: rgb(255, 255, 255); background-color: transparent; color: rgb(255, 255, 255); } .plp-info.light .filters.filters--as-tags .filters-item--active .filters-item-link { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(4, 30, 58); } .plp-info.light .filters.filters--as-tags .quick-filter-more { color: rgb(255, 255, 255); } .plp-info.light.over-bgd .filters.filters--as-tags .filters-item-link { border-color: rgb(255, 255, 255); background-color: transparent; color: rgb(255, 255, 255); } .plp-info.light.over-bgd .filters.filters--as-tags .filters-item-link:hover { background-color: rgba(255, 255, 255, 0.15); } .plp-info.light.over-bgd .filters.filters--as-tags .filters-item--active .filters-item-link { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(4, 30, 58); } .plp-info.dark .filters.filters--as-tags .filters-item-link { border-color: rgb(4, 30, 58); background-color: rgb(255, 255, 255); color: rgb(4, 30, 58); } .plp-info.dark .filters.filters--as-tags .filters-item--active .filters-item-link { background-color: rgb(4, 30, 58); border-color: rgb(4, 30, 58); color: rgb(255, 255, 255); } .plp-info.dark .filters.filters--as-tags .quick-filter-more { color: rgb(4, 30, 58); } .plp-info.dark.over-bgd .filters.filters--as-tags .filters-item-link { border-color: rgb(4, 30, 58); background-color: transparent; color: rgb(4, 30, 58); } .plp-info.dark.over-bgd .filters.filters--as-tags .filters-item-link:hover { background-color: rgba(255, 255, 255, 0.35); } .plp-info.dark.over-bgd .filters.filters--as-tags .filters-item--active .filters-item-link { background-color: rgb(4, 30, 58); border-color: rgb(4, 30, 58); color: rgb(255, 255, 255); } .plp-info .filters.filters--search-view .filters-heading { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.75rem; text-transform: uppercase; margin: 0px 0px 0.75rem; } .plp-info .filters.filters--search-view .filters-list { margin: 0px -6% 1.25rem; padding: 0px 6%; } @media screen and (min-width: 960px) { .plp-info .filters.filters--search-view .filters-list { margin: 0px 0px 1.875rem; padding: 0px; } } .plp-info .filters.filters--search-view .filters-list.is-collapsed .filters-item--hidden { display: none; } .plp-info .filters.filters--search-view .filters-more { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 0.6875rem; display: block; padding: 0.5rem 0px 0.75rem; letter-spacing: 0.0625rem; text-decoration: none; } .plp-info .filters.filters--search-view .filters-more:hover { text-decoration: none; } .plp-info .filters.filters--search-view .filters-more .filters-more-text { text-underline-offset: 0.4375rem; text-decoration: underline; } .add-visibility { visibility: visible; } .remove-visibility { visibility: hidden; } .search-result-options { display: flex; align-items: center; background-color: rgb(255, 255, 255); } .search-result-options.search-result-options-bottom { clear: both; display: flex; justify-content: space-between; align-items: baseline; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } @media screen and (min-width: 960px) { .search-result-options.search-result-options-bottom { justify-content: flex-end; } } .search-result-options .filter-control { display: none; } .search-result-options .filter-control:hover { cursor: pointer; } @media screen and (min-width: 960px) { .search-result-options .filter-control.opened { display: none; } } @media screen and (min-width: 960px) { .search-result-options .filter-control { display: block; margin-right: 4%; width: 42%; max-width: 105px; } } .search-result-options .category-name { text-align: center; font-size: 1.125rem; } @media screen and (min-width: 960px) { .search-result-options .category-name { padding: 0px; font-size: 1.5rem; } } .search-result-options .show-refine-bar { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; align-items: center; cursor: pointer; display: flex; font-size: 0.6875rem; gap: 5px; letter-spacing: 0.0625rem; line-height: 0.625rem; padding: 0.625rem 0px; margin: 0.625rem 0px; text-transform: uppercase; white-space: nowrap; } @media screen and (min-width: 960px) { .search-result-options .show-refine-bar { gap: 8px; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .search-result-options .show-refine-bar { font-size: 0.75rem; padding: 0.6875rem 0px; margin: 0.5625rem 0px 0.5625rem 5.3125rem; } } @media screen and (min-width: 1200px) { .search-result-options .show-refine-bar { font-size: 0.8125rem; padding: 0.8125rem 0px; margin: 0.6875rem 0px 0.6875rem 5.3125rem; } } .search-result-options .show-refine-bar::before { color: rgb(4, 30, 58); content: ""; font-family: RL-icons; font-size: 1rem; line-height: 1rem; } @media screen and (min-width: 960px) and (max-width: 1199px) { .search-result-options .show-refine-bar::before { font-size: 0.8125rem; line-height: 0.8125rem; } } @media screen and (min-width: 1200px) { .search-result-options .show-refine-bar::before { font-size: 0.875rem; line-height: 0.875rem; } } .search-result-options .show-refine-bar + .filtercount-mobile-container { margin-left: 0.3125rem; } .search-result-options .show-refine-bar + .filtercount-mobile-container .filtercount { color: rgb(4, 30, 58); display: inline-block; margin-right: 0.4375rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .search-result-options .show-refine-bar + .filtercount-mobile-container .filtercount::before { content: "("; color: rgb(4, 30, 58); } .search-result-options .show-refine-bar + .filtercount-mobile-container .filtercount::after { content: ")"; color: rgb(4, 30, 58); } .search-result-options .show-refine-bar + .filtercount-mobile-container .clear-all-filters { color: rgb(4, 30, 58); letter-spacing: 0.03125rem; text-decoration: underline; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; line-height: 1.36364em; } @media screen and (min-width: 960px) { .search-result-options .center-search-options { display: flex; flex: 1 1 0%; justify-content: center; } } .search-result-options.display-msg-asset-enabled { height: auto; } .search-result-options .left-search-options { display: flex; align-items: center; justify-content: flex-end; width: 100%; } @media screen and (min-width: 960px) { .filters-applied .search-result-options .left-search-options { justify-content: space-between; } .filters-applied .search-result-options .left-search-options .clear-refinement-wrapper { display: flex; align-items: center; flex-grow: 1; } } .search-result-options .clear-refinement-wrapper { display: none; } .search-result-options .clear-refinement-wrapper .refinement-value-container { display: flex; flex-wrap: wrap; overflow: hidden; height: 30px; max-width: 750px; position: relative; } .search-result-options .clear-refinement-wrapper .refinement-value-container .refinement-value { background-color: rgb(242, 243, 245); display: inline-block; margin-right: 0.625rem; border-radius: 0.25rem; font-size: 0.6875rem; line-height: 0.625rem; text-transform: none !important; } .search-result-options .clear-refinement-wrapper .refinement-value-container .refinement-value.visually-hidden { margin-right: 0px; } .search-result-options .clear-refinement-wrapper .refinement-value-container .refinement-value a { color: rgb(4, 30, 58); text-decoration: none; display: inherit; } .search-result-options .clear-refinement-wrapper .refinement-value-container .refinement-value a.br_sizes { text-transform: uppercase !important; } .search-result-options .clear-refinement-wrapper .refinement-value-container .refinement-value a .icon-close { display: inline-block; margin-left: 0.375rem; } .search-result-options .clear-refinement-wrapper .refinement-value-container .refinement-value a .icon-close::before { content: ""; font-size: 0.4375rem; } .search-result-options .clear-refinement-wrapper .refinement-value-container .refinement-value .refinement-cancel { padding: 0.5625rem 0.75rem; } .search-result-options .clear-refinement-wrapper .plus-filters-selected.add-visibility { min-width: 5.375rem; } .search-result-options .clear-refinement-wrapper .plus-filters-selected .filtercount-container { background: transparent; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; min-height: 0px; text-transform: capitalize; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; letter-spacing: 0.03125rem; text-decoration: underline; margin: 0px 0px 0px 0.3125rem; font-size: 0.75rem; line-height: 1.25em; } .search-result-options .clear-refinement-wrapper .plus-filters-selected .filtercount-container:active, .search-result-options .clear-refinement-wrapper .plus-filters-selected .filtercount-container:focus, .search-result-options .clear-refinement-wrapper .plus-filters-selected .filtercount-container:hover { background: transparent; color: rgb(4, 30, 58); } .search-result-options .clear-refinement-wrapper .plus-filters-selected .filtercount-container .plus-filter-count::before { content: "+"; } .search-result-options .clear-refinement-wrapper .filtercount-divider { display: inline-block; color: rgb(109, 111, 115); margin: 0px 0.5rem; } .search-result-options .clear-refinement-wrapper .clear-filters { margin: 0px 0.625rem 0px 0.3125rem; color: rgb(109, 111, 115); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; letter-spacing: 0.03125rem; text-decoration: underline; font-size: 0.75rem; line-height: 1.25em; } .search-result-options .clear-refinement-wrapper .clear-filters.add-visibility { min-width: 3.125rem; } .sticky-block { padding: 0px 1.875rem; position: sticky; top: 0px; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); z-index: 12; left: 0px; width: 100%; will-change: transform; } @media screen and (min-width: 960px) { .sticky-block { padding: 0px 6%; } } .sticky-block.add-border { border-color: rgb(229, 229, 229); } .sticky-block.add-transition { transition: transform 0.3s linear; } .sticky-block.sticky .breadcrumbs-placeholder { display: block; } .sticky-block.sticky .gridbreak-title, .sticky-block.sticky .gridbreak-title-first { padding: 0px; position: relative; } @media screen and (min-width: 960px) { .sticky-block.sticky .gridbreak-title, .sticky-block.sticky .gridbreak-title-first { text-align: center; margin: 0px auto; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .sticky-block.sticky .gridbreak-title, .sticky-block.sticky .gridbreak-title-first { font-size: 1.125rem; line-height: 1.55556em; } } @media screen and (min-width: 1200px) { .sticky-block.sticky .gridbreak-title, .sticky-block.sticky .gridbreak-title-first { font-size: 1.25rem; line-height: 1.4em; } } .sticky-block.sticky .js-gridtitle-enter { display: none; } .filter-bar { align-items: center; display: flex; justify-content: space-between; } .filter-bar.filters-applied #search-result-options-wrapper { width: 100%; } .filter-bar.filters-applied .grid-break-title-container { display: none; } @media screen and (min-width: 960px) { .filter-bar.no-filters-applied > * { flex: 1 1 0px; max-width: calc(33% - 10px); } } @media screen and (max-width: 959px) { .filter-bar .breadcrumbs-placeholder { display: none !important; } } @media screen and (min-width: 960px) { .filter-bar .breadcrumbs-placeholder { display: none; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; color: rgb(4, 30, 58); text-transform: uppercase; letter-spacing: 0.03819rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.625rem; line-height: 1.2em; } } .filter-bar .breadcrumbs-placeholder .breadcrumb-element { color: rgb(4, 30, 58); } @media screen and (min-width: 960px) { .filter-bar .breadcrumbs-placeholder .breadcrumb-element { font-size: 0.625rem; line-height: 1.4em; } } .filter-bar .breadcrumbs-placeholder .breadcrumb-element:last-child:hover { text-decoration: underline; } .filter-bar .breadcrumbs-placeholder .breadcrumb-element:last-child::after { content: "/"; } .filter-bar .grid-break-title-container { margin-right: 0.625rem; max-height: 40px; overflow: hidden; } @media screen and (min-width: 960px) { .filter-bar .grid-break-title-container { margin-right: 0px; } } .filter-bar .grid-break-title-container .gridbreak-title-first { text-transform: capitalize; letter-spacing: 0px; white-space: nowrap; max-width: 31.25rem; overflow: hidden; text-overflow: ellipsis; } .filter-bar .grid-break-title-container .center-text-placeholder { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; text-transform: capitalize; text-align: center; letter-spacing: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1rem; line-height: 1.5em; } @media screen and (min-width: 960px) { .filter-bar .grid-break-title-container .center-text-placeholder { font-size: 1.5rem; line-height: 0.91667em; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .filter-bar .grid-break-title-container .center-text-placeholder { font-size: 1.125rem; line-height: 1.55556em; } } @media screen and (min-width: 1200px) { .filter-bar .grid-break-title-container .center-text-placeholder { font-size: 1.25rem; line-height: 1.4em; } } .sd-bopis-display-msg { display: flex; align-items: center; background-color: rgb(245, 245, 242); z-index: 11; clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px); position: absolute; overflow: hidden; top: 100%; transition: clip-path 0.3s ease-out; width: 100%; left: 0px; padding: 0.625rem 1.875rem; } @media screen and (min-width: 960px) { .sd-bopis-display-msg { padding: 0.5rem 6%; } } .sd-bopis-display-msg .display-msg-container, .sd-bopis-display-msg .display-msg-container .sub-container-msg { display: inline-block; } .sd-bopis-display-msg .display-msg-container .display-msg-1, .sd-bopis-display-msg .display-msg-container .display-msg-2, .sd-bopis-display-msg .display-msg-container .display-msg-3 { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; color: rgb(4, 30, 58); letter-spacing: 0.01562rem; font-size: 0.6875rem; line-height: 2em; } .sd-bopis-display-msg .display-msg-container .display-msg-1 { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } .sd-bopis-display-msg .display-msg-container .display-msg-2 { display: none; } @media screen and (min-width: 960px) { .sd-bopis-display-msg .display-msg-container .display-msg-2 { display: initial; } } .sd-bopis-display-msg .display-msg-container .sd-bopis-filter-display-link { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; text-underline-offset: 5px; color: rgb(4, 30, 58); letter-spacing: 0.01562rem; text-decoration: underline; font-size: 0.6875rem; line-height: 2em; } .sd-bopis-display-msg .display-msg-container .sd-bopis-filter-display-link:active, .sd-bopis-display-msg .display-msg-container .sd-bopis-filter-display-link:focus, .sd-bopis-display-msg .display-msg-container .sd-bopis-filter-display-link:hover { text-decoration: none; } .sd-bopis-display-msg .sd-msg-close-btn { width: auto; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; position: absolute; right: 0px; font-size: 0px; color: rgb(4, 30, 58); min-height: 0px; } .sd-bopis-display-msg .sd-msg-close-btn:active, .sd-bopis-display-msg .sd-msg-close-btn:focus, .sd-bopis-display-msg .sd-msg-close-btn:hover { background: none; color: rgb(4, 30, 58); } .sd-bopis-display-msg .sd-msg-close-btn::before { content: ""; font-family: RL-icons; font-size: 0.75rem; display: inline-block; margin-top: 0.5rem; } @media screen and (min-width: 960px) { .sd-bopis-display-msg .sd-msg-close-btn::before { margin-top: 0.375rem; } } .sd-bopis-display-msg .sd-bopis-display-msg-in { display: flex; align-items: center; width: 100%; transform: translateY(-100%); transition: transform 0.3s ease-out, opacity 0.3s ease-out; opacity: 0; will-change: transform, opacity; } .sd-bopis-display-msg .sd-bopis-display-msg-in::before { content: ""; font-family: RL-icons; font-size: 1.0625rem; margin-right: 0.375rem; padding: 0.1875rem; } @media screen and (min-width: 960px) { .sd-bopis-display-msg .sd-bopis-display-msg-in::before { font-size: 0.9375rem; } } .sticky .sd-bopis-display-msg { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); } .sticky .sd-bopis-display-msg .sd-bopis-display-msg-in { transform: translateY(0px); opacity: 1; } .sd-bopis-display-msg.do-not-show { transform: translateY(-100%); opacity: 0 !important; top: 0px !important; } .active-menu #refinments-bar { transform: translateY(0px); opacity: 1; } @media screen and (min-width: 960px) { .active-menu #refinments-bar { transform: translateX(0px); } } #refinments-bar, .active-menu.delay-filter-flyout #refinments-bar { bottom: 0px; right: 0px; width: 100%; height: 100%; position: fixed; z-index: 105; background: rgb(255, 255, 255); overflow: auto; padding: 0px; opacity: 0; transform: translateY(120vh); box-sizing: border-box; transition: transform 0.3s ease-out, opacity 0.35s ease-out; top: 0px !important; } @media screen and (min-width: 960px) { #refinments-bar, .active-menu.delay-filter-flyout #refinments-bar { width: 40.625rem; transform: translateX(120vw); } } #refinments-bar .refinements-box, .active-menu.delay-filter-flyout #refinments-bar .refinements-box { padding: 1.25rem; box-sizing: border-box; min-height: calc(100% - 11.25rem); } @media screen and (min-width: 960px) { #refinments-bar .refinements-box, .active-menu.delay-filter-flyout #refinments-bar .refinements-box { padding: 1.25rem 2.5rem; } } #refinments-bar.filter-results-loading .loader-indicator, .active-menu.delay-filter-flyout #refinments-bar.filter-results-loading .loader-indicator { display: none; } #refinments-bar.filter-results-loading .loader-bg, .active-menu.delay-filter-flyout #refinments-bar.filter-results-loading .loader-bg { opacity: 0; } #refinments-bar.filter-results-loading .filters-flyout-bottom-container, .active-menu.delay-filter-flyout #refinments-bar.filter-results-loading .filters-flyout-bottom-container { z-index: 14; } #refinments-bar.filter-results-loading .filters-flyout-bottom-container .filters-flyout-bottom-btn, .active-menu.delay-filter-flyout #refinments-bar.filter-results-loading .filters-flyout-bottom-container .filters-flyout-bottom-btn { display: flex; justify-content: center; align-items: center; } #refinments-bar.filter-results-loading .filters-flyout-bottom-container .filters-flyout-bottom-btn .filters-done-text, .active-menu.delay-filter-flyout #refinments-bar.filter-results-loading .filters-flyout-bottom-container .filters-flyout-bottom-btn .filters-done-text { display: none; } #refinments-bar.filter-results-loading .filters-flyout-bottom-container .filters-flyout-bottom-btn .dot-flashing, .active-menu.delay-filter-flyout #refinments-bar.filter-results-loading .filters-flyout-bottom-container .filters-flyout-bottom-btn .dot-flashing { display: block; } .filters-flyout-top-container { display: flex; align-items: center; padding: 1.4375rem 1.25rem 1rem; position: sticky; top: 0px; background: rgb(255, 255, 255); z-index: 40; border-bottom: 1px solid transparent; transition: border-color 0.1s ease-out; } @media screen and (min-width: 960px) { .filters-flyout-top-container { padding: 1.5rem 2.5rem; } } .filters-flyout-top-container-scrolled { border-color: rgb(225, 225, 229); } #secondary h2.filters-flyout-heading, .filters-flyout-heading { color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 1.5rem; text-transform: none; letter-spacing: normal; margin-right: auto; padding: 0px; display: block; } @media screen and (min-width: 960px) { #secondary h2.filters-flyout-heading, .filters-flyout-heading { font-size: 1.5rem; line-height: normal; } } .filters-flyout-selected-filters { margin-right: 1.25rem; color: rgb(4, 30, 58); } .filters-flyout-selected-filters .filtercount, .filters-flyout-selected-filters .filtercount-text { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-size: 0.75rem; line-height: 1.5em; } @media screen and (min-width: 960px) { .filters-flyout-selected-filters .filtercount, .filters-flyout-selected-filters .filtercount-text { font-size: 0.875rem; line-height: 1.28571em; } } .filters-flyout-selected-filters .clear-all-btn { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; letter-spacing: 0.03125rem; text-decoration: underline; font-size: 0.75rem; line-height: 1.5em; } @media screen and (min-width: 960px) { .filters-flyout-selected-filters .clear-all-btn { font-size: 0.875rem; line-height: 1.28571em; } } .filters-flyout-close-btn { width: 1.875rem; height: 1.875rem; display: flex; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: relative; font-size: 0px; min-height: 0px; align-items: center; justify-content: center; } .filters-flyout-close-btn, .filters-flyout-close-btn:active, .filters-flyout-close-btn:focus, .filters-flyout-close-btn:hover { background: none; color: rgb(0, 0, 0); } .filters-flyout-close-btn::before { content: ""; font-family: RL-icons; font-size: 1.25rem; } .filters-flyout-bottom-container { position: sticky; bottom: 0px; padding: 1.5rem 1.25rem; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px -10px 20px 0px; } .filters-flyout-bottom-btn { padding: 0px; margin: 0px; width: 100%; max-width: none; display: block; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .dot-flashing { display: none; position: relative; width: 5px; height: 5px; border-radius: 2.5px; background-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); animation: 1s linear 0.5s infinite alternate none running dot-flashing; } .dot-flashing::after, .dot-flashing::before { content: ""; display: inline-block; position: absolute; top: 0px; } .dot-flashing::before { left: -15px; animation: 1s ease 0s infinite alternate none running dot-flashing; } .dot-flashing::after, .dot-flashing::before { width: 5px; height: 5px; border-radius: 2.5px; background-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .dot-flashing::after { left: 15px; animation: 1s ease 1s infinite alternate none running dot-flashing; } @keyframes dot-flashing { 0% { background-color: rgb(255, 255, 255); } 50%, 100% { background-color: rgba(255, 255, 255, 0.5); } } #refinments-bar .sort-by .sort-by-label { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; color: rgb(4, 30, 58); margin-bottom: 0.9375rem; text-transform: uppercase; font-weight: 500; font-size: 0.875rem; line-height: 1.28571em; } @media screen and (min-width: 960px) { #refinments-bar .sort-by .sort-by-label { margin-bottom: 0.4375rem; } } #refinments-bar .sort-by .sorting-options-wrapper { display: flex; overflow-x: auto; scrollbar-width: none; } #refinments-bar .sort-by .sorting-options-wrapper::-webkit-scrollbar { display: none; } @media screen and (min-width: 960px) { #refinments-bar .sort-by .sorting-options-wrapper { flex-wrap: wrap; overflow-x: visible; } } #refinments-bar .sort-by .sorting-options-wrapper .sorting-options-btn { background-color: rgb(255, 255, 255); color: rgb(4, 30, 58); border-radius: 6px; border: 1px solid rgb(198, 200, 204); padding: 0.5rem 0.625rem; min-height: 0px; text-transform: capitalize; margin: 0px 0.625rem 0.625rem 0px; cursor: pointer; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; width: auto; flex: 0 0 auto; font-size: 0.75rem; line-height: 1.16667em; } @media screen and (min-width: 960px) { #refinments-bar .sort-by .sorting-options-wrapper .sorting-options-btn { margin: 0.5rem 0.625rem 0px 0px; } } #refinments-bar .sort-by .sorting-options-wrapper .sorting-options-btn.selected, #refinments-bar .sort-by .sorting-options-wrapper .sorting-options-btn:active, #refinments-bar .sort-by .sorting-options-wrapper .sorting-options-btn:focus, #refinments-bar .sort-by .sorting-options-wrapper .sorting-options-btn:hover { background-color: rgb(242, 243, 245); } #refinments-bar .sort-by .sorting-options-wrapper .sorting-options-btn.selected { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; border-color: rgb(4, 30, 58); } .toggler { position: relative; width: 2.3125rem; height: 1.4375rem; } .toggler-wrapper { width: 100%; height: 100%; display: block !important; } .toggler-wrapper-in { background: rgb(171, 171, 171); border-radius: 20px; cursor: pointer; height: 100%; position: relative; transition: background-color 0.2s ease-out; width: 100%; } .toggler-thumb { background: rgb(255, 255, 255); border-radius: 20px; bottom: 2px; cursor: pointer; font-size: 0px; height: 1.1875rem; left: 2px; line-height: normal; margin: 0px; overflow: hidden; position: absolute; top: 2px; transition: left 0.4s ease-out; user-select: none; white-space: nowrap; width: 1.25rem; } input[type="checkbox"] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; } input[type="checkbox"] + .toggler-wrapper::before { display: none; } input[type="checkbox"]:checked + .toggler-wrapper .toggler-wrapper-in { background: rgb(4, 30, 58); } input[type="checkbox"]:checked + .toggler-wrapper .toggler-wrapper-in .toggler-thumb { left: calc(100% - 22px); } .toggler-wrapper-content { display: block; max-height: 0px; overflow: hidden; transition: max-height 1s; } .toggler-wrapper-content.closed { display: none; } .toggler-wrapper-content.height { max-height: 12.5rem; } .pickup-heading { display: flex; align-items: center; justify-content: space-between; padding: 1.6875rem 0px; } .pickup-title { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.875rem; line-height: 1.125rem; text-transform: uppercase; } .refinement.sameday { border-bottom: 1px solid rgb(225, 225, 229); } .refinement.sameday .sameday-bopis-filter-content { margin: 0px; padding: 0px 0px 1.5625rem; } .refinement.sameday .filter-option { margin-bottom: 1.25rem; } .refinement.sameday .filter-option .sameday-filter.disabled { pointer-events: none; } .refinement.sameday .filter-option .check-box-circle { width: 1.125rem; height: 1.125rem; border: 1px solid rgb(109, 111, 115); display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; left: 0px; top: 1px; } .refinement.sameday .filter-option .check-box-circle::before { width: 0.5rem; height: 0.5rem; content: ""; background-color: transparent; border-radius: 50%; } .refinement.sameday .filter-option.selected .check-box-circle { border-width: 2px; border-color: rgb(4, 30, 58); } .refinement.sameday .filter-option.selected .check-box-circle::before { background-color: rgb(4, 30, 58); } #secondary .refinement.sameday .filter-option .bopis-filter, #secondary .refinement.sameday .filter-option .sameday-filter { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; color: rgb(4, 30, 58); font-size: 0.8125rem; line-height: 1.25rem; } #secondary .refinement.sameday .filter-option .bopis-filter:hover, #secondary .refinement.sameday .filter-option .sameday-filter:hover { text-decoration: none; } .refinement.sameday .refinement-link { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-size: 0.8125rem; line-height: 1.25rem; } .refinement.sameday .plp-sd-zip-edit { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.8125rem; letter-spacing: 0.5px; line-height: 1.25rem; } .refinement.sameday .refinement-link.disabled .check-box-circle { border-color: rgb(225, 225, 229); } .refinement.sameday .filter-option-in { position: relative; padding-left: 1.875rem; } .refinement.sameday .bopis-filter { padding-top: 0px; } .refinement.sameday .bopis-filter.disabled { pointer-events: none; } .refinement.sameday .plp-filter-noitem { color: rgb(214, 39, 39); line-height: 1.25rem; font-size: 0.8125rem; } .refinement.sameday .filter-orderby-msg { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(109, 111, 115); font-size: 0.8125rem; line-height: 1.25rem; } .refinement.sameday .plp-filter-store-update, .refinement.sameday .plp-filter-zip-update { color: rgb(118, 118, 118); cursor: pointer; line-height: 1.25rem; letter-spacing: 0.5px; text-decoration: underline; } .refinement.sameday .plp-filter-zip-update { padding-left: 0.125rem; padding-top: 0px; } #secondary .refinement.sameday .plp-filter-zip-update { font-size: 0.8125rem; } .refinement.sameday .plp-filter-store-update { font-size: 0.8125rem; display: inline-block; } .refinement.sameday .plp-bopis-store-info { text-decoration: underline; font-size: 0.8125rem; line-height: 1.25rem; letter-spacing: 0.03125rem; cursor: pointer; } .refinement.sameday li .plp-sd-zip-edit { text-decoration: underline; cursor: pointer; } #refinments-bar .refinements { height: 100%; } @media screen and (max-width: 959px) { #refinments-bar .refinements { padding: 0px; margin: 0px; } } #refinments-bar .secondary-refinements { margin-top: 0px; margin-left: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; min-height: 100%; } #refinments-bar .secondary-refinements .refinement { border-bottom: 1px solid rgb(225, 225, 229); padding-right: 1rem; width: 100% !important; } #refinments-bar .secondary-refinements .refinement button, #refinments-bar .secondary-refinements .refinement button:hover { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; align-items: center; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(4, 30, 58); display: flex; font-size: 0.8125rem; justify-content: space-between; letter-spacing: normal; margin-top: 0px; max-width: none; padding: 1.6875rem 0px; position: relative; text-align: left; white-space: nowrap; width: 100%; } #refinments-bar .secondary-refinements .refinement button .filter-paging, #refinments-bar .secondary-refinements .refinement button:hover .filter-paging { padding: 0px 0.9375rem; display: inline-block; } @media screen and (max-width: 960px) { #refinments-bar .secondary-refinements .refinement button .filter-paging, #refinments-bar .secondary-refinements .refinement button:hover .filter-paging { display: none; } } #refinments-bar .secondary-refinements .refinement button .filter-paging span, #refinments-bar .secondary-refinements .refinement button:hover .filter-paging span { display: inline-block; } #refinments-bar .secondary-refinements .refinement button .filter-paging a, #refinments-bar .secondary-refinements .refinement button:hover .filter-paging a { color: initial; } #refinments-bar .secondary-refinements .refinement button .filter-paging .filter-paging-label, #refinments-bar .secondary-refinements .refinement button:hover .filter-paging .filter-paging-label { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; padding: 0px 0.4375rem; font-size: 0.75rem; letter-spacing: 0.0625rem; vertical-align: top; } #refinments-bar .secondary-refinements .refinement button::after { content: ""; transition: transform 0.4s; transform: rotate(180deg); font-family: RL-icons; font-size: 0.8125rem; outline: none !important; } #refinments-bar .secondary-refinements .refinement button.clicked::after { transform: none; } #refinments-bar .secondary-refinements .refinement button.clicked-no-animation::after { transform: none; transition: none; } #refinments-bar .secondary-refinements .refinement button span { font-size: 0.875rem; line-height: 1.1875rem; display: flex; align-items: center; gap: 0.625rem; } #refinments-bar .secondary-refinements .refinement button .selectiontotal, #refinments-bar .secondary-refinements .refinement button span { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; color: rgb(4, 30, 58); text-transform: uppercase; } #refinments-bar .secondary-refinements .refinement button .selectiontotal { background: rgb(242, 243, 245); border-radius: 50%; display: inline-block; font-size: 0.5625rem; font-style: normal; height: 1.125rem; line-height: 1.125rem; min-width: 1.125rem; text-align: center; } #refinments-bar .secondary-refinements .refinement button .selectiontotal:empty { display: none; } #refinments-bar .secondary-refinements .refinement .refinements-list { display: flex; flex-flow: wrap; gap: 0.625rem; padding: 0px; margin: 0px 0px 2.5rem; } @media screen and (min-width: 960px) { #refinments-bar .secondary-refinements .refinement .refinements-list { gap: 0.75rem; } } #refinments-bar .secondary-refinements .refinement .refinements-list.brColors .refinement-display-value { text-transform: capitalize; word-break: break-word; } @media screen and (max-width: 960px) { #refinments-bar .secondary-refinements .refinement .refinements-list { max-height: none; } } #refinments-bar .secondary-refinements .refinement .refinements-list-item a { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; background-color: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(198, 200, 204); color: rgb(4, 30, 58); cursor: pointer; display: block; font-size: 0.75rem; line-height: 0.875rem; padding: 0.8125rem 0.9375rem; text-align: center; letter-spacing: normal; transition: background-color 0.3s, border-color 0.3s; } @media screen and (min-width: 960px) { #refinments-bar .secondary-refinements .refinement .refinements-list-item a { font-size: 0.8125rem; } } #refinments-bar .secondary-refinements .refinement .refinements-list-item a.zerocount { color: rgb(182, 182, 182); cursor: auto; text-decoration: none; } #refinments-bar .secondary-refinements .refinement .refinements-list-item a span { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(109, 111, 115); font-size: 0.625rem; line-height: 0.625rem; } #refinments-bar .secondary-refinements .refinement .refinements-list-item a:hover { text-decoration: none; background: rgb(242, 243, 245) !important; } #refinments-bar .secondary-refinements .refinement .refinements-list-item a.animated { animation: 1.2s ease 0s infinite normal none running pulse-color; } #refinments-bar .secondary-refinements .refinement .refinements-list-item.selected a { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; border: 1px solid rgb(4, 30, 58); background: rgb(242, 243, 245) !important; } #refinments-bar .secondary-refinements .refinement .refinement-description { color: rgb(109, 111, 115); font-size: 0.75rem; line-height: 1.375rem; padding-bottom: 1.25rem; } @media screen and (min-width: 960px) { #refinments-bar .secondary-refinements .refinement .refinement-description { padding-bottom: 0.5rem; } } #refinments-bar .secondary-refinements .refinement .refinement-description.quiz-not-taken { line-height: 1rem; } #refinments-bar .secondary-refinements .refinement .refinement-description-link { color: rgb(4, 30, 58); font-size: 0.75rem; } #refinments-bar .secondary-refinements .refinement .refinement-description-link.take-style-quiz { border-bottom: 1px solid rgb(4, 30, 58); display: inline-block; line-height: 1rem; text-decoration: none; } #refinments-bar .secondary-refinements .refinement.category-refinement .refinement-link { text-transform: capitalize; } #refinments-bar .secondary-refinements .refinement.basecolors li.selected .imagecolor { border-radius: 50%; display: inline-block; } #refinments-bar .secondary-refinements .refinement.basecolors li.selected .imagecolor img { width: 1rem; height: 1rem; border: 0.25px solid rgba(4, 30, 58, 0.5); } #refinments-bar .secondary-refinements .refinement.basecolors li a { align-items: center; display: flex; } #refinments-bar .secondary-refinements .refinement.basecolors li a .imagecolor { margin-right: 0.375rem; } #refinments-bar .secondary-refinements .refinement.basecolors li a .imagecolor img { display: inline; width: 1rem; height: 1rem; float: left; border-radius: 50%; border: 0.25px solid rgba(4, 30, 58, 0.5); } #refinments-bar .secondary-refinements .refinement.basecolors li a#swatch-white img { border: 1px solid rgb(209, 209, 209); } #refinments-bar .secondary-refinements .clear-all { display: none; } :root { --site-content-width: 1320px; --site-content-max-width: 1440px; --site-content-max-width-redesign: 1920px; } #wrapper.max1920w.r24-plp { --site-content-width: 1800px; --site-content-max-width: 1920px; } #wrapper.nomax { --site-content-width: auto; --site-content-max-width: none; } @keyframes swiper-bounce { 0% { margin-left: 0px; } 38% { margin-left: -60px; } 100% { margin-left: 0px; } } .product-tile::after { content: ""; display: table; clear: both; } :root { --pdp-mobile-sidegap: 30px; } .rec-slider-full-width { display: inline-block; width: 100%; } .rec-slider-full-width .product-rec-heading { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .rec-slider-full-width .product-rec-heading { display: flex; margin-bottom: 2.1875rem; } } .rec-slider-full-width .product-rec-heading h3 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 1.5rem; line-height: 1.66667em; color: rgb(4, 30, 58); font-weight: 100; margin: 0px; } @media screen and (min-width: 960px) { .rec-slider-full-width .product-rec-heading h3 { font-size: 1.75rem; line-height: 1.42857em; } } .rec-slider-full-width .product-rec-swiper { padding: 0px 1.875rem; } @media screen and (min-width: 768px) { .rec-slider-full-width .product-rec-swiper { margin: 0px 3.125rem; padding: 0px; } } .rec-slider-full-width .product-rec-swiper .product-rec-arrows { display: none; } @media screen and (min-width: 768px) { .rec-slider-full-width .product-rec-swiper .product-rec-arrows { align-items: center; display: flex; margin-left: 1.25rem; } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow { background: rgb(225, 225, 220); position: relative; margin: 0px; left: 0px; top: 0px; height: 40px; width: 40px; } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; border-right: 1px solid rgb(4, 30, 58); border-bottom: 1px solid rgb(4, 30, 58); } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-prev { border-radius: 6px 0px 0px 6px; } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-prev::after { transform: translate(-2px, -50%) rotate(134deg); } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-prev::before { content: ""; height: 70%; width: 1px; background: rgb(157, 159, 163); position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-next { border-radius: 0px 6px 6px 0px; } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-next::after { transform: translate(-6px, -50%) rotate(-45deg); } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-disabled { opacity: 1; } .rec-slider-full-width .product-rec-swiper .product-rec-arrows .rec-swiper-arrow.swiper-button-disabled::after { border-color: rgb(157, 159, 163); } } .oos-similaritems .rec-slider-full-width .product-rec-arrows { position: absolute; top: 37%; margin: 0px 0.375rem; justify-content: space-between; width: calc(100% - 12px); } .oos-similaritems .rec-slider-full-width .product-rec-arrows .rec-swiper-arrow { background: none; } .oos-similaritems .rec-slider-full-width .product-rec-arrows .rec-swiper-arrow.swiper-button-prev::before { display: none; } .rec-slider-right-aligned { background-color: rgb(250, 250, 248); padding: 3rem 0px 3rem 1.875rem; width: 100%; } @media screen and (min-width: 960px) { .rec-slider-right-aligned { align-items: center; display: inline-flex; padding: 3rem 0px 3rem 3.125rem; } } .cart-recentlyviewed .rec-slider-right-aligned { background-color: rgb(255, 255, 255); } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-heading { max-width: 380px; padding-right: 1.875rem; width: 30%; } } @media screen and (max-width: 959px) { .rec-slider-right-aligned .product-rec-heading { display: block; width: 100%; } } .rec-slider-right-aligned .product-rec-heading h3 { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; font-size: 2.75rem; line-height: 1.09091em; color: rgb(4, 30, 58); font-weight: 400; margin: 0px 0px 1.25rem; word-break: break-all; } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-heading h3 { font-size: 3.4375rem; line-height: 0.90909em; margin: 1.25rem 0px; } } .rec-slider-right-aligned .product-rec-heading h3 span { font-size: 1.75rem; line-height: 1.64286em; display: block; } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-heading h3 span { font-size: 2.25rem; line-height: 1.27778em; } } .rec-slider-right-aligned .product-rec-swiper { width: 100%; padding-right: 30px; } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-swiper { padding-right: 8%; width: 80%; } } .rec-slider-right-aligned .product-rec-swiper:not(.swiper-container-initialized) .swiper-slide { max-width: 76%; margin-right: 0.75rem; } @media screen and (min-width: 768px) { .rec-slider-right-aligned .product-rec-swiper:not(.swiper-container-initialized) .swiper-slide { max-width: 29%; } } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-swiper:not(.swiper-container-initialized) .swiper-slide { max-width: 32%; margin-right: 1.5rem; } } .rec-slider-right-aligned .product-rec-swiper .rec-swiper-scrollbar { display: none; } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-swiper .rec-swiper-scrollbar { background-color: rgb(225, 225, 229); display: block; height: 2px; margin-top: 1.875rem; } .rec-slider-right-aligned .product-rec-swiper .rec-swiper-scrollbar .swiper-scrollbar-drag { background-color: rgb(4, 30, 58); } } .rec-slider-right-aligned .product-rec-arrows { display: none; } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-arrows { display: block; } .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow { top: 32%; margin: 0px; width: 39px; height: 39px; transform: translateY(-50%); background: rgba(255, 255, 255, 0.8); border-radius: 50%; } } @media screen and (min-width: 960px) and (min-width: 1024px) { .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow { top: 34%; } } @media screen and (min-width: 960px) and (min-width: 1360px) { .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow { top: 40%; } } @media screen and (min-width: 960px) { .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow::after { content: ""; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; border-right: 1px solid rgb(4, 30, 58); border-bottom: 1px solid rgb(4, 30, 58); } .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow.swiper-button-next { right: 10%; } .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow.swiper-button-next::after { transform: translate(-6px, -50%) rotate(-45deg); } .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow.swiper-button-prev::after { transform: translate(-2px, -50%) rotate(134deg); } .rec-slider-right-aligned .product-rec-arrows .rec-swiper-arrow.swiper-button-disabled { opacity: 0; } } .product-recommendation { margin: 1.25rem 0px; max-width: 100vw; } @media screen and (min-width: 960px) { .product-recommendation { margin: 2.5rem 0px; } } .product-recommendation.hide-on-load { display: none; } .product-recommendation .product-rec-swiper img { max-width: 100%; display: block; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details { margin-top: 0.9375rem; position: relative; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-image { overflow: hidden; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-product-brand { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.8125rem; line-height: 1.23077em; color: rgb(109, 111, 115); display: block; letter-spacing: 0.2px; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-product-name { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 0.9375rem; line-height: 1.33333em; color: rgb(4, 30, 58); letter-spacing: 0.47px; margin-top: 0.3125rem; } @media screen and (min-width: 960px) { .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-product-name { font-size: 1.125rem; line-height: 1.22222em; } } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-price .product-price { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; letter-spacing: 0.0125rem; line-height: 1.18; margin-top: 0.625rem; } @media screen and (min-width: 960px) { .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-price .product-price { font-size: 0.8125rem; } } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-price .product-price .price-standard { color: rgb(112, 112, 107); text-decoration: line-through; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-price .product-price .price-standard + .price-sales, .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-price .product-price .selected-color-text { color: rgb(153, 110, 64); display: inline-block; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-details .pdp-simple-tile-quickshop-container { display: none; } .product-recommendation .pdp-simple-product-tile .pdp-simple-tile-link { bottom: 0px; display: block; height: 100%; left: 0px; position: absolute; width: 100%; } .product-rec-lazy.hide-until-init { visibility: hidden; } .product-rec-lazy .product-rec-heading .ghosting-element { position: relative; height: 40px; width: 250px; } .product-rec-lazy .pdp-simple-tile-image { aspect-ratio: 0.8 / 1; } .product-rec-lazy .pdp-simple-tile-image .ghosting-main { height: auto; } .product-rec-lazy .pdp-simple-tile-details .ghosting-element { position: relative; height: 16px; width: 87px; margin-bottom: 10px; margin-top: 10px; } .product-rec-lazy .pdp-simple-tile-details .ghosting-element.longer { width: 161px; } /* source: https://www.ralphlauren.co.uk/on/demandware.static/Sites-RalphLauren_GB-Site/-/en_GB/v1785482969300/css/nav_rd24.css */ .level-2 .menu-wrap .nav > ul::after, .menu-category.level-1 > li::after, nav[role="navigation"]::after { content: ""; display: table; clear: both; } :root { --site-content-width: 1320px; --site-content-max-width: 1440px; } #wrapper.max1920w.r24-plp { --site-content-width: 1800px; --site-content-max-width: 1920px; } #wrapper.nomax { --site-content-width: auto; --site-content-max-width: none; } @keyframes swiper-bounce { 0% { margin-left: 0px; } 38% { margin-left: -60px; } 100% { margin-left: 0px; } } @font-face { font-family: password; src: url("../../assets/fonts/password.woff2") format("woff2"); font-weight: 400; font-style: normal; } .menu-category a { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; color: rgb(4, 30, 58); font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.00625rem; } @media screen and (min-width: 960px) { .menu-category a { font-size: 0.6875rem; letter-spacing: 0.05625rem; } } .store-locator-header-font { font-size: unset; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; color: rgb(118, 118, 118); } .alt-font-holder { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; } nav[role="navigation"] { color: rgb(255, 255, 255); height: 100%; margin-top: 0px; position: fixed; left: 0px; width: 100%; } @media screen and (min-width: 960px) { nav[role="navigation"] { background-color: transparent; height: auto; color: rgb(71, 71, 71); left: auto; top: auto; position: static; } } nav[role="navigation"].navigation { transform: translateX(100%); z-index: -1; top: 64px; } @media screen and (min-width: 960px) { nav[role="navigation"].navigation { transform: none; opacity: 1; width: 100%; top: auto; z-index: auto; } } nav[role="navigation"].navigation .nav-l1-recomm-container { margin-top: 0.375rem; margin-bottom: 0.9375rem; } @media screen and (min-width: 960px) { nav[role="navigation"].navigation .nav-l1-recomm-container { display: none; } } @media screen and (min-width: 960px) { nav[role="navigation"].desktop-only { display: block !important; } } nav[role="navigation"] .level-2-3-top { display: none; } @media screen and (max-width: 959px) { .level-1 li.device-specific-desktopOnly, div.level-2 li.device-specific-desktopOnly, li.device-specific-desktopOnly { display: none; } } @media screen and (min-width: 960px) { .level-1 li.device-specific-mobileOnly, div.level-2 li.device-specific-mobileOnly, li.device-specific-mobileOnly, li.hide-l3-for-desktop { display: none; } .highlights-alert-message { display: inline-block; color: rgb(214, 39, 39); font-weight: 700; } } .menu-mask { position: relative; } .menu-mask.menu-mask-active { width: 100vw; background-color: rgba(0, 0, 0, 0.2); z-index: 20; pointer-events: all; top: 0px; max-width: inherit; } @media screen and (min-width: 960px) { .menu-mask.menu-mask-active { height: 100vh; } } @media screen and (min-width: 960px) { .menu-mask { background-color: transparent; transition: background-color 0.3s ease-in; position: fixed; pointer-events: none; } } #wrapper.search-active .menu-mask { display: none; } @media screen and (min-width: 960px) { #wrapper.search-active .menu-mask { display: block; } } .mobile-nav-header { position: absolute; z-index: 2; background-color: rgb(255, 255, 255); height: 100%; width: 100%; margin: -30px; padding: 0px 30px; clip-path: inset(0px 0px 0px 100%); } .mobile-nav-header .primary-logo { height: 100%; } .mobile-nav-header .primary-logo a.logo-link { background-color: rgb(4, 30, 58) !important; } .sub-nav-active .mobile-nav-header { visibility: hidden; } @media screen and (min-width: 960px) { .mobile-nav-header { display: none; } } #wrapper { transform: none; transition: transform 0.4s; } @media screen and (min-width: 960px) { #wrapper .top-banner-sticky .top-banner { border-bottom: 1px solid transparent; } } #wrapper header.add-border-bottom .top-banner-sticky .top-banner { border-bottom: 1px solid rgb(225, 225, 229); } #wrapper.bag-active header .top-banner-sticky .top-banner, #wrapper.login-active header .top-banner-sticky .top-banner, #wrapper.menu-active header .top-banner-sticky .top-banner, #wrapper.search-active header .top-banner-sticky .top-banner { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } #wrapper.bag-active header .top-banner-sticky .top-banner.sub-nav-active, #wrapper.login-active header .top-banner-sticky .top-banner.sub-nav-active, #wrapper.menu-active header .top-banner-sticky .top-banner.sub-nav-active, #wrapper.search-active header .top-banner-sticky .top-banner.sub-nav-active { background-color: rgb(255, 255, 255) !important; } @media screen and (min-width: 960px) { #wrapper.bag-active header .top-banner-sticky .top-banner, #wrapper.login-active header .top-banner-sticky .top-banner, #wrapper.menu-active header .top-banner-sticky .top-banner, #wrapper.search-active header .top-banner-sticky .top-banner { border-bottom: 1px solid rgb(228, 221, 221); background-color: rgb(255, 255, 255) !important; } } @media screen and (min-width: 960px) { #wrapper.bag-active header.default .top-banner-sticky .top-banner, #wrapper.bag-active header.inverse .top-banner-sticky .top-banner, #wrapper.bag-active header.no-logo .top-banner-sticky .top-banner, #wrapper.bag-active header.transparent .top-banner-sticky .top-banner, #wrapper.login-active header.default .top-banner-sticky .top-banner, #wrapper.login-active header.inverse .top-banner-sticky .top-banner, #wrapper.login-active header.no-logo .top-banner-sticky .top-banner, #wrapper.login-active header.transparent .top-banner-sticky .top-banner, #wrapper.menu-active header.default .top-banner-sticky .top-banner, #wrapper.menu-active header.inverse .top-banner-sticky .top-banner, #wrapper.menu-active header.no-logo .top-banner-sticky .top-banner, #wrapper.menu-active header.transparent .top-banner-sticky .top-banner, #wrapper.search-active header.default .top-banner-sticky .top-banner, #wrapper.search-active header.inverse .top-banner-sticky .top-banner, #wrapper.search-active header.no-logo .top-banner-sticky .top-banner, #wrapper.search-active header.transparent .top-banner-sticky .top-banner { background-color: rgb(255, 255, 255) !important; } } #wrapper.bag-active header.default .primary-logo a.logo-link, #wrapper.bag-active header.inverse .primary-logo a.logo-link, #wrapper.bag-active header.no-logo .primary-logo a.logo-link, #wrapper.bag-active header.transparent .primary-logo a.logo-link, #wrapper.login-active header.default .primary-logo a.logo-link, #wrapper.login-active header.inverse .primary-logo a.logo-link, #wrapper.login-active header.no-logo .primary-logo a.logo-link, #wrapper.login-active header.transparent .primary-logo a.logo-link, #wrapper.menu-active header.default .primary-logo a.logo-link, #wrapper.menu-active header.inverse .primary-logo a.logo-link, #wrapper.menu-active header.no-logo .primary-logo a.logo-link, #wrapper.menu-active header.transparent .primary-logo a.logo-link, #wrapper.search-active header.default .primary-logo a.logo-link, #wrapper.search-active header.inverse .primary-logo a.logo-link, #wrapper.search-active header.no-logo .primary-logo a.logo-link, #wrapper.search-active header.transparent .primary-logo a.logo-link { opacity: 1; } @media screen and (min-width: 960px) { #wrapper.bag-active header.default .primary-logo a.logo-link, #wrapper.bag-active header.inverse .primary-logo a.logo-link, #wrapper.bag-active header.no-logo .primary-logo a.logo-link, #wrapper.bag-active header.transparent .primary-logo a.logo-link, #wrapper.login-active header.default .primary-logo a.logo-link, #wrapper.login-active header.inverse .primary-logo a.logo-link, #wrapper.login-active header.no-logo .primary-logo a.logo-link, #wrapper.login-active header.transparent .primary-logo a.logo-link, #wrapper.menu-active header.default .primary-logo a.logo-link, #wrapper.menu-active header.inverse .primary-logo a.logo-link, #wrapper.menu-active header.no-logo .primary-logo a.logo-link, #wrapper.menu-active header.transparent .primary-logo a.logo-link, #wrapper.search-active header.default .primary-logo a.logo-link, #wrapper.search-active header.inverse .primary-logo a.logo-link, #wrapper.search-active header.no-logo .primary-logo a.logo-link, #wrapper.search-active header.transparent .primary-logo a.logo-link { background-color: rgb(4, 30, 58); } } #wrapper.bag-active header.default .menu-category > li > a, #wrapper.bag-active header.inverse .menu-category > li > a, #wrapper.bag-active header.no-logo .menu-category > li > a, #wrapper.bag-active header.transparent .menu-category > li > a, #wrapper.login-active header.default .menu-category > li > a, #wrapper.login-active header.inverse .menu-category > li > a, #wrapper.login-active header.no-logo .menu-category > li > a, #wrapper.login-active header.transparent .menu-category > li > a, #wrapper.menu-active header.default .menu-category > li > a, #wrapper.menu-active header.inverse .menu-category > li > a, #wrapper.menu-active header.no-logo .menu-category > li > a, #wrapper.menu-active header.transparent .menu-category > li > a, #wrapper.search-active header.default .menu-category > li > a, #wrapper.search-active header.inverse .menu-category > li > a, #wrapper.search-active header.no-logo .menu-category > li > a, #wrapper.search-active header.transparent .menu-category > li > a { color: rgb(4, 30, 58); } @media screen and (max-width: 959px) { #wrapper.bag-active header.default .menu-category > li > a.add-custom-color, #wrapper.bag-active header.inverse .menu-category > li > a.add-custom-color, #wrapper.bag-active header.no-logo .menu-category > li > a.add-custom-color, #wrapper.bag-active header.transparent .menu-category > li > a.add-custom-color, #wrapper.login-active header.default .menu-category > li > a.add-custom-color, #wrapper.login-active header.inverse .menu-category > li > a.add-custom-color, #wrapper.login-active header.no-logo .menu-category > li > a.add-custom-color, #wrapper.login-active header.transparent .menu-category > li > a.add-custom-color, #wrapper.menu-active header.default .menu-category > li > a.add-custom-color, #wrapper.menu-active header.inverse .menu-category > li > a.add-custom-color, #wrapper.menu-active header.no-logo .menu-category > li > a.add-custom-color, #wrapper.menu-active header.transparent .menu-category > li > a.add-custom-color, #wrapper.search-active header.default .menu-category > li > a.add-custom-color, #wrapper.search-active header.inverse .menu-category > li > a.add-custom-color, #wrapper.search-active header.no-logo .menu-category > li > a.add-custom-color, #wrapper.search-active header.transparent .menu-category > li > a.add-custom-color { color: rgb(140, 105, 59); } } #wrapper.bag-active header.default .menu-category > li > a::after, #wrapper.bag-active header.inverse .menu-category > li > a::after, #wrapper.bag-active header.no-logo .menu-category > li > a::after, #wrapper.bag-active header.transparent .menu-category > li > a::after, #wrapper.login-active header.default .menu-category > li > a::after, #wrapper.login-active header.inverse .menu-category > li > a::after, #wrapper.login-active header.no-logo .menu-category > li > a::after, #wrapper.login-active header.transparent .menu-category > li > a::after, #wrapper.menu-active header.default .menu-category > li > a::after, #wrapper.menu-active header.inverse .menu-category > li > a::after, #wrapper.menu-active header.no-logo .menu-category > li > a::after, #wrapper.menu-active header.transparent .menu-category > li > a::after, #wrapper.search-active header.default .menu-category > li > a::after, #wrapper.search-active header.inverse .menu-category > li > a::after, #wrapper.search-active header.no-logo .menu-category > li > a::after, #wrapper.search-active header.transparent .menu-category > li > a::after { border-color: rgb(4, 30, 58); } #wrapper.bag-active header.default #search button::after, #wrapper.bag-active header.default .favorites a::after, #wrapper.bag-active header.default .menu-utility-user li a::before, #wrapper.bag-active header.default .mini-cart-total .mini-cart-link::after, #wrapper.bag-active header.inverse #search button::after, #wrapper.bag-active header.inverse .favorites a::after, #wrapper.bag-active header.inverse .menu-utility-user li a::before, #wrapper.bag-active header.inverse .mini-cart-total .mini-cart-link::after, #wrapper.bag-active header.no-logo #search button::after, #wrapper.bag-active header.no-logo .favorites a::after, #wrapper.bag-active header.no-logo .menu-utility-user li a::before, #wrapper.bag-active header.no-logo .mini-cart-total .mini-cart-link::after, #wrapper.bag-active header.transparent #search button::after, #wrapper.bag-active header.transparent .favorites a::after, #wrapper.bag-active header.transparent .menu-utility-user li a::before, #wrapper.bag-active header.transparent .mini-cart-total .mini-cart-link::after, #wrapper.login-active header.default #search button::after, #wrapper.login-active header.default .favorites a::after, #wrapper.login-active header.default .menu-utility-user li a::before, #wrapper.login-active header.default .mini-cart-total .mini-cart-link::after, #wrapper.login-active header.inverse #search button::after, #wrapper.login-active header.inverse .favorites a::after, #wrapper.login-active header.inverse .menu-utility-user li a::before, #wrapper.login-active header.inverse .mini-cart-total .mini-cart-link::after, #wrapper.login-active header.no-logo #search button::after, #wrapper.login-active header.no-logo .favorites a::after, #wrapper.login-active header.no-logo .menu-utility-user li a::before, #wrapper.login-active header.no-logo .mini-cart-total .mini-cart-link::after, #wrapper.login-active header.transparent #search button::after, #wrapper.login-active header.transparent .favorites a::after, #wrapper.login-active header.transparent .menu-utility-user li a::before, #wrapper.login-active header.transparent .mini-cart-total .mini-cart-link::after, #wrapper.menu-active header.default #search button::after, #wrapper.menu-active header.default .favorites a::after, #wrapper.menu-active header.default .menu-utility-user li a::before, #wrapper.menu-active header.default .mini-cart-total .mini-cart-link::after, #wrapper.menu-active header.inverse #search button::after, #wrapper.menu-active header.inverse .favorites a::after, #wrapper.menu-active header.inverse .menu-utility-user li a::before, #wrapper.menu-active header.inverse .mini-cart-total .mini-cart-link::after, #wrapper.menu-active header.no-logo #search button::after, #wrapper.menu-active header.no-logo .favorites a::after, #wrapper.menu-active header.no-logo .menu-utility-user li a::before, #wrapper.menu-active header.no-logo .mini-cart-total .mini-cart-link::after, #wrapper.menu-active header.transparent #search button::after, #wrapper.menu-active header.transparent .favorites a::after, #wrapper.menu-active header.transparent .menu-utility-user li a::before, #wrapper.menu-active header.transparent .mini-cart-total .mini-cart-link::after, #wrapper.search-active header.default #search button::after, #wrapper.search-active header.default .favorites a::after, #wrapper.search-active header.default .menu-utility-user li a::before, #wrapper.search-active header.default .mini-cart-total .mini-cart-link::after, #wrapper.search-active header.inverse #search button::after, #wrapper.search-active header.inverse .favorites a::after, #wrapper.search-active header.inverse .menu-utility-user li a::before, #wrapper.search-active header.inverse .mini-cart-total .mini-cart-link::after, #wrapper.search-active header.no-logo #search button::after, #wrapper.search-active header.no-logo .favorites a::after, #wrapper.search-active header.no-logo .menu-utility-user li a::before, #wrapper.search-active header.no-logo .mini-cart-total .mini-cart-link::after, #wrapper.search-active header.transparent #search button::after, #wrapper.search-active header.transparent .favorites a::after, #wrapper.search-active header.transparent .menu-utility-user li a::before, #wrapper.search-active header.transparent .mini-cart-total .mini-cart-link::after { color: rgb(4, 30, 58); } #wrapper.bag-active header.default .minicart-quantity, #wrapper.bag-active header.inverse .minicart-quantity, #wrapper.bag-active header.no-logo .minicart-quantity, #wrapper.bag-active header.transparent .minicart-quantity, #wrapper.login-active header.default .minicart-quantity, #wrapper.login-active header.inverse .minicart-quantity, #wrapper.login-active header.no-logo .minicart-quantity, #wrapper.login-active header.transparent .minicart-quantity, #wrapper.menu-active header.default .minicart-quantity, #wrapper.menu-active header.inverse .minicart-quantity, #wrapper.menu-active header.no-logo .minicart-quantity, #wrapper.menu-active header.transparent .minicart-quantity, #wrapper.search-active header.default .minicart-quantity, #wrapper.search-active header.inverse .minicart-quantity, #wrapper.search-active header.no-logo .minicart-quantity, #wrapper.search-active header.transparent .minicart-quantity { color: rgb(255, 255, 255); } @media screen and (min-width: 960px) { #wrapper.bag-active header.default .minicart-quantity, #wrapper.bag-active header.inverse .minicart-quantity, #wrapper.bag-active header.no-logo .minicart-quantity, #wrapper.bag-active header.transparent .minicart-quantity, #wrapper.login-active header.default .minicart-quantity, #wrapper.login-active header.inverse .minicart-quantity, #wrapper.login-active header.no-logo .minicart-quantity, #wrapper.login-active header.transparent .minicart-quantity, #wrapper.menu-active header.default .minicart-quantity, #wrapper.menu-active header.inverse .minicart-quantity, #wrapper.menu-active header.no-logo .minicart-quantity, #wrapper.menu-active header.transparent .minicart-quantity, #wrapper.search-active header.default .minicart-quantity, #wrapper.search-active header.inverse .minicart-quantity, #wrapper.search-active header.no-logo .minicart-quantity, #wrapper.search-active header.transparent .minicart-quantity { color: rgb(4, 30, 58); } } @media screen and (max-width: 959px) { #wrapper.bag-active header.default .menu-toggle .menu-bar, #wrapper.bag-active header.default .minicart-quantity, #wrapper.bag-active header.inverse .menu-toggle .menu-bar, #wrapper.bag-active header.inverse .minicart-quantity, #wrapper.bag-active header.no-logo .menu-toggle .menu-bar, #wrapper.bag-active header.no-logo .minicart-quantity, #wrapper.bag-active header.transparent .menu-toggle .menu-bar, #wrapper.bag-active header.transparent .minicart-quantity, #wrapper.login-active header.default .menu-toggle .menu-bar, #wrapper.login-active header.default .minicart-quantity, #wrapper.login-active header.inverse .menu-toggle .menu-bar, #wrapper.login-active header.inverse .minicart-quantity, #wrapper.login-active header.no-logo .menu-toggle .menu-bar, #wrapper.login-active header.no-logo .minicart-quantity, #wrapper.login-active header.transparent .menu-toggle .menu-bar, #wrapper.login-active header.transparent .minicart-quantity, #wrapper.menu-active header.default .menu-toggle .menu-bar, #wrapper.menu-active header.default .minicart-quantity, #wrapper.menu-active header.inverse .menu-toggle .menu-bar, #wrapper.menu-active header.inverse .minicart-quantity, #wrapper.menu-active header.no-logo .menu-toggle .menu-bar, #wrapper.menu-active header.no-logo .minicart-quantity, #wrapper.menu-active header.transparent .menu-toggle .menu-bar, #wrapper.menu-active header.transparent .minicart-quantity, #wrapper.search-active header.default .menu-toggle .menu-bar, #wrapper.search-active header.default .minicart-quantity, #wrapper.search-active header.inverse .menu-toggle .menu-bar, #wrapper.search-active header.inverse .minicart-quantity, #wrapper.search-active header.no-logo .menu-toggle .menu-bar, #wrapper.search-active header.no-logo .minicart-quantity, #wrapper.search-active header.transparent .menu-toggle .menu-bar, #wrapper.search-active header.transparent .minicart-quantity { background-color: rgb(4, 30, 58); } } #wrapper.menu-active { height: 100vh; } @media screen and (min-width: 960px) { #wrapper.menu-active .top-banner-sticky { height: auto; } } #wrapper.menu-active nav[role="navigation"] { position: absolute; z-index: 30; left: 0px; overflow-x: hidden !important; } @media screen and (max-width: 959px) { #wrapper.menu-active nav[role="navigation"] { background-color: rgb(247, 247, 247); } #wrapper.menu-active nav[role="navigation"] .level-2-wrapper, #wrapper.menu-active nav[role="navigation"] .nav-level-3-wrapper, #wrapper.menu-active nav[role="navigation"] .navigation-container { padding-bottom: 30px; } } @media screen and (max-width: 959px) { #wrapper.menu-active nav[role="navigation"].ios-device-nav .level-2-wrapper, #wrapper.menu-active nav[role="navigation"].ios-device-nav .nav-level-3-wrapper, #wrapper.menu-active nav[role="navigation"].ios-device-nav .navigation-container { padding-bottom: 140px; } } #wrapper.menu-active .menu-toggle .menu-bar { width: 1rem; margin: 0px -0.125rem; } #wrapper.menu-active .menu-toggle .menu-bar.top-bar { transform: rotate(-45deg); } #wrapper.menu-active .menu-toggle .menu-bar.bottom-bar { transform: rotate(45deg); } #wrapper.menu-active .header-icons { min-width: 2.5rem; } #wrapper.sub-nav-active .header-icons > div:not(.menu-toggle-cont) { display: none; } @media screen and (max-width: 959px) { #wrapper.search-active .header-icons { z-index: 31; } } .menu-category { list-style: none; margin: 0px; padding: 0px 0px 0.625rem; background-color: rgb(244, 245, 246); } @media screen and (min-width: 960px) { .menu-category { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; display: flex; flex-direction: row; position: static; max-width: var(--site-content-width); padding: 0px 0px 0px 1.375rem; background-color: transparent; } } @media screen and (min-width: 1200px) { .menu-category { padding: 0px 0px 0px 2.0625rem; } } @media screen and (min-width: 1920px) { .menu-category { padding: 0px 1.6875rem; } } @media screen and (min-width: 960px) { .menu-category.level-1 { align-items: center; } } .menu-category.level-1 > li { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; } .menu-category.level-1 > li:not(.nav-item-account) { font-size: 1rem; line-height: 1.75em; padding-bottom: 1.5rem; } @media screen and (min-width: 960px) { .menu-category.level-1 > li:not(.nav-item-account) { padding: 0px 0.5rem; background-color: transparent; position: static; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.6875rem; line-height: 0.90909em; } } @media screen and (min-width: 1200px) { .menu-category.level-1 > li:not(.nav-item-account) { padding: 0px 0.75rem; } } @media screen and (min-width: 1920px) { .menu-category.level-1 > li:not(.nav-item-account) { font-size: 0.9375rem; line-height: 0.66667em; padding: 0px 1.125rem; } } .menu-category.level-1 > li:not(.nav-item-account):last-of-type { border-bottom: 1px solid rgb(225, 225, 220); } @media screen and (min-width: 960px) { .menu-category.level-1 > li:not(.nav-item-account):last-of-type { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } } .menu-category.level-1 > li a { font-size: 1rem; line-height: 1.75em; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; color: rgb(4, 30, 58); text-transform: capitalize; } @media screen and (min-width: 960px) { .menu-category.level-1 > li a { font-size: 0.6875rem; line-height: 0.90909em; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; } } .menu-category.level-1 > li a:hover { background-color: transparent; text-decoration: none; } @media screen and (max-width: 959px) { .menu-category.level-1 > li a.add-custom-color { color: rgb(140, 105, 59); } } .menu-category.level-1 > li > a { font-size: 1rem; line-height: 1.75em; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; color: rgb(4, 30, 58); text-transform: capitalize; position: relative; } .menu-category.level-1 > li > a::after { content: ""; position: absolute; top: -15px; bottom: -15px; } @media screen and (min-width: 960px) { .menu-category.level-1 > li > a::after { left: -8px; right: -8px; } } @media screen and (min-width: 1200px) { .menu-category.level-1 > li > a::after { left: -12px; right: -12px; } } @media screen and (min-width: 1920px) { .menu-category.level-1 > li > a::after { left: -18px; right: -18px; } } @media screen and (min-width: 960px) { .menu-category.level-1 > li > a { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; text-transform: uppercase; padding-top: 0.9375rem; padding-bottom: 0.9375rem; font-size: 0.6875rem; line-height: 0.90909em; } .menu-category.level-1 > li > a.focus { outline: 0px; } } @media screen and (min-width: 960px) { .menu-category.level-1 > li.current-division > a, .menu-category.level-1 > li.current-division > button, .menu-category.level-1 > li.hover > a, .menu-category.level-1 > li.hover > button { position: relative; width: 100%; font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 1.5px; text-decoration-color: inherit; } } .menu-category li .search-suggestion-wrapper { padding: 0px 1.25rem; height: 100% !important; } .menu-category li .search-suggestion-wrapper .search-phrase { padding-bottom: 1rem; margin-top: 1rem; border-bottom: 1px solid rgb(229, 229, 229); } .menu-category li .search-suggestion-wrapper .phrase-suggestions { border-bottom: 1px solid rgb(229, 229, 229); } .menu-category li .search-suggestion-wrapper .hitgroup { margin: 1rem 0px; } .menu-category li .search-suggestion-wrapper .hitgroup .header { margin-bottom: 1rem; } .menu-category li .search-suggestion-wrapper a { padding: 0px; display: inline; font-size: 1rem; } .menu-category li span.search { color: rgb(118, 118, 118); width: 2.5rem; height: 2.75rem; display: block; position: relative; } .menu-category li span.search::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 1.0625rem; padding-right: 0px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); display: inline-block !important; } .menu-category li .menu-item-toggle { font-size: 1rem; line-height: 1.75em; color: rgb(118, 118, 118); cursor: pointer; float: right; padding: 0px; transition: background-color 1s; width: auto; display: block; position: absolute; top: 55%; transform: translateY(-50%); } @media screen and (min-width: 960px) { .menu-category li .menu-item-toggle { display: none; } } .menu-category li .menu-item-toggle.account-open-menu, .menu-category li .menu-item-toggle.open-menu { left: auto; transform: rotate(180deg) translateY(50%); width: 100%; } @media screen and (min-width: 960px) { .menu-category li .menu-item-toggle.account-open-menu, .menu-category li .menu-item-toggle.open-menu { width: auto; } } .menu-category li .menu-item-toggle.account-open-menu::after, .menu-category li .menu-item-toggle.open-menu::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 0.625rem; font-style: normal; } .menu-category li .menu-item-toggle.account-open-menu, .menu-category li.nav-item-account .menu-item-toggle { top: 50%; } .menu-category li.click-back { background-color: rgb(242, 243, 245); padding: 1rem 1.375rem; display: flex; margin-bottom: 0.625rem; } .menu-category li.click-back .click-back-carat { transform: translateY(-50%); font-size: 0.81188rem; } .menu-category li.click-back .click-back-carat::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 0.625rem; font-style: normal; } .menu-category a { display: inline-block; overflow: visible; width: 100%; text-transform: capitalize; } @media screen and (min-width: 960px) { .menu-category a { width: auto; padding: 0px; text-transform: uppercase; display: inline-block !important; } } .menu-category a.no-click { cursor: default; } .menu-category .category-click-thru { background-color: transparent; margin: 0px; min-height: 0px; text-align: left; width: 100%; border: 0px; padding: 0px; position: relative; font-size: 1rem; line-height: 1.75em; color: rgb(4, 30, 58); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; text-transform: capitalize; } .menu-category .category-click-thru.add-custom-color, .menu-category .category-click-thru.add-custom-color .menu-item-toggle::after { color: rgb(140, 105, 59); } @media screen and (min-width: 960px) { .menu-category .nav-item-account { display: none; } } .menu-category .nav-item-account .menu-horizontal { padding-left: 0.625rem; } @media screen and (max-width: 959px) { .menu-category .nav-item-account .menu-horizontal { overflow-y: auto; } } .level-2-inner { height: 100%; } @media screen and (min-width: 960px) { .level-2-inner { align-items: stretch; border-top: 1px solid rgb(228, 221, 221); display: grid; grid-template-columns: 25% 75%; grid-template-rows: 1fr; } } @media screen and (min-width: 1440px) { .level-2-inner { grid-template-columns: 23% 77%; } } @media screen and (min-width: 960px) { .level-1 .level-3, .level-1 .menu-wrap { opacity: 0; transition: opacity 0.3s ease-in 0.3s; } header.no-transition .level-1 .level-3, header.no-transition .level-1 .menu-wrap { transition-delay: 0s; } } @media screen and (min-width: 960px) { .level-1 li.hover .level-3, .level-1 li.hover .menu-wrap { opacity: 1; } } .level-2 { clear: left; display: none; } @media screen and (min-width: 960px) { .level-2 { align-items: stretch; background-color: rgb(247, 247, 247); display: grid; left: 0px; max-height: 0px; min-height: 0px; overflow: hidden auto; position: absolute; transition: max-height 0.3s linear, min-height 0.3s linear; width: 100%; z-index: 20; top: 100%; } header.no-transition .level-2 { transition: max-height linear 0.15s, min-height linear; } .level-2 .level-2-wrapper, .level-2 .nav-level-3-wrapper { opacity: 0; transition: opacity 0.15s ease-in 0.15s; } .level-1 li.hover .level-2, .level-2.open-menu { z-index: 21; max-height: min(753px, -200px + 100vh); min-height: min(525px, -200px + 100vh); overflow-y: auto; } } @media screen and (min-width: 960px) and (min-width: 1600px) { .level-1 li.hover .level-2, .level-2.open-menu { min-height: min(605px, -200px + 100vh); } } @media screen and (min-width: 960px) { .level-1 li.hover .level-2.max-l2-flyout, .level-2.open-menu.max-l2-flyout { max-height: calc(-150px + 100vh); } .level-1 li.hover .level-2 .level-2-wrapper, .level-1 li.hover .level-2 .nav-level-3-wrapper, .level-2.open-menu .level-2-wrapper, .level-2.open-menu .nav-level-3-wrapper { opacity: 1; } .max-l2-flyout .level-1 li.hover .level-2 .menu-wrap, .max-l2-flyout .level-2.open-menu .menu-wrap { min-height: 36.25rem; } } @media screen and (min-width: 960px) and (min-width: 960px) { .max-l2-flyout .level-1 li.hover .level-2 .menu-wrap, .max-l2-flyout .level-2.open-menu .menu-wrap { min-height: 43.75rem; } } @media screen and (min-width: 960px) { .regular-l2-flyout .level-1 li.hover .level-2 .menu-wrap, .regular-l2-flyout .level-2.open-menu .menu-wrap { min-height: 26.875rem; } } @media screen and (min-width: 960px) and (min-width: 960px) { .regular-l2-flyout .level-1 li.hover .level-2 .menu-wrap, .regular-l2-flyout .level-2.open-menu .menu-wrap { min-height: 36.25rem; } } @media screen and (min-width: 960px) { .level-1 li.hover .level-2 .menu-wrap .banner, .level-2.open-menu .menu-wrap .banner { opacity: 1; } .level-1 li.out .level-2 { transition-delay: 0.3s; transition-timing-function: ease-out; visibility: visible; } .level-1 li.out .level-2 .menu-wrap .banner, .level-1 li.out .level-2 .menu-wrap > ul { transition-delay: 0s; } } .level-2 .menu-wrap { width: 100%; } @media screen and (max-width: 959px) { .level-2 .menu-wrap { display: flex; flex-direction: column; height: 100%; } } .level-2 .menu-wrap .level-2-wrapper { overflow: auto; } @media screen and (min-width: 960px) { .level-2 .menu-wrap { display: block; margin: 0px; padding: 2.1875rem 0px 0px; } .level-2 .menu-wrap .level-2-wrapper { min-height: 100%; } .level-2 .menu-wrap .level-2-wrapper .nav ul { padding-bottom: 1.875rem; } } @media screen and (min-width: 1440px) { .level-2 .menu-wrap { padding-top: 3.5rem; } } .level-2 .menu-wrap .mobile-nav-back { background: transparent; border: 0px; margin: 0px; min-height: 18px; line-height: 0; padding: 0px; } .level-2 .menu-wrap .nav { display: block; padding: 0px 1.875rem; } @media screen and (min-width: 960px) { .level-2 .menu-wrap .nav { padding: 0 var(--header-content-gutter); } } .level-2 .menu-wrap .nav > ul { padding: 0.8125rem 0px 0px; margin: 0px; } @media screen and (min-width: 960px) { .level-2 .menu-wrap .nav > ul { transition: opacity 0.5s ease-in-out 0.3s; padding: 0px; } } .level-2 .menu-wrap .nav > ul > li { margin-bottom: 0px !important; } @media screen and (min-width: 960px) { .level-2 .menu-wrap .nav > ul > li { width: fit-content; padding-bottom: 1.125rem; } .level-2 .menu-wrap .nav > ul > li.highlighted > a, .level-2 .menu-wrap .nav > ul > li:hover > a { color: rgb(4, 30, 58); text-decoration: underline rgb(4, 30, 58); text-underline-offset: 5px; } .level-2 .menu-wrap .nav > ul > li.highlighted > a.add-custom-color { text-decoration-color: rgb(140, 105, 59); } } @media screen and (min-width: 1200px) { .level-2 .menu-wrap .nav > ul > li { padding-bottom: 1.25rem; } } @media screen and (min-width: 1920px) { .level-2 .menu-wrap .nav > ul > li { padding-bottom: 2.125rem; } } .level-2 .menu-wrap .nav > ul > li .cat-name { position: relative; letter-spacing: 0.0625rem; padding: 1.25rem 0px 0.625rem; width: 100%; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.75rem; line-height: 1.66667em; } .level-2 .menu-wrap .nav > ul > li .cat-name.add-custom-color { color: rgb(140, 105, 59); } .level-2 .menu-wrap .nav > ul > li .cat-name.add-custom-color:hover { text-decoration-color: rgb(140, 105, 59); } @media screen and (min-width: 960px) { .level-2 .menu-wrap .nav > ul > li .cat-name { padding: 0.125rem 0px; letter-spacing: normal; width: auto; color: rgb(112, 112, 112); font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1rem; line-height: 1.25em; } } .level-2 .menu-wrap .nav > ul > li .cat-name span { position: relative; margin-left: -40px; } @media screen and (min-width: 960px) { .level-2 .menu-wrap .nav div.level-3 { display: none; } } .level-2 .banner { position: relative; order: 2; padding: 1rem 1.375rem; } .level-2 .banner a { padding: 0px; display: block; } @media screen and (min-width: 960px) { .level-2 .banner { display: block; width: 225px; opacity: 0; transition: opacity 0.3s ease-in-out 0.1s; margin-bottom: 2.75rem; } } .level-2 .banner img { width: 100%; height: auto; } .level-2 .category-click-thru { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 0.75rem; line-height: 1.66667em; letter-spacing: 0.0625rem; padding: 1.25rem 0px 0.625rem; } .level-2 li .menu-item-toggle { top: 50%; } .level-2 li.no-sub-categories > button.category-click-thru { display: none; } .level-2 li.no-sub-categories > a.cat-name:not(.no-click) { display: inline-block !important; } .level-2 .default-flyout-content-copy, .level-2 li > button.hidden { display: none; } .level-2.show-default-flyout-content .default-flyout-content-copy { display: block; padding: 1.25rem 1.875rem 0px; } .level-2 .level3-items-container { display: none; } @media screen and (min-width: 960px) { .level-2 .level3-items-container { background-color: rgb(255, 255, 255); display: block; max-height: 100%; min-height: 525px; overflow-y: auto; } .level-2 .level3-items-container .level-3 li a:hover { text-decoration: underline rgb(4, 30, 58); text-underline-offset: 5px; } } @media screen and (min-width: 960px) { div.level-3 { height: 100%; } } div.level-3 .menu-wrap { padding: 0px; width: 100%; } @media screen and (min-width: 960px) { div.level-3 .menu-wrap { height: 100%; } } div.level-3 .menu-wrap .nav-level-3-wrapper { display: block; padding: 0px; overflow: auto; } @media screen and (min-width: 960px) { div.level-3 .menu-wrap .nav-level-3-wrapper { display: flex; flex-basis: 100%; flex-flow: wrap; } } div.level-3 .menu-wrap .nav-level-3-wrapper .nav { display: flex; flex-direction: column; flex-basis: 100%; background-color: transparent; } @media screen and (min-width: 960px) { div.level-3 .menu-wrap .nav-level-3-wrapper .nav { padding-top: 2.1875rem; padding-bottom: 1.875rem; } div.level-3 .menu-wrap .nav-level-3-wrapper .nav .l3-nav-items { display: flex; justify-content: space-between; } } @media screen and (min-width: 1440px) { div.level-3 .menu-wrap .nav-level-3-wrapper .nav { padding-top: 3.5rem; } } div.level-3 .menu-wrap .nav-level-3-wrapper .nav ul { flex-basis: 100%; margin: 0px; padding: 0.8125rem 0px 0px; } @media screen and (min-width: 960px) { div.level-3 .menu-wrap .nav-level-3-wrapper .nav ul { padding-top: 0px; } } @media screen and (min-width: 960px) { div.level-3 .menu-wrap .nav-level-3-wrapper .nav ul.l3-column-break { column-count: 2; } } div.level-3 .menu-wrap .nav-level-3-wrapper .nav ul li { font-size: 0.75rem; line-height: 0.83333em; letter-spacing: 0.0625rem; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; margin-bottom: 0px !important; } @media screen and (min-width: 960px) { div.level-3 .menu-wrap .nav-level-3-wrapper .nav ul li { width: fit-content; font-size: 0.75rem; line-height: 1.5em; } } div.level-3 .menu-wrap .nav-level-3-wrapper .nav ul li .cat-name { font-size: 0.75rem; line-height: 1.66667em; letter-spacing: 0.0625rem; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; color: rgb(4, 30, 58); padding: 1.25rem 0px 0.625rem; position: relative; } @media screen and (min-width: 960px) { div.level-3 .menu-wrap .nav-level-3-wrapper .nav ul li .cat-name { font-size: 0.75rem; line-height: 1.5em; padding: 0px 0px 1.5rem; } } div.level-3 .menu-wrap .nav-level-3-wrapper .nav ul li .cat-name.add-custom-color { color: rgb(140, 105, 59); } @media screen and (min-width: 960px) { div.level-3 .menu-wrap .nav-level-3-wrapper .nav ul li .cat-name.add-custom-color { color: rgb(153, 110, 64); } div.level-3 .menu-wrap .nav-level-3-wrapper .nav ul li .cat-name.add-custom-color:hover { text-decoration-color: rgb(140, 105, 59); } } .flyout-full-slot-content .l3-header-text, .l3-header-text, .nav-asset-with-highlights .l3-header-text { padding-bottom: 0.875rem; margin-bottom: 1.25rem; font-size: 0.625rem; line-height: 0.7em; } .l3-header-text { width: 100%; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; color: rgb(4, 30, 58); border-bottom: 1px solid rgb(4, 30, 58); letter-spacing: 0.10437rem; text-transform: uppercase; display: none; } @media screen and (min-width: 960px) { .l3-header-text { display: block; } } .flyout-full-slot-content .l3-header-text, .nav-asset-with-highlights .l3-header-text { display: block; color: rgb(4, 30, 58); border-bottom-color: rgb(4, 30, 58); } @media screen and (max-width: 959px) { .flyout-full-slot-content .l3-header-text, .nav-asset-with-highlights .l3-header-text { font-size: 0.6875rem; line-height: 0.90909em; padding-bottom: 0.4375rem; margin-bottom: 0.5625rem; } } .flyout-full-slot-content .flyout-highlights-simple, .nav-asset-with-highlights .flyout-highlights-simple { display: flex; gap: 10px; } .nav-asset-with-highlights .l3-header-text { border-bottom-color: transparent; } @media screen and (max-width: 959px) { .nav-asset-with-highlights .l3-header-text { border-bottom-color: rgb(4, 30, 58); } } @media screen and (min-width: 960px) { .nav-asset-with-highlights { transform: translateY(-2.625rem); } } .is-hidden { display: none; } .mobile-utility { display: flex; flex-direction: column; justify-content: space-between; background-color: rgb(247, 247, 247); width: 100%; z-index: 20; padding: 0px 1.875rem; margin-top: 0.5625rem; } @media screen and (min-width: 767px) and (max-width: 959px) { .mobile-utility { margin-top: 0.75rem; } } .mobile-utility .mobile-chat { width: 100%; } .mobile-utility .mobile-chat a { display: flex; justify-content: center; align-items: center; } .mobile-utility .mobile-chat a::before { content: url("../../assets/images/chat-icon-redesign.svg"); width: 1rem; height: 1rem; padding: 0px; display: block; } .mobile-utility .favorites a::before { content: ""; font-family: RL-icons; font-size: 1rem; padding: 0px; } .mobile-utility .stores a::before { content: ""; font-size: 1rem; font-family: RL-icons; padding: 0px; color: rgb(4, 30, 58); } .mobile-utility .country-selector-wrapper .country-selector .current-country a::before { content: url("../../assets/images/Globe-icon.svg"); width: 1rem; height: 1rem; padding: 0px; } .mobile-utility .country-selector-wrapper .country-selector .current-country, .mobile-utility .favorites, .mobile-utility .mobile-chat, .mobile-utility .stores { width: 100%; } .mobile-utility .country-selector-wrapper .country-selector .current-country a, .mobile-utility .favorites a, .mobile-utility .mobile-chat a, .mobile-utility .stores a { justify-content: left; align-items: center; padding: 0.9375rem 0px; display: flex !important; } @media screen and (min-width: 767px) and (max-width: 959px) { .mobile-utility .country-selector-wrapper .country-selector .current-country a, .mobile-utility .favorites a, .mobile-utility .mobile-chat a, .mobile-utility .stores a { padding: 1.25rem 0px; } } .mobile-utility .country-selector-wrapper .country-selector .current-country a::before, .mobile-utility .favorites a::before, .mobile-utility .mobile-chat a::before, .mobile-utility .stores a::before { vertical-align: bottom; margin-right: 1rem; color: rgb(4, 30, 58); } .mobile-utility a, .mobile-utility span { font-size: 0.75rem; line-height: 0.83333em; color: rgb(4, 30, 58); text-transform: uppercase; display: block; clear: both; text-align: center; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; letter-spacing: 0.0625rem; } .mobile-utility a:focus, .mobile-utility a:hover, .mobile-utility span:focus, .mobile-utility span:hover { text-decoration: none; } .mobile-utility .country-selector-wrapper, .mobile-utility .stores { flex-grow: 1; flex-basis: 0px; position: relative; text-align: center; } .mobile-utility .country-selector-wrapper .current-country { padding: 0px; width: 100%; } @media screen and (min-width: 960px) { .menu-wrap > .flyout-slot-content { height: 100%; position: relative; } .menu-wrap > .flyout-slot-content section.rlc-flyout { position: absolute; width: 100%; height: 100%; background-size: cover; } } @media screen and (max-width: 959px) { .level-2-wrapper > .flyout-slot-content .nav-asset-with-promotion, .menu-category.level-1, .nav-l1-recomm-container { padding: 0px 1.875rem; } .flyout-slot-content > :first-of-type { margin-top: 1.25rem; } .menu-category { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; } .menu-category.level-1 { z-index: 21; position: relative; } .menu-category.level-1 li .level-3, .menu-category.level-1 li div.level-2 { z-index: 21; transition: opacity 0.3s; height: 100%; width: 100%; position: absolute; left: 0px; background-color: rgb(244, 245, 246); overflow: hidden; } .menu-category .nav-item-account { border-bottom: 1px solid rgb(225, 225, 220); margin-bottom: 1.25rem; } .menu-category .nav-item-account .nav-item-link { font-size: 1rem; line-height: 1.75em; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; letter-spacing: 0.89px; text-transform: none; padding: 1.25rem 0px; position: relative; } } @media screen and (max-width: 959px) and (max-width: 767px) { .menu-category .nav-item-account .nav-item-link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media screen and (max-width: 959px) { .menu-category .nav-item-account .nav-item-link::before { color: rgb(4, 30, 58); content: ""; font-family: RL-icons; font-size: 0.875rem; margin-right: 0.96875rem; padding: 0px; width: 0.875rem; } .menu-category .nav-item-account .menu-horizontal { padding-top: 0.875rem; } .menu-category .nav-item-account .nav-item a { padding: 0.5625rem 0.875rem; display: flex; align-items: center; min-height: 2.8125rem; } .menu-category .nav-item-account .nav-item a .nav-text { color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 1px; line-height: 10px; text-transform: uppercase; } .menu-category .nav-item-account .nav-item a.icon-sign-out .nav-text { color: rgb(109, 111, 115); } .menu-category .nav-item-account .nav-item a::before { color: rgb(4, 30, 58); display: inline-block; font-family: RL-icons; font-size: 0.75rem; margin-right: 0.75rem; padding: 0px; width: 1.375rem; text-align: center; } .menu-category .nav-item-account .nav-item a.icon-sign-out::before { content: url("../../assets/images/sign-out-icon.svg"); margin-right: 1.125rem; margin-left: 0.1875rem; width: 14px; } .menu-category .nav-item-account .nav-item a.icon-profile::before { font-size: 0.875rem; } .menu-category .nav-item-account .nav-item a.icon-edit::before { font-size: 0.96875rem; } .menu-category .nav-item-account .nav-item a.icon-hanger::before { font-size: 1rem; } .menu-category .nav-item-account .nav-item a.icon-filter::before { font-size: 0.9375rem; } .menu-category .nav-item-account .nav-item a.icon-track::before { font-size: 0.65625rem; } .menu-category .nav-item-account .account-nav-promo { margin: 1.25rem 0px 1.875rem; padding: 0px 1.25rem; position: relative; } .menu-category .nav-item-account .account-nav-promo img { display: block; max-width: 100%; } .menu-category .nav-item-account .account-nav-promo a { padding: 0px; } .menu-category .nav-item-account .account-nav-promo .nav-promo-copy { bottom: 0px; left: 0px; max-width: 100%; padding: 0px 1.25rem 0.9375rem 2.1875rem; position: absolute; text-transform: none; } .menu-category .nav-item-account .account-nav-promo .nav-promo-copy .nav-promo-head { align-items: center; color: rgb(255, 255, 255); display: flex; font-family: "Northwell Alt", Helvetica, sans-serif; font-size: 1.5rem; letter-spacing: 0.62px; line-height: 36px; } .menu-category .nav-item-account .account-nav-promo .nav-promo-copy .nav-promo-head .jeune-deck { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1.25rem; letter-spacing: 0.8px; line-height: 0; margin: 0px 0.3125rem 0.625rem 0px; } .menu-category .nav-item-account .account-nav-promo .nav-promo-copy .nav-promo-sub { color: rgb(255, 255, 255); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.6875rem; letter-spacing: 0.46px; line-height: 14px; } } .nav-fade-in-element { opacity: 0; transition: opacity 0.35s ease-in-out 0.25s; } @media screen and (min-width: 960px) { .nav-fade-in-element { opacity: 1; } } .fadein { opacity: 1 !important; visibility: visible !important; } .stop-scroll-on-body { overflow: hidden !important; } @media screen and (min-width: 960px) { .stop-scroll-on-body .top-banner-sticky { overflow-y: hidden; } } .delay-filter-flyout.stop-scroll-on-body { overflow: auto !important; } .country-selector-wrapper .country-selector-link span::before { content: ""; font-family: RLNA-font; color: rgb(255, 255, 255); font-size: 1.125rem; padding-right: 0.8125rem; display: inline-block; } .country-selector-wrapper .country-selector .current-country { font-size: 0.875rem; color: rgb(255, 255, 255); display: flex; align-items: center; width: auto; } @media screen and (min-width: 960px) { .country-selector-wrapper .country-selector .current-country { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; color: rgb(4, 30, 58); justify-content: center; align-items: center; margin-top: 20px; text-transform: uppercase; } .country-selector-wrapper .country-selector .current-country::after { display: none; } } @media screen and (min-width: 1200px) { .country-selector-wrapper .country-selector .current-country { justify-content: flex-start; } } .country-selector-wrapper .country-selector .current-country a { display: block !important; } .left-nav .country-selector-wrapper .country-selector .current-country a { display: none !important; } .country-selector-wrapper .country-selector .current-country a::before { content: ""; font-family: RLNA-font; color: rgb(255, 255, 255); font-size: 1.625rem; display: block; vertical-align: bottom; padding-top: 0.75rem; padding-bottom: 0.5rem; } .country-selector-wrapper .country-selector .current-country a:hover, .country-selector-wrapper .country-selector .current-country a:hover::before { text-decoration: none; } @media screen and (min-width: 960px) { .country-selector-wrapper .selector-label { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgb(4, 30, 58); display: inline-flex; align-items: center; text-transform: none; background: none; border: 0px; padding: 0px; width: auto; } .country-selector-wrapper .selector-label:hover { cursor: pointer; } .country-selector-wrapper .selector-label::before { content: ""; font-family: RLNA-font; font-size: 0.8125rem; padding-right: 0.5rem; display: inline-block; } } .country-selector-flyout { color: rgb(255, 255, 255); background-color: rgb(73, 36, 14); background-size: cover; } .country-selector-flyout ul { list-style: none; padding: 0px; margin: 0px; } .country-selector-flyout ul li { list-style: none; } .country-selector-flyout .logo-wrapper { margin: 0px 0px 0.625rem; } .country-selector-flyout .logo-image { background-position: 50% center; background-repeat: no-repeat; display: block; width: 269px; height: 20px; background-size: 269px 20px; background-image: url("../../assets/images/logo-white.svg") !important; } .country-selector-flyout .select-shipping-country { margin: 0px 0px 2.5rem; font-size: 1rem; } .country-selector-flyout .region-name { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; padding: 1.25rem 0px; margin: 0px; font-size: 1.75rem; font-weight: 400; } .country-selector-flyout .region-name::after { content: ""; margin-left: 0.9375rem; font-size: 1rem; font-family: RLNA-font; line-height: 1; -webkit-font-smoothing: antialiased; } .region-countries { z-index: 1; background: rgb(255, 255, 255); color: rgb(4, 30, 58); } .region-countries a { color: rgb(4, 30, 58); } .region-countries .countries-title { margin-bottom: 1.875rem; font-size: 1.75rem; } .region-countries .countries-title, .region-countries .country-item { font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-style: normal; } .region-countries .country-item { display: inline-block; margin: 0px 0px 1.875rem; font-size: 1.125rem; } .region-countries .country > span, .region-countries .languages li { display: inline-block; } .region-countries .languages { display: inline-block; font-size: 0px; } .region-countries .languages .tree-item { border-right: 2px solid rgb(157, 159, 163); } .region-countries .languages .last { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .region-countries .lang { padding: 0px 0.4375rem; text-transform: uppercase; font-size: 0.6875rem; line-height: 0.75rem; color: rgb(157, 159, 163); } .region-countries .lang:active, .region-countries .lang:focus, .region-countries .lang:hover { color: rgb(0, 0, 0); } @media screen and (min-width: 960px) { .country-selector-flyout, .region-countries { position: fixed; top: 0px; bottom: 0px; z-index: 1; overflow: auto; } .country-selector-flyout { display: none; left: 0px; width: 100%; padding: 0.9375rem 3.4375rem; flex-direction: column; } .country-selector-active .country-selector-flyout, .country-selector-device .country-selector-flyout, .interstitial .country-selector-flyout { display: flex; } .country-selector-device .country-selector-flyout, .interstitial .country-selector-flyout { top: 0px; } .country-selector-active { overflow: hidden !important; } .country-selector-active .header-banner { z-index: 103; } .region-name { cursor: pointer; } .inactive .region-name { opacity: 0.5; } .region-countries { right: -40%; width: 40%; padding: 3.125rem 0px 0px 6.25rem; transition: right 1s; } .region.active .region-countries { right: 0px; z-index: 2; } .region-selected-further .region .region-countries { transition: none; } .country-selector-device .region-countries, .interstitial .region-countries { top: 0px; } .region-countries .back-to-region { display: none; } } @media screen and (min-width: 960px) and (min-height: 580px) { .country-selector-flyout { justify-content: center; } } @media screen and (min-width: 1440px) { .country-selector-flyout { padding: 4.375rem calc(50% - 665px); } } @media screen and (max-width: 959px) { .country-selector-flyout { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; padding: 8.75rem 3.125rem 3.125rem; z-index: 999; overflow-y: auto; } .country-selector-flyout .region-name { font-size: 1.5rem; } .region-countries { position: fixed; right: -100vw; top: 0px; width: 100%; height: 100%; padding: 0px; background: rgb(255, 255, 255); transition: right 1s; } .region.active .region-countries { right: 0px; } .region-countries .countries-header { position: absolute; top: 0px; z-index: 1; background: rgb(255, 255, 255); } .region-countries .back-to-region { background: none; color: rgb(4, 30, 58); text-align: left; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0.625rem 1.25rem; margin: 0px; } .region-countries .back-to-region:active, .region-countries .back-to-region:focus, .region-countries .back-to-region:hover { background: none; color: rgb(4, 30, 58); } .region-countries .back-to-region::before { content: ""; display: block; height: 1.25rem; width: 1.5625rem; background: url("../../assets/images/long-left-arrow.svg") 50% center / contain no-repeat; } .region-countries .countries-title, .region-countries .region-countries-container .country { padding: 0px 3.125rem; } .region-countries .region-countries-container { padding: 8.125rem 0px 3.125rem; height: 100%; overflow-y: auto; } .region-countries .countries-title { margin-bottom: 2.5rem; text-align: center; } } :root { --header-content-gutter: 30px; } @media screen and (min-width: 1200px) { :root { --header-content-gutter: 56px; } } header { width: 100%; } @media screen and (max-width: 960px) { header .menu-toggle .menu-bar { background-color: rgb(4, 30, 58); } } header.no-transition .top-banner-sticky .top-banner { transition: background-color; } header.transparent .top-banner-sticky .top-banner { background-color: transparent !important; } @media screen and (min-width: 960px) { header.hide-promotion .header-promotion { display: none; } } @media screen and (max-width: 960px) { header.hide-promotion .header-banner { display: none; } } header.inverse .top-banner-sticky .top-banner { background-color: rgb(0, 0, 0); } header.inverse .primary-logo a.logo-link { background-color: rgb(255, 255, 255); } @media screen and (max-width: 960px) { header.inverse .menu-toggle .menu-bar, header.inverse .minicart-quantity { background-color: rgb(255, 255, 255); } } header.inverse .menu-category > li > a { color: rgb(255, 255, 255); } header.inverse .menu-category > li.current-division > a::after { border-color: rgb(255, 255, 255); } header.inverse #search button[data-expanded="false"]::after, header.inverse .favorites a::after, header.inverse .menu-utility-user li a::before, header.inverse .mini-cart-total .mini-cart-link::after, header.inverse .minicart-quantity { color: rgb(255, 255, 255); } @media screen and (max-width: 960px) { header.inverse .minicart-quantity { color: rgb(0, 0, 0); } } header.inverse.navy .top-banner-sticky .top-banner { background-color: rgb(255, 255, 255); } @media screen and (max-width: 960px) { header.no-logo .back-to-colorshop-container, header.no-logo .primary-logo a.logo-link { opacity: 0; transition: opacity 0.4s; } header.no-logo .back-to-colorshop-container { height: 0px; } header.no-logo .back-to-colorshop-container a { padding: 0px; } } @media screen and (max-width: 960px) { header.no-logo.white .top-banner-sticky:not(.stuck) #search button::after, header.no-logo.white .top-banner-sticky:not(.stuck) .mini-cart-total .mini-cart-link::after { color: rgb(255, 255, 255); } header.no-logo.white .top-banner-sticky:not(.stuck) .menu-toggle .menu-bar, header.no-logo.white .top-banner-sticky:not(.stuck) .minicart-quantity { background-color: rgb(255, 255, 255); } header.no-logo.white .top-banner-sticky:not(.stuck) .minicart-quantity { color: rgb(0, 0, 0); } } header.default.no-logo .top-banner-sticky .top-banner, header.default .top-banner-sticky .top-banner, header.default.transparent .top-banner-sticky .top-banner, header.modalopen.no-logo .top-banner-sticky .top-banner, header.modalopen .top-banner-sticky .top-banner, header.modalopen.transparent .top-banner-sticky .top-banner { background-color: rgb(255, 255, 255) !important; } header.default.no-logo .primary-logo a.logo-link, header.default .primary-logo a.logo-link, header.default.transparent .primary-logo a.logo-link, header.modalopen.no-logo .primary-logo a.logo-link, header.modalopen .primary-logo a.logo-link, header.modalopen.transparent .primary-logo a.logo-link { background-color: rgb(4, 30, 58); opacity: 1 !important; } header.default .back-to-colorshop-container, header.default.no-logo .back-to-colorshop-container, header.default.transparent .back-to-colorshop-container, header.modalopen .back-to-colorshop-container, header.modalopen.no-logo .back-to-colorshop-container, header.modalopen.transparent .back-to-colorshop-container { display: none; height: auto; opacity: 1 !important; } header.default .back-to-colorshop-container a, header.default.no-logo .back-to-colorshop-container a, header.default.transparent .back-to-colorshop-container a, header.modalopen .back-to-colorshop-container a, header.modalopen.no-logo .back-to-colorshop-container a, header.modalopen.transparent .back-to-colorshop-container a { padding: 0.875rem; } header.default.inverse .top-banner-sticky .top-banner, header.modalopen.inverse .top-banner-sticky .top-banner { background-color: rgb(0, 0, 0) !important; } header.default.inverse .primary-logo a.logo-link, header.modalopen.inverse .primary-logo a.logo-link { background-color: rgb(255, 255, 255); opacity: 1 !important; } header.default.inverse .menu-category > li.current-division > a::after, header.modalopen.inverse .menu-category > li.current-division > a::after { border-color: rgb(255, 255, 255); } header.default.inverse.navy .top-banner-sticky .top-banner, header.modalopen.inverse.navy .top-banner-sticky .top-banner { background-color: rgb(255, 255, 255) !important; } header.default.inverse.navy .primary-logo a.logo-link, header.modalopen.inverse.navy .primary-logo a.logo-link { background-color: rgb(4, 30, 58); opacity: 1 !important; } header.default.inverse.navy .menu-category > li > a, header.modalopen.inverse.navy .menu-category > li > a { color: rgb(4, 30, 58); } header.default.inverse.navy .menu-category > li.current-division > a::after, header.modalopen.inverse.navy .menu-category > li.current-division > a::after { border-color: rgb(4, 30, 58); } header.default.inverse.navy .menu-toggle .menu-bar, header.default.inverse.navy .minicart-quantity, header.modalopen.inverse.navy .menu-toggle .menu-bar, header.modalopen.inverse.navy .minicart-quantity { background-color: rgb(4, 30, 58); } header.default.inverse.navy #search button::after, header.default.inverse.navy .favorites a::after, header.default.inverse.navy .mini-cart-total .mini-cart-link::after, header.default.inverse.navy .user-info a::before, header.modalopen.inverse.navy #search button::after, header.modalopen.inverse.navy .favorites a::after, header.modalopen.inverse.navy .mini-cart-total .mini-cart-link::after, header.modalopen.inverse.navy .user-info a::before { color: rgb(4, 30, 58); } header.default.inverse.navy .minicart-quantity, header.modalopen.inverse.navy .minicart-quantity { color: rgb(255, 255, 255); } header.aos-page .primary-logo { margin: 0px auto; } @media screen and (max-width: 960px) { header.promo-bottom-mobile .header-banner-container { order: 3; } } @media screen and (min-width: 960px) { header.promo-bottom-desktop .header-banner-container { order: 3; } header.hover-bg .top-banner-sticky .top-banner, header.hover .top-banner-sticky .top-banner, header:hover .top-banner-sticky .top-banner { background-color: rgb(255, 255, 255) !important; } header.hover-bg .top-banner-sticky .top-banner .level-1 > li > a.add-custom-color, header.hover .top-banner-sticky .top-banner .level-1 > li > a.add-custom-color, header:hover .top-banner-sticky .top-banner .level-1 > li > a.add-custom-color { color: rgb(153, 110, 64); } header.hover-bg .primary-logo a.logo-link, header.hover .primary-logo a.logo-link, header:hover .primary-logo a.logo-link { background-color: rgb(4, 30, 58); opacity: 1 !important; } header.inverse.hover-bg .top-banner-sticky .top-banner, header.inverse.hover .top-banner-sticky .top-banner, header.inverse:hover .top-banner-sticky .top-banner { background-color: rgb(255, 255, 255) !important; } header.inverse.hover-bg .top-banner-sticky .top-banner .level-1 > li > a.add-custom-color, header.inverse.hover .top-banner-sticky .top-banner .level-1 > li > a.add-custom-color, header.inverse:hover .top-banner-sticky .top-banner .level-1 > li > a.add-custom-color { color: rgb(153, 110, 64); } header.inverse.hover-bg .primary-logo a.logo-link, header.inverse.hover .primary-logo a.logo-link, header.inverse:hover .primary-logo a.logo-link { background-color: rgb(4, 30, 58); opacity: 1 !important; } header.inverse.hover-bg .menu-category > li > a, header.inverse.hover .menu-category > li > a, header.inverse:hover .menu-category > li > a { color: rgb(4, 30, 58); } header.inverse.hover-bg .menu-category > li.current-division > a::after, header.inverse.hover .menu-category > li.current-division > a::after, header.inverse:hover .menu-category > li.current-division > a::after { border-color: rgb(0, 0, 0); } header.inverse.hover #search button::after, header.inverse.hover-bg #search button::after, header.inverse.hover-bg .favorites a::after, header.inverse.hover-bg .menu-utility-user li a::before, header.inverse.hover-bg .mini-cart-total .mini-cart-link::after, header.inverse.hover-bg .minicart-quantity, header.inverse.hover .favorites a::after, header.inverse.hover .menu-utility-user li a::before, header.inverse.hover .mini-cart-total .mini-cart-link::after, header.inverse.hover .minicart-quantity, header.inverse:hover #search button::after, header.inverse:hover .favorites a::after, header.inverse:hover .menu-utility-user li a::before, header.inverse:hover .mini-cart-total .mini-cart-link::after, header.inverse:hover .minicart-quantity { color: rgb(4, 30, 58); } header.default.inverse.navy .minicart-quantity, header.modalopen.inverse.navy .minicart-quantity { background-color: transparent; color: rgb(4, 30, 58); border-radius: 0px; } } header.show-nav { position: fixed; z-index: 21; top: 0px; } .max1920w header.show-nav { max-width: 1920px !important; } header.hide-nav { position: fixed; z-index: 21; top: -64px; } @media screen and (min-width: 960px) { header.hide-nav { top: -70px; } } .max1920w header.hide-nav { max-width: 1920px !important; } header .top-banner-sticky { top: 0px; z-index: 99; display: flex; flex-direction: column; width: 100%; } header .top-banner-sticky.stuck { position: fixed; } header .top-banner-sticky.stuck .global-critical-err-msg, header .top-banner-sticky.stuck.no-sticky-banner .header-banner { display: none; } header.transparent:not(.inverse) .top-banner .level-1 > li > a.add-custom-color, header:not(.inverse):not(.transparent) .top-banner .level-1 > li > a.add-custom-color { color: rgb(153, 110, 64); } header .top-banner { z-index: 30; margin: 0px auto; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 .9375rem 0 var(--header-content-gutter); position: relative; transition: background-color 0.5s; background-color: rgb(255, 255, 255); } .menu-active header .top-banner { transition: none; } header .top-banner.mt-atb-opened { z-index: 102; } @media screen and (min-width: 960px) { header .top-banner { padding: .625rem var(--header-content-gutter); } } @media screen and (min-width: 1200px) { header .top-banner { padding: .625rem var(--header-content-gutter); min-height: 4.375rem; } } header .top-banner * { box-sizing: border-box; } header .top-banner.checkout-header { margin: 0.625rem auto; height: 1.125rem; justify-content: center; } @media screen and (min-width: 960px) { header .top-banner.checkout-header { margin: 0.9375rem auto; height: 1.6875rem; } } header .top-banner.checkout-header .header-icons { width: auto; } header .top-banner .logo-container { position: absolute; opacity: 1; transition: opacity 0.5s; } @media screen and (min-width: 960px) { header .top-banner .logo-container { position: static; left: 0px; } } header .top-banner .back-btn-container { visibility: hidden; position: relative; } header .top-banner .back-btn-container .nav-mobile-back { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; margin: 0px 0px 0px -0.9375rem; width: 2.75rem; height: 4rem; flex-shrink: 0; position: relative; top: 0px; left: 100%; opacity: 0; transition: left 0.5s, opacity 0.5s; text-align: center; } header .top-banner .back-btn-container .nav-mobile-back:focus { background-color: transparent; } header .top-banner .back-btn-container .nav-mobile-back .click-back-carat::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 0.875rem; font-style: normal; } header .top-banner .flyout-title-container { visibility: hidden; display: flex; justify-content: center; flex-basis: 100%; overflow: hidden; } header .top-banner .flyout-title-container .flyout-title-container-inner { position: relative; margin-right: 0.25rem; } header .top-banner .flyout-title-container .flyout-title-container-inner .back-btn-label { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1rem; line-height: 1.25em; text-align: center; color: rgb(4, 30, 58); display: inline-block; width: 100%; } header .top-banner .flyout-title-container .flyout-title-container-inner .back-btn-label.add-custom-color { color: rgb(153, 110, 64); } header .top-banner.sub-nav-active .logo-container { opacity: 0; pointer-events: none; } header .top-banner.sub-nav-active .back-btn-container { visibility: visible; } header .top-banner.sub-nav-active .back-btn-container .nav-mobile-back { left: 0px; opacity: 1; } header .top-banner.sub-nav-active .flyout-title-container { visibility: visible; } @media screen and (min-width: 1200px) { header .top-banner .mini-cart-content { margin-right: 55px; margin-top: 1.8125rem !important; } } @media screen and (min-width: 767px) { .mt-atb header .top-banner .mini-cart-content { margin-right: 0px; margin-top: 0px !important; } } @media screen and (min-width: 960px) { header .top-banner .header-search { margin-top: 20px; } } @media screen and (min-width: 1200px) { header .top-banner .header-search { margin-top: 26px; } } header .menu-toggle-cont { width: 2.5rem; height: 2.75rem; display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 960px) { header .menu-toggle-cont { display: none; } } @media screen and (max-width: 360px) { header .menu-toggle-cont { width: 2.25rem; } } header .menu-toggle-cont .menu-toggle { width: 1rem; } header .menu-toggle-cont .menu-toggle .menu-bar { width: 100%; height: 0.0625rem; display: block; margin: 0.3125rem 0.75rem; transition: 0.2s; transform-origin: 53% 50%; } header .menu-toggle-cont .menu-toggle .menu-bar.top-bar { margin: 0px; } header .menu-toggle-cont .menu-toggle .menu-bar.bottom-bar { margin: 0.3125rem 0px 0px; } header .primary-logo { padding: 0px; z-index: 1; margin: 0px; flex-grow: 1; display: flex; align-items: center; } @media screen and (min-width: 960px) { header .primary-logo { flex-grow: 0; } } header .primary-logo .no-click-logo, header .primary-logo a.logo-link { mask-image: url("../../assets/images/logo-mask.svg"); mask-position: center center; mask-repeat: no-repeat; mask-size: 165px 12px; background-color: rgb(4, 30, 58); display: block; width: 10.3125rem; height: 0.75rem; } @media screen and (min-width: 767px) { header .primary-logo .no-click-logo, header .primary-logo a.logo-link { width: 12.375rem; height: 0.875rem; mask-size: 198px 14px; } } @media screen and (min-width: 1200px) { header .primary-logo .no-click-logo, header .primary-logo a.logo-link { width: 16.5rem; height: 1.1875rem; mask-size: 264px 19px; } } .checkout-header header .primary-logo a { position: relative; left: 25px; } @media screen and (min-width: 960px) { .checkout-header header .primary-logo a { width: 350px; height: 26px; mask-size: 355px 24px; left: 29px; } } header .header-icons { z-index: 3; display: flex; flex-shrink: 1; justify-content: flex-end; width: auto; } @media screen and (min-width: 960px) { header .header-icons { gap: 1.375rem; } header .header-icons .search { order: 1; } header .header-icons .favorites { order: 3; } header .header-icons .header-account { order: 2; } header .header-icons #mini-cart { order: 4; } } @media screen and (min-width: 1200px) { header .header-icons { gap: 2rem; } } header .header-icons #mini-cart, header .header-icons .favorites, header .header-icons .menu-utility-user { margin-left: 0px; padding-left: 0px; } header .header-icons .favorites a:hover::after { content: ""; } @media screen and (max-width: 960px) { header .header-icons { min-width: 30%; } } header .country-selector .selector.active { top: auto; margin-top: 1.9375rem !important; } @media screen and (max-width: 960px) { header .country-selector .selector.active { margin-top: 0.625rem; } } header .country-selector .selector.active { right: 0px; } @media screen and (min-width: 960px) { header .favorites a::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 0.9375rem; } header .favorites a span { display: none; } } header .favorites a:hover { text-decoration: none; cursor: pointer; } @media screen and (min-width: 960px) { header #search { z-index: 22; top: 2px; } .mt-atb-active header #search { z-index: 20; } } header #search > button { color: rgb(118, 118, 118); width: 2.5rem; height: 2.75rem; display: block; position: relative; font-size: 0.75rem; min-height: 0px; margin: 0px; padding: 0px; border: 0px; line-height: 1.0625rem; } header #search > button, header #search > button:hover { background-color: transparent; } header #search > button:active, header #search > button:focus, header #search > button:hover { color: rgb(118, 118, 118); } header #search > button:active::after, header #search > button:focus::after, header #search > button:hover::after { color: rgb(4, 30, 58); } header #search > button::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 0.9375rem; padding-right: 0px; position: absolute; top: 48%; right: 0.78125rem; transform: translateY(-50%); width: 1rem; display: inline-block !important; } @media screen and (min-width: 960px) { header #search > button::after { font-size: 0.9375rem; right: 0px; } } @media screen and (max-width: 360px) { header #search > button { width: 2.25rem; } header #search > button::after { right: 0.65625rem; } } header #search > button span { display: none; } @media screen and (min-width: 960px) { header #search > button { width: auto; height: auto; display: flex; align-items: center; } header #search > button::after { position: relative; top: auto; right: auto; transform: translateY(0px); } header #search > button:hover { text-decoration: none; } } @media screen and (max-width: 959px) { header .mini-cart-total .mini-cart-link { width: 2.5rem; } header .mini-cart-total .mini-cart-link::after { right: 0.78125rem; width: 1rem; } header .mini-cart-total .mini-cart-link .minicart-quantity { right: 0.25rem; } } @media screen and (max-width: 360px) { header .mini-cart-total .mini-cart-link { width: 2.25rem; } header .mini-cart-total .mini-cart-link::after { right: 0.65625rem; width: 1rem; } header .mini-cart-total .mini-cart-link .minicart-quantity { right: 0.1875rem; } } header .ui-dialog-title > .share-link-wrapper { padding: 0px; } header .share-link-wrapper .share-link-msg, header .share-link-wrapper .share-link-title { text-align: center; margin-bottom: 30px; } header .share-link-wrapper .share-link-title { margin-top: -11px; font-family: RL_DroidKufi, LeJeuneDeck-Regular, Times, serif; font-size: 18px; line-height: 24px; letter-spacing: 0.45px; } header .share-link-wrapper .share-link-msg { font-size: 14px; line-height: 20px; letter-spacing: 1.27px; } header .share-link-wrapper .copied-container { text-align: center; display: flex; justify-content: center; margin-bottom: 30px; } header .share-link-wrapper .copied-container .copied-check { background-image: url("../../assets/images/aos-check-icon.svg"); display: inline-block; width: 12px; height: 9px; background-repeat: no-repeat; } header .share-link-wrapper .input-text { width: 50%; padding: 1.4375rem 0px 1.4375rem 1rem; background-color: rgb(242, 243, 245); font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; color: rgb(4, 30, 58); height: 52px; } @media screen and (max-width: 960px) { header .share-link-wrapper .input-text { width: 60%; } } header .share-link-wrapper .aos-copy-store-link { font-size: 11px; letter-spacing: 1px; font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; width: 100px !important; padding: 0.9375rem 0px !important; margin-top: 0px !important; } header .share-link-wrapper .fa-check { font-size: 12px; margin-right: -4px; } header .aos-header-data { max-width: 1920px; width: 100%; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; background-color: rgb(255, 255, 255); padding: 0.9375rem 3.4375rem; z-index: 20; } @media screen and (max-width: 960px) { header .aos-header-data { padding: 0.9375rem 1.25rem; flex-direction: column; } } header .aos-header-data .aos-name { display: inline-block; margin-right: 20px; } @media screen and (max-width: 960px) { header .aos-header-data .aos-name { display: none; } } header .aos-header-data .item { display: inline-block; margin-right: 20px; } @media screen and (max-width: 960px) { header .aos-header-data .item.empnumb { margin-right: 0px; } } header .aos-header-data .last-item { display: inline-block; } header .aos-header-data .aos-list-left { letter-spacing: 0.92px; line-height: 15px; width: 60%; text-align: left; } @media screen and (max-width: 960px) { header .aos-header-data .aos-list-left { font-size: 11px; letter-spacing: 0.85px; width: 100%; text-align: center; } } header .aos-header-data .aos-list-left .aos-heading { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } header .aos-header-data .aos-list-right { font-size: 11px; letter-spacing: 0.85px; width: 40%; font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; text-align: right; } @media screen and (max-width: 960px) { header .aos-header-data .aos-list-right { margin-top: 20px; width: 100%; text-align: center; } } header .aos-header-data .aos-list-right .end-session, header .aos-header-data .aos-list-right .share { border: 1px solid rgb(4, 30, 58); border-radius: 20px; padding: 7px; width: 136px; text-align: center; } header .aos-header-data .aos-list-right .end-session .aos-close-icon, header .aos-header-data .aos-list-right .end-session .aos-share-icon, header .aos-header-data .aos-list-right .share .aos-close-icon, header .aos-header-data .aos-list-right .share .aos-share-icon { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; } header .aos-header-data .aos-list-right .end-session:hover, header .aos-header-data .aos-list-right .share:hover { color: rgb(255, 255, 255); background-color: rgb(4, 30, 58); } header .aos-header-data .aos-list-right .share { cursor: pointer; } header .aos-header-data .aos-list-right .share .aos-share-icon { background-image: url("../../assets/images/aos-share-light.svg"); margin-right: 8px; margin-bottom: -4px; } header .aos-header-data .aos-list-right .share:hover .aos-share-icon { background-image: url("../../assets/images/aos-share-dark.svg"); } header .aos-header-data .aos-list-right .end-session .aos-close-icon { background-image: url("../../assets/images/aos-close-light.svg"); margin-right: 3px; margin-bottom: -6px; } header .aos-header-data .aos-list-right .end-session a { color: rgb(4, 30, 58); letter-spacing: 0.85px; } header .aos-header-data .aos-list-right .end-session a:hover { text-decoration: none; } header .aos-header-data .aos-list-right .end-session:hover .aos-close-icon { background-image: url("../../assets/images/aos-close-dark.svg"); } header .aos-header-data .aos-list-right .end-session:hover a { color: rgb(255, 255, 255); } header .aos-header-data .aos-list-right .close-icon { margin-right: 4px; } header .aos-header-data .aos-list-right .fa-share-alt { margin-right: 4px; color: rgba(0, 0, 0, 0.7); } header .o_dialog-modal.share-link-modal { z-index: 104; } @media screen and (max-width: 960px) { header .o_dialog-modal.share-link-modal { position: fixed; height: 256px; transition: bottom 0.5s ease-out, opacity 0.5s linear; max-width: 100vw; bottom: 0px !important; top: auto !important; width: 100% !important; } } header .promo-dialog.ui-dialog { padding: 0px; overflow: hidden; max-height: 87%; margin: 20px 0px; } header .promo-dialog.ui-dialog .ui-widget-header { padding: 0px; background: rgb(255, 255, 255); z-index: 2; } header .promo-dialog.ui-dialog .ui-dialog-title { display: none; } header .promo-dialog.ui-dialog .ui-dialog-content { padding: 0px 40px 40px; width: 100% !important; height: unset !important; } header .promo-dialog.ui-dialog .content-asset { position: relative; } header .promo-dialog.ui-dialog .content-asset p { margin: 0px 0px 15px; line-height: 18px; color: rgb(4, 30, 58); font-size: 11px !important; } header button.modalscroll { position: absolute; bottom: 0px; z-index: 999; border: 0px; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0) 1%, rgb(255, 255, 255) 50%) !important; } header button.modalscroll::after { content: ""; font-family: RL-icons; transform: rotate(-90deg); color: rgb(0, 0, 0); display: flex; justify-content: center; transition: transform 0.3s; } header button.modalscroll.down::after { transform: rotate(-90deg); } header button.modalscroll.up::after { transform: rotate(90deg); } header .header-banner-container { background: rgb(4, 30, 58); z-index: 20; } @media screen and (min-width: 960px) { header .header-banner-container { z-index: 101; } } @supports (-webkit-touch-callout:none) { @media screen and (max-width: 959px) { header .header-banner-container { border-top: 1px solid rgb(255, 255, 255); } } } header .header-banner-container .header-banner { display: flex; flex-direction: column; height: 44px; justify-content: center; margin: 0px auto; padding: 0px 1.875rem; position: relative; } @media screen and (min-width: 1200px) { header .header-banner-container .header-banner { padding: 0px 3.5rem; } } header .header-banner-container .header-banner .header-promotion { margin: 0px auto; text-align: center; width: 100%; } @media screen and (min-width: 960px) { header .header-banner-container .header-banner .header-promotion { max-width: calc(75% - 200px); } } @media screen and (max-width: 960px) { header .header-banner-container .header-banner .header-promotion #rlc-ticker-wrapper { display: flex; align-items: center; } } header .header-banner-container .header-banner .utility-nav { align-items: center; display: flex; height: 100%; justify-content: center; position: absolute; right: 1.875rem; top: 0px; } @media screen and (min-width: 1200px) { header .header-banner-container .header-banner .utility-nav { right: 3.5rem; } } header .header-banner-container .header-banner .utility-nav .country-selector-wrapper .current-country { margin: 0px; } header .header-banner-container .header-banner .utility-nav .country-selector-wrapper .selector-label { color: rgb(255, 255, 255); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.6875rem; line-height: 10px; letter-spacing: 1px; text-transform: capitalize; min-height: 0px; height: auto; margin: 0px; } header .header-banner-container .header-banner .utility-nav .country-selector-wrapper .selector-label::before { content: ""; font-family: RL-icons; font-size: 14px; padding-right: 6px; } header .header-banner-container .header-banner .utility-nav .stores a { color: rgb(255, 255, 255); display: flex; align-items: center; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.6875rem; line-height: 15px; letter-spacing: 1px; margin-left: 20px; } header .header-banner-container .header-banner .utility-nav .stores a::before { content: ""; font-family: RL-icons; font-size: 0.875rem; padding-right: 6px; } header .header-banner-container .header-banner .utility-nav .stores a:hover { text-decoration: none; } header .global-critical-err-msg .global-error-msg, header .header-promotion { color: rgb(255, 255, 255); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.6875rem; letter-spacing: 0.5px; line-height: 16px; } header .global-critical-err-msg .global-error-msg a, header .header-promotion a { color: rgb(255, 255, 255); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; display: inline; font-size: 0.6875rem; letter-spacing: 0.5px; position: relative; text-decoration: underline; text-underline-offset: 2px; } @keyframes opacityloop { 0% { opacity: 0; z-index: 0; visibility: hidden; } 10% { opacity: 1; z-index: 1; visibility: visible; } 20% { opacity: 1; z-index: 1; visibility: visible; } 30% { opacity: 1; z-index: 1; visibility: visible; } 40% { opacity: 1; z-index: 1; visibility: visible; } 50% { opacity: 0; z-index: 0; visibility: hidden; } 100% { opacity: 0; z-index: 0; visibility: hidden; } } @keyframes opacityloop3 { 0% { opacity: 0; z-index: 0; visibility: hidden; } 6.66% { opacity: 1; z-index: 1; visibility: visible; } 13.33% { opacity: 1; z-index: 1; visibility: visible; } 20% { opacity: 1; z-index: 1; visibility: visible; } 26.66% { opacity: 1; z-index: 1; visibility: visible; } 33.33% { opacity: 0; z-index: 0; visibility: hidden; } 100% { opacity: 0; z-index: 0; visibility: hidden; } } header #ticker-banner .rl-loop-container:hover { animation-play-state: paused; } header .back-to-colorshop-container { width: 100%; } @media screen and (min-width: 960px) { header .back-to-colorshop-container { display: none; } } header .back-to-colorshop-container a.back-to-quickshop { width: 100%; text-align: center; background: rgb(234, 234, 234); display: inline-block; text-decoration: none; text-transform: uppercase; overflow: unset; position: relative; } header .back-to-colorshop-container a.back-to-quickshop span { position: absolute; left: 0.8125rem; top: 17%; } header .back-to-colorshop-container a.back-to-quickshop span .fa-angle-left { font-size: 25px; color: rgb(118, 118, 118); } header .static-search-suggestions { display: none; } header .free-shipping-progress { margin-top: 1.125rem; text-align: center; background-color: rgb(248, 248, 248); padding: 0.9375rem 1.25rem; } header .free-shipping-progress .free-shipping-progress-copy { color: rgb(4, 30, 58); font-size: 0.5625rem; line-height: 1rem; font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 400; } header .free-shipping-progress .free-shipping-progress-copy .distance-to-threshold { font-weight: 800; } header .free-shipping-progress .free-shipping-progress-copy.progress-bar-full { font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.03125rem; } @media screen and (max-width: 960px) { header .free-shipping-progress .free-shipping-progress-copy { text-align: center; } } header .free-shipping-progress .rounded-bar { border-radius: 16px; } header .free-shipping-progress .free-shipping-bar-container { margin-top: 0.5rem; width: 100%; height: 0.5625rem; position: relative; border: 1px solid rgb(4, 30, 58); } header .free-shipping-progress .free-shipping-bar-container .free-shipping-bar { background-color: rgb(4, 30, 58); width: 0px; height: 100%; position: absolute; line-height: inherit; transition: width 1s 2s; } .pt_globale-checkout .primary-logo a { margin: 0px auto; } @media screen and (min-width: 960px) { .no-js nav[role="navigation"]:hover .level-1 > li .level-2 { transition-delay: 1s; } .no-js nav[role="navigation"]:hover .level-1 > li .level-2 .level-2::after { opacity: 0; } .no-js nav[role="navigation"]:hover .level-1 > li:hover .level-2 { transition-delay: 0s; z-index: 21; max-height: min(753px, -200px + 100vh); min-height: min(525px, -200px + 100vh); } } @media screen and (min-width: 960px) and (min-width: 1600px) { .no-js nav[role="navigation"]:hover .level-1 > li:hover .level-2 { min-height: min(605px, -200px + 100vh); } } @media screen and (min-width: 960px) { .no-js nav[role="navigation"]:hover .level-1 > li:hover .level-2.max-l2-flyout { max-height: calc(-150px + 100vh); } .no-js nav[role="navigation"]:hover .level-1 > li:hover .level-2::after { content: ""; box-sizing: border-box; position: absolute; width: 3rem; height: 3rem; border-width: 0.1875em; border-style: solid; border-color: rgb(51, 51, 51) rgb(204, 204, 204) rgb(204, 204, 204); border-image: none; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running rotation, 2s ease 0s 1 normal none running fadeIn; left: calc(50% - 3em); top: calc(50% - 3em); } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .no-js .level-2 { overflow: hidden; } .no-js .level-2-inner { display: none; } } .exposed-search { display: none; } @media screen and (max-width: 959px) { .rl-homepage:not(.menu-active) .top-banner-sticky:not(.stuck) .exposed-search-icon { opacity: 0; visibility: hidden; pointer-events: none; } .rl-homepage .exposed-search { display: block; } .exposed-search { position: relative; z-index: 5; } .exposed-search__container { padding: 0px 1.875rem 1.25rem; position: absolute; top: 0px; left: 0px; width: 100%; background: rgb(255, 255, 255); } .exposed-search button { min-height: 2.5rem; padding: 0px; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; text-align: left; font-size: 1rem; text-transform: none; color: rgb(4, 30, 58); margin: 0px; background: transparent; border-color: rgb(157, 159, 163); } .exposed-search button::before { content: ""; color: rgb(4, 30, 58); display: inline-block; font-family: RL-icons; font-size: 0.875rem; line-height: normal; padding: 0.75rem 0.75rem 0.75rem 1rem; } header.transparent .exposed-search__container { background-color: transparent; } header.transparent .exposed-search__button { background: transparent; color: rgb(4, 30, 58); border-color: rgb(4, 30, 58); } header.transparent .exposed-search__button::before { color: rgb(4, 30, 58); } header.inverse .exposed-search__container { background-color: rgb(0, 0, 0); } header.inverse .exposed-search__button { background: rgb(255, 255, 255); color: rgb(4, 30, 58); } header.inverse .exposed-search__button::before { color: rgb(4, 30, 58); } header.inverse.transparent .exposed-search__container, header.transparent.white .exposed-search__container { background-color: transparent; } header.inverse.transparent .exposed-search__button, header.transparent.white .exposed-search__button { background: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); } header.inverse.transparent .exposed-search__button::before, header.transparent.white .exposed-search__button::before { color: rgb(255, 255, 255); } } .header-banner .rlc-ticker.swiper-container { width: 100%; } .countdown-wrapper { opacity: 0; transition: opacity 0.3s ease-in; } .countdown-wrapper.initialized { opacity: 1; } .countdown-wrapper.abbreviated .time.plural .abbrPlural { display: inline-block; } .countdown-wrapper.abbreviated .time.plural .abbrSingle { display: none; } .countdown-wrapper.abbreviated .time.single .abbrSingle { display: inline-block; } .countdown-wrapper.abbreviated .time .fullPlural, .countdown-wrapper.abbreviated .time .fullSingle, .countdown-wrapper.abbreviated .time.single .abbrPlural { display: none; } .countdown-wrapper.full .time.plural .fullPlural { display: inline-block; } .countdown-wrapper.full .time.plural .fullSingle { display: none; } .countdown-wrapper.full .time.single .fullSingle { display: inline-block; } .countdown-wrapper.full .time .abbrPlural, .countdown-wrapper.full .time .abbrSingle, .countdown-wrapper.full .time.single .fullPlural { display: none; } .countdown-wrapper .time { display: inline-block; font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; letter-spacing: 0.03125rem; font-size: 0.8125rem; line-height: 1.27em; } .countdown-wrapper .time > span { display: inline-block; } .countdown-wrapper .time .digits { width: 1.125rem; } .countdown-wrapper .time:not(:last-of-type)::after { content: " :"; } .countdown-wrapper .time.hide-unit { display: none; } .countdown-wrapper .countdown ~ .countdown-message { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; letter-spacing: 0.03125rem; font-size: 0.6875rem; line-height: 1.28em; } .countdown-wrapper .countdown ~ .countdown-message a { text-decoration: underline !important; } .rl-toaster.promo-details-toaster { font-size: 0.6875rem; font-family: RL_DroidKufi, "Founders Grotesk Text Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.25px; line-height: 16px; } .rl-toaster.promo-details-toaster .no-wrap { white-space: nowrap; } .rl-toaster.promo-details-toaster .rl-toaster-close { right: 7px; top: 9px; } .rl-toaster.promo-details-toaster .rl-toaster-close::after { font-size: 13px; } .rl-toaster.promo-details-toaster .rl-toaster-content { padding: 40px 30px; } .rl-toaster.promo-details-toaster .details-title { font-size: 0.875rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; letter-spacing: 0.5px; line-height: 24px; margin-bottom: 9px; } @media screen and (min-width: 960px) { .rl-toaster.promo-details-toaster { font-size: 0.75rem; font-family: RL_DroidKufi, "Founders Grotesk Text Regular", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.5px; line-height: 22px; max-width: 505px; } .rl-toaster.promo-details-toaster .rl-toaster-close { right: 12px; top: 12px; } .rl-toaster.promo-details-toaster .rl-toaster-close::after { font-size: 14px; } .rl-toaster.promo-details-toaster .rl-toaster-content { padding: 44px 45px; } .rl-toaster.promo-details-toaster .details-title { font-size: 1.125rem; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; letter-spacing: 0.5px; line-height: 32px; margin-bottom: 9px; } } .header-search-bar { display: block; font-size: 1.25rem; margin: 1.25rem 0px; padding: 0px 1.25rem; text-transform: none; width: 100%; z-index: 100; } @media screen and (min-width: 767px) { .header-search-bar { margin: 60px 0px 20px; top: auto; } } .header-search-bar .search-inner { position: relative; margin: auto; } @media screen and (min-width: 1440px) { .header-search-bar .search-inner { max-width: 48rem; } } .header-search-bar .search-inner .close-icon { border: 0px; } .header-search-bar .simpleSearch { background: rgba(209, 209, 209, 0.125); border-radius: 2px; } .header-search-bar .search-input { background-color: transparent; border: 0px; color: rgb(4, 30, 58); display: inline-block; font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-size: 1rem; height: 2.75rem; position: relative; padding: 0px 3.75rem 0px 2.8125rem; vertical-align: top !important; } @media screen and (min-width: 767px) { .header-search-bar .search-input { font-size: 1.25rem; text-align: center; } } .header-search-bar .search-input.hint { color: rgb(157, 159, 163); left: 0px; min-width: 100%; position: absolute; } .header-search-bar .search-input:focus { color: rgb(4, 30, 58); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .header-search-bar .search-input:focus::-webkit-input-placeholder { opacity: 0; } .header-search-bar .submit-button { position: absolute; cursor: pointer; left: 5px; top: 0px; height: 100%; margin: 0px; width: 44px; min-height: auto; z-index: 1; background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: inline-block; outline: 0px; padding: 0px; white-space: nowrap; } .header-search-bar .submit-button:focus, .header-search-bar .submit-button:hover { background-color: transparent; } .header-search-bar .search-icon::after { color: rgb(4, 30, 58); content: ""; font-family: RL-icons; font-size: 0.875rem; } @media screen and (min-width: 767px) { .header-search-bar .search-icon.search-verb { color: rgb(255, 255, 255); font-size: 0.875rem; line-height: 1.625rem; } } .header-search-bar .clear-search { cursor: pointer; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-size: 0.625rem; line-height: 44px; position: absolute; right: 20px; text-transform: uppercase; top: 0px; } .header-search-bar .search-close { position: absolute; top: 20px; left: 20px; } .header-search-bar .search-close span::after { content: ""; font-family: RLNA-font; font-weight: 700; font-size: 1.25rem; } @media screen and (min-width: 767px) { .header-search-bar .search-close { display: none; } } .header-search-bar.header-search-bar-with-autosuggest { position: relative; } .header-search-bar.header-search-bar-with-autosuggest .search-inner { max-width: 47.75rem; } @media screen and (min-width: 767px) { .header-search-bar.header-search-bar-with-autosuggest .search-input { text-align: left; } } .header-search-bar.header-search-bar-with-autosuggest-wave2 { padding: 0px 1.875rem; } @media screen and (min-width: 960px) { .header-search-bar.header-search-bar-with-autosuggest-wave2 { padding: 0px 6%; margin: 3.75rem 0px 2.5rem; } } .header-search-bar.header-search-bar-with-autosuggest-wave2 .search-inner, .header-search-bar.header-search-bar-with-autosuggest-wave2 .search-suggestion-query { max-width: 100%; } @media screen and (min-width: 960px) { .header-search-bar.header-search-bar-with-autosuggest-wave2 .search-suggestion-query { width: 88%; } } .header-search-bar.header-search-bar-with-autosuggest-wave2 form.simpleSearch { padding-right: 1.875rem; } .header-search-bar .search-suggestion-query { width: calc(100% - 60px); height: auto; position: absolute; background-color: rgb(249, 249, 249); z-index: 2; padding: 1.25rem 2.8125rem; left: 50%; transform: translate(-50%); max-width: 47.75rem; } .header-search-bar .search-suggestion-query a.hit { display: block; color: rgb(4, 30, 58); font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; line-height: normal; } .header-search-bar .search-suggestion-query a.hit:not(:first-child) { margin-top: 1.5rem; } @media screen and (min-width: 959px) { .header-search-bar .search-suggestion-query a.hit:not(:first-child) { margin-top: 1rem; } } .header-search-bar .search-suggestion-query a.hit .bold-font-family { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; } .header-search-bar .no-search-results { font-family: RL_DroidKufi, "Founders Grotesk Text Regular", Helvetica, Arial, sans-serif; font-size: 0.75rem; } .refinements-pill, .search-refinements-pill { display: block; left: 0px; margin: 0px auto; padding: 0px 1.25rem 2rem; right: 0px; top: 0px; width: 100%; z-index: 100; } @media screen and (min-width: 767px) { .refinements-pill, .search-refinements-pill { padding-bottom: 2.5rem; } } .refinements-pill .refinement-pill, .refinements-pill .search-refinement-pill, .search-refinements-pill .refinement-pill, .search-refinements-pill .search-refinement-pill { display: flex; justify-content: center; margin: auto; position: relative; } .refinements-pill .refinement-pill ul, .refinements-pill .search-refinement-pill ul, .search-refinements-pill .refinement-pill ul, .search-refinements-pill .search-refinement-pill ul { place-content: center flex-start; align-items: center; display: flex; flex-wrap: nowrap; padding: 0px 1.25rem; list-style: none; gap: 9px; } @media screen and (min-width: 960px) { .refinements-pill .refinement-pill ul, .refinements-pill .search-refinement-pill ul, .search-refinements-pill .refinement-pill ul, .search-refinements-pill .search-refinement-pill ul { flex-wrap: wrap; padding: 0px; } } @media screen and (max-width: calc(766px)) { .refinements-pill .refinement-pill ul, .refinements-pill .search-refinement-pill ul, .search-refinements-pill .refinement-pill ul, .search-refinements-pill .search-refinement-pill ul { overflow: auto hidden; overscroll-behavior: contain; scroll-behavior: smooth; scrollbar-width: none; scroll-snap-type: x mandatory; } .refinements-pill .refinement-pill ul::-webkit-scrollbar, .refinements-pill .search-refinement-pill ul::-webkit-scrollbar, .search-refinements-pill .refinement-pill ul::-webkit-scrollbar, .search-refinements-pill .search-refinement-pill ul::-webkit-scrollbar { display: none; } } .refinements-pill .refinement-pill li, .refinements-pill .search-refinement-pill li, .search-refinements-pill .refinement-pill li, .search-refinements-pill .search-refinement-pill li { padding: 0px; } .refinements-pill .refinement-pill li.selected a, .refinements-pill .search-refinement-pill li.selected a, .search-refinements-pill .refinement-pill li.selected a, .search-refinements-pill .search-refinement-pill li.selected a { background-color: rgb(4, 30, 58); box-shadow: rgba(1, 65, 129, 0.4) 0px 15px 20px -15px; color: rgb(255, 255, 255); } .refinements-pill .refinement-pill li.disabled a, .refinements-pill .search-refinement-pill li.disabled a, .search-refinements-pill .refinement-pill li.disabled a, .search-refinements-pill .search-refinement-pill li.disabled a { color: rgb(198, 200, 204); cursor: default; } .refinements-pill .refinement-pill a, .refinements-pill .search-refinement-pill a, .search-refinements-pill .refinement-pill a, .search-refinements-pill .search-refinement-pill a { background-color: rgb(242, 243, 245); border-radius: 0.9375rem; color: rgb(4, 30, 58); display: block; font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-size: 0.625rem; letter-spacing: 0.01875rem; line-height: 1.125rem; padding: 0.375rem 0.90625rem; position: relative; text-align: center; text-decoration: none; white-space: nowrap; } @media screen and (min-width: 767px) { .refinements-pill .refinement-pill a, .refinements-pill .search-refinement-pill a, .search-refinements-pill .refinement-pill a, .search-refinements-pill .search-refinement-pill a { border-radius: 1.6875rem; font-size: 0.75rem; line-height: 0.9375rem; padding: 0.53125rem 1.375rem; } } .refinements-pill .refinement-pill a:active, .refinements-pill .refinement-pill a:hover, .refinements-pill .search-refinement-pill a:active, .refinements-pill .search-refinement-pill a:hover, .search-refinements-pill .refinement-pill a:active, .search-refinements-pill .refinement-pill a:hover, .search-refinements-pill .search-refinement-pill a:active, .search-refinements-pill .search-refinement-pill a:hover { text-decoration: none; } .refinements-pill.search-refinements-pill-with-autosuggest-wave2, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 { padding: 0px 0px 1.25rem; } @media screen and (min-width: 960px) { .refinements-pill.search-refinements-pill-with-autosuggest-wave2, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 { padding: 0px 6% 1.875rem; } } .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill, .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill { justify-content: flex-start; } .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill ul, .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill ul, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill ul, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill ul { gap: 0.625rem; padding: 0px 1.875rem; } @media screen and (min-width: 960px) { .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill ul, .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill ul, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill ul, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill ul { gap: 0.75rem; justify-content: start; max-width: none; padding: 0px; } } .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill ul li.disabled a, .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill ul li.disabled a, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill ul li.disabled a, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill ul li.disabled a { color: rgb(118, 118, 118); border-color: rgb(118, 118, 118); } .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill a, .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill a, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill a, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill a { background-color: rgb(255, 255, 255); border-radius: 5rem; font-size: 0.8125rem; padding: 0.375rem 1.21875rem; border: 1px solid rgb(4, 30, 58); } @media screen and (min-width: 767px) { .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill a, .refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill a, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .refinement-pill a, .search-refinements-pill.search-refinements-pill-with-autosuggest-wave2 .search-refinement-pill a { border-radius: 5rem; padding: 0.65625rem 1.5625rem; } } @media screen and (max-width: 767px) { #flyoutsearch .header-search { left: -100%; transition: left 0.1s; } #flyoutsearch .header-search[aria-expanded="true"] { left: 0px; transition: left 0.1s; } } .search-popular-categories-css .content-asset { display: flex; flex-wrap: wrap; gap: 0.75rem; overflow-x: auto; width: 100%; padding-bottom: 0.5rem; scrollbar-width: none; } .search-popular-categories-css .content-asset::-webkit-scrollbar { display: none; } .search-popular-categories-css .content-asset .rlc-search-tile { flex-basis: calc(50% - 8px); } @media screen and (min-width: 960px) { .search-popular-categories-css .content-asset { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding-bottom: 3.75rem; overflow: visible; } .search-popular-categories-css .content-asset .rlc-search-tile { flex: initial; } } .header-search { display: block; position: absolute; z-index: 100; padding: 0px; width: 100%; margin: 0px auto; left: 0px; right: 0px; text-transform: none; font-size: 0.875rem; font-weight: 500; top: 0px; } @media screen and (min-width: 960px) { .header-search { margin-top: 30px; top: auto; } } @media screen and (min-width: 960px) { .header-search.monetate-header-search { margin-top: 28px; } } .header-search .header-serif, .header-search .search-phrase { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; color: rgb(4, 30, 58); margin-bottom: 1.875rem; font-size: 1.25rem; letter-spacing: 0.3px; margin-top: 0px; } @media screen and (min-width: 960px) { .header-search .header-serif, .header-search .search-phrase { font-size: 1.625rem; margin-bottom: 2.5rem; } } .header-search .flyout-shadow-overlay { background-color: transparent; transition: 0.5s; } @media screen and (max-width: 960px) { #wrapper.search-active .header-search .flyout-shadow-overlay { background-color: rgba(0, 0, 0, 0.2); } } .header-search .search-popular-categories-css { margin: 0px auto; max-width: 51.5625rem; padding: 0px 1.25rem; } @media screen and (min-width: 960px) { .header-search .search-popular-categories-css { padding: 0px; } } .header-search .flyout-results-container { background-color: rgb(255, 255, 255); } @media screen and (max-width: 959px) { .header-search .flyout-results-container { opacity: 0; transform: translateY(100%); transition: transform 0.5s, opacity 0.4s; } .header-search .flyout-results-container.hover { transform: translateY(0px); } .header-search .flyout-results-container.out { transition: transform 0.7s, opacity 0.7s; } } @media screen and (min-width: 960px) { .header-search .flyout-results-container { position: relative; min-height: 0px; max-height: 0px; overflow: hidden; transition: max-height 0.4s 0.3s, min-height 0.3s 0.3s; } .header-search .flyout-results-container::before { content: ""; position: absolute; z-index: -1; inset: 8px 0px 0px; box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 8px 0px; } } .header-search .flyout-results-container > * { opacity: 0; transition: opacity 0.2s ease-out 0.1s; } @media screen and (max-width: 960px) { .search-active .header-search .flyout-results-container { opacity: 1; overflow: auto; } } @media screen and (min-width: 960px) { .search-active .header-search .flyout-results-container { max-height: 100vh; min-height: 30.3125rem; transition: max-height 0.5s, min-height 0.3s; } } .search-active .header-search .flyout-results-container > * { opacity: 1; transition: opacity 0.3s ease-in-out 0.3s; } .header-search .br-suggestions, .header-search .search-suggestions, .header-search .static-search-suggestions { max-width: 51.5625rem; margin: auto; } .header-search .full-search { padding: 0.625rem 3.75rem 1.875rem; margin: auto; position: relative; } .header-search .full-search .search-close { position: absolute; top: 20px; left: 20px; } .header-search .full-search .search-close span::after { content: ""; font-family: RLNA-font; font-weight: 700; font-size: 1.25rem; } @media screen and (min-width: 960px) { .header-search .full-search { padding: 1.25rem 0px 2.625rem; } .header-search .full-search .search-close { display: none; } } .header-search .full-search .full-search-container { width: 100%; position: relative; max-width: 51.5625rem; margin: auto; } .header-search .full-search .full-search-container .brsimpleSearch::after, .header-search .full-search .full-search-container .simpleSearch::after { content: ""; bottom: 5px; display: block; border-bottom: 1px solid rgb(4, 30, 58); width: 100%; position: absolute; right: 0px; } @media screen and (min-width: 960px) { .header-search .full-search .full-search-container .brsimpleSearch::after, .header-search .full-search .full-search-container .simpleSearch::after { bottom: 0px; } } .header-search .full-search .full-search-container button { float: left; margin: 0.3125rem 0.625rem 0.3125rem 0px; height: 1.875rem; padding: 0.3125rem 0px; background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 1rem; outline: 0px; white-space: nowrap; width: auto; min-height: auto; } @media screen and (min-width: 960px) { .header-search .full-search .full-search-container button { display: inline-block; position: relative; height: 2.5rem; padding: 0.4375rem 0px; margin: 0.3125rem 0px 0px; min-height: 2.5rem; } } @media screen and (min-width: 960px) { .header-search .full-search .full-search-container button.faded { opacity: 0.4; } } .header-search .full-search .full-search-container button span { margin-right: 0.1rem; } @media screen and (min-width: 960px) { .header-search .full-search .full-search-container button span.search-verb { color: rgb(255, 255, 255); font-size: 0.875rem; line-height: 1.625rem; } } .header-search .full-search .full-search-container button span.search-icon { margin: 0px; } @media screen and (min-width: 960px) { .header-search .full-search .full-search-container button span.search-icon { float: right; } } .header-search .full-search .search-icon { display: none; height: 1.25rem; width: 1.25rem; font-size: 1.1rem; min-height: auto; color: rgb(255, 255, 255); } @media screen and (min-width: 960px) { .header-search .full-search .search-icon { height: 1.6875rem; width: 1.5625rem; font-size: 1.5rem; min-height: 2.5rem; display: inline-block !important; } } .header-search .full-search .search-icon::after { content: ""; font-family: RL-icons; color: rgb(4, 30, 58); font-size: 0.875rem; } @media screen and (min-width: 960px) { .header-search .full-search .search-icon::after { font-size: 1.0625rem; } } .header-search .full-search .clear-search { display: inline-block; float: right; margin: 0px; line-height: 2.375rem; cursor: pointer; font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-size: 11px; color: rgb(117, 117, 117); text-transform: uppercase; } @media screen and (min-width: 960px) { .header-search .full-search .clear-search { line-height: 3.125rem; } } .header-search .full-search input { display: inline-block; width: 70%; font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; border: 0px; padding: 0px 1.25rem 0px 0px; font-size: 0.875rem; height: 2.375rem; color: rgb(157, 159, 163); background-color: transparent; } .header-search .full-search input::placeholder { color: rgb(157, 159, 163); } .header-search .full-search input:focus { color: rgb(4, 30, 58); } .header-search .full-search input:focus::-webkit-input-placeholder { opacity: 0; } @media screen and (min-width: 960px) { .header-search .full-search input { font-size: 1.5rem; height: 2.75rem; padding: 0px 1.25rem 0px 0.625rem; } } .header-search .full-search .close-icon { border: 0px; } .header-search .close-icon { position: absolute; top: 0px; font-size: 1px; right: 0px; cursor: pointer; z-index: 9; border: 0px; } @media screen and (min-width: 960px) { .header-search .close-icon { top: 0.3125rem; } } .header-search .close-icon::after { content: ""; font-family: RLNA-font; color: rgb(118, 118, 118); font-size: 1.25rem; display: inline-block !important; } @media screen and (min-width: 960px) { .header-search .close-icon::after { font-size: 1.5rem; } } @media screen and (min-width: 960px) { .header-search.monetate-header-search .flyout-results-container { min-height: 10.3125rem; } } .header-search.monetate-header-search .full-search { padding: 1.625rem 1.25rem 0.875rem; } @media screen and (min-width: 960px) { .header-search.monetate-header-search .full-search { padding: 1.625rem 1.25rem 1.875rem; } } .header-search.monetate-header-search .full-search .search-close { position: absolute; top: 6px; left: auto; right: 20px; } .header-search.monetate-header-search .full-search .search-close span::after { font-size: 1rem; } @media screen and (min-width: 960px) { .header-search.monetate-header-search .full-search .full-search-container { max-width: 41.5625rem; } } .header-search.monetate-header-search .full-search .full-search-container button { transition: none; padding: 0.3125rem 0.375rem 0.375rem; } .header-search.monetate-header-search .full-search .full-search-container button.faded { padding: 0.3125rem 0.375rem 0.375rem; } @media screen and (min-width: 960px) { .header-search.monetate-header-search .full-search .full-search-container button.faded { position: absolute; padding: 0.4375rem 0px; top: 50%; left: 29%; transform: translate(-50%, -50%); } } @media screen and (min-width: 960px) { .header-search.monetate-header-search .full-search .full-search-container button.faded.default { left: 40%; } } @media screen and (min-width: 960px) { .header-search.monetate-header-search .full-search .full-search-container button.fade.arrow-icon-faded { float: right; height: 2.5rem; margin: 0.3125rem 0px 0px; min-height: 2.5rem; padding: 0.4375rem 0px; position: absolute; top: inherit; left: inherit; right: 21px; transform: inherit; z-index: 1; } } .header-search.monetate-header-search .full-search .full-search-container button.fade.arrow-icon-faded.faded { opacity: 0; } .header-search.monetate-header-search .full-search .full-search-container button.fade.arrow-icon-faded .arrow-icon { display: inline-block; color: rgb(255, 255, 255); height: 1.6875rem; width: 1.5625rem; font-size: 1.5rem; min-height: 2.5rem; margin: 0px; } .header-search.monetate-header-search .full-search .full-search-container button.fade.arrow-icon-faded .arrow-icon::after { font-family: RL-icons; color: rgb(4, 30, 58); background: url("../../assets/images/long-right-arrow.svg") 50% center no-repeat; content: ""; font-size: 1.0625rem; height: 0.9375rem; left: -21px; position: absolute; width: 3.125rem; } .header-search.monetate-header-search .full-search .full-search-container .brsimpleSearch::after, .header-search.monetate-header-search .full-search .full-search-container .simpleSearch::after { border-bottom-color: rgb(225, 225, 229); } .header-search.monetate-header-search .full-search .search-icon { display: inline-block; } .header-search.monetate-header-search .full-search .search-icon::after { opacity: 0.4; } .header-search.monetate-header-search .full-search input { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; width: 80%; } @media screen and (min-width: 960px) { .header-search.monetate-header-search .full-search input { text-align: center; width: 100%; } } .header-search.monetate-header-search .monetate-product-suggestion-no-hits p { padding: 0px 1.25rem; font-size: 0.75rem; color: rgb(109, 111, 115); letter-spacing: 0.24px; line-height: 20px; } @media screen and (min-width: 960px) { .header-search.monetate-header-search .monetate-product-suggestion-no-hits p { text-align: center; } } .header-search[aria-expanded="false"] { visibility: hidden; } .header-search[aria-expanded="true"] { visibility: visible; } .menu-utility-user { margin: 0px 0px 0px 1rem; } @media screen and (min-width: 960px) { .menu-utility-user { padding: 0px 0px 0px 1rem; } } .menu-utility-user .user-info { background-color: transparent; list-style: none; margin: 0px; position: relative; text-align: center; z-index: 20; } .menu-utility-user .user-info a { clear: both; display: block; } .menu-utility-user .user-info a::before { content: ""; font-family: RL-icons; color: rgb(255, 255, 255); font-size: 1.625rem; display: block; padding-bottom: 0.5rem; padding-top: 0.75rem; } @media screen and (min-width: 960px) { .menu-utility-user .user-info a span { display: none; } .menu-utility-user .user-info a::before { color: rgb(4, 30, 58); font-size: 0.875rem; padding: 0px; content: ""; font-family: Rl-icons; width: 0.875rem; } .menu-utility-user .user-info a::after { display: none; } } .menu-utility-user .user-info a:hover { text-decoration: none; } .menu-utility-user .user-info .user-panel { display: none; } .menu-utility-user .user-info .user-panel .user-links { padding-left: 1.5rem; text-align: center; } .menu-utility-user .user-info .user-panel a { color: rgb(4, 30, 58); display: block; padding: 0.5rem 0px; } .menu-utility-user .user-info .user-panel .user-logout { color: rgb(255, 255, 255); margin-top: 0.5rem; padding: 0.5em 2em; text-transform: uppercase; } .menu-utility-user .user-info .user-panel .user-logout:hover { color: rgb(4, 30, 58); } #wrapper.login-active .menu-utility-user .user-info > a::before { content: ""; } .header-acc { overflow: hidden; max-height: 0px; position: absolute; right: 0px; transition: max-height 0.6s; width: 23.5rem; z-index: 12; top: auto; margin-top: 1.875rem; } @media screen and (min-width: 960px) { .header-acc { margin-right: 1.875rem; } } @media screen and (min-width: 1440px) { .header-acc { margin-right: 3.5rem; } } .header-acc-hidden { visibility: hidden; } #wrapper.login-active .header-acc { max-height: 62.5rem; } .header-login { box-sizing: border-box; background-color: rgb(244, 245, 246); } .header-login .header-login-auth-form { padding: 2.0625rem 2rem 0px; } .header-login .header-login-new-customers { padding: 0px 2rem 2.125rem; } .header-login .header-login-new-customers .createAccount { width: 100%; } .header-login .header-login-top { display: flex; justify-content: space-between; align-items: baseline; padding-top: 0px; padding-bottom: 0.9375rem; } .header-login .header-login-heading { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1rem; margin: 0px; } .header-login .header-login-heading::before { content: ""; font-family: Rl-icons; padding-right: 0.9375rem; } .header-login .header-login-create-account, .header-login .header-login-create-account:hover { font-size: 0.6875rem; width: auto; color: rgb(112, 112, 112); border: 0px; min-height: 0px; background-color: transparent; text-decoration: underline; letter-spacing: 0.0625rem; padding: 0px; margin: 0px; text-transform: uppercase; } .header-login .header-login-password-reset { margin: 0px; } .header-login .header-login-password-reset a { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875rem; line-height: 1.875rem; color: rgb(112, 112, 112); white-space: nowrap; text-decoration: underline; letter-spacing: 0.01875rem; } .header-login .header-login-remember-me { justify-content: space-between; width: 100%; } .header-login .header-login-remember-me .tooltip { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875rem; } .header-login .header-login-button { width: 100%; text-transform: uppercase; font-size: 0.75rem; } .header-login .header-login-or-divider { font-family: RL_DroidKufi, "Founders Grotesk Mono Light", "Lucida Console", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; align-items: center; display: flex; justify-content: center; margin: 0.9375rem 0px 0.75rem; text-transform: lowercase; font-size: 0.6875rem; color: rgb(157, 159, 163); } .header-login .header-login-or-divider::after, .header-login .header-login-or-divider::before { border-bottom: 1px solid rgb(163, 163, 157); content: ""; display: block; height: 1px; width: 100%; } .header-login .header-login-or-divider::before { margin-right: 0.3125rem; } .header-login .header-login-or-divider::after { margin-left: 0.3125rem; } .lang-ko_KR .header-login .header-login-or-divider { white-space: pre; } .header-login .header-login-social { display: flex; gap: 2.375rem; flex-wrap: wrap; align-items: center !important; justify-content: center !important; } .header-login .header-login-social button { display: flex; justify-content: center; align-items: center; font-size: 0.625rem; letter-spacing: 0.0625rem; flex-direction: column; gap: 0.375rem; background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; height: auto; margin-right: 0px !important; width: auto !important; } .header-login .header-login-social button:hover { background-color: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; color: initial !important; } .header-login .header-login-social button img { width: 3.75rem; height: 3.75rem; display: flex; align-items: center; justify-content: center; background-color: rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 4px; padding: 1rem; margin: 0px auto; } .header-authenticated-user-main { box-sizing: border-box; background-color: rgb(244, 245, 246); } .header-authenticated-user-discover { padding: 1.5625rem; background: rgb(255, 255, 255); } .header-authenticated-user-discover-heading { font-family: "Northwell Alt", Helvetica, sans-serif; font-style: normal; font-weight: 400; text-align: center; font-size: 1.5rem; margin: 0px; color: rgb(4, 30, 58); line-height: normal; } .header-authenticated-user-discover-text { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; text-align: center; font-size: 0.875rem; margin: -0.3125rem 0px 0.875rem; color: rgb(4, 30, 58); } .header-authenticated-user-discover-container { display: flex; justify-content: center; } .header-authenticated-user-discover-link { font-family: RL_DroidKufi, "Founders Grotesk Mono Medium", "Lucida Console", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 0.75rem; text-transform: uppercase; text-decoration: underline; color: rgb(4, 30, 58); } .header-authenticated-user-welcome { display: flex; align-items: center; justify-content: space-between; padding: 1.875rem; } .header-authenticated-user-welcome-heading { font-family: RL_DroidKufi, LeJeuneDeck-Regular, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: auto; font-size: 1.25rem; margin: 0px; } .header-authenticated-user-welcome-signout { font-family: RL_DroidKufi, "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875rem; text-decoration: underline; } .header-authenticated-user-list { margin: 0px; padding: 0px 1.875rem 1.875rem; list-style: none; display: flex; flex-direction: column; gap: 28px; } .header-authenticated-user-listlink { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; color: rgb(4, 30, 58); display: flex; align-items: center; gap: 1rem; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.0625rem; } [class^="lang-ar"] .header-authenticated-user-listlink span { font-weight: 700; } .header-authenticated-user-listlink::before { content: ""; font-size: 0.6875rem; padding: 0px; font-family: RL-icons; width: 1rem; height: 1rem; display: flex; align-items: center; color: rgb(4, 30, 58); } .header-authenticated-user-listlink:hover { text-decoration: none; } .header-authenticated-user-listlink:hover span { text-decoration: underline; } .header-authenticated-user-listlink--track::before { content: ""; } .header-authenticated-user-listlink--orders::before { content: ""; font-size: 0.75rem; } .header-authenticated-user-listlink--center::before { content: ""; font-size: 0.875rem; } .header-authenticated-user-listlink--wardrobe::before { content: ""; font-size: 1rem; } .header-authenticated-user-listlink--account::before { content: ""; font-size: 0.9375rem; } .header-quiz-cta { height: 4.8125rem; background-color: rgb(242, 243, 245); color: rgb(4, 30, 58); font-size: 0.75rem; text-align: center; margin: 1.0625rem -1.8125rem -1.875rem; } .header-quiz-cta .cta { font-family: RL_DroidKufi, "Founders Grotesk Text Medium", Helvetica, Arial, sans-serif; letter-spacing: 0.01562rem; line-height: 1.375rem; padding-top: 0.4375rem; margin-top: 0.5rem; margin-bottom: 0.4375rem; } .header-quiz-cta a { letter-spacing: 0.01875rem; line-height: 1.375rem; } .menu-category .category-click-thru, .menu-category.level-1 > li .level-2 a { text-transform: none; } /* source: https://www.ralphlauren.co.uk/on/demandware.static/Sites-RalphLauren_GB-Site/-/en_GB/v1785482969300/css/rlc-core.css */ :focus { outline: 0px; } .rlc-capitalize { text-transform: capitalize; } .rlc-uppercase { text-transform: uppercase; } #rl-content { font-size: 1.33333vw; width: 100%; } .rlc-image { width: 100%; display: block; } .rlc-title { text-align: center; } .rlc-fullbleed { max-width: 2600px; } .rlc-fullbleed, .rlc-fullwidth { width: 100%; margin: 0px auto; font-size: 1em; } .rlc-fullwidth { max-width: 1200px; } .rlc-maxwidth1366 { width: 100%; max-width: 1366px; margin: 0px auto; font-size: 1em; } #wrapper.pt_categorylanding #main, #wrapper.pt_storefront #main { width: 100%; max-width: 2600px; } #wrapper.pt_categorylanding #main #container-wrap, #wrapper.pt_storefront #main #container-wrap { padding: 0px; } #wrapper.pt_categorylanding #main #container-wrap .home-page-slots, #wrapper.pt_storefront #main #container-wrap .home-page-slots { width: 100%; } #rl-content a, .rl-content a { letter-spacing: normal; overflow: visible; } .rlc-all-color-light { color: rgb(255, 255, 255); } .rlc-all-color-dark { color: rgb(0, 0, 0); } .rlc-all-color-light .rlc-anchor { color: inherit; } .rlc-all-display-inline { display: inline-block; vertical-align: top; } .rlc-all-display-flex { display: flex; } .rlc-all-display-block { display: block; } .rlc-all-display-none { display: none; } .rlc-all-margin-center { margin: auto; } .rlc-all-margin-center-x { margin-left: auto; margin-right: auto; } .rlc-all-margin-center-y { margin-top: auto; margin-bottom: auto; } .rlc-all-pos-absolute { position: absolute; } .rlc-all-pos-relative { position: relative; } .rlc-all-pos-static { position: static; } .rlc-all-pos-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rlc-all-pos-center-x { position: absolute; left: 50%; transform: translateX(-50%); } .rlc-all-pos-center-y { position: absolute; top: 50%; transform: translateY(-50%); } .rlc-all-pos-top-left { position: absolute; inset: 0px auto auto 0px; } .rlc-all-pos-top-right { position: absolute; inset: 0px 0px auto auto; } .rlc-all-pos-bottom-left { position: absolute; inset: auto auto 0px 0px; } .rlc-all-pos-bottom-right { position: absolute; inset: auto 0px 0px auto; } .rlc-all-pos-top-center { top: 0px; bottom: auto; } .rlc-all-pos-bottom-center, .rlc-all-pos-top-center { position: absolute; left: 50%; transform: translateX(-50%); right: auto; } .rlc-all-pos-bottom-center { top: auto; bottom: 0px; } .rlc-all-pos-center-left { left: 0px; right: auto; } .rlc-all-pos-center-left, .rlc-all-pos-center-right { position: absolute; top: 50%; transform: translateY(-50%); bottom: auto; } .rlc-all-pos-center-right { left: auto; right: 0px; } .rlc-all-text-left { text-align: left; } .rlc-all-text-right { text-align: right; } .rlc-all-text-center { text-align: center; } .rlc-all-text-justify { text-align: justify; } .rlc-all-width-25 { width: 25%; } .rlc-all-width-50 { width: 50%; } .rlc-all-width-75 { width: 75%; } .rlc-all-width-100 { width: 100%; } .rlc-all-foreground { z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } @media screen and (min-width: 2600px) { .rlc-fullbleed { font-size: 34px; } } @media screen and (min-width: 1200px) { .rlc-fullwidth { font-size: 16px; } } @media screen and (min-width: 768px) { .rlc-desktop-color-light { color: rgb(255, 255, 255); } .rlc-desktop-color-dark { color: rgb(0, 0, 0); } .rlc-desktop-color-light .rlc-anchor { color: inherit; } .rlc-desktop-display-inline { display: inline-block; vertical-align: top; } .rlc-desktop-display-flex { display: flex; } .rlc-desktop-display-block { display: block; } .rlc-desktop-display-none { display: none; } .rlc-desktop-margin-center { margin: auto; } .rlc-desktop-margin-center-x { margin-left: auto; margin-right: auto; } .rlc-desktop-margin-center-y { margin-top: auto; margin-bottom: auto; } .rlc-desktop-pos-absolute { position: absolute; } .rlc-desktop-pos-relative { position: relative; } .rlc-desktop-pos-static { position: static; } .rlc-desktop-pos-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rlc-desktop-pos-center-x { position: absolute; left: 50%; transform: translateX(-50%); } .rlc-desktop-pos-center-y { position: absolute; top: 50%; transform: translateY(-50%); } .rlc-desktop-pos-top-left { position: absolute; inset: 0px auto auto 0px; } .rlc-desktop-pos-top-right { position: absolute; inset: 0px 0px auto auto; } .rlc-desktop-pos-bottom-left { position: absolute; inset: auto auto 0px 0px; } .rlc-desktop-pos-bottom-right { position: absolute; inset: auto 0px 0px auto; } .rlc-desktop-pos-top-center { top: 0px; bottom: auto; } .rlc-desktop-pos-bottom-center, .rlc-desktop-pos-top-center { position: absolute; left: 50%; transform: translateX(-50%); right: auto; } .rlc-desktop-pos-bottom-center { top: auto; bottom: 0px; } .rlc-desktop-pos-center-left { left: 0px; right: auto; } .rlc-desktop-pos-center-left, .rlc-desktop-pos-center-right { position: absolute; top: 50%; transform: translateY(-50%); bottom: auto; } .rlc-desktop-pos-center-right { left: auto; right: 0px; } .rlc-desktop-text-left { text-align: left; } .rlc-desktop-text-right { text-align: right; } .rlc-desktop-text-center { text-align: center; } .rlc-desktop-text-justify { text-align: justify; } .rlc-desktop-width-25 { width: 25%; } .rlc-desktop-width-50 { width: 50%; } .rlc-desktop-width-75 { width: 75%; } .rlc-desktop-width-100 { width: 100%; } .rlc-desktop-foreground { z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } } @media screen and (max-width: 767px) { #rl-content { font-size: 2.5vw; } .rlc-mobile-color-light { color: rgb(255, 255, 255); } .rlc-mobile-color-dark { color: rgb(0, 0, 0); } .rlc-mobile-color-light .rlc-anchor { color: inherit; } .rlc-mobile-display-inline { display: inline-block; vertical-align: top; } .rlc-mobile-display-flex { display: flex; } .rlc-mobile-display-block { display: block; } .rlc-mobile-display-none { display: none; } .rlc-mobile-margin-center { margin: auto; } .rlc-mobile-margin-center-x { margin-left: auto; margin-right: auto; } .rlc-mobile-margin-center-y { margin-top: auto; margin-bottom: auto; } .rlc-mobile-pos-absolute { position: absolute; } .rlc-mobile-pos-relative { position: relative; } .rlc-mobile-pos-static { position: static; } .rlc-mobile-pos-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rlc-mobile-pos-center-x { position: absolute; left: 50%; transform: translateX(-50%); } .rlc-mobile-pos-center-y { position: absolute; top: 50%; transform: translateY(-50%); } .rlc-mobile-pos-top-left { position: absolute; inset: 0px auto auto 0px; } .rlc-mobile-pos-top-right { position: absolute; inset: 0px 0px auto auto; } .rlc-mobile-pos-bottom-left { position: absolute; inset: auto auto 0px 0px; } .rlc-mobile-pos-bottom-right { position: absolute; inset: auto 0px 0px auto; } .rlc-mobile-pos-top-center { top: 0px; bottom: auto; } .rlc-mobile-pos-bottom-center, .rlc-mobile-pos-top-center { position: absolute; left: 50%; transform: translateX(-50%); right: auto; } .rlc-mobile-pos-bottom-center { top: auto; bottom: 0px; } .rlc-mobile-pos-center-left { left: 0px; right: auto; } .rlc-mobile-pos-center-left, .rlc-mobile-pos-center-right { position: absolute; top: 50%; transform: translateY(-50%); bottom: auto; } .rlc-mobile-pos-center-right { left: auto; right: 0px; } .rlc-mobile-text-left { text-align: left; } .rlc-mobile-text-right { text-align: right; } .rlc-mobile-text-center { text-align: center; } .rlc-mobile-text-justify { text-align: justify; } .rlc-mobile-width-25 { width: 25%; } .rlc-mobile-width-50 { width: 50%; } .rlc-mobile-width-75 { width: 75%; } .rlc-mobile-width-100 { width: 100%; } .rlc-mobile-foreground { z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } } @keyframes spinner { 100% { transform: rotate(1turn); } } .rlc-lazyLoad { position: relative; } .rlc-lazyLoad::after { content: ""; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 3em; height: 3em; margin-top: -1.5em; margin-left: -1.5em; border-radius: 50%; border-width: 0.1875em; border-style: solid; border-color: rgb(51, 51, 51) rgb(204, 204, 204) rgb(204, 204, 204); border-image: none; animation: 1.5s linear 0s infinite normal none running spinner; } .rlc-lazyLoad.rlc-imgLoaded::after { display: none; animation: auto ease 0s 1 normal none running none; } #rlsocial-container { min-height: 1px; } article.rlc-fullbleed, article.rlc-fullwidth { padding: 0px; border: 0px; line-height: normal; } article.rlc-fullbleed footer, article.rlc-fullwidth footer { padding: 0px; border: 0px; margin: 0px; } @media screen and (min-width: 1366px) { .rlc-maxwidth1366 { font-size: 16px; } } @media screen and (min-width: 1200px) { .rlc-fullbleed, .rlc-fullwidth { font-size: 16px; } } @media screen and (min-width: 768px) and (max-width: 1365px) { .rlc-maxwidth1366 { font-size: 1.33333vw; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .rlc-fullbleed, .rlc-fullwidth { font-size: 1.33333vw; } } @media screen and (max-width: 767px) { .rlc-fullbleed, .rlc-fullwidth, .rlc-maxwidth1366 { font-size: 2.5vw; } } .rlc-fullbleed, .rlc-fullwidth, .rlc-maxwidth1366 { -webkit-font-smoothing: antialiased; position: relative; } /* source: https://www.ralphlauren.co.uk/on/demandware.static/-/Sites-siteCatalog_RalphLauren_EU/en_GB/v1785482969300/css/rlc-blue-bar-nav.css */ .rlc-blue-bar-nav { position: relative; font-size: 16px; -webkit-font-smoothing: antialiased; max-width: 1920px; margin: 0px auto; } .rlc-blue-bar-nav ul, .rlc-blue-bar-nav ul li { margin: 0px; padding: 0px; } .rlc-blue-bar-nav ul li { list-style: none; } .rlc-blue-bar-nav, .rlc-blue-bar-nav > ul.rlc-links { width: 100%; background: rgb(13, 38, 58); text-align: center; padding: 0px; list-style-type: none; display: flex; justify-content: center; z-index: 10; white-space: nowrap; } .rlc-blue-bar-nav > ul.rlc-links { margin: 0px; overflow-y: auto; } .rlc-blue-bar-nav::-webkit-scrollbar { display: none; } .rlc-blue-bar-nav > ul.rlc-links li.hero-nav { padding: 0px 1.125em; margin: 0px 0.938em; line-height: 2.875em; border-bottom: 0.25em solid transparent; color: rgb(255, 255, 255); letter-spacing: 0.2em; font-family: "HCo Gotham Light"; text-transform: uppercase; } .rlc-blue-bar-nav > ul.rlc-links li.hero-nav a { color: rgb(255, 255, 255); } .rlc-blue-bar-nav > ul.rlc-links li.hero-nav span, .rlc-blue-bar-nav > ul.rlc-links li.hero-nav a span { color: rgb(255, 255, 255); position: relative; font-size: 0.875em; line-height: 3.571em; letter-spacing: 0.2em; font-family: "HCo Gotham Light"; display: block; width: 100%; height: 100%; text-transform: uppercase; } .rlc-blue-bar-nav > ul.rlc-links li.hero-nav a:hover { text-decoration: none; } .rlc-blue-bar-nav > ul.rlc-links li.hero-nav.selected { border-color: rgb(197, 186, 138); } .rlc-blue-bar-nav > ul.rlc-links li.hero-nav.selected a span { font-family: "HCo Gotham Bold"; } .rlc-blue-bar-nav ul ul { display: none; position: absolute; left: 0px; width: 100%; background: rgb(255, 255, 255); z-index: 100; padding: 2em 15%; box-sizing: border-box; } .rlc-blue-bar-nav ul li:hover ul { display: flex; flex-flow: wrap; justify-content: flex-start; } .rlc-blue-bar-nav > ul.rlc-links ul li { width: 24%; text-align: left; border-left: 1px solid rgb(229, 232, 235); } .rlc-blue-bar-nav > ul.rlc-links ul li a.rlc-link span { color: rgb(13, 38, 58); font-size: 0.75em; line-height: 2.5em; letter-spacing: 0.05em; font-family: "HCo Gotham Light"; text-transform: capitalize; text-align: left; margin-left: 2.25em; } @media screen and (max-width: 767px) { .rlc-blue-bar-nav > ul.rlc-links { overflow: scroll; white-space: nowrap; justify-content: flex-start; } .rlc-blue-bar-nav > ul.rlc-links::-webkit-scrollbar { display: none; } .rlc-blue-bar-nav ul ul { width: 95%; padding: 1em; left: 50%; transform: translateX(-50%); } .rlc-blue-bar-nav > ul.rlc-links ul li { width: 50%; } } .rlc-blue-bar-nav > ul.rlc-links li.hero-nav.selected a span, .rlc-blue-bar-nav > ul.rlc-links li.hero-nav a:hover span { font-family: "HCo Gotham Bold"; } .rlc-blue-bar-nav .rlc-links::-webkit-scrollbar { display: none !important; } .rlc-blue-bar-nav .rlc-links.scroll-this { justify-content: flex-start !important; margin: 0px 15px 0px 0px !important; } @media screen and (min-width: 960px) { .rlc-blue-bar-nav .rlc-links { display: flex; flex-wrap: nowrap; overflow-x: auto; } .rlc-blue-bar-nav > ul.rlc-links li.hero-nav { padding: 0px 0.125em; margin: 0px 1.938em; flex: 0 0 auto; } } .rlc-blue-bar-nav .rlc-nav-flyout { display: none; position: absolute; top: 100%; left: 0px; width: 100%; background: rgb(255, 255, 255); z-index: 100; padding: 2em 15%; box-sizing: border-box; } .rlc-blue-bar-nav .rlc-nav-flyout.flyout-section.expanded { display: flex; flex-flow: wrap; justify-content: flex-start; } .rlc-blue-bar-nav .rlc-nav-flyout li { width: 24%; text-align: left; border-left: 1px solid rgb(229, 232, 235); padding-left: 2.25em; padding-top: 1em; padding-right: 0.5em; line-height: 1em; } .rlc-blue-bar-nav .rlc-nav-flyout li a.rlc-link span { color: rgb(13, 38, 58); font-size: 0.75em; letter-spacing: 0.05em; font-family: "HCo Gotham Light"; text-transform: capitalize; text-align: left; margin-left: 0em; white-space: normal; line-height: 1em; display: inline-block; } @media screen and (min-width: 768px) and (max-width: 1200px) { .rlc-blue-bar-nav .rlc-nav-flyout { padding: 2em; } } @media screen and (max-width: 767px) { .rlc-blue-bar-nav > ul.rlc-links { overflow: scroll; white-space: nowrap; justify-content: flex-start; } .rlc-blue-bar-nav > ul.rlc-links::-webkit-scrollbar { display: none; } .rlc-blue-bar-nav .rlc-nav-flyout { width: 95%; padding: 1em; left: 50%; transform: translateX(-50%); } .rlc-blue-bar-nav .rlc-nav-flyout li { width: 50%; } } /* source: inline */ #usntA40Toggle { background: rgb(245, 245, 245); box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 2px; border-radius: 28px; position: fixed; bottom: 20px; left: 20px; z-index: 2147483647; display: inline-block !important; } #usntA40Toggle.usntA40top-left { inset: 20px auto auto 20px; } #usntA40Toggle.usntA40top-right { inset: 20px 20px auto auto; } #usntA40Toggle.usntA40bottom-right { right: 20px; left: auto; } #usntA40Toggle a#usntA40Link { display: block; padding: 13px 0px 13px 44px; position: relative; width: 48px; height: 48px; overflow: hidden; border-radius: 90px; box-sizing: border-box; line-height: 18px; background-color: rgb(235, 235, 240); text-decoration: underline; transform: translate3d(0px, 0px, 0px); border: 2px solid rgb(245, 245, 245); color: rgb(54, 54, 56); } #usntA40Toggle a#usntA40Link:focus { box-shadow: rgba(235, 235, 240, 0.87) 0px 0px 0px 3px; outline: 0px; border-color: rgb(0, 64, 221); } #usntA40Toggle i#usntA40Icon { background-color: rgb(245, 245, 245); position: absolute; width: 44px; height: 44px; left: 0px; top: 0px; overflow: hidden; background-size: 34px; background-repeat: no-repeat; background-position: 6px center; border-radius: 90px; box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 2px; } #usntA40Toggle a#usntA40Link:focus, #usntA40Toggle.usntA40Expanded a#usntA40Link, #usntA40Toggle:not([class*="usntA40Touch"]) a#usntA40Link:hover { min-width: 44px; min-height: 44px; width: auto; height: auto; } #usntA40Toggle div#usntA40Txt { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; font-size: 14px; font-weight: 400; padding-right: 12px; transition: margin-left 0.35s cubic-bezier(0.19, 1, 0.22, 1); margin-left: -200px; transform: translate3d(0px, 0px, 0px); } #usntA40Toggle.usntA40Touch div#usntA40Txt { margin-left: -200px; } #usntA40Link:focus div#usntA40Txt, #usntA40Toggle.usntA40Expanded div#usntA40Txt, #usntA40Toggle:not([class*="usntA40Touch"]) a#usntA40Link:hover div#usntA40Txt { margin-left: 6px; } #usntA40Toggle.usntA40Dark a#usntA40Link { background-color: rgb(36, 36, 38); border-color: rgb(68, 68, 70); color: rgb(216, 216, 220); } #usntA40Toggle.usntA40Dark a#usntA40Link:focus { border-color: rgb(64, 156, 255); box-shadow: rgba(36, 36, 38, 0.87) 0px 0px 0px 3px; } #usntA40Toggle.usntA40Dark i#usntA40Icon { background-color: rgb(68, 68, 70); } #usntA40Toggle.usntA40bottom-right a#usntA40Link, #usntA40Toggle.usntA40top-right a#usntA40Link { padding: 13px 44px 13px 0px; } #usntA40Toggle.usntA40bottom-right i#usntA40Icon, #usntA40Toggle.usntA40top-right i#usntA40Icon { left: auto; right: 0px; } #usntA40Toggle.usntA40bottom-right div#usntA40Txt, #usntA40Toggle.usntA40top-right div#usntA40Txt { padding-right: 8px; padding-left: 12px; } #usntA40Toggle.usntA40-small a#usntA40Link { width: 36px; height: 36px; padding: 7px 0px 7px 32px; } #usntA40Toggle.usntA40-small i#usntA40Icon { width: 32px; height: 32px; background-size: 22px; } #usntA40Toggle.usntA40-small a#usntA40Link:focus, #usntA40Toggle.usntA40-small.usntA40Expanded a#usntA40Link, #usntA40Toggle:not([class*="usntA40Touch"]).usntA40-small a#usntA40Link:hover { min-width: 32px; min-height: 32px; width: auto; height: auto; } #usntA40Toggle.usntA40-small.usntA40bottom-right a#usntA40Link, #usntA40Toggle.usntA40-small.usntA40top-right a#usntA40Link { padding: 7px 32px 7px 0px; } #usntA40Toggle.usntA40-small.usntA40bottom-right div#usntA40Txt, #usntA40Toggle.usntA40-small.usntA40top-right div#usntA40Txt { padding-right: 3px; padding-left: 6px; } @media print { #usntA40Toggle { display: none !important; } } #usntA40Toggle { transition: left 0.5s; } #usntA40Toggle.hide { left: -68px; transition-delay: 0.2s; } #usntA40Toggle.usntA40top-right, #usntA40Toggle.usntA40bottom-right { transition: right 0.5s; } #usntA40Toggle.usntA40top-right.hide, #usntA40Toggle.usntA40bottom-right.hide { left: auto; right: -68px; transition-delay: 0.2s; } #usntA40Toggle:not([class*="usntA40Touch"]).hide:hover, #usntA40Toggle:not([class*="usntA40Touch"]).hide:hover, #usntA40Toggle.hide:has(a:focus), #usntA40Toggle.hide:has(a:focus) { left: 20px; right: auto; transition-delay: 0s; } #usntA40Toggle:not([class*="usntA40Touch"]).usntA40top-right.hide:hover, #usntA40Toggle:not([class*="usntA40Touch"]).usntA40bottom-right.hide:hover, #usntA40Toggle.usntA40top-right.hide:has(a:focus), #usntA40Toggle.usntA40bottom-right.hide:has(a:focus) { right: 20px; left: auto; transition-delay: 0s; } #usntA40Toggle.usntA40Expanded.hide { left: 20px; right: auto; transition-delay: 0s; } #usntA40Toggle.usntA40Expanded.usntA40top-right.hide, #usntA40Toggle.usntA40Expanded.usntA40bottom-right.hide { right: 20px; left: auto; transition-delay: 0s; } /* source: https://assets.bounceexchange.com/tag/css/creatives-base-styles.8f3f9b9c.min.css */ @charset "UTF-8";.bx-client-body,.bxc svg:not(:root){overflow:hidden}.bxc,.bxc button,.bxc select,.bxc.bx-base .bx-vtext{text-transform:none}.bxc a,.bxc a:active,.bxc a:focus,.bxc a:hover,.bxc.bx-base .bx-close:hover{text-decoration:none}.bxc body{margin:0}.bxc article,.bxc aside,.bxc details,.bxc figcaption,.bxc figure,.bxc footer,.bxc header,.bxc hgroup,.bxc main,.bxc menu,.bxc nav,.bxc section,.bxc summary{display:block}.bxc audio,.bxc canvas,.bxc progress,.bxc video{display:inline-block;vertical-align:baseline}.bxc audio:not([controls]){display:none;height:0}.bxc [hidden],.bxc template{display:none}.bxc a{background-color:transparent}.bxc a:active,.bxc a:hover{outline:0}.bxc abbr[title]{border-bottom:1px dotted}.bxc b,.bxc strong{font-weight:700}.bxc dfn{font-style:italic}.bxc h1{font-size:2em;margin:.67em 0}.bxc mark{background:#ff0;color:#000}.bxc small{font-size:80%}.bxc sub,.bxc sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.bxc sup{top:-.5em}.bxc sub{bottom:-.25em}.bxc img{border:0}.bxc figure{margin:1em 40px}.bxc hr{box-sizing:content-box;height:0}.bxc pre{overflow:auto}.bxc code,.bxc kbd,.bxc pre,.bxc samp{font-family:monospace,monospace;font-size:1em}.bxc button,.bxc input,.bxc optgroup,.bxc select,.bxc textarea{color:inherit;font:inherit;margin:0}.bxc button{overflow:visible}.bxc button,.bxc input[type=button],.bxc input[type=reset],.bxc input[type=submit]{-webkit-appearance:button;cursor:pointer}.bxc button[disabled],.bxc input[disabled]{cursor:default}.bxc button::-moz-focus-inner,.bxc input::-moz-focus-inner{border:0;padding:0}.bxc input{line-height:normal}.bxc input[type=checkbox],.bxc input[type=radio]{box-sizing:border-box;padding:0}.bxc input[type=number]::-webkit-inner-spin-button,.bxc input[type=number]::-webkit-outer-spin-button{height:auto}.bxc input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}.bxc input[type=search]::-webkit-search-cancel-button,.bxc input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.bxc fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}.bxc legend{border:0;padding:0}.bxc textarea{overflow:auto}.bx-client-overlay,.bx-client-overlay-ios{overflow:hidden!important}.bxc optgroup{font-weight:700}.bxc table{border-collapse:collapse;border-spacing:0}.bxc td,.bxc th{padding:0}.bxc{/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */-ms-text-size-adjust:auto;-webkit-text-size-adjust:auto;font-family:Helvetica,sans-serif;font-size:0;text-align:center;text-indent:0;text-overflow:clip;text-rendering:optimizeLegibility;text-shadow:none;line-height:1;letter-spacing:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:normal}.bx-blur,.bx-blur-redacted,.bx-blur-textshadow{-moz-user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important;cursor:default!important;pointer-events:none!important}.bxc *{box-sizing:border-box}.bxc a{color:inherit;display:inline-block}.bxc a:focus{outline:0}.bxc form,.bxc p{margin:0}.bxc img,.bxc svg{display:inline-block;max-width:100%;height:auto}.bxc button,.bxc input,.bxc select,.bxc textarea{display:block;text-rendering:inherit}.bxc iframe{display:none}.bx-client-overlay-ios{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;-webkit-overflow-scrolling:touch!important;margin-top:0!important;margin-bottom:0!important;-webkit-transition:none!important;transition:none!important}.bx-client-body{position:fixed;-webkit-overflow-scrolling:touch;width:100%}.bxc.bx-base.bx-type-conversionbar.bx-impress-in .bx-slab,.bxc.bx-base.bx-type-conversionbar.bx-impress-out .bx-slab,.bxc.bx-base.bx-type-liquidscreen.bx-impress-in .bx-slab,.bxc.bx-base.bx-type-liquidscreen.bx-impress-out .bx-slab{overflow:hidden}.bx-blur-redacted{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"!important;opacity:.2!important}.bx-blur-hide{display:none!important}.bx-blur-textshadow{color:transparent!important;opacity:.4!important}.bx-blur-textshadow *{color:transparent!important;text-shadow:inherit!important}.bx-blur{-webkit-filter:blur(4px)!important;filter:blur(4px)!important;opacity:.6!important}.bxc.bx-base{display:block!important;visibility:hidden}.bxc.bx-base.bx-impress{visibility:visible!important}.bxc.bx-base .bx-matte,.bxc.bx-base .bx-powered,.bxc.bx-base .bx-shroud{display:none;pointer-events:auto}.bxc.bx-base .bx-hover-shroud,.bxc.bx-base .bx-slab{pointer-events:none}.bxc.bx-base .bx-hover-shroud,.bxc.bx-base .bx-shroud{position:fixed;width:100%;height:100%;top:0;left:0}.bxc.bx-base .bx-powered{position:fixed;bottom:10px;left:10px}.bxc.bx-base .bx-align{max-width:100%;max-height:100%;pointer-events:auto}.bxc.bx-base.bx-type-conversionbar.bx-pusher.bx-impress,.bxc.bx-base.bx-type-liquidscreen.bx-pusher.bx-impress,.bxc.bx-base.bx-type-nanobar.bx-pusher.bx-impress{pointer-events:none;visibility:hidden}.bxc.bx-base .bx-creative{position:relative;display:inline-block;max-width:100%;max-height:none;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bxc.bx-base .bx-step{display:none}.bxc.bx-base .bx-step.bx-active-step{display:block}.bxc.bx-base.bx-width-full .bx-align,.bxc.bx-base.bx-width-full .bx-creative{width:100%}.bxc.bx-base.bx-width-full .bx-wrap{margin:0 auto}.bxc.bx-base.bx-width-full-content .bx-align,.bxc.bx-base.bx-width-full-content .bx-creative,.bxc.bx-base.bx-width-full-content .bx-wrap{width:100%}.bxc.bx-base.bx-type-agilityzone{display:none!important;clear:both}.bxc.bx-base.bx-type-agilityzone.bx-impress{display:block!important}.bxc.bx-base.bx-type-agilityzone.bx-hover-shroud-on .bx-creative{z-index:2147483643}.bxc.bx-base.bx-type-agilityzone .bx-hover-shroud{z-index:2147483642}.bxc.bx-base.bx-type-agilityzone .bx-close{z-index:auto}.bxc.bx-base.bx-type-annotation .bx-align{position:relative;z-index:2147483643}.bxc.bx-base.bx-type-annotation .bx-hover-shroud{z-index:2147483642}.bxc.bx-base.bx-type-annotation .bx-creative{position:absolute;bottom:0;left:50%;max-width:none}.bxc.bx-base.bx-type-annotation.bx-annotation-cm .bx-creative{-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}.bxc.bx-base.bx-type-annotation.bx-annotation-ct .bx-creative{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.bxc.bx-base.bx-type-annotation.bx-annotation-rt .bx-creative{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.bxc.bx-base.bx-type-annotation.bx-annotation-rm .bx-creative{-webkit-transform:translate(0,50%);-ms-transform:translate(0,50%);transform:translate(0,50%)}.bxc.bx-base.bx-type-annotation.bx-annotation-rb .bx-creative{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)}.bxc.bx-base.bx-type-annotation.bx-annotation-cb .bx-creative{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%)}.bxc.bx-base.bx-type-annotation.bx-annotation-lb .bx-creative{-webkit-transform:translate(-100%,100%);-ms-transform:translate(-100%,100%);transform:translate(-100%,100%)}.bxc.bx-base.bx-type-annotation.bx-annotation-lm .bx-creative{-webkit-transform:translate(-100%,50%);-ms-transform:translate(-100%,50%);transform:translate(-100%,50%)}.bxc.bx-base.bx-type-annotation.bx-annotation-lt .bx-creative{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}.bxc.bx-base.bx-type-conversionbar.bx-pusher.bx-impress .bx-slab{visibility:hidden;position:relative;height:auto}.bxc.bx-base.bx-type-conversionbar.bx-pusher.bx-impress .bx-align{position:relative}.bxc.bx-base.bx-type-conversionbar .bx-slab{position:fixed;bottom:0;left:0;z-index:2147483643;height:100%;height:100vh;width:100%;text-align:center;overflow-x:hidden}.bxc.bx-base.bx-type-conversionbar .bx-hover-shroud{z-index:2147483642}.bxc.bx-base.bx-type-conversionbar .bx-align{position:absolute;bottom:0;width:100%}.bxc.bx-base.bx-type-nanobar.bx-pusher.bx-impress .bx-slab{visibility:hidden;position:relative}.bxc.bx-base.bx-type-nanobar.bx-pusher.bx-impress .bx-align{position:relative}.bxc.bx-base.bx-type-nanobar .bx-slab{position:fixed;top:0;left:0;z-index:2147483643;height:100%;width:100%;text-align:center;overflow-x:hidden}.bxc.bx-base.bx-type-nanobar .bx-hover-shroud{z-index:2147483642}.bxc.bx-base.bx-type-nanobar .bx-align{position:absolute;top:0;width:100%}.bxc.bx-base.bx-type-liquidscreen{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.bxc.bx-base.bx-type-liquidscreen.bx-pusher.bx-impress .bx-slab{visibility:hidden;position:relative}.bxc.bx-base.bx-type-liquidscreen .bx-slab{position:absolute;top:0;left:0;z-index:2147483637;width:100%;overflow-x:hidden}.bxc.bx-base.bx-type-liquidscreen .bx-creative{width:100%}.bxc.bx-base.bx-type-liquidscreen .bx-creative:before{min-height:100vh}.bxc.bx-base.bx-type-conversioncorner .bx-align,.bxc.bx-base.bx-type-dynamicwallpaper .bx-align,.bxc.bx-base.bx-type-nanotab .bx-align,.bxc.bx-base.bx-type-railbar .bx-align{display:inline-block}.bxc.bx-base.bx-type-conversioncorner .bx-slab,.bxc.bx-base.bx-type-dynamicwallpaper .bx-slab,.bxc.bx-base.bx-type-nanotab .bx-slab,.bxc.bx-base.bx-type-railbar .bx-slab{position:fixed;left:0;z-index:2147483642;width:100%;height:100%;text-align:left}.bxc.bx-base.bx-type-conversioncorner .bx-slab:before,.bxc.bx-base.bx-type-dynamicwallpaper .bx-slab:before,.bxc.bx-base.bx-type-nanotab .bx-slab:before,.bxc.bx-base.bx-type-railbar .bx-slab:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-ct .bx-align,.bxc.bx-base.bx-type-conversioncorner.bx-fixed-lt .bx-align,.bxc.bx-base.bx-type-conversioncorner.bx-fixed-rt .bx-align,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-ct .bx-align,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-lt .bx-align,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-rt .bx-align,.bxc.bx-base.bx-type-nanotab.bx-fixed-ct .bx-align,.bxc.bx-base.bx-type-nanotab.bx-fixed-lt .bx-align,.bxc.bx-base.bx-type-nanotab.bx-fixed-rt .bx-align,.bxc.bx-base.bx-type-railbar.bx-fixed-ct .bx-align,.bxc.bx-base.bx-type-railbar.bx-fixed-lt .bx-align,.bxc.bx-base.bx-type-railbar.bx-fixed-rt .bx-align{vertical-align:top}.bxc.bx-base.bx-type-conversioncorner .bx-hover-shroud,.bxc.bx-base.bx-type-dynamicwallpaper .bx-hover-shroud,.bxc.bx-base.bx-type-nanotab .bx-hover-shroud,.bxc.bx-base.bx-type-railbar .bx-hover-shroud{z-index:2147483641}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-lt .bx-slab,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-lt .bx-slab,.bxc.bx-base.bx-type-nanotab.bx-fixed-lt .bx-slab,.bxc.bx-base.bx-type-railbar.bx-fixed-lt .bx-slab{top:0;text-align:left}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-ct .bx-slab,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-ct .bx-slab,.bxc.bx-base.bx-type-nanotab.bx-fixed-ct .bx-slab,.bxc.bx-base.bx-type-railbar.bx-fixed-ct .bx-slab{top:0;text-align:center}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-rt .bx-slab,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-rt .bx-slab,.bxc.bx-base.bx-type-nanotab.bx-fixed-rt .bx-slab,.bxc.bx-base.bx-type-railbar.bx-fixed-rt .bx-slab{top:0;text-align:right}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-cm .bx-align,.bxc.bx-base.bx-type-conversioncorner.bx-fixed-lm .bx-align,.bxc.bx-base.bx-type-conversioncorner.bx-fixed-rm .bx-align,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-cm .bx-align,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-lm .bx-align,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-rm .bx-align,.bxc.bx-base.bx-type-nanotab.bx-fixed-cm .bx-align,.bxc.bx-base.bx-type-nanotab.bx-fixed-lm .bx-align,.bxc.bx-base.bx-type-nanotab.bx-fixed-rm .bx-align,.bxc.bx-base.bx-type-railbar.bx-fixed-cm .bx-align,.bxc.bx-base.bx-type-railbar.bx-fixed-lm .bx-align,.bxc.bx-base.bx-type-railbar.bx-fixed-rm .bx-align{vertical-align:middle}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-lm .bx-slab,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-lm .bx-slab,.bxc.bx-base.bx-type-nanotab.bx-fixed-lm .bx-slab,.bxc.bx-base.bx-type-railbar.bx-fixed-lm .bx-slab{top:0;text-align:left}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-cm .bx-slab,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-cm .bx-slab,.bxc.bx-base.bx-type-nanotab.bx-fixed-cm .bx-slab,.bxc.bx-base.bx-type-railbar.bx-fixed-cm .bx-slab{top:0;text-align:center}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-rm .bx-slab,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-rm .bx-slab,.bxc.bx-base.bx-type-nanotab.bx-fixed-rm .bx-slab,.bxc.bx-base.bx-type-railbar.bx-fixed-rm .bx-slab{top:0;text-align:right}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-cb .bx-align,.bxc.bx-base.bx-type-conversioncorner.bx-fixed-lb .bx-align,.bxc.bx-base.bx-type-conversioncorner.bx-fixed-rb .bx-align,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-cb .bx-align,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-lb .bx-align,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-rb .bx-align,.bxc.bx-base.bx-type-nanotab.bx-fixed-cb .bx-align,.bxc.bx-base.bx-type-nanotab.bx-fixed-lb .bx-align,.bxc.bx-base.bx-type-nanotab.bx-fixed-rb .bx-align,.bxc.bx-base.bx-type-railbar.bx-fixed-cb .bx-align,.bxc.bx-base.bx-type-railbar.bx-fixed-lb .bx-align,.bxc.bx-base.bx-type-railbar.bx-fixed-rb .bx-align{vertical-align:bottom}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-lb .bx-slab,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-lb .bx-slab,.bxc.bx-base.bx-type-nanotab.bx-fixed-lb .bx-slab,.bxc.bx-base.bx-type-railbar.bx-fixed-lb .bx-slab{bottom:0;height:100vh;text-align:left}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-cb .bx-slab,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-cb .bx-slab,.bxc.bx-base.bx-type-nanotab.bx-fixed-cb .bx-slab,.bxc.bx-base.bx-type-railbar.bx-fixed-cb .bx-slab{bottom:0;height:100vh;text-align:center}.bxc.bx-base.bx-type-conversioncorner.bx-fixed-rb .bx-slab,.bxc.bx-base.bx-type-dynamicwallpaper.bx-fixed-rb .bx-slab,.bxc.bx-base.bx-type-nanotab.bx-fixed-rb .bx-slab,.bxc.bx-base.bx-type-railbar.bx-fixed-rb .bx-slab{bottom:0;height:100vh;text-align:right}.bxc.bx-base.bx-type-dynamicwallpaper .bx-align,.bxc.bx-base.bx-type-nanotab .bx-align,.bxc.bx-base.bx-type-railbar .bx-align{vertical-align:middle}.bxc.bx-base.bx-type-conversioncorner .bx-align{vertical-align:bottom}.bxc.bx-base.bx-type-dynamicwallpaper .bx-slab{z-index:2147483643}.bxc.bx-base.bx-type-dynamicwallpaper .bx-shroud{opacity:0;z-index:2147483642}.bxc.bx-base.bx-type-dynamicwallpaper.bx-impress .bx-shroud{display:block}.bxc.bx-base.bx-type-overlay .bx-slab{position:fixed;top:0;right:0;left:0;z-index:2147483645;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;pointer-events:auto}.bx-client-overlay-ios .bxc.bx-base.bx-type-overlay .bx-slab{position:absolute}.bxc.bx-base.bx-type-overlay .bx-slab:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;margin-right:-.25em}.bxc.bx-base.bx-type-overlay.bx-impress-in .bx-slab,.bxc.bx-base.bx-type-overlay.bx-impress-out .bx-slab{overflow:hidden}.bxc.bx-base.bx-type-overlay .bx-shroud{z-index:2147483644}.bx-client-overlay-ios .bxc.bx-base.bx-type-overlay .bx-shroud{position:absolute;bottom:0;height:100vh}.bxc.bx-base.bx-type-overlay .bx-powered{z-index:2147483646}.bxc.bx-base.bx-type-overlay .bx-align{display:inline-block;vertical-align:middle;padding:6px}.bxc.bx-base.bx-type-overlay .bx-creative{z-index:2147483645}.bxc.bx-base.bx-type-overlay .bx-creative:before{min-height:300px}.bxc.bx-base.bx-type-overlay.bx-impress .bx-powered,.bxc.bx-base.bx-type-overlay.bx-impress .bx-shroud{display:block}.bxc.bx-base.bx-deployment-floater .bx-slab{top:0;left:0;position:fixed;z-index:2147483643;width:100%;text-align:center;overflow-x:hidden}@-webkit-keyframes bx-fx-checked-bounce{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes bx-fx-checked-bounce{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes bx-fx-invalid-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}12.5%{-webkit-transform:translateX(-6px) rotateY(-5deg);transform:translateX(-6px) rotateY(-5deg)}37.5%{-webkit-transform:translateX(5px) rotateY(4deg);transform:translateX(5px) rotateY(4deg)}62.5%{-webkit-transform:translateX(-3px) rotateY(-2deg);transform:translateX(-3px) rotateY(-2deg)}87.5%{-webkit-transform:translateX(2px) rotateY(1deg);transform:translateX(2px) rotateY(1deg)}}@keyframes bx-fx-invalid-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}12.5%{-webkit-transform:translateX(-6px) rotateY(-5deg);transform:translateX(-6px) rotateY(-5deg)}37.5%{-webkit-transform:translateX(5px) rotateY(4deg);transform:translateX(5px) rotateY(4deg)}62.5%{-webkit-transform:translateX(-3px) rotateY(-2deg);transform:translateX(-3px) rotateY(-2deg)}87.5%{-webkit-transform:translateX(2px) rotateY(1deg);transform:translateX(2px) rotateY(1deg)}}.bxc.bx-base.bx-fx-invalid-shake .bx-slab{-webkit-perspective:1800px;perspective:1800px}.bxc.bx-base.bx-fx-invalid-shake .bx-align{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.bxc.bx-base.bx-impress.bx-fx-invalid-shake .bx-align{-webkit-animation:bx-fx-invalid-shake .4s ease-in-out;animation:bx-fx-invalid-shake .4s ease-in-out}@-webkit-keyframes bx-fx-fade{0%{opacity:0}100%{opacity:1}}@keyframes bx-fx-fade{0%{opacity:0}100%{opacity:1}}.bxc.bx-base.bx-fx-fade.bx-impress-in .bx-creative{-webkit-animation:bx-fx-fade 1s ease;animation:bx-fx-fade 1s ease}.bxc.bx-base.bx-fx-fade.bx-impress-out .bx-creative{-webkit-animation:bx-fx-fade 1s ease reverse;animation:bx-fx-fade 1s ease reverse}.bxc.bx-base .bx-shroud{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";opacity:.75}.bxc.bx-base .bx-hover-shroud{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-webkit-transition:.4s opacity ease-in-out;transition:.4s opacity ease-in-out}.bxc.bx-base.bx-hover-shroud-on .bx-hover-shroud{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity:.7}.bxc.bx-base .bx-creative{margin:0 auto;text-align:center;background-color:#fff;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.bxc.bx-base .bx-creative:before{content:"";display:inline-block;width:0;vertical-align:middle}.bxc.bx-base .bx-step,.bxc.bx-base .bx-wrap,.bxc.bx-base form{text-align:inherit}.bxc.bx-base .bx-wrap{display:inline-block;vertical-align:middle;margin:0 auto;width:650px;padding:10px}@media only screen{.bxc.bx-base .bx-wrap{max-width:100%}}.bxc.bx-base form:focus{outline:0}.bxc.bx-base .bx-group,.bxc.bx-base .bx-row{display:inline-block;width:100%;vertical-align:middle}.bxc.bx-base .bx-row>.bx-el,.bxc.bx-base .bx-row>:first-child{float:none;height:auto;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.bxc.bx-base .bx-row-html{font-size:16px}.bxc.bx-base .bx-row-html iframe{display:block}.bxc.bx-base .bx-row-image{line-height:0}.bxc.bx-base .bx-row-image img{width:100%}.bxc.bx-base .bx-row-text{color:#a1a1a1;font-size:14px;cursor:default;line-height:0}.bxc.bx-base .bx-row-text>*{line-height:1}.bxc.bx-base .bx-row-text a{color:inherit;display:inline-block}.bxc.bx-base .bx-row-line .bx-lineshape{height:1px;background-color:#a1a1a1}.bxc.bx-base .bx-row-select{position:relative;border:0 transparent;font-size:14px;border-radius:0;box-shadow:none;outline:0}.bxc.bx-base .bx-row-select .bx-select{position:relative;display:inline-block;width:100%;padding:1.5em;border:1px solid #c4c4c4;color:#a0a0a0;background-color:#fff}.bxc.bx-base .bx-row-select .bx-select:before{content:"\00a0"}.bxc.bx-base .bx-row-select .bx-select:after{content:"◄►";position:absolute;top:53%;right:15px;font-size:8px;letter-spacing:2px;color:#bdbdbd;font-family:Arial;-webkit-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);pointer-events:none}.bxc.bx-base .bx-row-select .bx-select:active,.bxc.bx-base .bx-row-select .bx-select:focus{border:1px solid #91c7ed;color:#464545;background-color:#e6f5ff;outline:0}.bxc.bx-base .bx-row-select .bx-selectelem{position:absolute;top:0;right:0;bottom:0;left:0;outline:0;margin:0;width:100%;border-radius:0;border:0;padding:inherit;background-color:transparent;color:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:context-menu;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.bxc.bx-base .bx-row-select .bx-selectelem::-ms-expand{display:none}.bxc.bx-base .bx-row-select option{color:initial;font-weight:initial;font-family:initial}.bxc.bx-base .bx-row-timer{color:#a0a0a0;font-size:24px;font-weight:100;cursor:default}.bxc.bx-base .bx-row-timer .bx-row-timer-digits{color:#a1a1a1}.bxc.bx-base .bx-row-coupon{color:#a0a0a0;font-size:24px;font-weight:100;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.bxc.bx-base .bx-row-radio .bx-label{display:inline-block;cursor:pointer;position:relative;padding:0;color:#a1a1a1;font-size:14px}.bxc.bx-base .bx-row-radio .bx-labeltext{vertical-align:middle}.bxc.bx-base .bx-row-radio .bx-radioelem{position:absolute;left:0;width:1px;height:1px;overflow:hidden;opacity:0}.bxc.bx-base .bx-row-radio .bx-radioelem+.bx-radioshape{border-radius:50%;display:inline-block;vertical-align:middle;margin-right:6px;background-color:#dedede;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.2),0 1px 0 0 rgba(255,255,255,.3);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);width:18px;height:18px}.bxc.bx-base .bx-row-radio .bx-radioelem:checked+.bx-radioshape{fill:#f3f3f3;background-color:#3A98FB;text-shadow:0 0 1px rgba(0,0,0,.2);-webkit-animation:bx-fx-checked-bounce .3s;animation:bx-fx-checked-bounce .3s}.bxc.bx-base .bx-row-radio .bx-radioelem:focus+.bx-radioshape{box-shadow:0 0 0 2px #91c7ed}.bxc.bx-base .bx-row-radio .bx-radioelem+.bx-radioshape .bx-radio-svg{display:none}.bxc.bx-base .bx-row-radio .bx-radioelem:checked+.bx-radioshape .bx-radio-svg{display:block}.bxc.bx-base .bx-row-radio.bx-radiosize-lrg .bx-radioelem+.bx-radioshape{width:24px;height:24px}.bxc.bx-base .bx-row-radio.bx-radiosize-lrgr .bx-radioelem+.bx-radioshape{width:36px;height:36px}.bxc.bx-base .bx-row-checkbox .bx-label{display:inline-block;cursor:pointer;position:relative;padding:0;color:#a1a1a1;font-size:14px}.bxc.bx-base .bx-row-checkbox .bx-labeltext{vertical-align:middle}.bxc.bx-base .bx-row-checkbox .bx-checkelem{position:absolute;left:0;width:1px;height:1px;overflow:hidden;opacity:0}.bxc.bx-base .bx-row-checkbox .bx-checkelem+.bx-checkshape{border-radius:3px;display:inline-block;vertical-align:middle;background-color:#dedede;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.2),0 1px 0 0 rgba(255,255,255,.3);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);width:18px;height:18px;margin-right:6px}.bxc.bx-base .bx-row-checkbox .bx-checkelem:focus+.bx-checkshape{box-shadow:0 0 0 2px #91c7ed}.bxc.bx-base .bx-row-checkbox .bx-checkelem:checked+.bx-checkshape{stroke:#f3f3f3;background-color:#3A98FB;text-shadow:0 0 1px rgba(0,0,0,.2);-webkit-animation:bx-fx-checked-bounce .25s;animation:bx-fx-checked-bounce .25s}.bxc.bx-base .bx-row-checkbox .bx-checkelem+.bx-checkshape .bx-check-svg{display:none;fill:none;stroke-width:3}.bxc.bx-base .bx-row-checkbox .bx-checkelem:checked+.bx-checkshape .bx-check-svg{display:block}.bxc.bx-base .bx-row-checkbox.bx-checksize-lrg .bx-checkelem+.bx-checkshape{width:24px;height:24px}.bxc.bx-base .bx-row-checkbox.bx-checksize-lrgr .bx-checkelem+.bx-checkshape{width:36px;height:36px}.bxc.bx-base .bx-row-checkbox.bx-check-round .bx-checkelem+.bx-checkshape .bx-check-svg{stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.bxc.bx-base .bx-row-checkbox.bx-check-sharp .bx-checkelem+.bx-checkshape .bx-check-svg{stroke:none;fill:#fff}.bxc.bx-base .bx-row-submit .bx-button{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;text-align:center;cursor:pointer;background-color:#666;border:none;font-size:20px;border-radius:0;color:#fff;padding:1em}.bxc.bx-base .bx-row-submit .bx-button:hover{outline:0}.bxc.bx-base .bx-row-submit .bx-button:focus{outline:1px}.bxc.bx-base .bx-row-submit .bx-button:active{outline:0;top:1px}.bxc.bx-base .bx-row-input [type=""],.bxc.bx-base .bx-row-input [type=color],.bxc.bx-base .bx-row-input [type=date],.bxc.bx-base .bx-row-input [type=datetime-local],.bxc.bx-base .bx-row-input [type=datetime],.bxc.bx-base .bx-row-input [type=email],.bxc.bx-base .bx-row-input [type=month],.bxc.bx-base .bx-row-input [type=number],.bxc.bx-base .bx-row-input [type=password],.bxc.bx-base .bx-row-input [type=search],.bxc.bx-base .bx-row-input [type=tel],.bxc.bx-base .bx-row-input [type=text],.bxc.bx-base .bx-row-input [type=time],.bxc.bx-base .bx-row-input [type=url],.bxc.bx-base .bx-row-input [type=week],.bxc.bx-base .bx-row-textarea .bx-textarea{width:100%;height:auto;font-size:14px;text-align:left;border-radius:0;outline:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #c4c4c4;color:#a0a0a0;background-color:#fff;padding:1.5em;background-position:10px 50%;background-repeat:no-repeat;background-size:auto;-ms-transition:none!important;-webkit-transition:padding .07s ease-in-out;transition:padding .07s ease-in-out}.bxc.bx-base .bx-row-input [type=""]::-ms-clear,.bxc.bx-base .bx-row-input [type=color]::-ms-clear,.bxc.bx-base .bx-row-input [type=date]::-ms-clear,.bxc.bx-base .bx-row-input [type=datetime-local]::-ms-clear,.bxc.bx-base .bx-row-input [type=datetime]::-ms-clear,.bxc.bx-base .bx-row-input [type=email]::-ms-clear,.bxc.bx-base .bx-row-input [type=month]::-ms-clear,.bxc.bx-base .bx-row-input [type=number]::-ms-clear,.bxc.bx-base .bx-row-input [type=password]::-ms-clear,.bxc.bx-base .bx-row-input [type=search]::-ms-clear,.bxc.bx-base .bx-row-input [type=tel]::-ms-clear,.bxc.bx-base .bx-row-input [type=text]::-ms-clear,.bxc.bx-base .bx-row-input [type=time]::-ms-clear,.bxc.bx-base .bx-row-input [type=url]::-ms-clear,.bxc.bx-base .bx-row-input [type=week]::-ms-clear,.bxc.bx-base .bx-row-textarea .bx-textarea::-ms-clear{width:0;height:0}.bxc.bx-base .bx-row-input [type=""]:hover,.bxc.bx-base .bx-row-input [type=color]:hover,.bxc.bx-base .bx-row-input [type=date]:hover,.bxc.bx-base .bx-row-input [type=datetime-local]:hover,.bxc.bx-base .bx-row-input [type=datetime]:hover,.bxc.bx-base .bx-row-input [type=email]:hover,.bxc.bx-base .bx-row-input [type=month]:hover,.bxc.bx-base .bx-row-input [type=number]:hover,.bxc.bx-base .bx-row-input [type=password]:hover,.bxc.bx-base .bx-row-input [type=search]:hover,.bxc.bx-base .bx-row-input [type=tel]:hover,.bxc.bx-base .bx-row-input [type=text]:hover,.bxc.bx-base .bx-row-input [type=time]:hover,.bxc.bx-base .bx-row-input [type=url]:hover,.bxc.bx-base .bx-row-input [type=week]:hover,.bxc.bx-base .bx-row-textarea .bx-textarea:hover{cursor:auto}.bxc.bx-base .bx-row-input [type=""]:focus,.bxc.bx-base .bx-row-input [type=color]:focus,.bxc.bx-base .bx-row-input [type=date]:focus,.bxc.bx-base .bx-row-input [type=datetime-local]:focus,.bxc.bx-base .bx-row-input [type=datetime]:focus,.bxc.bx-base .bx-row-input [type=email]:focus,.bxc.bx-base .bx-row-input [type=month]:focus,.bxc.bx-base .bx-row-input [type=number]:focus,.bxc.bx-base .bx-row-input [type=password]:focus,.bxc.bx-base .bx-row-input [type=search]:focus,.bxc.bx-base .bx-row-input [type=tel]:focus,.bxc.bx-base .bx-row-input [type=text]:focus,.bxc.bx-base .bx-row-input [type=time]:focus,.bxc.bx-base .bx-row-input [type=url]:focus,.bxc.bx-base .bx-row-input [type=week]:focus,.bxc.bx-base .bx-row-textarea .bx-textarea:focus{border-color:#91c7ed;background-color:#e6f5ff;color:#464545;outline:0}.bxc.bx-base .bx-inputwrap{position:relative}.bxc.bx-base .bx-inputwrap .bx-placeholder{position:absolute;top:7px;right:22px;left:22px;z-index:1;display:block;line-height:normal;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;pointer-events:none;-ms-transition:none!important;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.bxc.bx-base .bx-inputwrap .bx-placeholdertext{display:block;color:#a0a0a0;font-size:10px;line-height:normal;text-align:left}.bxc.bx-base .bx-vbox,.bxc.bx-base .bx-vtext{display:none;font-size:10px;text-align:left;line-height:1.35;position:absolute;z-index:3}.bxc.bx-base .bx-row.bx-has-focus .bx-placeholdertext{color:#91c7ed}.bxc.bx-base .bx-row-placeholder-top.bx-has-text .bx-placeholder{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";opacity:1}.bxc.bx-base .bx-row-placeholder-top.bx-has-text .bx-input,.bxc.bx-base .bx-row-placeholder-top.bx-has-text .bx-textarea{padding-top:2em;padding-bottom:1em}.bxc.bx-base .bx-vtext{padding:4px;padding-bottom:inherit;bottom:0;pointer-events:none;font-style:normal;font-weight:400;letter-spacing:normal;font-family:Helvetica,Arial,sans-serif}.bxc.bx-base .bx-vbox{padding:4px;margin-top:-4px;margin-right:-4px;margin-left:-4px;color:#e9a6a6;border:1px solid #e9a6a6;background:#faebeb}.bxc.bx-base .bx-row-validation .bx-vbox,.bxc.bx-base .bx-row-validation .bx-vtext,.bxc.bx-base .bx-row-validation.bx-row-checkbox .bx-vtext,.bxc.bx-base .bx-row-validation.bx-row-radio .bx-vtext{display:block}.bxc.bx-base .bx-row-validation{position:relative}.bxc.bx-base .bx-row-validation .bx-select,.bxc.bx-base .bx-row-validation .bx-textarea,.bxc.bx-base .bx-row-validation [type=""],.bxc.bx-base .bx-row-validation [type=color],.bxc.bx-base .bx-row-validation [type=date],.bxc.bx-base .bx-row-validation [type=datetime-local],.bxc.bx-base .bx-row-validation [type=datetime],.bxc.bx-base .bx-row-validation [type=email],.bxc.bx-base .bx-row-validation [type=month],.bxc.bx-base .bx-row-validation [type=number],.bxc.bx-base .bx-row-validation [type=password],.bxc.bx-base .bx-row-validation [type=search],.bxc.bx-base .bx-row-validation [type=tel],.bxc.bx-base .bx-row-validation [type=text],.bxc.bx-base .bx-row-validation [type=time],.bxc.bx-base .bx-row-validation [type=url],.bxc.bx-base .bx-row-validation [type=week]{border-color:#e9a6a6;background-color:#faebeb;color:#a0a0a0}.bxc.bx-base .bx-row-validation .bx-vtext{color:#E46161}.bxc.bx-base .bx-row-validation.bx-has-focus .bx-vtext{color:#91c7ed}.bxc.bx-base .bx-row-video{width:100%;height:100%}.bxc.bx-base .bx-row-video .bx-video-wrapper{position:relative;width:100%;padding-top:75%;background-color:#666}.bxc.bx-base .bx-row-video .bx-video-wrapper.bx-video-wrapper-has-focus .bx-video-controls,.bxc.bx-base .bx-row-video .bx-video-wrapper:hover .bx-video-controls{opacity:1}.bxc.bx-base .bx-row-video .bx-video-wrapper>video{position:absolute;top:0;left:0;width:100%;height:100%}.bxc.bx-base .bx-row-video .bx-video-controls{position:absolute;bottom:0;left:0;width:100%;height:44px;opacity:0;-webkit-transition:.15s opacity ease-in-out;transition:.15s opacity ease-in-out;background-image:linear-gradient(-180deg,transparent 0,#000 100%);z-index:5;pointer-events:none}.bxc.bx-base .bx-row-video .bx-video-progress-wrapper{position:absolute;top:3px;left:43px;line-height:38px;color:#fff;font-size:12px;cursor:default}.bxc.bx-base .bx-row-video .bx-video-btn{position:absolute;top:3px;width:38px;height:38px;padding:5px;border:none;background-color:transparent;fill:#fff;z-index:5;pointer-events:auto}.bxc.bx-base .bx-row-video .bx-video-btn:focus{outline:0}.bxc.bx-base .bx-row-video .bx-video-btn:hover{background-image:radial-gradient(circle at center,rgba(255,255,255,.3) 0,transparent 70%)}.bxc.bx-base .bx-row-video .bx-video-btn-playpause{left:3px}.bxc.bx-base .bx-row-video .bx-video-btn-mute{right:3px}.bxc.bx-base .bx-row-video .bx-video-btn-shape{-webkit-transition:.15s -webkit-transform ease-in-out,.15s opacity ease-in-out;transition:.15s transform ease-in-out,.15s opacity ease-in-out;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.bxc.bx-base .bx-row-video .bx-video-player-ended .bx-video-btn-replay-shape,.bxc.bx-base .bx-row-video .bx-video-player-muted .bx-video-btn-unmute-shape,.bxc.bx-base .bx-row-video .bx-video-player-paused .bx-video-btn-play-shape,.bxc.bx-base .bx-row-video .bx-video-player-playing .bx-video-btn-pause-shape,.bxc.bx-base .bx-row-video .bx-video-player-unmuted .bx-video-btn-mute-shape{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.bxc.bx-base .bx-row-video .bx-vpaid-slot{position:absolute;top:0;left:0;z-index:1}.bxc.bx-base .bx-carb-trap.bx-input{opacity:0;width:0;height:0;padding:0;border:0;overflow:hidden}.bxc.bx-base .bx-gbi-frame{display:none}.bxc.bx-base.bx-impress .bx-gbi-frame{display:block}.bxc.bx-base .bx-close{z-index:2147483647;text-align:center;vertical-align:middle;display:none;position:absolute;cursor:pointer;top:12px;right:12px;width:26px;height:26px;border-width:0;border-radius:50%;padding:2px;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;stroke-width:2px;stroke:#b3b3b3;stroke-linejoin:miter;stroke-miterlimit:10;stroke-linecap:butt}.bxc.bx-base .bx-close:focus{box-shadow:0 0 0 2px #91c7ed}.bxc.bx-base .bx-close.bx-close-outside{position:fixed}.bxc.bx-base.bx-has-close-inside .bx-close.bx-close-inside,.bxc.bx-base.bx-has-close-outside .bx-close.bx-close-outside{display:block}.bxc.bx-base .bx-close .bx-close-xsvg{display:block;stroke:inherit;stroke-width:inherit;stroke-opacity:inherit;stroke-miterlimit:inherit;stroke-linecap:inherit;stroke-linejoin:inherit;stroke-dasharray:inherit;stroke-dashoffset:inherit}.bxc.bx-base .bx-powered{color:#fff;font-size:13px;font-family:"Segoe UI","Open Sans","Helvetica Neue",Helvetica,Arial}.bxc.bx-base .bx-powered a{text-decoration:none;text-transform:none}.bxc.bx-base .bx-powered a span{text-decoration:underline}.bxc.bx-base .bx-tail{position:absolute;display:block;width:30px;height:30px;fill:#fff}.bxc.bx-base .bx-tail-placement- .bx-tail,.bxc.bx-base .bx-tail-placement-none .bx-tail,.bxc.bx-base .bx-tail-placement-off .bx-tail{display:none}.bxc.bx-base .bx-tail-placement-top .bx-tail{top:0;left:50%;-webkit-transform:translate(-50%,-100%) rotate(180deg);-ms-transform:translate(-50%,-100%) rotate(180deg);transform:translate(-50%,-100%) rotate(180deg)}.bxc.bx-base .bx-tail-placement-right .bx-tail{top:50%;right:0;-webkit-transform:translate(100%,-50%) rotate(270deg);-ms-transform:translate(100%,-50%) rotate(270deg);transform:translate(100%,-50%) rotate(270deg)}.bxc.bx-base .bx-tail-placement-bottom .bx-tail{bottom:0;left:50%;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%)}.bxc.bx-base .bx-tail-placement-left .bx-tail{top:50%;left:0;-webkit-transform:translate(-100%,-50%) rotate(90deg);-ms-transform:translate(-100%,-50%) rotate(90deg);transform:translate(-100%,-50%) rotate(90deg)}.bxc.bx-base .bx-tail-placement-topright .bx-tail{top:0;right:0;-webkit-transform:translate(50%,-50%) rotate(225deg);-ms-transform:translate(50%,-50%) rotate(225deg);transform:translate(50%,-50%) rotate(225deg)}.bxc.bx-base .bx-tail-placement-bottomright .bx-tail{top:100%;right:0;-webkit-transform:translate(50%,-50%) rotate(315deg);-ms-transform:translate(50%,-50%) rotate(315deg);transform:translate(50%,-50%) rotate(315deg)}.bxc.bx-base .bx-tail-placement-bottomleft .bx-tail{top:100%;left:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bxc.bx-base .bx-tail-placement-topleft .bx-tail{top:0;left:0;-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bxc.bx-base .bx-ally-label,.bxc.bx-base .bx-ally-tab-decoy,.bxc.bx-base .bx-ally-title{width:1px;height:1px;padding:0;border:0;overflow:hidden;opacity:0;position:fixed;z-index:-1}.bxc.bx-base .bx-ally-label{position:absolute}.bxc.bx-ally .bx-close:focus,.bxc.bx-ally .bx-row-checkbox .bx-checkelem:focus+.bx-checkshape,.bxc.bx-ally .bx-row-radio .bx-radioelem:focus+.bx-radioshape{box-shadow:none}.bxc.bx-ally .bx-row-checkbox .bx-checkelem:focus+.bx-checkshape,.bxc.bx-ally .bx-row-input [type=""]:focus,.bxc.bx-ally .bx-row-input [type=color]:focus,.bxc.bx-ally .bx-row-input [type=date]:focus,.bxc.bx-ally .bx-row-input [type=datetime-local]:focus,.bxc.bx-ally .bx-row-input [type=datetime]:focus,.bxc.bx-ally .bx-row-input [type=email]:focus,.bxc.bx-ally .bx-row-input [type=month]:focus,.bxc.bx-ally .bx-row-input [type=number]:focus,.bxc.bx-ally .bx-row-input [type=password]:focus,.bxc.bx-ally .bx-row-input [type=search]:focus,.bxc.bx-ally .bx-row-input [type=tel]:focus,.bxc.bx-ally .bx-row-input [type=text]:focus,.bxc.bx-ally .bx-row-input [type=time]:focus,.bxc.bx-ally .bx-row-input [type=url]:focus,.bxc.bx-ally .bx-row-input [type=week]:focus,.bxc.bx-ally .bx-row-radio .bx-radioelem:focus+.bx-radioshape,.bxc.bx-ally .bx-row-select .bx-selectelem:focus,.bxc.bx-ally .bx-row-submit .bx-button:focus,.bxc.bx-ally .bx-row-textarea .bx-textarea:focus,.bxc.bx-ally .bx-row-video .bx-video-btn:focus,.bxc.bx-ally a:focus,.bxc.bx-ally button:focus,.bxc.bx-ally form:focus{outline:#91c7ed solid 3px} /* source: inline */ .noOutline { outline: none !important; } .wcagOutline:focus { outline: rgb(89, 89, 89) dashed 1px !important; outline-offset: 2px !important; transition: none !important; } /* source: inline */ #launcher { display: block !important; } /* source: https://forms.zetaglobal.net/w37htfhcq2/static/fb_lightbox.2.1.5.css?cb=20240725 */ .fb_lightbox-wrap, .fb_lightbox-skin, .fb_lightbox-outer, .fb_lightbox-inner, .fb_lightbox-image, .fb_lightbox-wrap iframe, .fb_lightbox-wrap object, .fb_lightbox-nav, .fb_lightbox-nav span, .fb_lightbox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fb_lightbox-wrap { position: absolute; top: 0; left: 0; z-index: 9948020; } .fb_lightbox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: transparent !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; } .fb_lightbox-opened { z-index: 9948030; } .fb_lightbox-opened .fb_lightbox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fb_lightbox-outer, .fb_lightbox-inner { position: relative; } .fb_lightbox-inner { overflow: hidden !important; } .fb_lightbox-type-iframe .fb_lightbox-inner { -webkit-overflow-scrolling: touch; overflow: hidden !important; } .fb_lightbox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fb_lightbox-image, .fb_lightbox-iframe { display: block; width: 100%; height: 100%; } .fb_lightbox-image { max-width: 100%; max-height: 100%; } #fb_lightbox-loading, .fb_lightbox-close, .fb_lightbox-prev span, .fb_lightbox-next span { background-image: url("https://forms.zetaglobal.net/w37htfhcq2/static/fb_lightbox_sprite.png"); display: none !important; } #fb_lightbox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 9948060; } #fb_lightbox-loading div { width: 44px; height: 44px; background: url("https://forms.zetaglobal.net/w37htfhcq2/static/fb_lightbox_loading.gif") center center no-repeat; } .fb_lightbox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 9948040; } .fb_lightbox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("https://forms.zetaglobal.net/w37htfhcq2/static/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 9948040; } .fb_lightbox-prev { left: 0; } .fb_lightbox-next { right: 0; } .fb_lightbox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 9948040; visibility: hidden; } .fb_lightbox-prev span { left: 10px; background-position: 0 -36px; } .fb_lightbox-next span { right: 10px; background-position: 0 -72px; } .fb_lightbox-nav:hover span { visibility: visible; } .fb_lightbox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fb_lightbox-lock { overflow: hidden !important; width: auto; } .fb_lightbox-lock body { overflow: hidden !important; } /*.fb_lightbox-lock-test { overflow-y: hidden !important; }*/ .fb_lightbox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 9948010; background: url("https://forms.zetaglobal.net/w37htfhcq2/static/fb_lightbox_overlay.png"); } .fb_lightbox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fb_lightbox-lock .fb_lightbox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fb_lightbox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 9948050; } .fb_lightbox-opened .fb_lightbox-title { visibility: visible; } .fb_lightbox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 9948050; text-align: center; } .fb_lightbox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fb_lightbox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fb_lightbox-title-inside-wrap { padding-top: 10px; } .fb_lightbox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fb_lightbox-loading, .fb_lightbox-close, .fb_lightbox-prev span, .fb_lightbox-next span { background-image: url("https://forms.zetaglobal.net/w37htfhcq2/static/fb_lightbox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fb_lightbox-loading div { background-image: url("https://forms.zetaglobal.net/w37htfhcq2/static/fb_lightbox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* source: inline */ .fb_lightbox-margin { margin-right: 0px; } /* source: https://www.ralphlauren.co.uk/on/demandware.static/-/Sites-RalphLauren_EU-Library/default/_common/css/rlc-ticker.1.1.min.css */ @media screen and (min-width: 960px) { #rlc-ticker-wrapper .swiper-wrapper { align-items: center; } #rlc-ticker-wrapper .rlc-ticker-item { padding: 0px; font-size: 0.6875rem; } #rlc-ticker-wrapper .rlc-ticker-item a { font-size: inherit; } .header-banner { min-height: 19px; } .utility-nav, .utility-nav .country-selector-wrapper .country-selector .current-country, .utility-nav .stores.desktop-only a { height: 19px; } .header-banner .utility-nav .country-selector-wrapper.desktop-only .country-selector .current-country::before, .header-banner .utility-nav .country-selector-wrapper.desktop-only .country-selector .current-country button, .header-banner .utility-nav .stores.desktop-only a::before, .header-banner .utility-nav .stores.desktop-only a span { color: rgb(255, 255, 255); } .header-banner.lightgrey .utility-nav .country-selector-wrapper.desktop-only .country-selector .current-country::before, .header-banner.lightgrey .utility-nav .country-selector-wrapper.desktop-only .country-selector .current-country button, .header-banner.lightgrey .utility-nav .stores.desktop-only a::before, .header-banner.lightgrey .utility-nav .stores.desktop-only a span { color: rgb(157, 159, 163); } } .header-banner { background-color: rgb(4, 30, 58); } .header-banner.lightgrey { background-color: rgb(255, 255, 255); } .header-banner #rlc-ticker-wrapper, .header-banner .header-promotion { background-color: transparent; } #rlc-ticker-wrapper, #rlc-ticker-wrapper a, #rlc-ticker-wrapper a:hover { text-align: center; color: rgb(255, 255, 255); text-decoration: none; } .header-banner.lightgrey #rlc-ticker-wrapper, .header-banner.lightgrey #rlc-ticker-wrapper a, .header-banner.lightgrey #rlc-ticker-wrapper a:hover { color: rgb(157, 159, 163); } #rlc-ticker-wrapper a span.rl-link-underline { margin-left: 0.8em; text-transform: capitalize; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } #rlc-ticker-wrapper a:hover { text-decoration: underline; } #rlc-ticker-wrapper .rlc-slide { position: relative; padding: 0px 1em; box-sizing: border-box; opacity: 0 !important; transition-duration: 1.2s !important; } #rlc-ticker-wrapper .rlc-slide.swiper-slide-active, #rlc-ticker-wrapper .rlc-ticker:not(.swiper-container-horizontal) .rlc-slide:first-of-type { opacity: 1 !important; } #rlc-ticker-wrapper .rlc-slide.swiper-slide-active { transition-delay: 0.3s; } .is-ie #navigation { z-index: 1; } @media (max-width: 959px) { .header-banner #rlc-ticker-wrapper, .header-banner .header-promotion { height: 100%; } #rlc-ticker-wrapper { padding: 5px; } #rlc-ticker-wrapper .swiper-wrapper { display: flex; width: 100%; height: 100%; min-height: 24px; align-items: center; } #rlc-ticker-wrapper, #rlc-ticker-wrapper a, #rlc-ticker-wrapper a:hover { font-size: 10px; } #rlc-ticker-wrapper .rlc-link-underline { text-decoration: underline; } } @media only screen and (max-width: 767px) { .rlc-carousel .rlc-slide.swiper-slide-active .rlc-fadein { opacity: 1; width: auto; transform: none; } } /* source: inline */ #rlc-10242024-eu-men-brand-card .rlc-copygroup { width: 100%; } @media screen and (min-width: 960px) { .rlc-flyout#rlc-10242024-eu-men-brand-card { background-image: url("../../assets/images/w_polo_brand_flyout_c01_bg.jpg"); } #rlc-10242024-eu-men-brand-card .rlc-copygroup { padding: 0px 0.5em; } #rlc-10242024-eu-men-brand-card.rlc-flyout.rlc-flyout_brands .rlc-brand_polo .rlc-logo, #rlc-10242024-eu-men-brand-card.rlc-flyout.rlc-flyout_brands .rlc-brand_rrl .rlc-logo, #rlc-10242024-eu-men-brand-card.rlc-flyout.rlc-flyout_brands .rlc-brand_rlx .rlc-logo, #rlc-10242024-eu-men-brand-card.rlc-flyout.rlc-flyout_brands .rlc-brand_purple .rlc-logo { width: 100%; } } @media screen and (max-width: 959px) { #rlc-10242024-eu-men-brand-card .rlc-copygroup { padding: 0px 0.2em; } #rlc-10242024-eu-men-brand-card.rlc-flyout.rlc-flyout_brands .rlc-brand_polo .rlc-logo, #rlc-10242024-eu-men-brand-card.rlc-flyout.rlc-flyout_brands .rlc-brand_rrl .rlc-logo, #rlc-10242024-eu-men-brand-card.rlc-flyout.rlc-flyout_brands .rlc-brand_rlx .rlc-logo, #rlc-10242024-eu-men-brand-card.rlc-flyout.rlc-flyout_brands .rlc-brand_purple .rlc-logo { width: 100%; } } /* source: inline */ @media screen and (min-width: 768px) { .rlc-flyout#rlc-07102025-eu-w-brand-flyout.rlc-images_loaded--all { background-image: url("../../assets/images/w_polo_brand_flyout_c01_bg.jpg"); } } /* source: inline */ .rlc-flyout#rlc-07102025-eu-w-brand-flyout .rlc-copygroup .rlc-logo { width: 100%; } .rlc-flyout#rlc-07102025-eu-w-brand-flyout .rlc-copygroup { width: 100%; padding: 0px 0.5em; } @media screen and (max-width: 959px) { .rlc-flyout#rlc-07102025-eu-w-brand-flyout .rlc-copygroup { padding: 0px 0.2em; } } /* source: inline */ @media screen and (max-width: 959px) { #rlc-04032025-eu-kids-flyout.rlc-flyout_highlights .rlc-scroller { width: auto; } [lang^="ar"] #rlc-04032025-eu-kids-flyout.rlc-flyout_highlights .rlc-scroll_wrapper { padding-right: 0px; } } /* source: inline */ #rlc-04032025-eu-kids-flyout.rlc-flyout .rlc-tile .rlc-copygroup .rlc-mlb-co { bottom: -3.75em; right: 1.75em; font-size: 0.48125em; letter-spacing: 0.091em; } @media screen and (max-width: 959px) { #rlc-04032025-eu-kids-flyout.rlc-flyout .rlc-tile .rlc-copygroup .rlc-mlb-co { font-family: "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.45em; bottom: -2em; } } /* source: inline */ .fr#rlc-06052025-eu-home-flyout .rlc-tile3 .rlc-copygroup, .pt#rlc-06052025-eu-home-flyout.rlc-flyout .rlc-tile3 .rlc-copygroup { padding: 0px 0.75em; } @media screen and (max-width: 959px) { #rlc-06052025-eu-home-flyout.rlc-flyout_highlights .rlc-scroller { width: auto; } [lang^="ar"] #rlc-06052025-eu-home-flyout.rlc-flyout_highlights .rlc-scroll_wrapper { padding-right: 0px; } #rlc-06052025-eu-home-flyout.rlc-flyout .rlc-tile .rlc-title { font-size: 0.75em; line-height: 1.16667em; } .fr#rlc-06052025-eu-home-flyout.rlc-flyout .rlc-tile3 .rlc-copygroup, .pt#rlc-06052025-eu-home-flyout.rlc-flyout .rlc-tile3 .rlc-copygroup { padding: 0px 0.7em; } } /* source: inline */ #rlc-06052025-eu-home-flyout.rlc-flyout .rlc-tile .rlc-copygroup .rlc-mlb-co { left: 2em; bottom: -2.75em; font-size: 0.688em; letter-spacing: 0.091em; } @media screen and (max-width: 959px) { #rlc-06052025-eu-home-flyout.rlc-flyout .rlc-tile .rlc-copygroup .rlc-mlb-co { font-size: 0.45em; bottom: -2em; left: 1.75em; } } /* source: inline */ #rlc-10112023-eu-autumn-offers-flyout.rlc-flyout_promo .rlc-tile .rlc-copygroup { pointer-events: none; inset: 50% auto auto 50%; transform: translate(-50%, -50%); padding: 0px 1em; width: 100%; } #rlc-10112023-eu-autumn-offers-flyout.rlc-flyout .rlc-tile .rlc-title { font-size: 1.75em !important; line-height: 1.5em; } #rlc-10112023-eu-autumn-offers-flyout.rlc-flyout .rlc-tile .rlc-dek { font-family: "Founders Grotesk Text Regular", Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.089em; line-height: 1.4; margin: 1em auto 0px; font-size: 0.925em !important; } @media screen and (max-width: 767px) { #rlc-10112023-eu-autumn-offers-flyout.rlc-flyout .rlc-tile .rlc-dek { margin: 0.5em auto 0px; } } /* source: inline */ .rlc-search-tile h4 { font-family: RL_DroidKufi, "Times New Roman", Times, serif; font-weight: 400; font-style: normal; font-size: 1.18rem; letter-spacing: 0.03em; margin: 0px; } .rlc-search-tile .rlc-all-pos-bottom-left { padding: 0px 0px 1.3rem 1.2rem; } .rlc-search-tile .rlc-cta-wrapper { margin-top: 0.5rem; } .rlc-search-tile .rlc-all-color-light a { color: rgb(255, 255, 255); font-size: 0.6875rem; letter-spacing: 0.0625em; line-height: 0.9em; margin-right: 1em; position: relative; text-transform: uppercase; } .rlc-search-tile .rlc-all-color-light a::after { content: ""; position: absolute; top: auto; bottom: -5px; left: 0px; width: 100%; border-bottom: 1px solid rgb(255, 255, 255); } .rlc-search-tile .rlc-all-color-light a:hover, .rlc-search-tile .rlc-all-color-light a:active { text-decoration: none; } @media only screen and (max-width: 859px) { .rlc-search-tile h4 { font-size: 1.0625rem; } .rlc-search-tile .rlc-all-color-light a { font-size: 0.625rem; } } /* source: https://www.ralphlauren.co.uk/on/demandware.static/-/Library-Sites-RalphLauren_EU_Library/en_GB/v1785482969300/_common/css/rlc-flyout.0.4.7.min.css */ :root { --scrollbar-width: 0px; } @media only screen and (min-width: 960px) { .rlc-creative_v3.rlc-flyout .rlc-fullbleed { max-width: 1920px; } .rlc-creative_v3.rlc-flyout .rlc-mobile { display: none; } } @media only screen and (max-width: 959px) { .rlc-creative_v3.rlc-flyout .rlc-desktop { display: none; } } @media only screen and (min-width: 960px) and (max-width: 1919px) { .rlc-creative_v3.rlc-flyout .rlc-fullbleed { font-size: calc(.0111111111111 * (100vw - var(--scrollbar-width))) !important; } } @media only screen and (min-width: 1920px) { .rlc-creative_v3.rlc-flyout.rlc-1440_375_max1920 .rlc-fullbleed { font-size: 21.3333px !important; max-width: 1920px; } } @media only screen and (min-width: 960px) and (max-width: 1919px) { .rlc-creative_v3.rlc-flyout.rlc-1440_375_max1920 .rlc-fullbleed { font-size: calc(.0111111111111 * (100vw - var(--scrollbar-width))) !important; } } @media only screen and (max-width: 959px) { .rlc-creative_v3.rlc-flyout.rlc-1440_375_max1920 .rlc-fullbleed { font-size: calc(.04266666666666667 * (100vw - var(--scrollbar-width))) !important; } } .rlc-creative_v3.rlc-flyout { color: currentcolor; overflow: hidden; } .rlc-creative_v3.rlc-flyout .rlc-fullbleed { transition: font-size 0.1s ease-in-out; } .rlc-creative_v3.rlc-flyout .rlc-block { position: relative; } .rlc-creative_v3.rlc-flyout .rlc-imagery { position: relative; background: rgb(238, 238, 238); } .rlc-creative_v3.rlc-flyout .rlc-tile .rlc-imagery .rlc-image { opacity: 0; transition: opacity 0.5s; } .rlc-creative_v3.rlc-flyout.rlc-images_loaded--all .rlc-tile.rlc-isvisible .rlc-imagery .rlc-image { opacity: 1; } .rlc-creative_v3.rlc-flyout .rlc-hotspot { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .rlc-creative_v3.rlc-flyout .rlc-blockspacer { margin-bottom: 6.875em; } .rlc-creative_v3.rlc-flyout a { pointer-events: all; color: currentcolor; } .rlc-creative_v3.rlc-flyout a:hover { text-decoration: none; } .rlc-creative_v3.rlc-flyout .rlc-h1, .rlc-creative_v3.rlc-flyout .rlc-h2, .rlc-creative_v3.rlc-flyout .rlc-h3 { margin: 0px; padding: 0px; font-weight: 400; } .rlc-creative_v3.rlc-flyout address { margin: 0px; font-style: normal; pointer-events: auto; } .rlc-creative_v3.rlc-flyout .rlc-button { background: 0px 0px; color: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; font: inherit; cursor: pointer; outline: inherit; min-height: 0px; margin: 0px auto; letter-spacing: initial; text-transform: inherit; width: auto; } .rlc-creative_v3.rlc-flyout .content-asset .rlc-ol, .rlc-creative_v3.rlc-flyout .content-asset .rlc-ul, .rlc-creative_v3.rlc-flyout .rlc-ol, .rlc-creative_v3.rlc-flyout .rlc-ul { line-height: initial; margin: 0px auto; padding: initial; list-style-position: outside; } .rlc-creative_v3.rlc-flyout .content-asset .rlc-ul, .rlc-creative_v3.rlc-flyout .rlc-ul { line-height: initial; margin: 0px auto; padding: initial; list-style: outside none disc; } .rlc-creative_v3.rlc-flyout .content-asset .rlc-ol .rlc-li, .rlc-creative_v3.rlc-flyout .content-asset .rlc-ul .rlc-li, .rlc-creative_v3.rlc-flyout .rlc-ol .rlc-li, .rlc-creative_v3.rlc-flyout .rlc-ul .rlc-li { text-align: left; } .rlc-creative_v3.rlc-flyout .rlc-h2, .rlc-creative_v3.rlc-flyout .rlc-h3, .rlc-creative_v3.rlc-flyout .rlc-p { line-height: normal; letter-spacing: normal; margin: 0px auto; color: currentcolor; } .rlc-creative_v3.rlc-flyout.rlc-images_loaded--all .rlc-tile:nth-of-type(2).rlc-isvisible .rlc-imagery .rlc-image { transition-delay: 150ms; } .rlc-creative_v3.rlc-flyout.rlc-images_loaded--all .rlc-tile:nth-of-type(3).rlc-isvisible .rlc-imagery .rlc-image { transition-delay: 0.3s; } .rlc-creative_v3.rlc-flyout.rlc-images_loaded--all .rlc-tile:nth-of-type(4).rlc-isvisible .rlc-imagery .rlc-image { transition-delay: 450ms; } @media only screen and (max-width: 959px) { .rlc-creative_v3.rlc-flyout { width: 100%; overflow: hidden; } .rlc-creative_v3.rlc-flyout .rlc-blockspacer { margin-bottom: 7.125em; } } .rlc-creative_v3.rlc-flyout .rlc-tile .rlc-copygroup { pointer-events: none; padding: 0px 1.393em; width: 100%; } .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-category_carousel .rlc-copygroup .rlc-linecta { padding: 0px; } .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-category_carousel .rlc-copygroup .rlc-linecta::after { display: none; } .rlc-creative_v3.rlc-flyout .rlc-logo { width: 100%; } @media only screen and (min-width: 960px) { .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-category_carousel .swiper-container-horizontal > .swiper-scrollbar { bottom: 0px; } } @media only screen and (max-width: 959px) { .rlc-flyout .rlc-tile .rlc-cat_name { display: none; } .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-banner .swiper-pagination { height: 6.953em; align-items: center; } } .rlc-flyout .rlc-visuallyhidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .rlc-carousel_flyout { margin: 0px auto; } .rlc-carousel_flyout .swiper-lazy { opacity: 0; transition: opacity 450ms linear; } .rlc-carousel_flyout .swiper-lazy.swiper-lazy-loaded { opacity: 1; } .rlc-carousel_flyout .swiper-wrapper { height: auto; } .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-carousel-nointeraction .swiper-wrapper { justify-content: flex-start; } .rlc-carousel_flyout.rlc-carousel-nointeraction .swiper-button-prev, .rlc-carousel_flyout.rlc-carousel-nointeraction .swiper-slide-duplicate.swiper-slide-prev { opacity: 0; visibility: hidden; } .rlc-carousel_flyout.rlc-all-show_prev_btn.rlc-carousel-nointeraction .swiper-button-prev { opacity: 1; visibility: visible; } .rlc-carousel_flyout .swiper-pagination-bullet { flex-grow: 1; border-radius: 0px; } .rlc-carousel_flyout .rlc-carousel-arrow, .rlc-carousel_flyout .rlc-hasarrows .rlc-arrow { top: 50%; margin: 0px; width: 32px; height: 32px; transform: translateY(-50%); background: rgba(255, 255, 255, 0.8); border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: 7; display: inline-block; padding: 0px; cursor: pointer; max-width: none; min-height: auto; font-size: 1em; } .rlc-carousel_flyout .rlc-hasarrows .rlc-arrow { top: auto; transform: none; } .rlc-carousel_flyout .rlc-carousel-arrow::after, .rlc-carousel_flyout .rlc-hasarrows .rlc-arrow::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; opacity: 0.8; border-right: 1px solid rgb(0, 0, 0) !important; border-bottom: 1px solid rgb(0, 0, 0) !important; } .rlc-carousel_flyout .rlc-carousel-arrow.rlc-carousel-arrow-left::after, .rlc-carousel_flyout .rlc-hasarrows .rlc-arrow.rlc-arrow-left::after { transform: translate(-2px, -50%) rotate(134deg); } .rlc-carousel_flyout .rlc-carousel-arrow.rlc-carousel-arrow-right::after, .rlc-carousel_flyout .rlc-hasarrows .rlc-arrow.rlc-arrow-right::after { transform: translate(-6px, -50%) rotate(-45deg); } .rlc-carousel_flyout .swiper-button-prev { left: calc(1.21875em); } .rlc-carousel_flyout .swiper-button-next { right: calc(1.21875em); } @media screen and (min-width: 960px) { .rlc-carousel_flyout.rlc-desktop-show_prev_btn.rlc-carousel-nointeraction .swiper-button-prev { opacity: 1; visibility: visible; } } @media screen and (max-width: 959px) { .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-carousel-nointeraction .swiper-wrapper { flex-direction: row !important; justify-content: flex-start !important; } .rlc-carousel_flyout.rlc-mobile-show_prev_btn.rlc-carousel-nointeraction .swiper-button-prev { opacity: 1; visibility: visible; } } .rlc-carousel_flyout .rlc-carousel-pagination.swiper-pagination-fraction { top: -4.2em; transform: none; left: auto; right: -1em; font-size: 0.625rem; line-height: 0.7em; } .rlc-carousel_flyout .rlc-carousel-pagination.swiper-pagination-bullet { bottom: -1.875em; width: 15em; height: 3.25em; display: flex; justify-content: center; left: 50%; transform: translateX(-50%); } .rlc-carousel_flyout .swiper-pagination-bullet { position: relative; margin: 0px 5.25px; height: 30px; background: 0px 0px; opacity: 1; } .rlc-carousel_flyout .swiper-pagination-bullet::after, .rlc-carousel_flyout .swiper-pagination-bullet::before { content: ""; position: absolute; top: 50%; left: 0px; height: 2px; width: 100%; background: rgb(0, 0, 0); transform: translateY(-50%); opacity: 0.1; transition: opacity 450ms linear, height 0.3s ease-in; } .rlc-carousel_flyout .swiper-pagination-bullet:hover::after, .rlc-carousel_flyout .swiper-pagination-bullet:hover::before { height: 3px; } .rlc-carousel_flyout:not(.inTransition) .swiper-pagination-bullet-active::before { opacity: 1; } .rlc-carousel_flyout .swiper-pagination-bullet::after { opacity: 0; } .rlc-carousel_flyout .swiper-pagination-bullet-active::after { width: 100%; } .rlc-carousel_flyout.inTransitionPrev .swiper-pagination-bullet::after { left: auto; right: 0px; } .rlc-carousel_flyout .rlc-carousel-scrollbar { background: 0px 0px; opacity: 1; bottom: 0px; left: 0px; width: 95.5%; height: 8px; transition: opacity 0.6s linear 0.9s; cursor: pointer; } .rlc-carousel_flyout .swiper-scrollbar-drag { background: 0px 0px; } .rlc-carousel_flyout .rlc-carousel-scrollbar::before, .rlc-carousel_flyout .swiper-scrollbar-drag::after { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; height: 2px; transform: translateY(-50%); opacity: 0; transition: opacity 0.6s linear 0.9s, height 0.3s ease-in; } .rlc-carousel_flyout .rlc-carousel-scrollbar::before { background: rgb(225, 225, 229); } .rlc-carousel_flyout .swiper-scrollbar-drag::after { background: rgb(4, 30, 58); } .rlc-carousel_flyout .rlc-carousel-scrollbar:active .swiper-scrollbar-drag::after, .rlc-carousel_flyout .rlc-carousel-scrollbar:active::before, .rlc-carousel_flyout .rlc-carousel-scrollbar:hover .swiper-scrollbar-drag::after, .rlc-carousel_flyout .rlc-carousel-scrollbar:hover::before, .rlc-carousel_flyout:hover .rlc-carousel-scrollbar .swiper-scrollbar-drag::after, .rlc-carousel_flyout:hover .rlc-carousel-scrollbar::before { opacity: 1; transition-delay: 0s; } .rlc-carousel_flyout .rlc-carousel-scrollbar:active .swiper-scrollbar-drag::after, .rlc-carousel_flyout .rlc-carousel-scrollbar:active::before, .rlc-carousel_flyout .rlc-carousel-scrollbar:hover .swiper-scrollbar-drag::after, .rlc-carousel_flyout .rlc-carousel-scrollbar:hover::before { height: 4px; } @supports (-webkit-overflow-scrolling:touch) { .rlc-carousel_flyout .rlc-carousel-scrollbar { opacity: 1; } } .rlc-carousel_flyout .rlc-slide .rlc-fadein { opacity: 0; transition: opacity 150ms linear; } .rlc-carousel_flyout.inTransition .rlc-slide .rlc-fadein { opacity: 0; animation: 450ms ease 0s 1 normal forwards running CAROUSEL-TEXT-FADEIN; } @keyframes CAROUSEL-TEXT-FADEIN { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } .rlc-carousel_flyout .rlc-slide.rlc-isvisible .rlc-fadein { opacity: 1; } .rlc-carousel_flyout.inTransition .rlc-slide .rlc-fadein { opacity: 0; transition: opacity 75ms linear; } .rlc-carousel_flyout.isDragging .rlc-slide .rlc-fadein { opacity: 0; animation: auto ease 0s 1 normal none running none; } @media screen and (min-width: 960px) { .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-carousel-nointeraction .swiper-wrapper .rlc-slide { width: 25%; margin: 0px auto; } .rlc-carousel_flyout.rlc-desktop--static, .rlc-carousel_flyout.rlc-desktop--static .swiper-container { overflow: visible; } .rlc-carousel_flyout.rlc-desktop--static .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; } .rlc-carousel_flyout.rlc-desktop--static .swiper-slide-duplicate { display: none; } .rlc-carousel_flyout.rlc-desktop--static .rlc-carousel-arrow, .rlc-carousel_flyout.rlc-desktop--static .rlc-carousel-pagination { display: none; } .rlc-flyout.rlc-flyout_brands.rlc-flyout_brands--static .rlc-flyout_wrapper { width: calc(100% + 0.9375em); margin-left: -0.46875em; } } @media screen and (max-width: 959px) { .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-carousel-nointeraction .swiper-wrapper .rlc-slide { margin: 0px auto; } .rlc-carousel_flyout .rlc-carousel-arrow { display: none; } .rlc-carousel_flyout { margin: 0px auto; width: 100%; } .rlc-carousel_flyout .rlc-carousel_wrapper { overflow: visible; } .rlc-carousel_flyout .rlc-slide { width: 100%; } .rlc-carousel_flyout.rlc-s2_peek-m .rlc-slide { width: 26.8125em; box-sizing: initial; padding: 0px 1.59375em; } .rlc-carousel_flyout:not(.rlc-category_carousel) .rlc-slide .rlc-copygroup { width: 100%; transform: translateX(-6.625em); } .rlc-carousel_flyout .rlc-carousel-pagination { width: 24em; } .rlc-carousel_flyout.inTransition .rlc-slide .rlc-fadein, .rlc-carousel_flyout.isDragging .rlc-slide .rlc-fadein { opacity: 1; animation: auto ease 0s 1 normal none running none; } .rlc-carousel_flyout.rlc-mobile--static, .rlc-carousel_flyout.rlc-mobile--static .swiper-container { overflow: visible; } .rlc-flyout .rlc-carousel_flyout.rlc-mobile--static .rlc-carousel_wrapper { margin-left: 0px; } .rlc-flyout .rlc-carousel_flyout.rlc-mobile--static .swiper-wrapper { flex-wrap: wrap; width: 100%; transform: translate3d(0px, 0px, 0px) !important; } .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-carousel-nointeraction.rlc-mobile--static .swiper-wrapper .rlc-slide, .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-mobile--static .swiper-wrapper .rlc-slide, .rlc-flyout .rlc-carousel_flyout.rlc-mobile--static .rlc-slide, .rlc-flyout.rlc-flyout_brands--static .rlc-tile { width: 50%; box-sizing: border-box; margin-bottom: 0.625em; padding: 0px 0.3125em; } .rlc-flyout .rlc-carousel_flyout.rlc-mobile--static .rlc-slide .rlc-copygroup, .rlc-flyout.rlc-flyout_brands--static .rlc-tile .rlc-copygroup { padding: inherit; } .rlc-flyout .rlc-carousel_flyout.rlc-mobile--static .swiper-slide-duplicate { display: none; } .rlc-flyout .rlc-carousel_flyout.rlc-mobile--static .rlc-carousel-arrow, .rlc-flyout .rlc-carousel_flyout.rlc-mobile--static .rlc-carousel-pagination { display: none; } .rlc-flyout.rlc-flyout_brands--static .rlc-tile:nth-last-of-type(2n) { padding-left: 0px; padding-right: 0.3125em; } .rlc-flyout.rlc-flyout_brands--static .rlc-tile:nth-last-of-type(2n+1) { padding-left: 0.3125em; padding-right: 0px; } } @supports (-webkit-overflow-scrolling:touch) { .rlc-carousel_flyout.inTransition .rlc-slide .rlc-fadein, .rlc-carousel_flyout.isDragging .rlc-slide .rlc-fadein { animation: auto ease 0s 1 normal none running none; } } .rlc-carousel_flyout [aria-hidden="true"] a:not([tabindex="-1"]) { visibility: hidden; } .rlc-carousel_flyout.rlc-category_carousel [aria-hidden="true"] a:not([tabindex="-1"]) { visibility: visible; } .rlc-carousel_flyout .rlc-slide.rlc-isvisible a, .rlc-carousel_flyout.inTransition [aria-hidden="true"] a { visibility: visible; } .rlc-carousel_flyout .rlc-slide:focus, .rlc-carousel_flyout .rlc-slide:focus-within .rlc-fadein, .rlc-carousel_flyout .rlc-slide:focus-within .rlc-image { opacity: 1; visibility: visible; } @media screen and (max-width: 959px) { .rlc-carousel_flyout.rlc-carousel-nointeraction .swiper-slide-duplicate { visibility: hidden; } } [lang^="ar"] .rlc-carousel_flyout .swiper-pagination { right: 50%; transform: translate(50%); } [lang^="ar"] .rlc-carousel_flyout.rlc-category_carousel { margin-left: 0px; } [lang^="ar"] .rlc-carousel_flyout.rlc-category_carousel .rlc-carousel-arrow { display: block; } .rlc-flyout .rlc-lazyLoad::after { display: none; } .rlc-flyout .rlc-imagery .rlc-bg_link { width: 100%; display: block !important; } .rlc-flyout .rlc-carousel_flyout { width: 100%; margin-left: 0px; padding-right: 0px; } .rlc-flyout .rlc-carousel_flyout .rlc-carousel_wrapper { margin-left: -0.46875em; } .rlc-flyout.rlc-flyout_brands .rlc-flyout_wrapper { display: flex; flex-wrap: wrap; width: 100%; } .rlc-flyout .rlc-carousel_flyout .rlc-slide { width: 25%; min-width: 15.75em; padding: 0px 0.46875em; } .rlc-flyout .rlc-carousel_flyout .rlc-slide .rlc-copygroup, .rlc-flyout .rlc-carousel_flyout .rlc-tile .rlc-copygroup, .rlc-flyout.rlc-flyout_brands .rlc-tile .rlc-copygroup { bottom: 2.1875em; } .rlc-flyout .rlc-slide .rlc-logo, .rlc-flyout.rlc-flyout_brands .rlc-slide .rlc-logo { width: 100%; max-width: 100%; } .rlc-flyout .rlc-carousel_flyout .rlc-carousel-scrollbar { display: none; } .rlc-flyout .rlc-slide.rlc-slide_polo .rlc-logo, .rlc-flyout .rlc-tile.rlc-tile_polo .rlc-logo, .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_polo .rlc-logo { width: 8.125em; } .rlc-flyout .rlc-slide.rlc-slide_purple .rlc-logo, .rlc-flyout .rlc-tile.rlc-tile_purple .rlc-logo, .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_purple .rlc-logo { width: 6.367em; } .rlc-flyout .rlc-slide.rlc-slide_rrl .rlc-logo, .rlc-flyout .rlc-tile.rlc-tile_rrl .rlc-logo, .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_rrl .rlc-logo { width: 6.711em; } .rlc-flyout .rlc-slide.rlc-slide_rlx .rlc-logo, .rlc-flyout .rlc-tile.rlc-tile_rlx .rlc-logo, .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_rlx .rlc-logo { width: 11.2125em; } @media screen and (min-width: 960px) { .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_polo-by .rlc-logo { width: 9.02em; } .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_collection .rlc-logo, .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_purple .rlc-logo { width: 11.08em; } .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_lauren .rlc-logo { width: 10.23em; } .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_rrl .rlc-logo { width: 11.25em; } } @media screen and (max-width: 959px) { .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_polo-by .rlc-logo { width: 5.18em; } .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_collection .rlc-logo { width: 6.36em; } .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_lauren .rlc-logo { width: 5.87em; } .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_rrl .rlc-logo { width: 6.25em; } } @media screen and (min-width: 960px) { .rlc-flyout_t1 { padding: 0 var(--header-content-gutter); } div.level-3 .menu-wrap .rlc-flyout .nav { padding: 2.1875rem 0px 0px; } .rlc-flyout .rlc-carousel_flyout .rlc-slide, .rlc-flyout.rlc-flyout_brands .rlc-tile { width: 25%; padding: 0px 0.46875em; } } @media screen and (min-width: 1440px) { div.level-3 .menu-wrap .rlc-flyout .nav { padding: 3.5rem 0px 0px; } } @media screen and (min-width: 960px) { .level-3, .rlc-flyout { background-position: center center; background-repeat: no-repeat; background-size: cover; } .rlc-flyout .rlc-carousel_flyout.rlc-desktop--static .rlc-carousel_wrapper { margin-left: -0.234375em; } .rlc-flyout .rlc-desktop--static .rlc-carousel-arrow { display: none; } } @media screen and (max-width: 959px) { .rlc-flyout .rlc-carousel_flyout { padding: 0px 0px 0px 1.875rem; } } @media screen and (max-width: 959px) { .rlc-flyout_t1 { padding: 0px 1.875rem; } div.level-2 .menu-wrap .rlc-flyout .nav { padding: 1.25em 0px 0px; } .rlc-flyout .rlc-carousel_flyout { padding: 0px; margin-bottom: 0px; } .rlc-flyout .rlc-carousel_flyout .rlc-carousel_wrapper { margin-left: -0.15625em; padding-right: 0px; } .rlc-flyout .rlc-carousel_flyout .swiper-wrapper { justify-content: flex-start; } .rlc-flyout .rlc-carousel_flyout .rlc-slide { width: 8.8125em; min-width: auto; padding: 0px 0.15625em; } .rlc-flyout .rlc-carousel_flyout .rlc-slide .rlc-imagery, .rlc-flyout.rlc-flyout_brands .rlc-tile .rlc-imagery { min-height: 11.25em; } .rlc-flyout .rlc-carousel_flyout .rlc-slide .rlc-copygroup, .rlc-flyout.rlc-flyout_brands .rlc-tile .rlc-copygroup { bottom: 1.04625em; transform: none; width: 100%; left: 0px; } .rlc-flyout .rlc-carousel_flyout .rlc-slide .rlc-logo, .rlc-flyout.rlc-flyout_brands .rlc-tile .rlc-logo { width: 4.6675em; } .rlc-flyout .rlc-carousel_flyout .rlc-slide.rlc-slide_polo .rlc-logo, .rlc-flyout .rlc-carousel_flyout .rlc-tile.rlc-tile_polo .rlc-logo, .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_polo .rlc-logo { width: 4.6675em; } .rlc-flyout .rlc-carousel_flyout .rlc-slide.rlc-slide_rlx .rlc-logo, .rlc-flyout .rlc-carousel_flyout .rlc-tile.rlc-tile_rlx .rlc-logo, .rlc-flyout.rlc-flyout_brands .rlc-tile.rlc-brand_rlx .rlc-logo { width: 4.6675em; } } .rlc-flyout_promo .rlc-tile { width: 16.5em; } .rlc-flyout_promo .rlc-tile .rlc-imagery { min-height: 21.8125em; } .rlc-flyout_promo .rlc-tile .rlc-copygroup { bottom: 2.45812em; transform: none; width: 100%; left: 0px; } .rlc-flyout .rlc-tile .rlc-logo { width: 9.0625em; } @media screen and (max-width: 959px) { .rlc-flyout_promo .rlc-tile { width: 100%; } .rlc-flyout_promo .rlc-tile .rlc-copygroup { bottom: 2.875em; transform: none; width: 100%; left: 0px; } .rlc-flyout .rlc-tile .rlc-logo { width: 10.8125em; } } .rlc-flyout_highlights .rlc-scroll_wrapper { display: flex; } .rlc-flyout_highlights .rlc-tile { width: 13.4469em; margin-right: 0.365625em; flex-shrink: 0; } .rlc-flyout_highlights .rlc-tile:last-of-type { margin-right: 0px; } .rlc-flyout_highlights .rlc-tile .rlc-imagery { min-height: 17.75em; } .rlc-flyout_highlights .rlc-tile .rlc-copygroup { bottom: 2.45812em; transform: none; width: 100%; left: 0px; padding-left: 1.13375em; } .rlc-flyout .rlc-tile .rlc-cat_name { font-size: 0.625em; line-height: 1.8em; letter-spacing: 0px; font-weight: 400; margin: 0px; text-transform: uppercase; } .rlc-flyout .rlc-tile .rlc-title { font-size: 1.25em; line-height: 1.2em; letter-spacing: 0px; font-weight: 400; margin: 0px; font-family: LeJeuneDeck-Regular, Times, serif !important; } @media screen and (max-width: 959px) { .level-1 .menu-wrap .rlc-flyout.rlc-flyout_highlights .nav { display: none; } .rlc-flyout_highlights .rlc-scroller { width: auto; overflow-y: scroll; } .level-2 .rlc-flyout_highlights .rlc-scroller { padding-left: 1.875rem; } .level-2 .level-3 .rlc-flyout_highlights .rlc-scroller { padding-left: 0px; } .rlc-flyout_highlights .rlc-scroll_wrapper { padding-right: 27em; } .rlc-flyout_highlights .rlc-tile { width: 8.5em; } .rlc-flyout_highlights .rlc-tile .rlc-imagery { min-height: 1.125em; } .rlc-flyout_highlights .rlc-tile .rlc-copygroup { bottom: 1.25em; transform: none; width: 100%; left: 0px; padding-left: 0.7175em; } .rlc-flyout_highlights .rlc-tile .rlc-title { font-size: 0.755em; line-height: 1.16667em; } } @media screen and (min-width: 960px) { div.level-3 .menu-wrap .nav-asset-with-highlights .rlc-flyout.rlc-flyout_highlights-w-title .nav { padding-top: 0px; } } @media screen and (max-width: 959px) { div.level-3 .menu-wrap .nav-asset-with-highlights .rlc-flyout.rlc-flyout_highlights-w-title { width: 100%; padding: 0px; } div.level-3 .menu-wrap .nav-asset-with-highlights .rlc-flyout.rlc-flyout_highlights-w-title .rlc-flyout--header { width: 100%; margin-left: 1.875rem; margin-right: 1.875rem; } div.level-3 .menu-wrap .nav-asset-with-highlights .rlc-flyout.rlc-flyout_highlights-w-title .rlc-scroller { width: 100%; } div.level-3 .menu-wrap .nav-asset-with-highlights .rlc-flyout.rlc-flyout_highlights-w-title .rlc-scroller::-webkit-scrollbar { width: 0px; height: 0px; background: 0px 0px; } div.level-3 .menu-wrap .nav-asset-with-highlights .rlc-flyout.rlc-flyout_highlights-w-title .rlc-scroll_wrapper { padding-left: 1.875rem; padding-right: 0px; } div.level-3 .menu-wrap .nav-asset-with-highlights .rlc-flyout.rlc-flyout_highlights-w-title .rlc-scroll_wrapper .rlc-tile { width: 8.8125em; margin-right: 0.3125em; box-sizing: content-box; } div.level-3 .menu-wrap .nav-asset-with-highlights .rlc-flyout.rlc-flyout_highlights-w-title .rlc-scroll_wrapper .rlc-tile:last-of-type { padding-right: 1.875rem; } } .rlc-flyout.rlc-flyout_promo .rlc-carousel_flyout { width: 16.5em; } .rlc-flyout.rlc-flyout_promo .rlc-carousel_flyout .rlc-carousel_wrapper { margin-left: 0px; width: 100%; padding-bottom: 1.375em; } .rlc-flyout.rlc-flyout_promo .rlc-carousel_flyout .rlc-flyout_tile { padding: 0px; width: 100% !important; } .rlc-flyout.rlc-flyout_promo .rlc-carousel_flyout .rlc-carousel-pagination.swiper-pagination-fraction { inset: auto auto 0px 0px; } @media screen and (max-width: 959px) { .rlc-flyout.rlc-flyout_promo .rlc-carousel_flyout .rlc-carousel-arrow { display: block; } } @media only screen and (max-width: 767px) { .rlc-flyout.rlc-flyout_promo .rlc-carousel_flyout { width: 19.6875em; } .rlc-flyout.rlc-flyout_promo .rlc-carousel_flyout .rlc-carousel-pagination { width: 100%; font-family: "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; } } @media screen and (min-width: 960px) { .rlc-flyout .rlc-carousel_flyout.rlc-desktop--static .rlc-carousel_wrapper { margin-left: -0.234375em; } .rlc-flyout .rlc-desktop--static .rlc-carousel-arrow { display: none; } .rlc-flyout .rlc-tile .rlc-hiddencopy { opacity: 0; transition: max-height 0.6s ease-in-out, opacity 0.6s ease-in-out; max-height: 0px; } .rlc-flyout .rlc-tile:hover .rlc-hiddencopy { opacity: 1; max-height: 10em; } .rlc-flyout .rlc-tile .rlc-hiddencopy .rlc-linecta { text-transform: uppercase; margin-top: 1.45em; } .menu-category.level-1 > li .rlc-flyout .rlc-tile .rlc-copygroup .rlc-hiddencopy .rlc-linecta { color: currentcolor; visibility: visible; } } @media screen and (max-width: 959px) { .rlc-flyout .rlc-tile .rlc-hiddencopy { display: none; } } [lang^="ar"] .rlc-flyout .rlc-tile .rlc-title { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif !important; } [lang^="ar"] .rlc-flyout_highlights .rlc-tile:last-of-type { margin-right: 0.365625em; } [lang^="ar"] .rlc-flyout_promo .rlc-tile .rlc-copygroup, [lang^="ar"] .rlc-flyout_promo .rlc-tile .rlc-copygroup .rlc-cat_name, [lang^="ar"] .rlc-flyout_promo .rlc-tile .rlc-copygroup .rlc-eyebrow, [lang^="ar"] .rlc-flyout_promo .rlc-tile .rlc-copygroup .rlc-title { text-align: right; } @media screen and (max-width: 959px) { [lang^="ar"] .rlc-flyout_highlights .rlc-scroll_wrapper { padding-right: 0px; } } @media only screen and (max-width: 767px) { .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-carousel-nointeraction .swiper-wrapper .rlc-slide { width: 8.8125em; } .rlc-creative_v3.rlc-flyout .rlc-carousel_flyout.rlc-carousel-nointeraction .swiper-wrapper .rlc-slide .rlc-copygroup { margin: 0px auto; } } /* source: https://www.ralphlauren.co.uk/on/demandware.static/-/Library-Sites-RalphLauren_EU_Library/en_GB/v1785482969300/_common/css/rlc-creative.3.8.3.min.css */ :root { --scrollbar-width: 0px; --foundersLight: RL_DroidKufi,"Founders Grotesk text Light","Times New Roman",Times,serif; --foundersReg: RL_DroidKufi,"Founders Grotesk text Regular","Times New Roman",Times,serif; --foundersMed: RL_DroidKufi,"Founders Grotesk Text Medium","Times New Roman",Times,serif; --foundersMonoReg: RL_DroidKufi,"Founders Grotesk Mono Regular",Arial,Helvetica,sans-serif; --foundersMonoMed: RL_DroidKufi,"Founders Grotesk Mono Medium",Arial,Helvetica,sans-serif; --leJeuneReg: RL_DroidKufi,"LeJeuneDeck-Regular","Times New Roman",Times,serif; --sackersMed: RL_DroidKufi,"SackersGothicW01-Medium","Founders Grotesk Text Medium","Times New Roman",Times,serif; --sackersHeavy: RL_DroidKufi,"SackersGothicW01-Heavy","Founders Grotesk text Regular","Times New Roman",Times,serif; --foundersLight_NoDroid: "Founders Grotesk text Light","Times New Roman",Times,serif; --foundersReg_NoDroid: "Founders Grotesk text Regular","Times New Roman",Times,serif; --foundersMed_NoDroid: "Founders Grotesk Text Medium","Times New Roman",Times,serif; --foundersMonoReg_NoDroid: "Founders Grotesk Mono Regular",Arial,Helvetica,sans-serif; --foundersMonoMed_NoDroid: "Founders Grotesk Mono Medium",Arial,Helvetica,sans-serif; --leJeuneReg_NoDroid: "LeJeuneDeck-Regular","Times New Roman",Times,serif; --sackersMed_NoDroid: "SackersGothicW01-Medium","Founders Grotesk Text Medium","Times New Roman",Times,serif; --sackersHeavy_NoDroid: "SackersGothicW01-Heavy","Founders Grotesk text Regular","Times New Roman",Times,serif; --white: #FFF; --black: #000; --colorPoloCG2: #9D9FA3; --navy: #041e3a; --navydark: #131528; --navylight: #153456; --gold: #76682B; --goldlight: #BAAD72; } .rlc-creative_v3 { & .rlc-lejeune { font-family: var(--leJeuneReg); } & .rlc-founders { font-family: var(--foundersReg); } & .rlc-sackers { font-family: var(--sackersMed); } & .rlc-foundersreg { font-family: var(--foundersReg) !important; } & .rlc-foundersreg-nodroid { font-family: var(--foundersReg_NoDroid) !important; } & .rlc-foundersregmed-nodroid { font-family: var(--foundersRegMed_NoDroid) !important; } & .rlc-foundersmono-nodroid { font-family: var(--foundersMono_NoDroid) !important; } & .rlc-lejeunereg-nodroid { font-family: var(--leJeuneReg_NoDroid) !important; } } @media only screen and (min-width: 768px) { .rlc-creative_v3 { & .rlc-fullbleed { max-width: 1920px; } & .rlc-mobile { display: none; } } } @media only screen and (max-width: 767px) { .rlc-creative_v3 .rlc-desktop { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .rlc-creative_v3 .rlc-fullbleed { font-size: calc(0.0111111111111 * (100vw - var( --scrollbar-width))) !important; } } @media only screen and (min-width: 1440px) { .rlc-creative_v3.rlc-1440_375 .rlc-fullbleed { font-size: 16px !important; max-width: 1440px; } } @media only screen and (min-width: 768px) and (max-width: 1439px) { .rlc-creative_v3.rlc-1440_375 .rlc-fullbleed { font-size: calc(0.0111111111111 * (100vw - var( --scrollbar-width))) !important; } } @media only screen and (max-width: 767px) { .rlc-creative_v3.rlc-1440_375 .rlc-fullbleed { font-size: calc(0.04266666666666667 * (100vw - var( --scrollbar-width))) !important; } } @media only screen and (min-width: 1920px) { .rlc-creative_v3.rlc-1440_375_max1920 .rlc-fullbleed { font-size: 21.3333px !important; max-width: 1920px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .rlc-creative_v3.rlc-1440_375_max1920 .rlc-fullbleed { font-size: calc(0.0111111111111 * (100vw - var( --scrollbar-width))) !important; } } @media only screen and (max-width: 767px) { .rlc-creative_v3.rlc-1440_375_max1920 .rlc-fullbleed { font-size: calc(0.04266666666666667 * (100vw - var( --scrollbar-width))) !important; } } @media only screen and (min-width: 1800px) { .rlc-creative_v3.rlc-1440_375_max1920.ingrid-wrapper .rlc-fullbleed { font-size: 20px !important; } } .rlc-creative_v3 { color: currentcolor; overflow: hidden; & .rlc-fullbleed { transition: font-size 100ms ease-in-out; } & .rlc-block, & .rlc-imagery { position: relative; } & .rlc-lazyLoad .rlc-image { opacity: 0; transition: opacity 1s; } & .rlc-lazyLoad.rlc-imgLoaded .rlc-image, & .rlc-image.rlc-fadein { opacity: 1; } & .rlc-hotspot { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } & .rlc-blockspacer { margin-bottom: 6.875em; } & a { pointer-events: all; color: currentcolor; &:hover { text-decoration: none; } } & .rlc-h1, & .rlc-h2, & .rlc-h3, & .rlc-h4 { margin: 0px; padding: 0px; font-weight: normal; } & address { margin: 0px; font-style: normal; pointer-events: auto; } & .rlc-button { background: none; color: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; font: inherit; cursor: pointer; outline: inherit; min-height: 0px; margin: 0px auto; letter-spacing: initial; text-transform: inherit; width: auto; } & .rlc-ol, & .rlc-ul, & .content-asset .rlc-ol, & .content-asset .rlc-ul { line-height: initial; margin: 0px auto; padding: initial; list-style-position: outside; } & .rlc-ul, & .content-asset .rlc-ul { list-style: outside none disc; } & .rlc-ul .rlc-li, & .rlc-ol .rlc-li, & .content-asset .rlc-ul .rlc-li, & .content-asset .rlc-ol .rlc-li { text-align: left; } & .rlc-h2, & .rlc-h3, & .rlc-h4, & .rlc-p { line-height: normal; letter-spacing: normal; color: currentcolor; } & .rlc-links { display: flex; flex-wrap: wrap; justify-content: flex-start; &.rlc-all-text-center { justify-content: center; } } & .rlc-all-text-center .rlc-links { justify-content: center; } & .rlc-inline-block { display: inline-block; } & .rlc-usebrandstyles { & .rlc-sectionsubhd { font-family: "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1.125em; color: currentcolor; letter-spacing: 0.056em; text-align: center; line-height: 2.222em; margin: 0px auto 3em; } & .rlc-category { font-family: "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.688em; line-height: 0.909em; letter-spacing: 0.091em; text-transform: uppercase; color: currentcolor; text-align: left; margin-bottom: 4.182em; font-weight: normal; } & .rlc-title { font-family: LeJeuneDeck-Regular, "Times New Roman", Times, serif; text-transform: none; color: currentcolor; text-align: inherit; } & .rlc-dek { font-family: "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.833em; letter-spacing: 0px; color: currentcolor; } & .rlc-links .rlc-linecta { margin: 2.727em 2.91em 0px 0px; } & .rlc-links.rlc-all-text-center .rlc-linecta, & .rlc-all-text-center .rlc-links .rlc-linecta { margin: 2.727em 1.455em 0px; } & .rlc-slider .rlc-links .rlc-linecta, & .rlc-slider .rlc-linecta { margin-top: 0.8em; } & .rlc-linecta { font-family: "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.688em; line-height: 0.909em; letter-spacing: 0.091em; text-transform: uppercase; color: currentcolor; display: inline-block; position: relative; padding-bottom: calc(0.8em + 1px); &::after { content: ""; display: block; position: absolute; left: 0px; bottom: 0px; height: 1px; width: 100%; background: currentcolor; transition: bottom 0.5s; } &:hover::after { bottom: 0.5em; } } } & .rlc-linecta:hover { text-decoration: none; color: currentcolor; } & .rlc-all-color-navy { color: var(--navy); } & .rlc-all-color-navydark { color: var(--navydark); } & .rlc-all-color-navylight { color: var(--navylight); } & .rlc-all-color-gold { color: var(--gold); } & .rlc-all-color-goldlight { color: var(--goldlight); } } @media only screen and (max-width: 767px) { .rlc-creative_v3 { & .rlc-desktop-text-center .rlc-links, & .rlc-desktop-text-center.rlc-links { justify-content: center; } & .rlc-usebrandstyles { & .rlc-desktop-text-center .rlc-links .rlc-linecta, & .rlc-desktop-text-center.rlc-links .rlc-linecta { margin: 2.727em 1.455em 0px; } } } } @media only screen and (max-width: 767px) { .rlc-creative_v3 { width: 100vw - var( --scrollbar-width); overflow: hidden; & .rlc-blockspacer { margin-bottom: 7.125em; } & .rlc-usebrandstyles { & .rlc-sectionsubhd { font-size: 1.5em; letter-spacing: 0.055em; line-height: 1em; margin: 0px auto 3.167em; } & .rlc-category { font-size: 1.125em; line-height: 0.556em; letter-spacing: 0.091em; margin-bottom: 2.889em; } & .rlc-dek { font-size: 1.125em; line-height: 1.444em; } & .rlc-linecta { font-size: 0.6875em; line-height: 1em; letter-spacing: 0.0833333em; } & .rlc-mobile-text-center .rlc-links .rlc-linecta, & .rlc-mobile-text-center.rlc-links .rlc-linecta { margin: 2.727em 1.455em 0px; } } & .rlc-mobile-text-center .rlc-links, & .rlc-mobile-text-center.rlc-links { justify-content: center; } } } @media only screen and (min-width: 768px) { .rlc-creative_v3 { & .rlc-desktop-color-navy { color: var(--navy); } & .rlc-desktop-color-navydark { color: var(--navydark); } & .rlc-desktop-color-navylight { color: var(--navylight); } & .rlc-desktop-color-gold { color: var(--gold); } & .rlc-dektop-color-goldlight { color: var(--goldlight); } } } @media only screen and (max-width: 767px) { .rlc-creative_v3 { & .rlc-mobile-color-navy { color: var(--navy); } & .rlc-mobile-color-navydark { color: var(--navydark); } & .rlc-mobile-color-navylight { color: var(--navylight); } & .rlc-mobile-color-gold { color: var(--gold); } & .rlc-mobile-color-goldlight { color: var(--goldlight); } } } @media only screen and (max-width: 767px) { .rlc-mobile-pos-bottom, .rlc-mobile-pos-bottom-left, .rlc-mobile-pos-bottom-center, .rlc-mobile-pos-bottom-right { width: 100%; transform: none; top: auto; left: 0px; bottom: 0px; } } .rlc-creative_v3 { & .rlc-hero .rlc-toplayer { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; pointer-events: none; } } @media only screen and (min-width: 768px) { .rlc-creative_v3 { & .rlc-usebrandstyles.rlc-hero { max-height: 700px; overflow: hidden; } } } .rlc-all-pos-below { position: relative; } .rlc-50-50 { display: flex; } .rlc-50-50__block { position: relative; } @media only screen and (min-width: 768px) { .rlc-50-50__block { width: 50%; } .rlc-desktop-pos-below { position: relative; } } @media only screen and (max-width: 767px) { .rlc-50-50 { flex-direction: column; } .rlc-50-50__block { width: 100%; &.rlc-50-50__top { order: 1; } &.rlc-50-50__bottom { order: 2; } } .rlc-mobile-pos-below { position: relative; } } .rlc-creative_v3 { & .rlc-carouselblock { overflow: hidden; } & .rlc-carousel.rlc-category_carousel .rlc-copygroup .rlc-linecta { padding: 0px; &::after { display: none; } } & .rlc-usebrandstyles .rlc-carousel.rlc-category_carousel .rlc-copygroup { height: 4.25em; display: flex; align-items: center; text-align: left; } } @media only screen and (min-width: 768px) { .rlc-creative_v3 { & .rlc-usebrandstyles .rlc-carousel.rlc-category_carousel { & .rlc-slide .rlc-imagery { min-height: 23.813em; } & .swiper-pagination { top: 23.813em; height: 3.25em; align-items: center; } & .rlc-carousel_wrapper { padding-bottom: 3px; } } & .rlc-carousel.rlc-category_carousel .swiper-container-horizontal > .swiper-scrollbar { bottom: 0px; } } } @media only screen and (max-width: 767px) { .rlc-creative_v3 { & .rlc-usebrandstyles .rlc-carousel.rlc-category_carousel { & .rlc-slide .rlc-imagery { min-height: 24.25em; } & .swiper-pagination { top: 34.5em; height: 7.188em; align-items: center; } & .rlc-copygroup { height: 3.188em; } & .rlc-carousel_wrapper { padding-bottom: 3px; } & .swiper-container-horizontal > .swiper-scrollbar { bottom: 0px; } } } } .rlc-creative_v3 { & .rlc-bgblock { overflow: hidden; & .rlc-textgroup { position: absolute; background: currentcolor; display: flex; justify-content: flex-start; align-items: center; } } & .rlc-usebrandstyles .rlc-bgblock .rlc-textgroup .rlc-textgroup-in { padding: 3.5em; & .rlc-title { font-size: 2.75em; line-height: 1.182em; letter-spacing: 0px; } & .rlc-dek { margin-top: 2.5em; } } } @media only screen and (min-width: 768px) { .rlc-creative_v3 { & .rlc-bgblock { & .rlc-background { position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; } & .rlc-foreground { position: relative; z-index: 1; } } & .rlc-background.rlc-parallax { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; & img, &.rlc-lazyLoad.rlc-imgLoaded img { opacity: 0; } } } } @media only screen and (max-width: 767px) { .rlc-creative_v3 { & .rlc-bgblock .rlc-foreground, & .rlc-bgblock .rlc-background { position: static; } & .rlc-usebrandstyles .rlc-bgblock .rlc-textgroup .rlc-textgroup-in { & .rlc-title { font-size: 3em; line-height: 1em; } & .rlc-dek { margin-top: 2.352em; } } } } @supports (-webkit-overflow-scrolling:touch) { .rlc-creative_v3 { & .rlc-background.rlc-parallax img { opacity: 1; } } } .rlc-creative_v3 { & .rlc-fbcarousel { overflow: hidden; } & .rlc-usebrandstyles .rlc-catslider-hd { margin: 0px 0px 3.063em 9.9375em; text-align: left; & .rlc-title { font-size: 1.75em; letter-spacing: 0px; text-align: left; } } } @media only screen and (min-width: 768px) { .rlc-creative_v3 { & .rlc-usebrandstyles .rlc-carousel.rlc-banner { & .rlc-slide .rlc-image { margin-bottom: 3.25em; } & .swiper-pagination { height: 3.25em; align-items: center; } & .rlc-slide .rlc-linecta { margin-top: 1.364em; } } } } @media only screen and (max-width: 767px) { .rlc-creative_v3 { & .rlc-usebrandstyles { & .rlc-catslider-hd { margin: 0px 0px 3.063em 2.375em; text-align: left; } & .rlc-carousel.rlc-banner .rlc-slide .rlc-image { margin-bottom: 6.953em; } & .rlc-carousel.rlc-banner .rlc-slide .rlc-linecta { margin-top: 2em; } } & .rlc-carousel.rlc-banner .swiper-pagination { height: 6.953em; align-items: center; } } } .rlc-creative_v3 { & .rlc-carousel-nointeraction:not(.rlc-carousel) .swiper-wrapper { display: flex; justify-content: center; } } @media only screen and (min-width: 768px) { .rlc-creative_v3 { & .rlc-usebrandstyles { & .rlc-buckets { width: 62em; & .rlc-slide { & .rlc-copygroup { margin-top: 1.188em; } & .rlc-title { font-size: 1.125em; letter-spacing: 0px; line-height: 1.111em; } & .rlc-linecta { margin-top: 1.364em; } } & .rlc-carousel-nointeraction:not(.rlc-carousel) .rlc-slide .rlc-title { font-size: 1.75em; } } & .rlc-carousel-nointeraction:not(.rlc-carousel) .swiper-wrapper .rlc-slide { width: 30.563em; text-align: center; margin: 0px 0.438em; } } } } @media only screen and (max-width: 767px) { .rlc-creative_v3 { & .rlc-carousel-nointeraction:not(.rlc-carousel) .swiper-wrapper { flex-direction: column; } & .rlc-buckets { width: 100vw - var( --scrollbar-width); overflow: hidden; } & .rlc-carousel-nointeraction:not(.rlc-carousel) .swiper-wrapper .rlc-slide .rlc-image { margin-bottom: 0px; } & .rlc-usebrandstyles { & .rlc-carousel-nointeraction:not(.rlc-carousel) .swiper-wrapper .rlc-slide .rlc-copygroup { text-align: center; margin: 2.938em 0px 5.938em; } & .rlc-buckets .rlc-slide { & .rlc-title { font-size: 2.125em; letter-spacing: 0px; line-height: 1em; } & .rlc-linecta { margin-top: 2em; } } } } } .rlc-creative_v3 { & .rlc-hasvideo { position: relative; & .rlc-placeholder { width: 100%; } &.rlc-vidLoaded .rlc-placeholder { opacity: 0; } & .rlc-videocontainer, & .rlc-videocontainer video { width: 100%; } & .rlc-videocontainer { position: absolute; top: 0px; left: 0px; height: 100%; & video { display: block; height: 100%; } } } } @media screen and (min-width: 768px) { body.rlc-modalon { max-width: 100%; } #rlc-modalvid { color: rgb(255, 255, 255); z-index: 1000; } #rlc-modalvid.rlc-modal { position: fixed; background: rgba(0, 0, 0, 0.7); top: 0px; left: 0px; z-index: 999; width: 100%; height: 0px; opacity: 0; transition: opacity 0.5s; pointer-events: none; } .rlc-modalon #rlc-modalvid.rlc-modal { height: 100%; pointer-events: all; } .is-ie #rlc-modalvid.rlc-modal, #rlc-modalvid.rlc-modal.rlc-on { opacity: 1; } #rlc-modalvid .rlc-reveal { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; overflow: hidden; transition: height 1s; pointer-events: none; } #rlc-modalvid .rlc-reveal.rlc-closed { height: 0px !important; } #rlc-modalvid .rlc-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; } #rlc-modalvid .rlc-video video { position: relative; z-index: -1; width: 100%; pointer-events: all; } #rlc-modalvid .rlc-rbclose { position: absolute; font-size: 16px; width: 39px; height: 39px; top: -19.5px; right: -19.5px; background: currentcolor; border-radius: 50%; cursor: pointer; opacity: 0; transition: opacity 1s; pointer-events: all; } #rlc-modalvid .rlc-rbclose::before { content: "X"; font-family: "Founders Grotesk text Regular"; font-size: 1.1em; line-height: 1em; color: currentcolor; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } #rlc-modalvid .rlc-rbclose::after { content: ""; position: absolute; top: 2px; left: 2px; background: rgb(0, 0, 0); border-radius: 50%; width: 35px; height: 35px; z-index: 1; } #rlc-modalvid .blive-responsive-iframe-wrapper { pointer-events: all; } } .rlc-creative_v3 { & .rlc-carousel.rlc-category_carousel { & .rlc-carousel-scrollbar, & .rlc-carousel-scrollbar::before, & .swiper-scrollbar-drag::after { opacity: 1; cursor: auto; } } } @media screen and (min-width: 768px) { .rlc-creative_v3 { & .rlc-carousel.rlc-category_carousel { &::after { content: ""; display: block; width: 100%; height: 0.5em; position: absolute; bottom: 0px; left: 0px; z-index: 51; } & .rlc-carousel-arrow { display: block; top: 10.705em; } } } } @media screen and (max-width: 767px) { .rlc-creative_v3 { & .rlc-usebrandstyles .rlc-carousel.rlc-category_carousel { width: 22.188em; & .rlc-carousel-scrollbar { width: 20.938em; } } } } .store-events-container .store-event-markup img { width: 100%; } .rlc-visuallyhidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .rlc-carousel { margin: 0px auto; & .swiper-lazy { opacity: 0; transition: opacity 450ms linear; &.swiper-lazy-loaded { opacity: 1; } } & .swiper-wrapper { height: auto; } &.rlc-carousel-nointeraction { & .swiper-slide-duplicate.swiper-slide-prev, & .swiper-button-prev { opacity: 0; visibility: hidden; } & .swiper-slide-duplicate.swiper-slide-prev.rlc-isvisible { opacity: 1; visibility: visible; } } &.rlc-all-show_prev_btn.rlc-carousel-nointeraction .swiper-button-prev { opacity: 1; visibility: visible; } & .swiper-pagination-bullet { flex-grow: 1; border-radius: 0px; } & .rlc-carousel-arrow { top: 50%; margin: 0px; width: 39px; height: 39px; transform: translateY(-50%); background: rgba(255, 255, 255, 0.8); border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: 7; display: inline-block; padding: 0px; cursor: pointer; max-width: none; min-height: auto; font-size: 1em; &::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; border-right: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); opacity: 0.8; } &.rlc-carousel-arrow-left::after { transform: translate(-2px, -50%) rotate(134deg); } &.rlc-carousel-arrow-right::after { transform: translate(-6px, -50%) rotate(-45deg); } } & .swiper-button-prev { left: 2.5em; } & .swiper-button-next { right: 2.5em; } & .rlc-carousel-pagination { bottom: -1.875em; width: 15em; height: 3.25em; display: flex; justify-content: center; left: 50%; transform: translateX(-50%); } & .swiper-pagination-bullet { position: relative; margin: 0px 5.25px; height: 30px; background: none; opacity: 1; &::before, &::after { content: ""; position: absolute; top: 50%; left: 0px; height: 2px; width: 100%; background: rgb(0, 0, 0); transform: translateY(-50%); opacity: 0.1; transition: opacity 450ms linear, height 300ms ease-in; } &:hover::before, &:hover::after { height: 3px; } &::after { opacity: 0; } } &:not(.inTransition) .swiper-pagination-bullet-active::before { opacity: 1; } & .swiper-pagination-bullet-active::after { width: 100%; } &.inTransitionPrev .swiper-pagination-bullet::after { left: auto; right: 0px; } & .rlc-carousel-scrollbar { background: none; opacity: 1; bottom: 0px; left: 0px; width: 95.5%; height: 8px; transition: opacity 600ms linear 900ms; cursor: pointer; &::before { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; height: 2px; transform: translateY(-50%); opacity: 0; transition: opacity 600ms linear 900ms, height 300ms ease-in; background: rgb(225, 225, 229); } } & .swiper-scrollbar-drag { background: none; &::after { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; height: 2px; transform: translateY(-50%); opacity: 0; transition: opacity 600ms linear 900ms, height 300ms ease-in; background: var(--navy); } } &:hover .rlc-carousel-scrollbar::before, & .rlc-carousel-scrollbar:active::before, & .rlc-carousel-scrollbar:hover::before, &:hover .rlc-carousel-scrollbar .swiper-scrollbar-drag::after, & .rlc-carousel-scrollbar:active .swiper-scrollbar-drag::after, & .rlc-carousel-scrollbar:hover .swiper-scrollbar-drag::after { opacity: 1; transition-delay: 0ms; } & .rlc-carousel-scrollbar:hover::before, & .rlc-carousel-scrollbar:active::before, & .rlc-carousel-scrollbar:active .swiper-scrollbar-drag::after, & .rlc-carousel-scrollbar:hover .swiper-scrollbar-drag::after { height: 4px; } & .rlc-slide .rlc-fadein { opacity: 0; transition: opacity 150ms linear; } &.inTransition .rlc-slide .rlc-fadein { opacity: 0; animation: 450ms ease 0s 1 normal forwards running CAROUSEL-TEXT-FADEIN; } & .rlc-slide.rlc-isvisible .rlc-fadein { opacity: 1; } &.inTransition .rlc-slide .rlc-fadein { opacity: 0; transition: opacity 75ms linear; } &.isDragging .rlc-slide .rlc-fadein { opacity: 0; animation: auto ease 0s 1 normal none running none; } } .rlc-hasarrows .rlc-arrow { margin: 0px; width: 39px; height: 39px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: 7; display: inline-block; padding: 0px; cursor: pointer; max-width: none; min-height: auto; font-size: 1em; top: auto; transform: none; &::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; border-right: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); opacity: 0.8; } &.rlc-arrow-left::after { transform: translate(-2px, -50%) rotate(134deg); } &.rlc-arrow-right::after { transform: translate(-6px, -50%) rotate(-45deg); } } @media screen and (min-width: 768px) { .rlc-carousel { &.rlc-desktop-show_prev_btn.rlc-carousel-nointeraction .swiper-button-prev { opacity: 1; visibility: visible; } } } @media screen and (max-width: 767px) { .rlc-carousel { &.rlc-mobile-show_prev_btn.rlc-carousel-nointeraction .swiper-button-prev { opacity: 1; visibility: visible; } } } @supports (-webkit-overflow-scrolling:touch) { .rlc-carousel .rlc-carousel-scrollbar { opacity: 1; } } @keyframes CAROUSEL-TEXT-FADEIN { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } .rlc-carousel.rlc-three__m_carousel { margin: 0px auto; } @media screen and (min-width: 768px) { .rlc-usebrandstyles .rlc-carousel.rlc-featured_products { width: 27em; & .rlc-slide .rlc-image { margin-bottom: 3.75em; } } .rlc-carousel { &.rlc-featured_products { & .rlc-carousel_wrapper { display: flex; } & .rlc-slide { box-sizing: border-box; } & .swiper-button-prev { left: 0.75em; } & .swiper-button-next { right: 0.75em; } & .rlc-carousel-pagination { top: 33.75em; left: 50%; } } &.rlc-category_carousel { margin-left: 9.9375em; width: 75.4375em; & .rlc-carousel_wrapper { margin-left: -0.40625em; padding-bottom: 1.25em; } & .rlc-slide { width: 25%; padding: 0px 0.40625em; } & .rlc-carousel-arrow { display: none; } & .rlc-carousel-scrollbar { left: 0.40625em; width: 95.5%; } & .rlc-slide .rlc-fadein, &.inTransition .rlc-slide .rlc-fadein, &.isDragging .rlc-slide .rlc-fadein { opacity: 1; animation: auto ease 0s 1 normal none running none; } } &.rlc-banner { width: 100%; margin: 0px auto; & .rlc-carousel_wrapper { overflow: visible; } & .rlc-slide { box-sizing: initial; width: 100%; padding: 0px; } & .swiper-button-prev { left: 1.0625em; } & .swiper-button-next { right: 1.0625em; } & .swiper-pagination { top: 36.5em; } } } .rlc-usebrandstyles { & .rlc-carousel.rlc-banner .rlc-slide { width: 57em; padding: 0px 4.53125em; & .rlc-image { margin-bottom: 3.75em; } } } .rlc-carousel.rlc-three__m_carousel { overflow: visible; & .swiper-container { overflow: visible; } & .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; } & .rlc-slide { width: 33.3333%; box-sizing: border-box; padding: 0px 0.5em; } & .swiper-slide-duplicate { display: none; } & .rlc-copygroup { opacity: 1; } & .rlc-carousel-arrow, & .rlc-carousel-pagination { display: none; } &.inTransition .rlc-slide .rlc-fadein, &.isDragging .rlc-slide .rlc-fadein { opacity: 1; animation: auto ease 0s 1 normal none running none; } } .rlc-carousel.rlc-desktop--static { overflow: visible; & .swiper-container { overflow: visible; } & .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; } & .swiper-slide-duplicate { display: none; } & .rlc-carousel-arrow, & .rlc-carousel-pagination { display: none; } } } @media screen and (max-width: 767px) { .rlc-carousel { margin: 0px auto; width: 100%; & .rlc-carousel-arrow { display: none; } & .rlc-carousel_wrapper { overflow: visible; } & .rlc-slide { width: 100%; } &.rlc-s2_peek-m .rlc-slide { width: 26.8125em; box-sizing: initial; padding: 0px 1.59375em; } & .rlc-carousel-pagination { width: 24em; } &.inTransition .rlc-slide .rlc-fadein, &.isDragging .rlc-slide .rlc-fadein { opacity: 1; animation: auto ease 0s 1 normal none running none; } &.rlc-featured_products { & .rlc-carousel_wrapper { overflow: visible; } & .rlc-slide { width: calc(29.5256em); box-sizing: border-box; padding: 0px 1.57531em; } & .rlc-carousel-pagination { bottom: auto; } } &.rlc-category_carousel { margin-left: 1.25em; width: 22.188em; & .rlc-carousel_wrapper { overflow: hidden; margin-left: -0.5em; padding-bottom: 2.5em; } & .rlc-slide { width: 18.25em; padding: 0px; margin: 0px 0.313em; } & .rlc-carousel-scrollbar { left: 0.5em; width: 32.125em; } } &.rlc-banner .rlc-slide { width: 26.8125em; box-sizing: initial; padding: 0px 1.59375em; } &.rlc-three__m_carousel { & .rlc-slide { width: 15.625em; } & .rlc-slide .rlc-copygroup { margin-top: 3.5em; transform: translateX(-50%); left: 50%; position: relative; } & .rlc-carousel-pagination { top: 20.75em; width: 15.625em; height: 3.5em; & .swiper-pagination-bullet { height: 3.5em; } } } &.rlc-mobile--static { overflow: visible; & .swiper-container { overflow: visible; } & .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; } & .swiper-slide-duplicate { display: none; } & .rlc-carousel-arrow, & .rlc-carousel-pagination { display: none; } } } } @supports (-webkit-overflow-scrolling:touch) { .rlc-carousel.inTransition .rlc-slide .rlc-fadein, .rlc-carousel.isDragging .rlc-slide .rlc-fadein { animation: auto ease 0s 1 normal none running none; } } .rlc-carousel { & [aria-hidden="true"] a:not([tabindex="-1"]) { visibility: hidden; } &.rlc-category_carousel [aria-hidden="true"] a:not([tabindex="-1"]) { visibility: visible; } &.inTransition [aria-hidden="true"] a, & .rlc-slide.rlc-isvisible a { visibility: visible; } & .rlc-slide:focus, & .rlc-slide:focus-within .rlc-image, & .rlc-slide:focus-within .rlc-fadein { opacity: 1; visibility: visible; } } @media screen and (max-width: 767px) { .rlc-carousel { &.rlc-carousel-nointeraction .swiper-slide-duplicate { visibility: hidden; } & [aria-hidden="true"] a[tabindex="-1"] { visibility: visible; } } } .rlc-videocontainer { position: relative; & video { width: 100%; } & .rlc-playbutton { margin: 0px auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2em 2.8em; border: 2px solid; color: currentcolor; z-index: 1; cursor: pointer; pointer-events: auto; background: none; border-radius: 0.625em !important; &:not(.paused)::before { content: ""; position: absolute; top: 50%; left: 53%; transform: translate(-50%, -50%) rotate(90deg) scale(1.4); width: 0px; height: 0px; border-style: solid; border-width: 0px 0.75em 1.313em; border-color: transparent transparent currentcolor; } &::after { content: "WATCH NOW"; display: block; color: rgb(255, 255, 255); font-family: "HCo Gotham Light"; font-size: 0.875em; line-height: 3.286em; text-transform: uppercase; position: absolute; bottom: -3.286em; transform: translateX(-50%); white-space: nowrap; } } &.playing .rlc-playbutton::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.25em; height: 1.5em; border-width: medium 0.35em; border-style: none solid; border-color: currentcolor; } &.playing .rlc-playbutton::after, &.paused .rlc-playbutton::after { display: none; } & .rlc-looppause { position: absolute; left: 1em; bottom: 1em; cursor: pointer; pointer-events: auto; box-sizing: border-box; &:hover { filter: drop-shadow(rgb(204, 204, 204) 0px 0px 5px); } } & .rlc-hotspot { z-index: 1; } } @media screen and (max-width: 767px) { .rlc-videocontainer { & .rlc-looppause { left: 0.5em; top: auto; bottom: 1em; } } } @media (hover: hover) { .rlc-videocontainer { &:not(.playing) video::-webkit-media-controls-start-playback-button, &:not(.paused) video::-webkit-media-controls-start-playback-button { display: none !important; appearance: none; } & video::-webkit-media-controls-overlay-play-button { display: none; } &.playing .rlc-playbutton, &.user_paused .rlc-playbutton, &.paused .rlc-playbutton { opacity: 0; transition: opacity 0.5s ease-in-out; } &.user_paused:hover .rlc-playbutton, &.paused:hover .rlc-playbutton, &.playing:hover .rlc-playbutton { opacity: 1; } } } @media (hover: none) { .rlc-videocontainer { &:not(.playing) video::-webkit-media-controls-start-playback-button, &:not(.paused) video::-webkit-media-controls-start-playback-button { display: none !important; appearance: none; } & video::-webkit-media-controls-overlay-play-button, &.playing .rlc-playbutton, &.user_paused .rlc-playbutton, &.paused .rlc-playbutton { display: none; } } } .rlc-creative_v3 { & .rlc-boxbutton, & .rlc-boxplay { border: 1px solid; height: 3.25em; padding: 0px 2.688em; display: inline-flex; align-items: center; margin: 0px 0.938em; color: currentcolor; justify-content: center; position: relative; border-radius: 0px !important; } & .rlc-boxplay { padding-left: 3.25em; &::before { font-family: "Founders Grotesk Mono Regular"; font-size: 0.688em; letter-spacing: 0.091em; line-height: 1em; text-transform: uppercase; color: currentcolor; display: inline-block; content: attr(data-label); position: relative; transform: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: auto; height: auto; top: auto; left: auto; min-width: auto; white-space: nowrap; margin: 0px; } &::after { left: 6em; top: 50%; transform: translate(-50%, -50%) rotate(90deg) scale(1.4); width: 0px; height: 0px; border-style: solid; border-width: 0px 0.75em 1.313em; border-color: transparent transparent currentcolor; content: ""; font-size: 0.35em; position: absolute; } } & .rlc-boxbutton span { font-family: "Founders Grotesk Mono Regular"; font-size: 0.688em; letter-spacing: 0.091em; line-height: 1em; text-transform: uppercase; color: currentcolor; display: inline-block; } & .rlc-videocontainer.playing .rlc-boxplay::after { left: 6em; top: 50%; transform: translate(-50%, -50%) rotate(90deg) scale(1.4); width: 0px; height: 0px; border-style: solid; border-width: 0px 0.75em 1.313em; border-color: transparent transparent currentcolor; content: ""; font-size: 0.35em; position: absolute; } } .rlc-fullbleed.rlc-block { z-index: 0; } .rlc-fadeslider .rlc-looppause, .rlc-videocontainer .rlc-looppause, .rlc-hasbuttons .rlc-looppause { position: absolute; color: currentcolor; width: 31px; height: 31px; cursor: pointer; z-index: 2; background: transparent; border: 2px solid; border-radius: 50%; min-width: auto; min-height: auto; padding: 0px; font-size: 1em; margin: 0px; max-width: none; max-height: none; } .rlc-videocontainer.playing .rlc-looppause, .rlc-videocontainer.user_paused .rlc-looppause, .rlc-videocontainer.paused .rlc-looppause { background-image: none; } .rlc-fadeslider .rlc-looppause::before, .rlc-fadeslider .rlc-looppause::after, .rlc-videocontainer .rlc-looppause::before, .rlc-videocontainer .rlc-looppause::after, .rlc-hasbuttons .rlc-looppause::before, .rlc-hasbuttons .rlc-looppause::after { content: ""; position: absolute; left: 9px; top: 50%; width: 3px; height: 12px; background: currentcolor; transform: translateY(-50%); display: block; } .rlc-fadeslider .rlc-looppause::after, .rlc-videocontainer .rlc-looppause::after, .rlc-hasbuttons .rlc-looppause::after { left: 15px; } .rlc-fadeslider.user_paused .rlc-looppause::before, .rlc-fadeslider.user_paused .rlc-looppause:hover::before, .rlc-videocontainer.user_paused .rlc-looppause::before, .rlc-videocontainer.user_paused .rlc-looppause:hover::before, .rlc-hasbuttons.user_paused .rlc-looppause::before, .rlc-hasbuttons.user_paused .rlc-looppause:hover::before { width: 0px; height: 0px; border-style: solid; border-width: 6px 0px 6px 11px; border-color: transparent transparent transparent currentcolor; left: 10px; background: none; } .rlc-fadeslider.user_paused .rlc-looppause::after, .rlc-fadeslider.user_paused .rlc-looppause:hover::after, .rlc-videocontainer.user_paused .rlc-looppause::after, .rlc-videocontainer.user_paused .rlc-looppause:hover::after, .rlc-hasbuttons.user_paused .rlc-looppause::after, .rlc-hasbuttons.user_paused .rlc-looppause:hover::after { display: none; } .rlc-fadeslider .rlc-looppause:hover, .rlc-videocontainer .rlc-looppause:hover, .rlc-hasbuttons .rlc-looppause:hover { border-color: currentcolor; color: currentcolor; } .rlc-fadeslider .rlc-looppause:hover::before, .rlc-fadeslider .rlc-looppause:hover::after, .rlc-videocontainer .rlc-looppause:hover::before, .rlc-videocontainer .rlc-looppause:hover::after, .rlc-hasbuttons .rlc-looppause:hover::before, .rlc-hasbuttons .rlc-looppause:hover::after { background-color: currentcolor; } .rlc-bgfixed-portal { overflow: hidden; clip-path: inset(0px); z-index: -1; } .rlc-block:not(.rlc-isvisible) .rlc-bgfixed { opacity: 0; transition: opacity 1s; } .rlc-bgfixed { position: fixed; width: auto; min-width: 100%; min-height: 100vh; top: 0px; left: 0px; z-index: -1; pointer-events: none; } .rlc-isvisible .rlc-bgfixed { opacity: 1; } .is-ie .rlc-bgfixed { position: absolute; width: 100%; min-height: 100%; top: 0px; left: 0px; z-index: -1; } @keyframes rlc-fltimeBullet { 0% { width: 0%; } 100% { width: 100%; } } .rlc-fadeslider { opacity: 1; transition: opacity 1s; position: absolute; top: 0px; left: 0px; } .rlc-fadeslider .rlc-slidewrapper { position: relative; width: 100%; overflow: hidden; } .rlc-fadeslider .rlc-looppause { bottom: 1.125em; left: 1.563em; } .rlc-fadeslider .rlc-slide { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; opacity: 1; visibility: hidden; } .rlc-fadeslider .rlc-slide:first-of-type, .rlc-fadeslider.rlc-init .rlc-slide { visibility: visible; } .rlc-fadeslider .rlc-slide .rlc-hasvideo { background: rgb(0, 0, 0); } .rlc-fadeslider .rlc-slide .rlc-hasvideo .rlc-videocontainer { pointer-events: none; } .rlc-fadeslider .rlc-slide .rlc-hasvideo .rlc-looppause { display: none; } .rlc-fadeslider .rlc-slide.rlc-active { z-index: 1; } .rlc-fadeslider .rlc-slide.rlc-prev { z-index: 0; } .rlc-fadeslider .rlc-slide .rlc-copygroup { position: absolute; z-index: 1; } .rlc-fadeslider .rlc-slide:hover .rlc-copygroup::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: calc(100% + 100px); height: calc(100% + 100px); transform: translate(-50%, -50%); z-index: -1; } .rlc-fadeslider .rlc-carousel-arrow { position: absolute; top: 50%; margin: 0px; width: 39px; height: 39px; transform: translateY(-50%); background: rgb(225, 225, 229); border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: 7; display: inline-block; padding: 0px; cursor: pointer; max-width: none; min-height: auto; font-size: 1em; } .rlc-fadeslider .rlc-carousel-arrow:hover { background: rgb(255, 255, 255); } .rlc-fadeslider.rlc-light .rlc-carousel-arrow { background: rgb(225, 225, 229); } .rlc-fadeslider.rlc-light .rlc-carousel-arrow:hover { background: rgb(255, 255, 255); } .rlc-fadeslider.rlc-gold .rlc-carousel-arrow { background: var(--goldlight); } .rlc-fadeslider.rlc-gold .rlc-carousel-arrow:hover { background: rgb(255, 255, 255); } .rlc-fadeslider.rlc-dark .rlc-carousel-arrow { background: var(--navy); } .rlc-fadeslider.rlc-dark .rlc-carousel-arrow:hover { background: rgb(0, 0, 0); } .rlc-fadeslider .rlc-carousel-arrow.rlc-carousel-arrow-left { left: 1.75em; } .rlc-fadeslider .rlc-carousel-arrow::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; opacity: 0.8; border-right: 1px solid rgb(0, 0, 0) !important; border-bottom: 1px solid rgb(0, 0, 0) !important; } .rlc-fadeslider.rlc-dark .rlc-carousel-arrow::after { border-color: rgb(255, 255, 255) !important; } .rlc-fadeslider .rlc-carousel-arrow.rlc-carousel-arrow-left::after { transform: translate(-2px, -50%) rotate(134deg); } .rlc-fadeslider .rlc-carousel-arrow.rlc-carousel-arrow-right { right: 1.75em; } .rlc-fadeslider .rlc-carousel-arrow.rlc-carousel-arrow-right::after { transform: translate(-6px, -50%) rotate(-45deg); } .rlc-fadeslider .rlc-carousel-arrow.rlc-carousel-arrow-left:hover::after, .rlc-fadeslider .rlc-carousel-arrow.rlc-carousel-arrow-right:hover::after { border-width: 2px !important; } .rlc-fadeslider .rlc-pagination { position: absolute; bottom: 0.875em; left: 50%; transform: translateX(-50%); width: 55em; display: flex; justify-content: center; align-items: center; z-index: 5; } .rlc-fadeslider .rlc-pagination .rlc-bullet { display: inline-flex; flex: 1 1 0%; height: 30px; min-height: inherit; width: auto; max-width: inherit; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 1em; transition: none; margin: 0px 0.344em; position: relative; background: none; } .rlc-fadeslider .rlc-pagination .rlc-bullet::before { content: ""; display: block; height: 2px; width: 100%; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); z-index: 0; } .rlc-fadeslider .rlc-pagination .rlc-bullet.rlc-active::after { content: ""; display: block; height: 2px; width: 0%; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); z-index: 1; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-active::after { width: 0%; animation-name: rlc-fltimeBullet; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: forwards; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-1s.rlc-active::after { animation-duration: 1s; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-2s.rlc-active::after { animation-duration: 2s; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-3s.rlc-active::after { animation-duration: 3s; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-4s.rlc-active::after { animation-duration: 4s; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-5s.rlc-active::after { animation-duration: 5s; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-6s.rlc-active::after { animation-duration: 6s; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-7s.rlc-active::after { animation-duration: 7s; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-8s.rlc-active::after { animation-duration: 8s; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-9s.rlc-active::after { animation-duration: 9s; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-10s.rlc-active::after { animation-duration: 10s; } .rlc-fadeslider.rlc-autoplay .rlc-pagination .rlc-bullet.rlc-videobullet.rlc-active::after { animation-duration: 7s; } .rlc-fadeslider.rlc-autoplay.rlc-stopbullet .rlc-pagination .rlc-bullet.rlc-active::after { animation-play-state: paused; } .rlc-fadeslider .rlc-pagination .rlc-bullet::before, .rlc-fadeslider.rlc-light .rlc-pagination .rlc-bullet::before { background: rgb(198, 200, 204); } .rlc-fadeslider .rlc-pagination .rlc-bullet.rlc-active::after, .rlc-fadeslider.rlc-light .rlc-pagination .rlc-bullet.rlc-active::after { background: rgb(255, 255, 255); } .rlc-fadeslider .rlc-pagination .rlc-bullet.rlc-active::before, .rlc-fadeslider.rlc-light .rlc-pagination .rlc-bullet.rlc-active::before { background: rgb(109, 111, 115); } .rlc-fadeslider.rlc-gold .rlc-pagination .rlc-bullet.rlc-active::after { background: var(--goldlight); } .rlc-fadeslider.rlc-dark .rlc-pagination .rlc-bullet.rlc-active::after { background: var(--navy); } @media screen and (min-width: 768px) { .rlc-fadeslider .rlc-pagination .rlc-bullet::before, .rlc-fadeslider .rlc-pagination .rlc-bullet::after { transition: height 0.35s; } .rlc-fadeslider .rlc-pagination .rlc-bullet:hover::before, .rlc-fadeslider .rlc-pagination .rlc-bullet:hover::after { height: 4px; } } @media screen and (max-width: 767px) { .rlc-fadeslider .rlc-pagination { bottom: 1.25em; width: 15em; height: 1.875em; } .rlc-fadeslider .rlc-carousel-arrow { display: none; } .rlc-fadeslider .rlc-looppause { left: 0.813em; bottom: 1.625em; } } .rlc-pinclip .rlc-in { height: 100%; overflow: hidden; position: relative; clip-path: inset(0px); } .rlc-scrollzoom { overflow: hidden; } .rlc-scrollzoom .rlc-image { transform: scale(1.35); transition: transform 2s, opacity 1s; transform-origin: 50% 50%; } .rlc-isvisible .rlc-scrollzoom .rlc-image, .rlc-isvisible.rlc-scrollzoom .rlc-image { transform: scale(1); } .rlc-shopslider { } .rlc-shopslider .swiper-button-next.swiper-button-disabled, .rlc-shopslider .swiper-button-prev.swiper-button-disabled { opacity: 0; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-copygroup { height: auto; position: absolute; left: 50%; transform: translateX(-50%); pointer-events: none; text-align: center; color: currentcolor; } @media screen and (min-width: 768px) { .rlc-carousel.rlc-category_carousel.rlc-shopslider { margin-left: 0px; width: 65.187em; } .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-carousel_wrapper { padding-bottom: 1.938em; padding-right: 1.953em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-carousel-arrow { top: calc(50% - 1.938em); } .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-slide { width: 25.563em; padding: 0px 0.5em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-slide .rlc-imagery { min-height: 34.375em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-copygroup { bottom: 2.875em; } } @media screen and (max-width: 767px) { .rlc-carousel.rlc-category_carousel.rlc-shopslider { margin-left: 1.375em; width: 22.063em; } .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-carousel-scrollbar { width: 20.313em; } .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-carousel_wrapper { padding-bottom: 1.938em; padding-right: 1.5em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-carousel-arrow { top: calc(50% - 1.938em); } .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-slide { width: 15.438em; padding: 0px 0.25em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-slide .rlc-imagery { min-height: 21.063em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-copygroup { bottom: 1.712em; } } .rlc-creative_v3 .rlc-combo .rlc-carousel .rlc-carousel-pagination { align-items: center; } .rlc-creative_v3 .rlc-combo .rlc-carousel .rlc-carousel-arrow { top: 16.875em; } .rlc-creative_v3 .rlc-combo .rlc-carousel.rlc-featured_products .rlc-slide .rlc-imagery { margin-bottom: 3.25em; } .rlc-creative_v3 .rlc-combo .rlc-carousel.rlc-featured_products .rlc-slide .rlc-image { margin-bottom: 0px; } .rlc-creative_v3 .rlc-combo .rlc-static-col.rlc-right { align-items: flex-end; } .rlc-creative_v3 .rlc-combo .rlc-static-col .rlc-slide .rlc-copygroup { text-align: center; margin-top: 0.75em; } @media screen and (min-width: 768px) { .rlc-creative_v3 .rlc-combo { display: flex; } .rlc-creative_v3 .rlc-combo .rlc-carousel-col { width: 48.125em; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rlc-creative_v3 .rlc-combo .rlc-static-col { width: 41.875em; display: flex; justify-content: center; flex-direction: column; } .rlc-creative_v3 .rlc-combo .rlc-static-col .rlc-slide { width: 32.375em; } } @media screen and (max-width: 767px) { .rlc-creative_v3 .rlc-combo .rlc-carousel-col, .rlc-creative_v3 .rlc-combo .rlc-static-col { margin-bottom: 3.813em; } .rlc-creative_v3 .rlc-combo .rlc-carousel.rlc-featured_products .rlc-slide .rlc-imagery { margin-bottom: 3.25em; } .rlc-creative_v3 .rlc-combo .rlc-carousel.rlc-featured_products .rlc-slide { width: 15.625em; padding: 0px; margin: 0px 1.969em; } .rlc-creative_v3 .rlc-combo .rlc-static-col .rlc-slide { width: 100vw - var( --scrollbar-width); } .rlc-creative_v3 .rlc-combo .rlc-carousel.rlc-featured_products .rlc-carousel-pagination { top: 19.5em; width: 15.625em; height: 3.438em; } .rlc-creative_v3 .rlc-combo .rlc-carousel.rlc-featured_products .rlc-slide .rlc-copygroup { position: relative; transform: none; width: 100%; } } .rlc-carouselside { display: flex; } .rlc-carouselside .rlc-carousel-col { position: relative; } .rlc-carouselside .rlc-carousel-col .rlc-textgroup { margin-bottom: 3.125em; text-align: center; } .rlc-carouselside .rlc-carousel-col .rlc-textgroup .rlc-dek { margin-top: 1.278em; } .rlc-carouselside .rlc-image-col { width: 28.75em; } .rlc-carouselside .rlc-image-col .rlc-scrollzoom { width: 28.75em; height: 50.625em; } .rlc-carouselside .rlc-carousel.rlc-banner { width: 54.875em; margin: 0px auto; overflow: hidden; } .rlc-carouselside .rlc-carousel.rlc-banner .rlc-carousel-arrow { top: 11.031em; } .rlc-carouselside .rlc-carousel.rlc-banner .rlc-slide { width: 17.625em; padding: 0px 0.5em; opacity: 1 !important; visibility: visible !important; } .is-ie .rlc-carouselside .rlc-carousel.rlc-banner .rlc-slide { margin: 0px 0.5em; padding: 0px; } .rlc-carouselside .rlc-carousel.rlc-banner .rlc-slide .rlc-image { margin-bottom: 0px; } .rlc-carouselside .rlc-carousel.rlc-banner .rlc-slide .rlc-copygroup { margin-top: 0.875em; } .rlc-carouselside .rlc-carousel.rlc-banner .rlc-slide .rlc-prodlink { display: none; } .rlc-carouselside .rlc-carousel.rlc-banner .rlc-slide .rlc-linecta { opacity: 1 !important; visibility: visible !important; } @media screen and (min-width: 768px) { .rlc-carouselside .rlc-carousel-col { width: 61.25em; display: flex; align-items: center; justify-content: center; flex-direction: column; } .rlc-carouselside .rlc-carousel-col .rlc-textgroup { width: 46.875em; } } @media screen and (max-width: 767px) { .rlc-carouselside { flex-direction: column-reverse; align-items: center; } .rlc-carouselside .rlc-image-col { width: 19.125em; margin-bottom: 1.875em; } .rlc-carouselside .rlc-image-col .rlc-scrollzoom { width: 19.125em; height: 23.125em; } .rlc-carouselside .rlc-carousel-col .rlc-textgroup { width: 95vw; margin: 0px auto 1.875em; } .rlc-carouselside .rlc-carousel-col .rlc-carousel.rlc-banner .rlc-slide .rlc-imagery { margin-bottom: 3.25em; } .rlc-carouselside .rlc-carousel-col .rlc-carousel.rlc-banner .rlc-slide { width: 15.625em; padding: 0px; margin: 0px 1em; } .rlc-carouselside .rlc-carousel-col .rlc-carousel.rlc-banner { width: 100vw - var( --scrollbar-width); } .rlc-carouselside .rlc-carousel-col .rlc-carousel.rlc-banner .rlc-carousel-pagination { top: 19.5em; width: 15.625em; height: 3.438em; } .rlc-carouselside .rlc-carousel-col .rlc-carousel.rlc-banner .rlc-slide .rlc-copygroup { position: relative; transform: none; width: 100%; } } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats { width: 87.313em; margin-left: 2.688em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-carousel_wrapper { padding-right: 3.063em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .swiper-container-horizontal > .swiper-scrollbar { bottom: auto; top: 26.25em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-carousel-arrow { top: 13.125em; transform: translateY(-50%); } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide { width: 20em; padding: 0px 0.5em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide .rlc-imagery { min-height: 25em; margin-bottom: 2.25em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide .rlc-copygroup { align-items: flex-start; flex-direction: column; height: auto; display: flex; opacity: 0; transition: opacity 0.5s; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide:hover .rlc-copygroup { opacity: 1; } @media screen and (max-width: 959px) { .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide .rlc-copygroup { display: flex; } } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-copygroup a, .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-copygroup a:hover, .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-copygroup a:active { color: currentcolor; text-decoration: none; } @media screen and (max-width: 767px) { .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats { width: 21.938em; margin-left: 1.5em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-carousel_wrapper { padding-right: 0.5em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .swiper-container-horizontal > .swiper-scrollbar { width: 20.938em; height: 2.875em; bottom: auto; top: 24.25em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-carousel-arrow { top: 13.125em; transform: translateY(-50%); } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide { width: 18.25em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide .rlc-imagery { min-height: 24.25em; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide .rlc-copygroup { opacity: 0; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide.rlc-isvisible .rlc-copygroup, .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .swiper-slide-visible:last-child .rlc-copygroup { opacity: 1; } } .rlc-creative_v3 .instock .rlc-instock, .rlc-creative_v3 .instock .rlc-hotspot { display: block; } .rlc-creative_v3 .instock .rlc-bg_link { pointer-events: auto; } .rlc-creative_v3 .instock .rlc-cs { display: none; } .rlc-creative_v3 .instock .rlc-notfound { display: none !important; } .rlc-creative_v3 .keeponline .rlc-instock, .rlc-creative_v3 .keeponline .rlc-hotspot { display: block; } .rlc-creative_v3 .keeponline .rlc-bg_link { pointer-events: auto; } .rlc-creative_v3 .keeponline .rlc-cs { display: none; } .rlc-creative_v3 .keeponline .rlc-notfound { display: none; } .rlc-creative_v3 .notinstock .rlc-instock, .rlc-creative_v3 .notinstock .rlc-hotspot { display: none; } .rlc-creative_v3 .notinstock .rlc-bg_link { pointer-events: none; } .rlc-creative_v3 .notinstock .rlc-cs { display: block; } .rlc-creative_v3 .notinstock .rlc-notfound { display: none; } .rlc-creative_v3 .notfound .rlc-instock, .rlc-creative_v3 .notfound .rlc-hotspot { display: none; } .rlc-creative_v3 .notfound .rlc-bg_link { pointer-events: none; } .rlc-creative_v3 .notfound .rlc-cs { display: block; } .rlc-creative_v3 .notfound .rlc-notfound { display: none; } .rlc-creative_v3 .keeponline .rlc-bg_link, .rlc-creative_v3 .keeponline .rlc-hotspot { pointer-events: auto; } .rlc-creative_v3 .notfound .rlc-hasicon.rlc-bg_link::after, .rlc-creative_v3 .notinstock .rlc-hasicon.rlc-bg_link::after, .rlc-creative_v3 .notfound .rlc-hasicon.rlc-hotspot::after, .rlc-creative_v3 .notinstock .rlc-hasicon.rlc-hotspot::after { display: none; } .rlc-creative_v3 .keeponline .rlc-hasicon.rlc-bg_link::after, .rlc-creative_v3 .keeponline .rlc-hasicon.rlc-hotspot::after { display: block; } .rlc-creative_v3 .is-quick-shoppable.rlc-target { position: absolute; width: 2.1875em; height: 2.1875em; border: 1px solid rgb(255, 255, 255); border-radius: 50%; transition: background-color 250ms; background: rgba(255, 255, 255, 0.1); } .notfound .is-quick-shoppable.rlc-target, .notinstock .is-quick-shoppable.rlc-target { display: none !important; } .keeponline .is-quick-shoppable.rlc-target { display: block !important; } .rlc-creative_v3 .is-quick-shoppable.rlc-target { position: absolute; width: 2.1875em; height: 2.1875em; border: 1px solid rgb(255, 255, 255); border-radius: 50%; transition: background-color 250ms; background: rgba(255, 255, 255, 0.1); } .rlc-creative_v3 .is-quick-shoppable.rlc-target::before, .rlc-creative_v3 .is-quick-shoppable.rlc-target::after { content: ""; width: 1px; height: 0.625em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgb(255, 255, 255); display: block; } .rlc-creative_v3 .is-quick-shoppable.rlc-target::after { transform: translate(-50%, -50%) rotate(90deg); } .rlc-creative_v3 .is-quick-shoppable.rlc-target:hover { background: rgba(255, 255, 255, 0.35); } .rlc-hasicon .rlc-imagery::after, .rlc-hasicon .rlc-hasvideo::after { content: ""; background: url("https://www.ralphlauren.co.uk/on/demandware.static/-/Library-Sites-RalphLauren_EU_Library/en_GB/v1785482969300/_common/css/img/Brand_Logo_Library/QUICKSHOP/quick_shop_white.png?$staticlink$") 0% 0% / contain; width: 2.5em; height: 2.5em; display: block; position: absolute; z-index: 1; bottom: 1em; right: 1.375em; pointer-events: none; transition: opacity 0.5s; opacity: 1; } @media screen and (max-width: 767px) { .rlc-hasicon .rlc-imagery::after, .rlc-hasicon .rlc-hasvideo::after { width: 1.5em; height: 1.5em; bottom: 0.688em; right: 0.313em; } } [lang^="ar"] { & .rlc-linecta, & .rlc-dek, & .rlc-sub, & .rlc-title, & .rlc-prodname, & .rlc-sectionsubhd, & .rlc-name { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif !important; } & .rlc-en_LeJeuneDeck { font-family: LeJeuneDeck-Regular !important; } & .rlc-title.rlc-title-en_LeJeuneDeck, & .rlc-title .rlc-title-en_LeJeuneDeck { font-family: LeJeuneDeck-Regular !important; } & .rlc-dek.rlc-dek-en_LeJeuneDeck, & .rlc-dek .rlc-dek-en_LeJeuneDeck { font-family: LeJeuneDeck-Regular !important; } & .rlc-en_FoundersText { font-family: "Founders Grotesk text Regular", Arial, Helvetica, sans-serif; } & .rlc-en_FoundersMono { font-family: "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; } & .rlc-a, & .rlc-linecta, & .rlc-dek, & .rlc-sub, & .rlc-title, & .rlc-prodname, & .rlc-sectionsubhd, & .rlc-name, & .rlc-links .rlc-a, & .rlc-boxplay::before { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif !important; } & .rlc-carousel .swiper-pagination { right: 50%; transform: translate(50%); } } [lang="ar"] .rlc-carousel .rlc-carousel-arrow, [lang="ar"] .rlc-hasarrows .rlc-arrow { transform: translateY(-50%) scaleX(-1); } [lang="ar"] .rlc-carousel .swiper-button-prev { right: 2.5em; left: unset; } [lang="ar"] .rlc-carousel .swiper-button-next { left: 2.5em; right: unset; } [lang="ar"] .rlc-carousel .rlc-carousel-arrow.rlc-carousel-arrow-left::after, [lang="ar"] .rlc-hasarrows .rlc-arrow.rlc-arrow-left::after { transform: translate(-7px, -50%) rotate(315deg); } [lang="ar"] .rlc-carousel .rlc-carousel-arrow.rlc-carousel-arrow-right::after, [lang="ar"] .rlc-hasarrows .rlc-arrow.rlc-arrow-right::after { transform: translate(-2px, -50%) rotate(135deg); } [lang^="ar"] .rlc-videocontainer .rlc-looppause { bottom: 1em; left: 1em !important; right: auto !important; } [lang^="ar"] .rlc-acc.rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide .rlc-copygroup { text-align: right; } @media only screen and (min-width: 768px) { [lang^="ar"] .rlc-catslider-hd { text-align: right; margin: 4em 3.5em 3.063em 0em !important; } [lang^="ar"] .rlc-catslider-hd .rlc-title { text-align: right; } [lang^="ar"] .rlc-carousel.rlc-category_carousel { margin-left: 0px; } [lang^="ar"] .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-carousel_wrapper { padding-bottom: 1.938em; padding-right: 0px; padding-left: 1.953em; } [lang^="ar"] #rlc-sticky-sub-nav .rlc-lonely { padding-left: 1em; } [lang^="ar"] #rlc-sticky-sub-nav .nav-arrow { left: 0px; position: absolute; top: 0.125em; } [lang^="ar"] .rlc-carousel.rlc-category_carousel .rlc-carousel-arrow { display: block; } [lang^="ar"] .rlc-shopslider .swiper-button-next.swiper-button-disabled, [lang^="ar"] .rlc-shopslider .swiper-button-prev.swiper-button-disabled { opacity: 1; } [lang^="ar"] #rlc-shopsection .rlc-intro .rlc-copygroup { margin-right: 3.5em; margin-left: 0px; } } @media only screen and (max-width: 767px) { [lang^="ar"] .rlc-carousel.rlc-category_carousel.rlc-shopslider { margin-right: 1.375em; margin-left: 0px; } [lang^="ar"] .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-carousel_wrapper { padding-left: 1.5em; padding-right: 0px; } [lang^="ar"] .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats { margin-left: 0px; margin-right: 1em; } } .rlc-redesign-fy25 { --padding-sides-desktop: 3.5em; --padding-sides-mobile: 1.875em; --plp-padding-sides: 1.875em; & h1, & h2, & h3, & h4, & h5, & h6, & p { font-size: 1em; line-height: normal; letter-spacing: normal; font-weight: 400; margin: 0px; padding: 0px; color: currentcolor; text-transform: unset; } & .rlc-slot { content-visibility: auto; &:has(.rlc-copy-drift) { content-visibility: visible; contain: none; } } & .rlc-all-text-center { text-align: center; } & .rlc-all-text-left, & .rlc-all-text-start { text-align: left; } & .rlc-all-text-right, & .rlc-all-text-end { text-align: right; } & .rlc-all-text-left { & .rlc-links { justify-content: left; } } & .rlc-all-text-right { & .rlc-links { justify-content: right; } } & .rlc-all-text-start { & .rlc-links { justify-content: start; } } & .rlc-all-text-end { & .rlc-links { justify-content: end; } } & .rlc-flex { &.rlc-all-pos-center, &.rlc-desktop-pos-center, &.rlc-all-pos-center-left, &.rlc-desktop-pos-center-left, &.rlc-all-pos-center-start, &.rlc-desktop-pos-center-start, &.rlc-all-pos-center-right, &.rlc-desktop-pos-center-right, &.rlc-all-pos-bottom-center, &.rlc-desktop-pos-bottom-center { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: none; display: flex; flex-direction: column; justify-content: center; gap: 0px; box-sizing: border-box; } &.rlc-all-pos-bottom-start, &.rlc-desktop-pos-bottom-start, &.rlc-all-pos-bottom-end, &.rlc-desktop-pos-bottom-end { position: absolute; inset: auto auto 0px 0px; } &.rlc-all-pos-center, &.rlc-desktop-pos-center { align-items: center; } &.rlc-all-pos-center-left, &.rlc-desktop-pos-center-left { align-items: start; } &.rlc-all-pos-center-start, &.rlc-desktop-pos-center-start { align-items: start; } &.rlc-all-pos-center-right, &.rlc-desktop-pos-center-right { align-items: end; } &.rlc-all-pos-center-end, &.rlc-desktop-pos-center-end { left: auto; right: 0px; align-items: end; } &.rlc-all-pos-bottom-center, &.rlc-desktop-pos-bottom-center { height: auto; top: auto; bottom: 0px; align-items: center; justify-content: end; } } & .rlc-50-50 { gap: 1em; } & .rlc-all-padding-x, & .rlc-desktop-padding-x { padding-left: var(--padding-sides-desktop); padding-right: var(--padding-sides-desktop); } & .rlc-all-padding-bottom, & .rlc-desktop-padding-bottom { padding-bottom: 5em; } & .rlc-inner, & .rlc-copylayer { max-width: 100%; box-sizing: border-box; } & .rlc-copylayer { & > * { width: 40.9375em; max-width: 100%; } & > * + * { margin-top: 1.875em; } & > .rlc-logo + .rlc-headline { margin-top: 1.25em; } & > .rlc-eyebrow + .rlc-headline { margin-top: 0.9375em; } & > .rlc-headline + .rlc-bodycopy { margin-top: 0.9375em; } & span { & > span { font-size: 1em; } } } & .rlc-headline { font-size: 1em; &.rlc-title, &.rlc-dek { font-size: 1em; line-height: normal; letter-spacing: normal; text-align: inherit; padding: 0px; } } & .rlc-bodycopy { &.rlc-dek, &.rlc-title { font-size: 1em; line-height: normal; letter-spacing: normal; text-align: unset; padding: 0px; } } & .rlc-eyebrow { font-family: var(--foundersReg); text-transform: uppercase; & > span { font-size: 0.6875em; line-height: 1.27273em; letter-spacing: 0.0545454em; } & .rlc-nodroid { font-family: var(--foundersReg_NoDroid) !important; } } & .rlc-logo { display: flex; & .rlc-image { width: 31.5em; } } & .rlc-headline { font-family: var(--leJeuneReg); & .rlc-nodroid { font-family: var(--leJeuneReg_NoDroid) !important; } &.rlc-headline--h1 { & > span { font-size: 3.75em; line-height: 1.2em; } } &.rlc-headline--h2 { & > span { font-size: 2.75em; line-height: 1.18182em; } } &.rlc-headline--h3 { & > span { font-size: 1.75em; line-height: 1.42857em; } } &.rlc-headline--h4 { & > span { font-size: 1.125em; line-height: 1.77778em; } } } & .rlc-bodycopy { &.rlc-bodycopy--large { font-family: var(--leJeuneReg); & .rlc-nodroid { font-family: var(--leJeuneReg_NoDroid) !important; } & > span { font-size: 1em; line-height: 1.75em; letter-spacing: 0.0125em; } } &.rlc-bodycopy--small { font-family: var(--foundersReg); & .rlc-nodroid { font-family: var(--foundersReg_NoDroid) !important; } & > span { font-size: 0.75em; line-height: 1.75em; letter-spacing: normal; } } } & .rlc-links { margin-top: 1.25em; column-gap: 1.14286em; } & .rlc-linecta, & a.rlc-linecta { font-family: var(--foundersReg); font-size: 0.875em; line-height: normal; letter-spacing: 0.0714286em; text-transform: uppercase; color: currentcolor; display: inline-block; position: relative; padding-bottom: calc(0.5em + 1px); &::after { content: ""; display: block; position: absolute; left: 0px; bottom: 0em; height: 1px; width: 100%; background: currentcolor; transition: bottom 0.5s; } &:hover { &::after { bottom: 0.428571em; } } } & .rlc-brand_polo { & .rlc-headline { font-family: var(--leJeuneReg); & .rlc-nodroid { font-family: var(--leJeuneReg_NoDroid) !important; } &.rlc-headline--h1 { & > span { font-size: 3.75em; line-height: 1.2em; } } &.rlc-headline--h2 { & > span { font-size: 2.75em; line-height: 1.18182em; } } &.rlc-headline--h3 { & > span { font-size: 1.75em; line-height: 1.42857em; } } &.rlc-headline--h4 { & > span { font-size: 1.125em; line-height: 1.77778em; } } } & .rlc-bodycopy { &.rlc-bodycopy--large { font-family: var(--leJeuneReg); & .rlc-nodroid { font-family: var(--leJeuneReg_NoDroid) !important; } & > span { font-size: 1em; line-height: 1.75em; letter-spacing: 0.0125em; } } &.rlc-bodycopy--small { font-family: var(--foundersReg); & .rlc-nodroid { font-family: var(--foundersReg_NoDroid) !important; } & > span { font-size: 0.75em; line-height: 1.75em; letter-spacing: normal; } } } } & .rlc-brand_collection, & .rlc-brand_luxe { & .rlc-headline { font-family: var(--sackersHeavy); text-transform: uppercase; & .rlc-nodroid { font-family: var(--sackersMed_NoDroid) !important; } &.rlc-headline--h1 { & > span { font-size: 1.125em; line-height: 2.44444em; letter-spacing: 0.4em; } } &.rlc-headline--h2 { & > span { font-size: 0.875em; line-height: 2em; letter-spacing: 0.3571em; } } &.rlc-headline--h3 { & > span { font-size: 0.625em; line-height: 1.75em; letter-spacing: 0.25em; } } &.rlc-headline--h4 { & > span { font-size: 0.53125em; line-height: 2.9412em; letter-spacing: 0.078333em; } } } & .rlc-bodycopy { &.rlc-bodycopy--large { font-family: var(--foundersLight); & .rlc-nodroid { font-family: var(--foundersLight_NoDroid) !important; } & > span { font-size: 1.125em; line-height: 1.55556em; } } &.rlc-bodycopy--small { font-family: var(--foundersMonoReg); & .rlc-nodroid { font-family: var(--foundersMonoReg_NoDroid) !important; } & > span { font-size: 0.8125em; line-height: 2em; } } } } & .rlc-button--block { margin-bottom: 1em; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px; width: 12.5em; min-width: 12.5em; height: 3.25em; font-family: var(--foundersReg); & > span { font-style: normal; font-weight: 400; font-size: 0.6875em; line-height: 1.27273em; text-align: center; letter-spacing: 0.09em; text-transform: uppercase; flex: 0 0 auto; order: 0; } transition: 75ms linear; border: 1px solid var(--navy); &:hover { background-color: var(--navy); color: rgb(255, 255, 255); } &.rlc-navy { background-color: unset; border-color: var(--navy); color: var(--navy); &.rlc-solid { background-color: var(--navy); color: var(--white); &:hover { background-color: var(--navylight); border-color: var(--navylight); color: var(--white); } } &:hover { background-color: var(--navy); color: rgb(255, 255, 255); } } &.rlc-white { border-color: var(--white); color: var(--white); &.rlc-solid { background-color: rgb(255, 255, 255); color: var(--navy); } &:hover { background-color: rgb(255, 255, 255); color: var(--navy); &.rlc-hover-black { background-color: var(--black); border-color: var(--black); color: var(--white); } &.rlc-hover-navy { background-color: var(--navy); border-color: var(--navy); color: var(--white); } } } &.rlc-black { border-color: var(--black); color: var(--black); &.rlc-solid { background-color: var(--black); color: var(--white); &:hover { background-color: var(--navy); border-color: var(--navy); color: var(--white); } } &:hover { background-color: var(--black); color: var(--white); } } } & .rlc-carousel { position: relative; & .rlc-nav--top { position: absolute; top: -3.75em; left: auto; right: var(--padding-sides-desktop); width: 4.9375em; height: 2.5em; display: flex; overflow: hidden; background: rgb(225, 225, 220); border-radius: 0.375em; &::before { content: ""; display: block; width: 1px; height: 1.8125em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--colorPoloCG2); } & .rlc-carousel-arrow { width: 50%; height: 100%; display: inline-block; position: relative; transform: none; border-radius: 0px; background-color: initial; top: auto !important; &::after { border-bottom-color: var(--navy); border-right-color: var(--navy); } &.rlc-carousel-arrow-right, &.rlc-carousel-arrow-left { left: auto; right: auto; } &.swiper-button-disabled { opacity: 1; visibility: visible; &::after { border-bottom-color: var(--colorPoloCG2); border-right-color: var(--colorPoloCG2); } } } } &.rlc-desktop--static { & .rlc-nav--top { display: none; } } &.rlc-carousel-nointeraction { & .rlc-nav--top { & .swiper-button-prev { opacity: 1; visibility: visible; } } } } & .rlc-inner { & .rlc-carousel { & .rlc-nav--top { right: 0px; } } } & .rlc-4u { & .rlc-carousel { width: 100%; & .rlc-slide { width: 20em; margin: 0px 1em 0px 0px; padding: 0px; & .rlc-copygroup { margin-top: 1em; } & .rlc-prodname { font-size: 0.8125em; line-height: 1.38462em; letter-spacing: 0.0192308em; text-transform: uppercase; } } } } & .rlc-m2e { & .rlc-header { padding-top: 6.25em; padding-bottom: 1.25em; } & .rlc-carousel { width: 100%; & .rlc-slide { width: 27em; margin: 0px 1em 0px 0px; padding: 0px; & .rlc-copylayer { padding-bottom: 3.75em; & > .rlc-eyebrow + .rlc-headline { margin-top: 0.625em; } } } } } & .rlc-copy-drift { bottom: auto; top: 33%; } } @media screen and (min-width: 768px) { .rlc-redesign-fy25 { & .rlc-desk-text-center { text-align: center; } & .rlc-desktop-text-left, & .rlc-desktop-text-start { text-align: left; } & .rlc-desktop-text-right { text-align: right; } & .rlc-transparent-nav { & .rlc-copylayer { padding-top: 9.44em; } &.rlc-mb--small { & .rlc-copylayer { padding-top: 6.94em; } } } } } @media only screen and (max-width: 767px) { .rlc-redesign-fy25 { & .rlc-flex { &.rlc-all-pos-bottom, &.rlc-mobile-pos-bottom, &.rlc-all-pos-bottom-center, &.rlc-mobile-pos-bottom-center, &.rlc-all-pos-bottom-left, &.rlc-mobile-pos-bottom-left, &.rlc-all-pos-bottom-right, &.rlc-mobile-pos-bottom-right, &.rlc-all-pos-bottom-start, &.rlc-mobile-pos-bottom-start { width: 100%; left: 0px; right: 0px; transform: none; } &.rlc-all-pos-bottom-center, &.rlc-mobile-pos-bottom-center, &.rlc-all-pos-bottom-left, &.rlc-mobile-pos-bottom-left, &.rlc-all-pos-bottom-start, &.rlc-mobile-pos-bottom-start, &.rlc-all-pos-bottom-end, &.rlc-mobile-pos-bottom-end { top: auto; height: auto; } } & .rlc-all-padding-x, & .rlc-mobile-padding-x { padding-left: var(--padding-sides-mobile); padding-right: var(--padding-sides-mobile); } & .rlc-all-padding-bottom, & .rlc-mobile-padding-bottom { padding-bottom: 3.75em; } & .rlc-copylayer { & > * { width: 100%; } } & .rlc-mobile-text-center { text-align: center; } & .rlc-mobile-text-left, & .rlc-mobile-text-start { text-align: left; } & .rlc-mobile-text-right { text-align: right; } & .rlc-logo { & .rlc-image { width: 17.8125em; } } & .rlc-headline { font-family: var(--leJeuneReg); width: 100%; & .rlc-nodroid { font-family: var(--leJeuneReg_NoDroid) !important; } &.rlc-headline--h1 { & > span { font-size: 3.75em; line-height: 1.2em; } } &.rlc-headline--h2 { & > span { font-size: 1.75em; line-height: 1.35714em; } } &.rlc-headline--h3 { & > span { font-size: 1.25em; line-height: 1.4em; } } &.rlc-headline--h4 { & > span { font-size: 0.875em; line-height: 1.71429em; } } } & .rlc-brand_polo { & .rlc-headline { font-family: var(--leJeuneReg); & .rlc-nodroid { font-family: var(--leJeuneReg_NoDroid) !important; } &.rlc-headline--h1 { & > span { font-size: 3.75em; line-height: 1.2em; } } &.rlc-headline--h2 { & > span { font-size: 1.75em; line-height: 1.35714em; } } &.rlc-headline--h3 { & > span { font-size: 1.25em; line-height: 1.4em; } } &.rlc-headline--h4 { & > span { font-size: 0.875em; line-height: 1.71429em; } } } } & .rlc-brand_collection, & .rlc-brand_luxe { & .rlc-headline { font-family: var(--sackersHeavy); & .rlc-nodroid { font-family: var(--sackersHeavy_NoDroid) !important; } &.rlc-headline--h1 { & > span { font-size: 0.875em; line-height: 1.85714em; letter-spacing: 0.357143em; } } &.rlc-headline--h2 { & > span { font-size: 0.625em; line-height: 2.8em; letter-spacing: 0.25em; } } &.rlc-headline--h3 { & > span { font-size: 0.53125em; line-height: 2.94118em; letter-spacing: 0.110588em; } } &.rlc-headline--h4 { & > span { font-size: 0.4375em; line-height: 2.85714em; letter-spacing: 0.071429em; } } } } & .rlc-carousel { & .rlc-nav--top { display: none; } } & .rlc-4u { & .rlc-carousel { width: 100%; & .rlc-slide { width: 12.8125em; } } } & .rlc-m2e { & .rlc-header { padding-top: 2.5em; } & .rlc-carousel { width: 100%; & .rlc-slide { width: 18.25em; } } } } } .rlc-redesign-fy25 { & .rlc-pillbutton { border: 1px solid; border-radius: 1.25em; padding: 0px 1.25em; white-space: nowrap; min-height: 1.94em; display: inline-flex; align-items: center; background-color: transparent; transition: 0.25s; color: currentcolor; text-decoration: none; & span { font-size: 0.688em; color: currentcolor; line-height: 0.75em; text-transform: uppercase; transition: 0.25s; position: relative; margin: 0px auto; } &:hover, &:active { background-color: currentcolor; color: var(--black); border-color: currentcolor; } } & .rlc-all-color-dark .rlc-pillbutton { &:hover, &:active { background-color: var(--black); border-color: var(--black); & span { color: var(--white); } } } & .rlc-all-color-light .rlc-pillbutton { &:hover, &:active { background-color: var(--white); border-color: var(--white); & span { color: var(--navy); } } } & .rlc-all-color-white .rlc-pillbutton { background-color: var(--white); & > span { color: var(--navy); } &:hover, &:active { background-color: var(--navy); border-color: var(--navy); & > span { color: var(--white); } } } & .rlc-all-color-navy .rlc-pillbutton { background-color: var(--navy); & > span { color: var(--white); } &:hover, &:active { background-color: var(--navylight); border-color: var(--navylight); } } } @media only screen and (min-width: 768px) { .rlc-redesign-fy25 { & .rlc-desktop-color-dark .rlc-pillbutton { &:hover, &:active { background-color: var(--black); border-color: var(--black); & > span { color: var(--white); } } } & .rlc-desktop-color-light .rlc-pillbutton { &:hover, &:active { background-color: var(--white); border-color: var(--white); & > span { color: var(--navy); } } } & .rlc-desktop-color-white .rlc-pillbutton { background-color: var(--white); & > span { color: var(--navy); } &:hover, &:active { background-color: var(--navy); border-color: var(--navy); & > span { color: var(--white); } } } & .rlc-desktop-color-navy .rlc-pillbutton { background-color: var(--navy); & > span { color: var(--white); } &:hover, &:active { background-color: var(--navylight); border-color: var(--navylight); } } } } @media only screen and (max-width: 767px) { .rlc-redesign-fy25 { & .rlc-mobile-color-dark .rlc-pillbutton { &:hover, &:active { background-color: var(--black); border-color: var(--black); & > span { color: var(--white); } } } & .rlc-mobile-color-light .rlc-pillbutton { &:hover, &:active { background-color: var(--white); border-color: var(--white); & > span { color: var(--navy); } } } & .rlc-mobile-color-white .rlc-pillbutton { background-color: var(--white); & > span { color: var(--navy); } &:hover, &:active { background-color: var(--navy); border-color: var(--navy); & > span { color: var(--white); } } } & .rlc-mobile-color-navy .rlc-pillbutton { background-color: var(--navy); & > span { color: var(--white); } &:hover, &:active { background-color: var(--navylight); border-color: var(--navylight); } } } } @media only screen and (min-width: 768px) { .rlc-redesign-fy25 { & .rlc-plp-padding--left, & .rlc-plp-padding--start { padding-left: var(--plp-padding-sides); } & .rlc-plp-padding--right, & .rlc-plp-padding--end { padding-right: var(--plp-padding-sides); } & .rlc-all-padding-x, & .rlc-desktop-padding-x { &.rlc-plp-padding--left, &.rlc-plp-padding--start { padding-left: calc(var(--padding-sides-desktop) + var(--plp-padding-sides)); } &.rlc-plp-padding--right, &.rlc-plp-padding--end { padding-right: calc(var(--padding-sides-desktop) + var(--plp-padding-sides)); } } } } [direction="rtl"], [lang^="ar"] { & .rlc-redesign-fy25 { & .rlc-flex { &.rlc-all-pos-center-start, &.rlc-all-pos-bottom-start { left: auto; right: 0px; } &.rlc-all-pos-center-end, &.rlc-all-pos-bottom-end { left: 0px; right: auto; } } & .rlc-all-text-start { text-align: right; } & .rlc-all-text-end { text-align: left; } & .rlc-carousel { position: relative; & .rlc-nav--top { right: auto; left: var(--padding-sides-desktop); } } } } @media only screen and (min-width: 768px) { [direction="rtl"], [lang^="ar"] { & .rlc-redesign-fy25 { & .rlc-flex { &.rlc-desktop-pos-bottom-start { left: auto; right: 0px; } &.rlc-desktop-pos-bottom-end { left: 0px; right: auto; } } & .rlc-desktop-text-start { text-align: right; } & .rlc-desktop-text-end { text-align: left; } &.rlc-plp-padding--start { padding-right: var(--plp-padding-sides); } &.rlc-plp-padding--end { padding-left: var(--plp-padding-sides); } & .rlc-all-padding-x, & .rlc-desktop-padding-x { &.rlc-plp-padding--start { padding-right: calc(var(--padding-sides-desktop) + var(--plp-padding-sides)); } &.rlc-plp-padding--end { padding-left: calc(var(--padding-sides-desktop) + var(--plp-padding-sides)); } } } } } @media only screen and (max-width: 767px) { [direction="rtl"], [lang^="ar"] { & .rlc-redesign-fy25 { & .rlc-flex { &.rlc-all-pos-bottom-start, &.rlc-mobile-pos-bottom-start { left: auto; right: 0px; } &.rlc-all-pos-bottom-end, &.rlc-mobile-pos-bottom-end { left: 0px; right: auto; } } & .rlc-all-text-start, & .rlc-mobile-text-start { text-align: right; } } } } /* source: https://www.ralphlauren.co.uk/on/demandware.static/-/Library-Sites-RalphLauren_EU_Library/en_GB/v1785482969300/_common/css/rlc-fadeslider.2.5.1.min.css */ @keyframes rlc-fltimeBullet { 0% { width: 0%; } 100% { width: 100%; } } .rlc-creative_v3 .rlc-fadeslider2 { color: rgb(255, 255, 255); max-height: none; } .rlc-fadeslider2 .rlc-slidewrapper { position: relative; width: 100%; height: 100%; overflow: hidden; } .rlc-fadeslider2 .rlc-looppause { top: 50%; left: -1.438em; transform: translate(-100%, -50%); z-index: 3; } .rlc-fadeslider2 .rlc-slide { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; opacity: 1; visibility: hidden; } .rlc-fadeslider2 .rlc-slide:first-of-type, .rlc-fadeslider2.rlc-init .rlc-slide { visibility: visible; } .rlc-fadeslider2 .rlc-slide .rlc-hasvideo { background: rgb(0, 0, 0); } .rlc-fadeslider2 .rlc-slide .rlc-hasvideo .rlc-videocontainer { pointer-events: none; } .rlc-fadeslider2 .rlc-slide .rlc-hasvideo .rlc-looppause { display: none; } .rlc-fadeslider2.rlc-single .rlc-slide .rlc-hasvideo .rlc-looppause { display: block; } .rlc-fadeslider2 .rlc-slide.rlc-active { z-index: 1; } .rlc-fadeslider2 .rlc-slide.rlc-prev { z-index: 0; } .rlc-fadeslider2 .rlc-slide .rlc-copygroup { position: absolute; z-index: 1; } .rlc-fadeslider2 .rlc-slide:hover .rlc-copygroup::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: calc(100% + 100px); height: calc(100% + 100px); transform: translate(-50%, -50%); z-index: -1; } .rlc-fadeslider2 .rlc-carousel-arrow { position: absolute; top: 50%; margin: 0px; width: 39px; height: 39px; transform: translateY(-50%); background: rgb(225, 225, 229); border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: 7; display: inline-block; padding: 0px; cursor: pointer; max-width: none; min-height: auto; font-size: 1em; } .rlc-fadeslider2 .rlc-carousel-arrow:hover { background: rgb(255, 255, 255); } .rlc-fadeslider2.rlc-light .rlc-carousel-arrow { background: rgb(225, 225, 229); } .rlc-fadeslider2.rlc-light .rlc-carousel-arrow:hover { background: rgb(255, 255, 255); } .rlc-fadeslider2.rlc-gold .rlc-carousel-arrow { background: rgb(186, 173, 114); } .rlc-fadeslider2.rlc-gold .rlc-carousel-arrow:hover { background: rgb(255, 255, 255); } .rlc-fadeslider2.rlc-dark .rlc-carousel-arrow { background: rgb(4, 30, 58); } .rlc-fadeslider2.rlc-dark .rlc-carousel-arrow:hover { background: rgb(0, 0, 0); } .rlc-fadeslider2 .rlc-carousel-arrow.rlc-carousel-arrow-left { left: 1.75em; } .rlc-fadeslider2 .rlc-carousel-arrow::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; opacity: 0.8; border-right: 1px solid rgb(0, 0, 0) !important; border-bottom: 1px solid rgb(0, 0, 0) !important; } .rlc-fadeslider2.rlc-dark .rlc-carousel-arrow::after { border-color: rgb(255, 255, 255) !important; } .rlc-fadeslider2 .rlc-carousel-arrow.rlc-carousel-arrow-left::after { transform: translate(-2px, -50%) rotate(134deg); } .rlc-fadeslider2 .rlc-carousel-arrow.rlc-carousel-arrow-right { right: 1.75em; } .rlc-fadeslider2 .rlc-carousel-arrow.rlc-carousel-arrow-right::after { transform: translate(-6px, -50%) rotate(-45deg); } .rlc-fadeslider2 .rlc-carousel-arrow.rlc-carousel-arrow-left:hover::after, .rlc-fadeslider2 .rlc-carousel-arrow.rlc-carousel-arrow-right:hover::after { border-width: 2px !important; } .rlc-fadeslider2 .rlc-progresswrap { position: absolute; bottom: 1.875em; left: calc(50% + 1.438em); transform: translateX(-50%); width: 72.25em; height: 31px; display: flex; justify-content: flex-end; align-items: center; z-index: 2; color: currentcolor; } .rlc-fadeslider2 .rlc-progresswrap.rlc-fixed { position: fixed; } .rlc-fadeslider2 .rlc-pagination { position: relative; bottom: auto; left: auto; transform: none; width: auto; display: flex; justify-content: center; align-items: center; height: 1.227em; margin-left: 1.25em; } .rlc-fadeslider2 .rlc-progressbar { display: inline-flex; flex: 1 1 0%; height: 4px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 1em; transition: none; position: relative; background: none; } .rlc-fadeslider2 .rlc-progressbar::before { content: ""; display: block; height: 4px; width: 100%; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); z-index: 0; background: currentcolor; opacity: 0.5; } .rlc-fadeslider2 .rlc-progressbar .rlc-progressline { height: 4px; width: 0%; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); z-index: 1; background: currentcolor; } .rlc-fadeslider2 .rlc-pagination .rlc-page { color: currentcolor; display: inline-flex; padding: 0px 1.125em; border-right: 1px solid; height: 100%; align-items: center; } .rlc-fadeslider2 .rlc-pagination .rlc-page span, .rlc-fadeslider2 .rlc-pagination .rlc-total span { display: inline-block; font-family: "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-size: 0.563em; letter-spacing: 0.019em; } .rlc-fadeslider2 .rlc-pagination .rlc-page:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-right: 0px; } .rlc-fadeslider2 .rlc-pagination .rlc-page:first-child { padding-left: 0px; } .rlc-fadeslider2 .rlc-pagination .rlc-page.rlc-active span { font-weight: 700; } @media screen and (min-width: 768px) { .rlc-fadeslider2 .rlc-progressbar:hover::before, .rlc-fadeslider2 .rlc-progressbar:hover .rlc-progressline { height: 4px; } } @media screen and (max-width: 767px) { .rlc-fadeslider2 .rlc-pagination { display: none; } .rlc-fadeslider2 .rlc-carousel-arrow { display: none; } .rlc-fadeslider2 .rlc-looppause { left: 1.25em; top: -46px; transform: none; } .rlc-fadeslider2 .rlc-progresswrap { position: relative; bottom: auto; left: auto; width: 100%; height: 5px; transform: none; } .rlc-fadeslider2 .rlc-progressbar { height: 5px; } .rlc-fadeslider2 .rlc-progressbar::before { height: 100%; opacity: 1; } .rlc-fadeslider2 .rlc-progressbar .rlc-progressline { height: 100%; } .rlc-fadeslider2 .rlc-pagination { height: 1.25em; } .rlc-fadeslider2 .rlc-pagination .rlc-page:first-child { padding: 0px 1.15em 0px 0px; } } .rlc-fadeslider2.rlc-rtl { direction: ltr; } .rlc-fadeslider2.rlc-rtl, .rlc-fadeslider2.rlc-rtl .rlc-slide, .rlc-fadeslider2.rlc-rtl .rlc-pagination { transform: scaleX(-1); } .rlc-fadeslider2.rlc-rtl .rlc-slide, .rlc-fadeslider2.rlc-rtl .rlc-pagination { direction: rtl; } .rlc-fadeslider2.rlc-rtl .rlc-looppause { transform: translate(-100%, -50%) scaleX(-1); } .rlc-fadeslider2.rlc-rtl .rlc-pagination .rlc-page { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-left: 1px solid; } .rlc-fadeslider2.rlc-rtl .rlc-pagination .rlc-page:first-child { padding-left: 1.125em; padding-right: 0px; } .rlc-fadeslider2.rlc-rtl .rlc-pagination .rlc-page:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-left: 0px; padding-right: 1.125em; } @media screen and (max-width: 767px) { .rlc-fadeslider2.rlc-rtl .rlc-looppause { transform: scale(-1); } } /* source: https://www.ralphlauren.co.uk/on/demandware.static/-/Library-Sites-RalphLauren_EU_Library/en_GB/v1785482969300/_common/fonts/rl-com/sackers.css */ @font-face { font-family: SackersGothicW01-Heavy; src: url("../../assets/fonts/0e382226-2fd0-4217-b22f-6624a7afc569.woff") format("woff"), url("../../assets/fonts/f3ef64db-65a0-40a0-9541-9628d06833dc.ttf") format("truetype"); } @font-face { font-family: SackersGothicW01-Light; src: url("../../assets/fonts/558e1882-61fa-42c9-b946-2ff0b251d89e.woff") format("woff"), url("../../assets/fonts/51d279cf-7422-4166-bea9-d5890c7b255a.ttf") format("truetype"); } @font-face { font-family: SackersGothicW01-Medium; src: url("../../assets/fonts/e166de1f-75a3-44b0-b88e-a037e19243d2.woff") format("woff"), url("../../assets/fonts/2d9efcdc-b053-4bc8-bef4-80630d67027e.ttf") format("truetype"); } /* source: https://www.ralphlauren.co.uk/on/demandware.static/-/Library-Sites-RalphLauren_EU_Library/en_GB/v1785482969300/_common/css/rlc-autoslider.2.1.css */ .rlc-autoslider { overflow: hidden; position: relative; direction: ltr; } .rlc-autoslider .rlc-in { position: relative; display: inline-flex; align-items: center; overflow: hidden; } .rlc-autoslider .rlc-looppause { position: absolute; bottom: 1em; left: 1em; z-index: 2; } .rlc-autoslider .rlc-videocontainer .rlc-looppause { display: none; } /* source: https://www.ralphlauren.co.uk/on/demandware.static/-/Library-Sites-RalphLauren_EU_Library/en_GB/v1785482969300/_common/css/rlc-cardstack.2.4.css */ .rlc-cardstack { width: 29.25em; height: 45.188em; color: rgb(255, 255, 255); } .rlc-cardstack .rlc-cards { width: 100%; height: 100%; margin-bottom: 1.688em; } .rlc-cardstack .rlc-cards .rlc-slide { position: absolute; right: 0px; top: 0px; z-index: 0; opacity: 0; color: rgb(255, 255, 255); transform-origin: right top; width: 100%; height: 100%; overflow: hidden; } .rlc-cardstack .rlc-cards .rlc-slide, .rlc-cardstack .rlc-cards .rlc-slide * { pointer-events: none; cursor: pointer; } .rlc-cardstack .rlc-cards .rlc-slide.rlc-active, .rlc-cardstack .rlc-cards .rlc-slide.rlc-active * { pointer-events: all; } .rlc-cardstack .rlc-cards .rlc-slide.rlc-active .rlc-hotspot { z-index: 1; } .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide a { letter-spacing: normal; } .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notinstock, .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notfound, .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notinstock *, .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notfound * { cursor: grab; pointer-events: none; } .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notinstock .rlc-copygroup .rlc-caption span, .rlc-cardstack .rlc-cards .rlc-slide.rlc-prodslide.notfound .rlc-copygroup .rlc-caption span { display: none; } .rlc-cardstack .rlc-cards .rlc-slide .rlc-imagery { position: relative; } .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup { position: absolute; width: 21.188em; left: 1.75em; bottom: 1.25em; text-align: left; opacity: 0; } .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup .rlc-caption, .rlc-cardstack .rlc-counter span { font-family: "Founders Grotesk text Regular"; font-size: 0.563em; color: currentcolor; letter-spacing: 0.4em; line-height: 2.333em; text-transform: uppercase; } .rlc-cardstack .rlc-counter span { display: inline-flex; height: 100%; align-items: center; } .rlc-cardstack .rlc-counter span:first-of-type { border-right: 1px solid; padding-right: 2em; margin-right: 2em; } .rlc-cardstack .rlc-counter { position: absolute; right: 1.75em; bottom: 1.563em; z-index: 8; color: rgb(255, 255, 255); height: 1.188em; } .rlc-cardstack .rlc-looppause, .rlc-cardstack.rlc-hasbuttons .rlc-looppause { bottom: auto; top: 1.063em; right: 1.063em; z-index: 10; } .rlc-cardstack .rlc-hasvideo .rlc-looppause { display: none; } .rlc-cardstack .rlc-timer { position: absolute; left: 0px; bottom: -1.688em; height: 1px; width: 100%; background: rgb(216, 216, 216); } .rlc-cardstack .rlc-timer .rlc-timer-bar { position: relative; height: 1px; width: 0px; background: rgb(0, 0, 0); } .rlc-cardstack .rlc-arrow, .rlc-cardstack.rlc-hasarrows .rlc-arrow { position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; transition: opacity 0.3s; } .rlc-cardstack .rlc-cards:hover .rlc-arrow { opacity: 1; } .rlc-cardstack .rlc-arrow-left { left: 1em; } .rlc-cardstack .rlc-arrow-right { right: 1em; } .rlc-cardstack.rlc-gradient-dark .rlc-slide .rlc-imagery::after, .rlc-cardstack .rlc-gradient-dark.rlc-slide .rlc-imagery::after, .rlc-cardstack.rlc-gradient-dark .rlc-slide .rlc-hasvideo::after, .rlc-cardstack .rlc-gradient-dark.rlc-slide .rlc-hasvideo::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: inline-block; background: linear-gradient(rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.65) 100%); } @media only screen and (max-width: 960px) { .rlc-creative_v3 .rlc-cardstack .rlc-arrow { display: none; } } @media only screen and (max-width: 767px) { .rlc-cardstack { width: 19.625em; height: 30.313em; margin: 0px 0px 0px 1.25em; } .rlc-creative_v3 .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup { width: 12em; left: 1.091em; bottom: 1.091em; } .rlc-creative_v3 .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup .rlc-caption, .rlc-creative_v3 .rlc-cardstack .rlc-counter span { font-size: 0.5em; letter-spacing: 0.375em; line-height: 1.875em; } .rlc-creative_v3 .rlc-cardstack .rlc-counter { right: 1.091em; bottom: 1.2em; } .rlc-creative_v3 .rlc-cardstack .rlc-timer { bottom: -1.266em; width: 19.625em; } } .rlc-cardstack.rlc-rtl { direction: ltr; } .rlc-cardstack.rlc-rtl, .rlc-cardstack.rlc-rtl .rlc-looppause, .rlc-cardstack.rlc-rtl .rlc-cards .rlc-slide .rlc-copygroup, .rlc-cardstack.rlc-rtl .rlc-cards .rlc-slide .rlc-imagery, .rlc-cardstack.rlc-rtl .rlc-cards .rlc-slide .rlc-hasvideo, .rlc-cardstack.rlc-rtl .rlc-counter { transform: scaleX(-1); } .rlc-cardstack.rlc-rtl .rlc-cards .rlc-slide .rlc-copygroup { text-align: right; } .rlc-cardstack.rlc-rtl .rlc-counter { display: flex; flex-direction: row-reverse; } .rlc-cardstack.rlc-rtl .rlc-counter span:first-of-type { border-left: 1px solid; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; padding: 0px 0px 0px 2em; margin: 0px 0px 0px 2em; } .rlc-cardstack.rlc-rtl .rlc-counter span { letter-spacing: 0em; } @media only screen and (max-width: 767px) { .rlc-cardstack.rlc-rtl { margin: 0px 0px 0px 2.5em; } .rlc-creative_v3 .rlc-cardstack.rlc-rtl .rlc-cards .rlc-slide .rlc-copygroup { right: 1.091em; } .rlc-creative_v3 .rlc-cardstack.rlc-rtl .rlc-counter { left: auto; right: 1.091em; } } [lang^="ar"] .rlc-cardstack .rlc-cards .rlc-slide .rlc-copygroup .rlc-caption, [lang^="ar"] .rlc-cardstack .rlc-counter span { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif !important; } /* source: inline */ :root { --foundersReg: "Founders Grotesk text Regular", "Times New Roman", Times, serif; --foundersMed: "Founders Grotesk Text Medium", "Times New Roman", Times, serif; --foundersMonoReg: "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; --foundersMonoMed: "Founders Grotesk Mono Medium", Arial, Helvetica, sans-serif; --leJeuneReg: "LeJeuneDeck-Regular", "Times New Roman", Times, serif; --sackersMed: "SackersGothicW01-Medium"; --sackersHeavy: "SackersGothicW01-Heavy", Times, serif; } .rlc-lejeune { font-family: LeJeuneDeck-Regular, "Times New Roman", Times, serif; } /* source: inline */ .rlc-creative_v3 .rlc-looppause-noborder.rlc-hasbuttons .rlc-looppause, .rlc-creative_v3 .rlc-looppause-noborder.rlc-videocontainer .rlc-looppause { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } /* source: inline */ [lang="ar"] .rlc-carousel .rlc-carousel-arrow.rlc-carousel-arrow-right::after, [lang="ar"] .rlc-hasarrows .rlc-arrow.rlc-arrow-right::after { transform: translate(-6px, -50%) rotate(-45deg); } [lang="ar"] .rlc-carousel .rlc-carousel-arrow.rlc-carousel-arrow-left::after, [lang="ar"] .rlc-hasarrows .rlc-arrow.rlc-arrow-left::after { transform: translate(-2px, -50%) rotate(134deg); } /* source: inline */ :root { --rlc_DarkBlue: #041e3a; --rlc_Gold: #baad72; --rlc_White: #ffffff; --rlc_Black: #000000; --rlc_Brown: #673e30; --rlc_PoloBlue: #1d2333; } #rl-content .rlc-creative_v3 .rlc-usebrandstyles a.rlc-linecta { letter-spacing: 0.091em; font-family: var(--foundersReg); } .rlc-creative_v3 .notinstock.notorderable a, .rlc-creative_v3 a.notorderable { display: none; } .rlc-blp .rlc-prod .rlc-copygroup { position: absolute; left: 1.25em; bottom: 1.25em; color: rgb(255, 255, 255); width: 10.7em; } .rlc-blp .rlc-prod .rlc-copygroup .rlc-linecta { line-height: 1.455em; padding: 0px; } .rlc-blp .rlc-prod .rlc-copygroup .rlc-linecta::after { display: none; } .rlc-blp .rlc-spacer { margin-bottom: 5em; } .rlc-blp { background: rgb(4, 30, 58); } .keeponline .is-quick-shoppable.rlc-target.rlc-no-me { display: none !important; } .rlc-blp .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide.rlc-null .rlc-copygroup .rlc-name::before, .rlc-blp .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide.notfound .rlc-copygroup .rlc-name::before { content: "Coming Soon"; } .rlc-blp .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide.rlc-null *, .rlc-blp .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide.notfound * { pointer-events: none !important; } .header-banner { display: none; } .rlc-creative_v3 .rlc-background { position: absolute; top: 0px; left: 0px; width: 100%; min-height: 100%; z-index: -1; } .rlc-blp .rlc-sub { font-family: var(--foundersReg); font-size: 0.6875em; font-weight: 100; margin: 0px auto 1.818em; text-transform: uppercase; letter-spacing: 0.09em; } .rlc-blp .rlc-title { font-size: 2.75em; line-height: 1.182em; font-weight: 100; margin: 0px; } .rlc-blp.rlc-creative_v3 .rlc-usebrandstyles .rlc-dek { font-family: var(--foundersReg); margin-bottom: 0px; } .rlc-blp .rlc-product-name { font-family: var(--foundersReg); font-size: 0.688em; color: currentcolor; letter-spacing: 0.091em; line-height: 1.5em; text-transform: uppercase; } .rlc-blp .rlc-fancyarrow { position: relative; width: 11.625em; height: 0.625em; margin: 1.5em auto 0px; font-size: 16px; } .rlc-blp .rlc-fancyarrow .rlc-fancyarrow-in { width: 5.75em; height: 0.625em; position: absolute; top: 0px; left: 50%; background: url("../../assets/images/20210202_polo_club_feat_arrow_divider_gold_dsk.png") 155% 50% / auto 100% no-repeat; transition: background-position 0.75s; } .rlc-blp .rlc-fancyarrow .rlc-fancyarrow-in::before { content: ""; width: 5.75em; height: 0.625em; display: block; position: absolute; left: -5.75em; top: 0px; background: url("../../assets/images/20210202_polo_club_feat_arrow_divider_gold_dsk.png") -55% 50% / auto 100% no-repeat; transition: background-position 0.75s; } .rlc-blp .rlc-fancyarrow .rlc-fancyarrow-in::after { content: ""; border-radius: 50%; background: rgb(159, 147, 94); width: 0.25em; height: 0.25em; display: block; position: absolute; left: -0.125em; top: 50%; transform: translateY(-50%); } .rlc-blp .rlc-block.rlc-isvisible .rlc-fancyarrow .rlc-fancyarrow-in { background-position: 100% 50%; transition-delay: 0.75s; } .rlc-blp .rlc-block.rlc-isvisible .rlc-fancyarrow .rlc-fancyarrow-in::before { background-position: 0% 50%; transition-delay: 0.75s; } .rlc-target.not-quick-shoppable.notinstock.notorderable { display: none; } @media screen and (min-width: 768px) { .rlc-blp .rlc-fancyarrow.rlc-fancyarrow-blue .rlc-fancyarrow-in { background: url("../../assets/images/20200401_gents_shop_navy_arrow_icon.svg") 155% 50% / auto 100% no-repeat; transition: background-position 0.75s; } .rlc-blp .rlc-fancyarrow.rlc-fancyarrow-blue .rlc-fancyarrow-in::before { background: url("../../assets/images/20200401_gents_shop_navy_arrow_icon.svg") -55% 50% / auto 100% no-repeat; transition: background-position 0.75s; } .rlc-blp .rlc-fancyarrow.rlc-fancyarrow-blue .rlc-fancyarrow-in::after { content: ""; background: rgb(4, 30, 58); } } @media screen and (max-width: 767px) { .rlc-blp .rlc-title { font-size: 1.75em; line-height: 1.2em; } .rlc-blp.rlc-creative_v3 .rlc-usebrandstyles .rlc-dek { font-size: 0.75em; line-height: 1.833em; } .rlc-blp .rlc-linecta { font-family: "Founders Grotesk Mono Regular"; font-size: 0.688em; } .rlc-videocontainer .rlc-looppause { bottom: 1em; top: auto; } .rlc-creative_v3 .rlc-carousel.rlc-category_carousel.rlc-blpcats .rlc-slide.rlc-isvisible .rlc-copygroup { opacity: 1; } .rlc-blp .rlc-prod .rlc-copygroup { left: auto; right: 1.375em; bottom: 1.375em; width: 10.7em; text-align: right; } .rlc-blp .rlc-prod .rlc-copygroup .rlc-linecta { line-height: 1.455em; padding: 0px; font-size: 0.875em; margin: 0px; } .rlc-blp .rlc-spacer { margin-bottom: 3.75em; } } /* source: inline */ .rlc-creative_v3 .rlc-target { position: absolute; width: 2.25em; height: 2.25em; border: 1px solid; border-radius: 50%; background: none; top: auto; } .rlc-creative_v3 .rlc-target::before, .rlc-creative_v3 .rlc-target::after { content: ""; width: 1px; height: 0.625em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: currentcolor; display: block; } .rlc-creative_v3 .rlc-target::after { transform: translate(-50%, -50%) rotate(90deg); } .rlc-creative_v3 .rlc-target:hover { background: rgba(186, 173, 114, 0.2); } /* source: inline */ .rlc-blp .rlc-pillbutton { border: 1px solid; border-radius: 1.25em; padding: 0px 1.25em; white-space: nowrap; margin: 0px 0.625em; min-height: 2em; display: inline-flex; align-items: center; background-color: transparent; transition: 0.25s; } .rlc-blp .rlc-pillbutton span { font-family: var(--foundersMono); font-size: 0.688em; color: currentcolor; letter-spacing: 1px; line-height: 1em; text-transform: uppercase; transition: 0.25s; position: relative; } .rlc-blp .rlc-pillbutton:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); } .rlc-blp .rlc-pillbutton.rlc-play { padding: 0px 1.656em 0px 3.031em; } .rlc-blp .rlc-pillbutton.rlc-play span::before { content: ""; position: absolute; top: 50%; left: -2em; transform: translateY(-50%); width: 1.182em; height: 1.182em; border: 1px solid; border-radius: 50%; display: block; } .rlc-blp .rlc-pillbutton.rlc-play span::after { content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0.273em 0px 0.273em 0.473em; border-color: transparent transparent transparent currentcolor; position: absolute; left: -1.55em; top: 50%; transform: translateY(-50%); } @media screen and (min-width: 768px) { .rlc-creative_v3 #rlc-20260122-purple-label-hub-shared .rlc-linecta { min-height: 3em; min-width: 13em; display: inline-flex; align-items: center; justify-content: center; background-color: transparent; border: 1px solid; border-radius: 1.25em; padding: 0px 1.25em; margin: 0px 0.938em; white-space: nowrap; font-family: var(--foundersReg); color: currentcolor; font-size: 0.625em; letter-spacing: 0.1em; line-height: 0.9em; text-transform: uppercase; position: relative; transition: 0.25s; } .rlc-creative_v3 #rlc-20260122-purple-label-hub-shared .rlc-linecta:hover { color: rgb(71, 71, 71); background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .rlc-creative_v3 #rlc-20260122-purple-label-hub-shared .rlc-linecta::after { display: none; } } /* source: inline */ .rlc-fadeslider2 .rlc-slide { opacity: 0; visibility: hidden; } .rlc-fadeslider2 .rlc-slide:first-child { opacity: 1; visibility: visible; } .rlc-fadeslider2 .rlc-slide.rlc-init .rlc-slide { visibility: visible; } .rlc-fadeslider2 .rlc-slide.rlc-init .rlc-slide:not(.is-active) { opacity: 0; } #rlc-hero { color: var(--rlc_White); background: rgb(19, 21, 40); } #rlc-hero .rlc-videocontainer video { object-fit: cover; } #rlc-hero .rlc-copygroup { color: var(--rlc_White); text-align: center; pointer-events: none; position: absolute; } #rlc-hero .rlc-progressbar::before { background-color: rgb(157, 159, 163); } #rlc-hero .rlc-slide.rlc-heritageicons-hero .rlc-textgroup { position: absolute; top: auto; bottom: 0px; left: 0px; text-align: right; } #rlc-hero .rlc-slide.rlc-heritageicons-hero .rlc-textgroup .rlc-dek { font-family: "Founders Grotesk Mono Regular"; } #rlc-hero .rlc-fall-hero .rlc-title { font-family: var(--sackersMed); text-transform: uppercase; } #rlc-hero .rlc-slide.rlc-linen-hero .rlc-copygroup .rlc-logo { margin-bottom: 1em; } #rlc-hero .rlc-slide.rlc-dream-hero .rlc-copygroup .rlc-dek { font-family: var(--sackersHeavy); } #rlc-hero .rlc-slide.rlc-dream-hero .rlc-copygroup .rlc-dek, #rlc-hero .rlc-slide.rlc-dream-hero .rlc-copygroup .rlc-title { text-transform: uppercase; } @media screen and (min-width: 768px) { #rlc-hero, #rlc-hero .rlc-slidewrapper, #rlc-hero .rlc-slidewrapper .rlc-slide { min-height: 45em; } #rlc-hero .rlc-slide .rlc-copygroup { left: 50%; top: auto; transform: translateX(-50%); bottom: 4.813em; width: 50em; } #rlc-hero .rlc-slide .rlc-copygroup .rlc-logo { width: 31.5em; margin-bottom: 0.875em; } #rlc-hero .rlc-slide.rlc-tournament-hero .rlc-copygroup .rlc-logo { width: 26.25em; } #rlc-hero .rlc-slide .rlc-copygroup .rlc-title { font-size: 2.75em; line-height: 1.18em; } #rlc-hero .rlc-slide.rlc-spring-hero .rlc-copygroup .rlc-title { font-family: var(--sackersHeavy); font-size: 1.0625em; margin-bottom: 1em; letter-spacing: 0.4375em; text-transform: uppercase; } #rlc-hero .rlc-slide.rlc-spring-hero .rlc-copygroup .rlc-dek { font-family: var(--leJeuneReg); width: 25em; margin: 0px auto; font-size: 1em; } #rlc-hero .rlc-slide.rlc-newport-hero .rlc-copygroup, #rlc-hero .rlc-slide.rlc-sf-hero .rlc-copygroup { top: 50%; transform: translateY(-50%); left: 3.5em; width: 40.9375em; bottom: auto; } #rlc-hero .rlc-slide.rlc-sf-hero .rlc-copygroup { left: auto; right: 3.5em; } #rlc-hero .rlc-slide.rlc-newport-hero .rlc-copygroup .rlc-sub { margin-bottom: 1.5em; } #rlc-hero .rlc-dream-hero .rlc-copygroup { bottom: 6em; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-dek { width: 56.875em; line-height: 2.286em; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-dek { font-size: 0.875em; line-height: 2.28571; letter-spacing: 0.357143em; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-logo { width: 40.813em; margin: 0px auto 1.313em; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-dek1 { margin: 0px auto 2.357em; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-dek2 { margin-top: 1.643em; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-dek3 { margin-top: 0px; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-links { margin-top: 2.75em; } #rlc-hero .rlc-label-hero .rlc-copygroup .rlc-logo { width: 14em; margin: 0px auto; } } @media screen and (max-width: 767px) { #rlc-hero { min-height: 37.1875em; } #rlc-hero .rlc-slidewrapper, #rlc-hero .rlc-slidewrapper .rlc-slide { height: 37.1875em; } #rlc-hero .rlc-slide .rlc-copygroup { width: 100%; bottom: 4.5em; padding: 0px 1em; } #rlc-hero .rlc-slide .rlc-copygroup .rlc-logo { width: 17.8125em; margin-bottom: 1.4375em; } #rlc-hero .rlc-slide .rlc-copygroup .rlc-title { font-size: 1.75em; line-height: 1.2em; } #rlc-hero .rlc-copygroup .rlc-linecta { margin-top: 1.655em; } #rlc-hero:lang(ar) .rlc-slide .rlc-copygroup .rlc-title { font-size: 2em; } #rlc-hero .rlc-slide.rlc-occasion-hero .rlc-imagery { height: 37.5em; } #rlc-hero .rlc-slide.rlc-spring-hero .rlc-copygroup .rlc-title { font-family: var(--sackersHeavy); font-size: 0.875em; margin-bottom: 1.14em; letter-spacing: 0.3125em; text-transform: uppercase; line-height: 1.3em; } #rlc-hero .rlc-slide.rlc-spring-hero .rlc-copygroup .rlc-dek { font-family: var(--leJeuneReg); font-size: 0.75em; margin: 0px auto; line-height: 1.833em; text-transform: none; width: 22em; } #rlc-hero .rlc-dream-hero .rlc-copygroup { bottom: 3em; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-dek1 { font-size: 0.5em; line-height: 3.5em; letter-spacing: 0.313em; padding-bottom: 1em; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-logo { width: 20.4375em; margin: 0.3em auto 0px; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-dek2, #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-dek3 { font-size: 0.55em; line-height: 2.857em; letter-spacing: 0.143em; margin-top: 1.571em; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-dek1, #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-dek3 { margin-top: 0px; } #rlc-hero .rlc-dream-hero .rlc-copygroup .rlc-links { margin-top: 1.4375em; } #rlc-hero .rlc-label-hero .rlc-copygroup .rlc-logo { width: 10em; margin: 0px auto; } } /* source: inline */ #rlc-shopsection { height: 48.875em; background: rgb(19, 21, 40); overflow: hidden; } #rlc-shopsection .rlc-intro { flex-direction: column; text-align: left; align-items: flex-start; color: rgb(186, 173, 114); } #rlc-shopsection .rlc-intro .rlc-title { font-family: var(--leJeuneReg); font-size: 2.375em; line-height: 1.684em; } #rlc-shopsection .rlc-intro .rlc-title span { font-size: 1.684em; line-height: 1em; display: block; } #rlc-shopsection .rlc-intro .rlc-dek { margin-top: 2.222em; font-family: var(--leJeuneReg); font-size: 1.125em; line-height: 1.556em; } #rlc-shopsection .rlc-slide .rlc-title { font-family: var(--leJeuneReg); font-size: 1.75em; line-height: 1em; } #rlc-shopsection .rlc-carousel-scrollbar::before { background: rgb(186, 173, 114); opacity: 0.25 !important; } #rlc-shopsection .swiper-scrollbar-drag::after { background: rgb(186, 173, 114); } #rlc-shopsection .rlc-linen-shops .rlc-looppause { inset: 2em 2em auto auto; } @media screen and (min-width: 768px) { #rlc-shopsection { padding-top: 5.4375em; display: flex; } #rlc-shopsection .rlc-intro { width: 24.813em; height: 34.875em; display: flex; justify-content: center; } #rlc-shopsection .rlc-intro .rlc-copygroup { margin: 0px 3.5em; width: 18.65em; } #rlc-shopsection .rlc-carousel .rlc-copygroup { width: 22em; bottom: 3.5em; } .rlc-creative_v3 #rlc-shopsection .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-slide .rlc-imagery { min-height: 33.375em; } #rlc-shopsection .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-carousel_wrapper { padding-bottom: 2.938em; } } @media screen and (max-width: 767px) { #rlc-shopsection { height: 47.688em; z-index: 9; } .fr #rlc-shopsection, .it #rlc-shopsection, .de #rlc-shopsection, .es #rlc-shopsection, .nl #rlc-shopsection { height: 50em; } #rlc-shopsection .rlc-intro { width: 17.438em; text-align: center; margin: 0px auto; height: 21em; display: flex; justify-content: center; align-items: center; } .fr #rlc-shopsection .rlc-intro, .it #rlc-shopsection .rlc-intro, .de #rlc-shopsection .rlc-intro, .es #rlc-shopsection .rlc-intro, .nl #rlc-shopsection .rlc-intro { height: 22.875em; } #rlc-shopsection .rlc-intro .rlc-title { font-size: 1.75em; } #rlc-shopsection .rlc-slide .rlc-title { font-size: 1.25em; line-height: 1.4em; } #rlc-shopsection .rlc-carousel .rlc-copygroup { width: 14em; bottom: 2em; } .it #rlc-shopsection .rlc-carousel .rlc-heritage-shop .rlc-copygroup, .es #rlc-shopsection .rlc-carousel .rlc-bear-shop .rlc-copygroup, .es #rlc-shopsection .rlc-carousel .rlc-outerwear-shop .rlc-copygroup, .nl #rlc-shopsection .rlc-carousel .rlc-heritage-shop .rlc-copygroup { width: 13em; } #rlc-shopsection:lang(fr) .rlc-carousel .rlc-bear-shop .rlc-copygroup .rlc-title, #rlc-shopsection:lang(it) .rlc-carousel .rlc-bear-shop .rlc-copygroup .rlc-title { padding: 0px 1em; } #rlc-shopsection:lang(ar) .rlc-carousel { margin-right: 1.375em; margin-left: 0px; } .rlc-creative_v3 #rlc-shopsection .rlc-carousel.rlc-category_carousel.rlc-shopslider .rlc-slide .rlc-imagery { min-height: 20.063em; } #rlc-shopsection .rlc-linen-shops .rlc-looppause { right: 1em; top: 1em; } } /* source: inline */ @media screen and (min-width: 768px) { #rlc-shopsection:lang(fr) .rlc-carousel .rlc-sweater-shop .rlc-copygroup { width: 18em; } #rlc-shopsection:lang(fr) .rlc-carousel .rlc-bear-shop .rlc-copygroup { width: 18em; } #rlc-shopsection:lang(fr) .rlc-carousel .rlc-shirt-shop .rlc-copygroup { width: 17em; } #rlc-shopsection:lang(it) .rlc-carousel .rlc-sweater-shop .rlc-copygroup { width: 18em; } #rlc-shopsection:lang(it) .rlc-carousel .rlc-bear-shop .rlc-copygroup { width: 18em; } #rlc-shopsection:lang(it) .rlc-carousel .rlc-shirt-shop .rlc-copygroup { width: 18em; } #rlc-shopsection:lang(it) .rlc-carousel .rlc-shopall .rlc-title { padding: 0px 1em; } #rlc-shopsection:lang(de) .rlc-carousel .rlc-shopall .rlc-title { padding: 0px 1em; } #rlc-shopsection:lang(es) .rlc-carousel .rlc-bear-shop .rlc-copygroup { width: 18em; } #rlc-shopsection:lang(es) .rlc-carousel .rlc-shopall .rlc-title { padding: 0px 2em; } } @media screen and (max-width: 767px) { #rlc-shopsection:lang(fr) .rlc-carousel .rlc-sweater-shop .rlc-copygroup { width: 11em; } #rlc-shopsection:lang(fr) .rlc-carousel .rlc-shirt-shop .rlc-copygroup { width: 11em; } #rlc-shopsection:lang(fr) .rlc-carousel .rlc-shopall .rlc-title { padding: 0px 2em; } #rlc-shopsection:lang(it) .rlc-carousel .rlc-signature-shop .rlc-copygroup { width: 11em; } #rlc-shopsection:lang(it) .rlc-carousel .rlc-sweater-shop .rlc-copygroup { width: 11em; } #rlc-shopsection:lang(it) .rlc-carousel .rlc-shirt-shop .rlc-copygroup { width: 13em; } #rlc-shopsection:lang(it) .rlc-carousel .rlc-shopall .rlc-title { padding: 0px 1em; } #rlc-shopsection:lang(es) .rlc-carousel .rlc-shopall .rlc-title { padding: 0px 1em; } #rlc-shopsection:lang(nl) .rlc-carousel .rlc-shopall .rlc-title { padding: 0px 1em; } } /* source: inline */ #rlc-clocking-out { min-height: 102.625em; } #rlc-clocking-out .rlc-top-block { padding-bottom: 18.125em; } #rlc-clocking-out .rlc-top-block .rlc-imagery { width: 74.25em; margin: 0px auto; height: 39.125em; overflow: hidden; } #rlc-clocking-out .rlc-top-block .rlc-background { top: 17.5em; } #rlc-clocking-out .rlc-copygroup { height: 18.125em; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 30em; z-index: 2; } #rlc-clocking-out #rlc-co-carousel { padding-top: 0px; height: 44.8em; } #rlc-clocking-out #rlc-co-carousel .rlc-slide { width: 25.25em; padding: 0px; } #rlc-clocking-out #rlc-co-carousel.rlc-autoslider .rlc-looppause { bottom: 1em; } @media screen and (max-width: 767px) { #rlc-clocking-out { min-height: 62em; } #rlc-clocking-out #rlc-co-carousel { height: 23.4375em; } #rlc-clocking-out .rlc-top-block .rlc-background { top: 7.625em; } #rlc-clocking-out #rlc-co-carousel .rlc-slide { width: 13.1875em; padding: 0px; } #rlc-clocking-out .rlc-copygroup { height: 20.25em; width: 19.6875em; } #rlc-clocking-out .rlc-top-block .rlc-imagery { width: 20.9375em; height: auto; } #rlc-clocking-out .rlc-top-block { padding-bottom: 20.25em; } #rlc-clocking-out .rlc-carousel .rlc-carousel-pagination { width: 20em; bottom: -4em; } } /* source: inline */ #rlc-newport .rlc-carousel .rlc-carousel-arrow { display: none; } #rlc-newport .rlc-carousel .rlc-carousel-scrollbar { width: 83em; left: 50%; bottom: 1.125em; transform: translateX(-50%); opacity: 1; } #rlc-newport .rlc-carousel .rlc-carousel-scrollbar::before, #rlc-newport .rlc-carousel .swiper-scrollbar-drag::after { opacity: 1; } #rlc-newport .rlc-slide { height: 45em; color: rgb(255, 255, 255); } #rlc-newport .rlc-slide-1 { width: 67.875em; } #rlc-newport .rlc-slide-1 .rlc-imagery { width: 45em; position: relative; } #rlc-newport .rlc-slide-1 .rlc-copygroup { position: absolute; top: 50%; left: 49em; transform: translateY(-50%); text-align: left; width: 16.9375em; } [lang="ar"] #rlc-newport .rlc-slide-1 .rlc-copygroup { right: 49em; text-align: right; left: auto; } #rlc-newport .rlc-slide-1 .rlc-copygroup .rlc-cat { font-family: var(--foundersReg); font-size: 0.6875em; line-height: 1.27em; margin-bottom: 1.36em; text-transform: uppercase; letter-spacing: 0.091em !important; } #rlc-newport .rlc-slide-1 .rlc-copygroup .rlc-dek { margin: 1.325em 0px 0px; width: 20em; } #rlc-newport .rlc-slide-small { width: 30.6875em; margin-right: 2.3125em; display: flex; align-items: center; } [lang="ar"] #rlc-newport .rlc-slide-small { margin: 0px 0px 0px 2.3125em; } #rlc-newport .rlc-slide-3, #rlc-newport .rlc-slide-4 { margin-right: 2.5em; } [lang="ar"] #rlc-newport .rlc-slide-3, [lang="ar"] #rlc-newport .rlc-slide-4 { margin: 0px 0px 0px 2.5em; } #rlc-newport .rlc-slide-4, #rlc-newport .rlc-slide-7 { width: 45em; } #rlc-newport .rlc-slide-7 { margin-right: 0px; } [lang="ar"] #rlc-newport .rlc-slide-7 { margin-left: 0px; } #rlc-newport .rlc-background .rlc-image { height: 100%; object-fit: cover; } #rlc-newport .rlc-scrollto { font-family: var(--foundersReg); font-size: 0.6875em; text-transform: uppercase; margin-top: 5em; position: relative; display: inline-block; letter-spacing: 0.0909091em !important; } #rlc-newport .rlc-scrollto::before { content: ""; height: 1px; width: 4.75em; background-color: currentcolor; display: block; position: absolute; right: -5.5em; top: 50%; transform: translateY(-50%); } .ar #rlc-newport .rlc-scrollto::before { right: auto; left: -5.5em; } #rlc-newport .rlc-scrollto::after { content: ""; position: absolute; top: 50%; right: -5.5em; transform: translateY(-50%) rotate(45deg); border-top: 1px solid; border-right: 1px solid; width: 0.636em; height: 0.636em; } [lang="ar"] #rlc-newport .rlc-scrollto::after { right: auto; left: -5.5em; border-width: medium medium 1px 1px; border-style: none none solid solid; border-color: currentcolor; } [lang="ar"] #rlc-newport .rlc-slide-1 .rlc-copygroup .rlc-cat, [lang="ar"] #rlc-newport .rlc-scrollto { font-family: RL_DroidKufi, "Founders Grotesk text Regular", Helvetica, Arial, sans-serif; } #rlc-newport .rlc-carousel .rlc-carousel-scrollbar { right: auto; } [lang="ar"] #rlc-newport .rlc-background { transform: scale(-1, 1); } @media (min-width: 768px) { #rlc-newport .rlc-slide-1 .rlc-copygroup .rlc-title { font-size: 1.75em; } #rlc-newport { height: 45em; } #rlc-newport .rlc-background { left: 45em; width: 90.5em; } [lang="ar"] #rlc-newport .rlc-background { right: 45em; left: auto; } [lang="ar"] #rlc-newport .rlc-slide-1 .rlc-copygroup .rlc-links .rlc-linecta { margin: 2.727em 0px 0px; } } @media screen and (max-width: 767px) { #rlc-newport { height: 54.375em; } #rlc-newport .rlc-imagery .rlc-looppause { top: 1em; } #rlc-newport .rlc-background { width: 64.6875em; } [lang="ar"] #rlc-newport .rlc-background { right: 0px; left: auto; } #rlc-newport .rlc-slide-4 .rlc-background { width: 46.25em; left: 23.4375em; } [lang="ar"] #rlc-newport .rlc-slide-4 .rlc-background { left: auto; right: 23.4375em; } #rlc-newport .rlc-carousel .rlc-carousel-arrow { display: none; } #rlc-newport .rlc-carousel .rlc-carousel-scrollbar { width: 20.9375em; left: 50%; bottom: 0.75em; transform: translateX(-50%); } #rlc-newport .rlc-slide { height: 30.9375em; } #rlc-newport .rlc-slide-1 { width: 19.5625em; } #rlc-newport .rlc-slide-1 .rlc-copygroup { left: 2.1875em; width: 15.0625em; } [lang="ar"] #rlc-newport .rlc-slide-1 .rlc-copygroup { left: auto; right: 2.1875em; } #rlc-newport .rlc-slide-1 .rlc-copygroup .rlc-title { width: 7em; margin: 0px; } #rlc-newport .rlc-slide-1 .rlc-copygroup .rlc-dek { margin: 1em 0px 0px; } #rlc-newport .rlc-slide-1 .rlc-copygroup .rlc-linecta { margin-top: 1.45em; } #rlc-newport .rlc-slide-small { width: 20.8062em; margin-right: 1.25em; } [lang="ar"] #rlc-newport .rlc-slide-small { margin: 0px 0px 0px 1.25em; } #rlc-newport .rlc-slide-4, #rlc-newport .rlc-slide-7 { width: 23.4375em; margin-right: 1.25em; } [lang="ar"] #rlc-newport .rlc-slide-4, [lang="ar"] #rlc-newport .rlc-slide-7 { margin: 0px 0px 0px 1.25em; } #rlc-newport .rlc-slide-7 { margin-right: 0px; } [lang="ar"] #rlc-newport .rlc-slide-7 { margin: 0px; } #rlc-newport .rlc-scrollto { margin-top: 3.72em; } } /* source: inline */ #rlc-american-icons { display: none; } #rlc-american-icons .rlc-copygroup { left: 50%; top: auto; transform: translateX(-50%); bottom: 2.5em; position: absolute; } #rlc-american-icons .rlc-logo { width: 28.4375em; margin: 0px auto 1em; } #rlc-american-icons .rlc-copygroup .rlc-dek { width: 40em; text-align: center; font-family: var(--leJeuneReg); font-size: 1em; margin: 0px auto; } .lang-en_GB #rlc-american-icons, .it #rlc-american-icons, .de #rlc-american-icons, .fr #rlc-american-icons { display: block; } #rlc-american-icons .rlc-pillbutton:hover, #rlc-american-icons .rlc-pillbutton:hover span { color: rgb(4, 30, 58); filter: none; background-color: rgb(255, 255, 255); } #rlc-american-icons .rlc-pillbutton:hover { border: 1px solid rgb(4, 30, 58); } @media screen and (min-width: 768px) { #rlc-american-icons .rlc-desktop-display-none { display: none; } } @media screen and (max-width: 767px) { #rlc-american-icons .rlc-copygroup { bottom: 1.875em; } #rlc-american-icons .rlc-copygroup .rlc-dek { width: 21em; font-size: 0.875em; } #rlc-american-icons .rlc-logo { width: 17.875em; margin-bottom: 1.25em; } #rlc-american-icons .rlc-mobile-display-none { display: none; } #rlc-american-icons .rlc-links { margin-top: 0px; } #rlc-american-icons .rlc-links .rlc-linecta { margin: 1.81em 1.455em 0px; } } /* source: inline */ #rlc-cyo .rlc-dek { font-family: var(--leJeuneReg); } @media screen and (min-width: 768px) { #rlc-cyo { min-height: 45em; } #rlc-cyo .rlc-logo { width: 26.25em; margin-bottom: 1.375em; } #rlc-cyo .rlc-copygroup { top: 14em; left: 5em; width: 32.25em; position: absolute; } #rlc-cyo .rlc-title { font-size: 3.75em; line-height: 1em; margin-bottom: 0.2em; } #rlc-cyo .rlc-dek { font-size: 1.125em; } } @media screen and (max-width: 767px) { #rlc-cyo { min-height: 37.19em; } #rlc-cyo .rlc-copygroup { bottom: 3em; width: 22em; } #rlc-cyo .rlc-title { line-height: 2.3em; font-size: 1.75em; } #rlc-cyo .rlc-dek { font-size: 0.875em; } #rlc-cyo .rlc-logo { width: 15em; margin-bottom: 0em; } } /* source: inline */ .fa-twitter::before { content: "𝕏"; } /* source: inline */ .rlc-curalate-alt-content { display: none; } /* source: inline */ @keyframes MDigital_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* source: inline */ #zd-lazyload { width: 48px; height: 50px; padding: 0px; margin: 10px 20px; font-size: 14px; position: fixed; bottom: 0px; right: 0px; overflow: visible; opacity: 1; border: 0px; z-index: 999997; } #zd-lazyload .zdlazyload-button-container { float: right; } #zd-lazyload .u-userLauncherColor:not([disabled]) { background-color: rgb(4, 30, 58) !important; color: rgb(255, 255, 255) !important; fill: rgb(255, 255, 255) !important; } #zd-lazyload button { border-radius: 999rem; bottom: 0px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 1.07143rem; letter-spacing: inherit; margin: 0px; min-height: 100%; padding: 0.8rem; text-align: left; text-decoration: none; text-transform: none; transition: none; table-layout: auto; outline: 0px; overflow: visible; width: inherit; min-width: 100%; line-height: inherit; font-family: "Founders Grotesk Mono Regular", Arial, Helvetica, sans-serif; font-style: inherit; font-weight: 700; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; white-space: nowrap !important; } #zd-lazyload .u-isHidden { display: none !important; visibility: hidden !important; } #zd-lazyload .container-3PFIa { vertical-align: middle; padding-top: 0px; padding-bottom: 0px; padding-left: 0px !important; padding-right: 0px !important; color: inherit !important; } #zd-lazyload svg:not(:root) { overflow: hidden; } #zd-lazyload .Icon-2SEmO svg { min-width: 1.42857rem; min-height: 1.42857rem; height: 1.42857rem; width: 1.42857rem; } #launcher { display: none; } #myLauncher { background-image: url("../../assets/images/chat-icon.svg"); background-repeat: no-repeat; bottom: 20px; color: white; cursor: pointer; font-family: sans-serif; height: 65px; position: fixed; right: 20px; text-align: center; width: 65px; z-index: 200; } #myLauncher .visually-hidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } /* source: inline */ @-webkit-keyframes ww-304b7421-a024-47f3-9223-fb2f8aa47b8a-launcherOnOpen { 0% { transform: translateY(0px) rotate(0deg); } 30% { transform: translateY(-5px) rotate(2deg); } 60% { transform: translateY(0px) rotate(0deg); } 90% { transform: translateY(-1px) rotate(0deg); } 100% { transform: translateY(0px) rotate(0deg); } } @keyframes ww-304b7421-a024-47f3-9223-fb2f8aa47b8a-launcherOnOpen { 0% { transform: translateY(0px) rotate(0deg); } 30% { transform: translateY(-5px) rotate(2deg); } 60% { transform: translateY(0px) rotate(0deg); } 90% { transform: translateY(-1px) rotate(0deg); } 100% { transform: translateY(0px) rotate(0deg); } } @keyframes ww-304b7421-a024-47f3-9223-fb2f8aa47b8a-widgetOnLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes ww-304b7421-a024-47f3-9223-fb2f8aa47b8a-widgetOnLoad { 0% { opacity: 0; } 100% { opacity: 1; } }