/*# source 1 1 _responsive/vendor/normalize.css */ /*! normalize.css v1.1.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Prevent system color scheme's background color being used in Firefox, IE, * and Opera. * 2. Prevent system color scheme's text color being used in Firefox, IE, and * Opera. * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 4. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { background: #fff; /* 1 */ color: #000; /* 2 */ font-size: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } /** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** * Address margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 0; margin: 0; padding:0; } iframe { border:0; padding:0; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ /*input[type="search"] {*/ /*-webkit-appearance: textfield; !* 1 *!*/ /*-moz-box-sizing: content-box;*/ /*-webkit-box-sizing: content-box; !* 2 *!*/ /*box-sizing: content-box;*/ /*}*/ /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /*# source 1 1 _responsive/main.compiled.css */ /* // +--------------------------------------------------------------------------------------------------------+ // | Core imports | // +--------------------------------------------------------------------------------------------------------+ */ html, body { font-size: 100%; width: 100%; } /* // +--------------------------------------------------------------------------------------------------------+ // | EM Calculator function | // | Function to convert pixels into EMs | // | Usage: .article-heading { font-size: emCalc(700); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Breakpoint Mixin | // | Shortcut for outputting the media query breakpoints | // | @param point (string) | // | @return content (string) | // | Usage: .page-wrap { width: 75%; @include breakpoint(large) { width: 60%; } @include breakpoint(medium) { width: 80%; } @include breakpoint(small) { width: 95%; } } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Clearfix | // | Shortcut for clearfix | // | @return content (string) | // | Usage: .article { @include clearfix(); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Box Sizing with IE fallback | // | @param width (string) - CSS property | // | @param padding (string) - CSS property | // | Usage: | section { background: white; @include box(50, 3); margin: 0 auto; } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Box Sizing | // | Shortcut for clearfix | // | @param box-model (string) - CSS property | // | Usage: *, *:after, *:before { @include box-sizing(border-box); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Border radius | // | Shortcut for border radius | // | @return content (string) | // | Usage: .button { @include border-radius(5px); } .submit-button { @include border-top-radius(10px); @include border-right-radius(8px); @include border-bottom-radius(10px); @include border-left-radius (6px); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Opacity | // | Shortcut for opacity | // | Usage: .article-heading { @include opacity(0.8); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Text truncate - | // | Shortcut for text truncate | // | An easy way to truncate text with an ellipsis. Requires the element to be block or inline-block. | // | Usage: .text-truncate { @include text-truncate; } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Font size | // | Shortcut to output rem font-size with px fallback | // | Usage: body { @include font-size(16); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Center Block | // | Center block elements | // | Usage: img { @include center-block; } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Center Block | // | Center block elements | // | Usage: img { @include center-block; } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Indent | // | Indents text | // | Usage: img { @include center-block; } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Min Height | // | Shortcut for min-height | // | @param pixels (Int) // | @return content (string) | // | Usage: .article { @include min-height(); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Min Width | // | Shortcut for min-width | // | @param pixels (Int) // | @return content (string) | // | Usage: .article { @include min-height(); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Transition | // | Shortcut for transitions | // | @param transition-property (String) | // | @param transition-time (String) | // | @param method (String) | // | @return content (string) | // | Usage: button { @include transition(background-color, 0.5s, ease); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Gradient | // | Shortcut for transitions | // | @param from (String) | // | @param to (String) | // | @param height (String) | // | @return content (string) | // | Usage: .gradient { @include gradient(red, white, 100%); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Rotate | // | Shortcut for rotating | // | @param degrees (Int) | // | Usage: div { @include rotate(90); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Translate 3D | // | Shortcut for rotating | // | @param x (Int) - Pixels | // | @param y (Int) - Pixels | // | @param z (Int) - Pixels | // | Usage: div { @include translate3d(10, 20, 30); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Backface Visibility | // | Shortcut for rotating | // | @param value (String) - Optional / Default: visible | // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Font Montserrate | // | Shortcut for transitions | // | @param weight (String) - Optional | // | Usage: button { @include transition(background-color, 0.5s, ease); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Tap Highlight | // | Shortcut for the tap highlight color | // | @param color (String) - Optional / default: black | // | Usage: button { @include tapHighlight(red); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Config Variables | // +--------------------------------------------------------------------------------------------------------+ */ /* // Main body font size // All em measurements should be worked out from this value, for example, if you want to convert 20px into an em, the calculation is // 20 / 16 = 1.25 */ /* // Off canvas menu width */ /* // Font Icon */ /* // Heading font sizes in pixels */ /* // Copy - normal in pixels */ /* // Dir Paths */ /* - Assets Dir: */ /* - Images: */ /* - CSS: */ /* - JS: */ /* - Fonts: */ /* // Colours - hex */ /* // Loading spinner path */ /* // Header height */ /* // Header height small */ /* // Cookie Banner Height */ /* // Cookie Banner Height Small */ /* // Breakpoint variables // These are the responsive breakpoint values - uses the emCalc function, which works out the em values based on the pixel param. */ /*only for checkout information boxes at bottom of page*/ /*only for header-buttons span in header - removes span so text doesn't overlap*/ .content-wrap, .content-wrap--narrow, .content-wrap--wide, .content-wrap--full { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 10px; } .content-wrap, .content-wrap--narrow, .content-wrap--wide, .content-wrap--full { *zoom: 1; } .content-wrap:before, .content-wrap--narrow:before, .content-wrap--wide:before, .content-wrap--full:before, .content-wrap:after, .content-wrap--narrow:after, .content-wrap--wide:after, .content-wrap--full:after { content: ""; display: table; } .content-wrap:after, .content-wrap--narrow:after, .content-wrap--wide:after, .content-wrap--full:after { clear: both; } .content-wrap { max-width: 1200px; } .content-wrap--narrow { max-width: 800px; } .content-wrap--wide { max-width: 2000px; } /* // +--------------------------------------------------------------------------------------------------------+ // | Core imports | // +--------------------------------------------------------------------------------------------------------+ */ html, body { font-size: 100%; width: 100%; } /* // +--------------------------------------------------------------------------------------------------------+ // | EM Calculator function | // | Function to convert pixels into EMs | // | Usage: .article-heading { font-size: emCalc(700); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Breakpoint Mixin | // | Shortcut for outputting the media query breakpoints | // | @param point (string) | // | @return content (string) | // | Usage: .page-wrap { width: 75%; @include breakpoint(large) { width: 60%; } @include breakpoint(medium) { width: 80%; } @include breakpoint(small) { width: 95%; } } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Clearfix | // | Shortcut for clearfix | // | @return content (string) | // | Usage: .article { @include clearfix(); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Box Sizing with IE fallback | // | @param width (string) - CSS property | // | @param padding (string) - CSS property | // | Usage: | section { background: white; @include box(50, 3); margin: 0 auto; } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Box Sizing | // | Shortcut for clearfix | // | @param box-model (string) - CSS property | // | Usage: *, *:after, *:before { @include box-sizing(border-box); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Border radius | // | Shortcut for border radius | // | @return content (string) | // | Usage: .button { @include border-radius(5px); } .submit-button { @include border-top-radius(10px); @include border-right-radius(8px); @include border-bottom-radius(10px); @include border-left-radius (6px); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Opacity | // | Shortcut for opacity | // | Usage: .article-heading { @include opacity(0.8); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Text truncate - | // | Shortcut for text truncate | // | An easy way to truncate text with an ellipsis. Requires the element to be block or inline-block. | // | Usage: .text-truncate { @include text-truncate; } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Font size | // | Shortcut to output rem font-size with px fallback | // | Usage: body { @include font-size(16); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Center Block | // | Center block elements | // | Usage: img { @include center-block; } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Center Block | // | Center block elements | // | Usage: img { @include center-block; } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Indent | // | Indents text | // | Usage: img { @include center-block; } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Min Height | // | Shortcut for min-height | // | @param pixels (Int) // | @return content (string) | // | Usage: .article { @include min-height(); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Min Width | // | Shortcut for min-width | // | @param pixels (Int) // | @return content (string) | // | Usage: .article { @include min-height(); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Transition | // | Shortcut for transitions | // | @param transition-property (String) | // | @param transition-time (String) | // | @param method (String) | // | @return content (string) | // | Usage: button { @include transition(background-color, 0.5s, ease); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Gradient | // | Shortcut for transitions | // | @param from (String) | // | @param to (String) | // | @param height (String) | // | @return content (string) | // | Usage: .gradient { @include gradient(red, white, 100%); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Rotate | // | Shortcut for rotating | // | @param degrees (Int) | // | Usage: div { @include rotate(90); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Translate 3D | // | Shortcut for rotating | // | @param x (Int) - Pixels | // | @param y (Int) - Pixels | // | @param z (Int) - Pixels | // | Usage: div { @include translate3d(10, 20, 30); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Backface Visibility | // | Shortcut for rotating | // | @param value (String) - Optional / Default: visible | // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Font Montserrate | // | Shortcut for transitions | // | @param weight (String) - Optional | // | Usage: button { @include transition(background-color, 0.5s, ease); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Tap Highlight | // | Shortcut for the tap highlight color | // | @param color (String) - Optional / default: black | // | Usage: button { @include tapHighlight(red); } // +--------------------------------------------------------------------------------------------------------+ */ /* // +--------------------------------------------------------------------------------------------------------+ // | Config Variables | // +--------------------------------------------------------------------------------------------------------+ */ /* // Main body font size // All em measurements should be worked out from this value, for example, if you want to convert 20px into an em, the calculation is // 20 / 16 = 1.25 */ /* // Off canvas menu width */ /* // Font Icon */ /* // Heading font sizes in pixels */ /* // Copy - normal in pixels */ /* // Dir Paths */ /* - Assets Dir: */ /* - Images: */ /* - CSS: */ /* - JS: */ /* - Fonts: */ /* // Colours - hex */ /* // Loading spinner path */ /* // Header height */ /* // Header height small */ /* // Cookie Banner Height */ /* // Cookie Banner Height Small */ /* // Breakpoint variables // These are the responsive breakpoint values - uses the emCalc function, which works out the em values based on the pixel param. */ /*only for checkout information boxes at bottom of page*/ /*only for header-buttons span in header - removes span so text doesn't overlap*/ .content-wrap, .content-wrap--narrow, .content-wrap--wide, .content-wrap--full { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 10px; } .content-wrap, .content-wrap--narrow, .content-wrap--wide, .content-wrap--full { *zoom: 1; } .content-wrap:before, .content-wrap--narrow:before, .content-wrap--wide:before, .content-wrap--full:before, .content-wrap:after, .content-wrap--narrow:after, .content-wrap--wide:after, .content-wrap--full:after { content: ""; display: table; } .content-wrap:after, .content-wrap--narrow:after, .content-wrap--wide:after, .content-wrap--full:after { clear: both; } .content-wrap { max-width: 1200px; } .content-wrap--narrow { max-width: 800px; } .content-wrap--wide { max-width: 2000px; } /* Colours */ .ui-display { font-size: 48px; font-size: 3rem; font-weight: 300; line-height: 70px; color: rgba(0, 0, 0, 0.74); } @media only screen and (max-width: 768px) { .ui-display { font-size: 26px; font-size: 1.625rem; font-weight: 400; line-height: 40px; } } .ui-product-title { font-size: 26px; font-size: 1.625rem; font-weight: 400; line-height: 36px; color: rgba(0, 0, 0, 0.74); } @media only screen and (max-width: 43.75em) { .ui-product-title { font-size: 16px; font-size: 1rem; font-weight: 400; color: rgba(0, 0, 0, 0.87); } } .ui-product-number { font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 24px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.25px; } .ui-headline, .popup .popup__text { font-size: 20px; font-size: 1.25rem; font-weight: 500; line-height: 28px; color: rgba(0, 0, 0, 0.87); } .ui-label, .ui-btn-back, .breadbasket__parentcat .breadbasket__parentcat__title { font-size: 16px; font-size: 1rem; font-weight: 400; color: rgba(0, 0, 0, 0.87); } .ui-body-text, .ui-input-text, .ui-input-textarea, .ui-input-text-search, .newsletter-modal__row .newsletter-modal__row__input, .ui-input-mm, .ui-input-yy { font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 26px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.3px; } .ui-caption, .ui-text-error, .horizontal-scroller ul li a .price * { font-size: 12px; font-size: 0.75rem; font-weight: 500; line-height: 18px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.25px; } .ui-btn, .ui-select select, .ui-btn-transactional, .popup .popup__button--checkout, .ui-btn-active, .ui-btn-alt-1, .popup .popup__button--view, .ui-btn-alt-2, .ui-btn-alt-3, .ui-btn-breadbasket, .ui-btn-switch-right-sel, .ui-btn-switch-right, .ui-btn-switch-left-sel, .ui-btn-switch-left, .ui-btn-qty, .ui-btn-accordion, .ui-btn-search-active, .newsletter-modal__row.email .newsletter-modal__row__button--grey-a, .ui-btn-search, .breadbasket__parentcat .breadbasket__parentcat--heading, .breadbasket__parentcat--filters, .toggle-accordian-wrapper h4 { font-size: 14px; font-size: 0.875rem; font-weight: 500; line-height: 16px; color: rgba(0, 0, 0, 0.94); letter-spacing: 0.5px; } .ui-menu-inactive { font-size: 15px; font-size: 0.9375rem; font-weight: 400; line-height: 30px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.25px; } .ui-menu-active { font-size: 15px; font-size: 0.9375rem; font-weight: 500; line-height: 30px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.25px; } .ui-textlink { font-size: 15px; font-size: 0.9375rem; font-weight: 800; line-height: 30px; color: rgba(0, 0, 0, 0.87); text-decoration: underline; letter-spacing: 0.25px; } .ui-textlink:hover { color: #333333; } button.ui-textlink { padding: 0; text-transform: none; } button.ui-textlink, button.ui-textlink:hover { background: none !important; box-shadow: none; } .ui-placeholder, .ui-input-text::-webkit-input-placeholder, .ui-input-text:-moz-placeholder, .ui-input-text::-moz-placeholder, .ui-input-text:-ms-input-placeholder, .ui-input-textarea::-webkit-input-placeholder, .ui-input-textarea:-moz-placeholder, .ui-input-textarea::-moz-placeholder, .ui-input-textarea:-ms-input-placeholder, .ui-input-text-search::-webkit-input-placeholder, .newsletter-modal__row .newsletter-modal__row__input::-webkit-input-placeholder, .ui-input-text-search:-moz-placeholder, .newsletter-modal__row .newsletter-modal__row__input:-moz-placeholder, .ui-input-text-search::-moz-placeholder, .newsletter-modal__row .newsletter-modal__row__input::-moz-placeholder, .ui-input-text-search:-ms-input-placeholder, .newsletter-modal__row .newsletter-modal__row__input:-ms-input-placeholder, .ui-input-mm::-webkit-input-placeholder, .ui-input-mm:-moz-placeholder, .ui-input-mm::-moz-placeholder, .ui-input-mm:-ms-input-placeholder, .ui-input-yy::-webkit-input-placeholder, .ui-input-yy:-moz-placeholder, .ui-input-yy::-moz-placeholder, .ui-input-yy:-ms-input-placeholder { font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 26px; color: rgba(0, 0, 0, 0.37); letter-spacing: 0.3px; } /* Input types - input[type="number"], input[type="email"], input[type="text"], input[type="password"], textarea, select */ /* Labels */ /* label, .ui-label { @extend .ui-body-text; } */ /* Selects (drop downs) */ .ui-select select { height: 50px; border: 1px solid #e1e1e1; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); background: #ffffff; } /* Inputs (field containers) */ .ui-input-text { height: 50px; border: 1px solid #e1e1e1; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ background: #ffffff; } .ui-input-text:focus { outline: none !important; border: 2px solid #41b97a; box-shadow: none !important; } .ui-input-textarea { border: 1px solid #e1e1e1; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ background: #ffffff; } .ui-input-textarea:focus { outline: none !important; border: 2px solid #41b97a; box-shadow: none !important; } .ui-input-text-search, .newsletter-modal__row .newsletter-modal__row__input { height: 50px; border: 1px solid #e1e1e1; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; background: #ffffff; } .ui-input-text-search:focus, .newsletter-modal__row .newsletter-modal__row__input:focus { outline: none !important; border: 2px solid #41b97a; box-shadow: none !important; } .ui-input-mm { height: 50px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; background: #ffffff; } .ui-input-mm:focus { outline: none !important; border: 2px solid #41b97a; } .ui-input-yy { height: 50px; border: 1px solid #e1e1e1; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; background: #ffffff; } .ui-input-yy:focus { outline: none !important; border: 2px solid #41b97a; } /* Validation error */ .ui-text-error { color: #ff586d; } .ui-focus-error { border: 2px solid #ff586d !important; } /* Checkboxes and radio buttons */ /* input[type='checkbox']:checked ~ label:before { //font-family: $baseFont !important; content: "\e910"; font-size: 15px; border: 2px solid $active-green; } */ /* .checkbox-container label:before { position: absolute; top: 2px; left: 0; display: inline-block; //font-family: $baseFont !important; content: "" !important; border: 1px solid $middle-grey; width: 26px; height: 26px; line-height: 25px; text-align: center; color: $active-green; overflow: hidden; } */ /* label .ui-checkbox { @extend .ui-caption; } */ /* Buttons */ .ui-btn-transactional, .popup .popup__button--checkout { text-transform: uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 18px 0; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #e4e726; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-transactional:hover, .popup .popup__button--checkout:hover { background: #cccf22 !important; color: #000000; } .ui-btn-transactional.disabled, .popup .disabled.popup__button--checkout { background: #f0f288; color: #737373; box-shadow: none; } .ui-btn-transactional.disabled:hover, .popup .disabled.popup__button--checkout:hover { background: #f0f288 !important; } .ui-btn-active { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #41b97a; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; color: #ffffff; } .ui-btn-active:hover { background: #3AA66D !important; } .ui-btn-active.disabled { background: #97d9b6; box-shadow: none; } .ui-btn-active.disabled:hover { background: #97d9b6 !important; } .ui-btn-alt-1, .popup .popup__button--view { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #e1e1e1; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-alt-1:hover, .popup .popup__button--view:hover { background: #e6e6e6 !important; } .ui-btn-alt-1.disabled, .popup .disabled.popup__button--view { background: #efefef; color: #737373; box-shadow: none; } .ui-btn-alt-1.disabled:hover, .popup .disabled.popup__button--view:hover { background: #efefef !important; } .ui-btn-alt-2 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 18px 0; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-alt-2:hover { background: #D4D5D5 !important; } .ui-btn-alt-2.disabled { background: #f5f6f6; color: #737373; box-shadow: none; } .ui-btn-alt-2.disabled:hover { background: #f5f6f6 !important; } .ui-btn-alt-3 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 16px 0; border: 1px solid #e1e1e1; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #ffffff; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-alt-3:hover { background: #E5E5E5 !important; } .ui-btn-alt-3.disabled { color: #737373; box-shadow: none; } .ui-btn-breadbasket { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 18px 0; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: left; background: #ffffff; } .ui-btn-switch-right-sel { -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #41b97a; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; color: #ffffff; } .ui-btn-switch-right-sel:hover { background: #3AA66D !important; } .ui-btn-switch-right { -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-switch-right:hover { background: #D4D5D5 !important; } .ui-btn-switch-left-sel { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #41b97a; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; color: #ffffff; } .ui-btn-switch-left-sel:hover { background: #3AA66D !important; } .ui-btn-switch-left { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-switch-left:hover { background: #D4D5D5 !important; } .ui-btn-subtract { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; background-clip: padding-box; font-size: 20px; font-size: 1.25rem; padding: 14px; height: 50px; border: 1px solid #e1e1e1; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-subtract:hover { background: #D4D5D5 !important; } .ui-btn-subtract.disabled { background: #f5f6f6; color: #737373; } .ui-btn-subtract.disabled:hover { background: #f5f6f6 !important; } .ui-btn-qty { height: 50px; width: 70px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-left: none; border-right: none; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #ffffff; } .ui-btn-qty:focus { outline: none !important; border-top: 1px solid #e1e1e1 !important; border-bottom: 1px solid #e1e1e1 !important; border-left: none !important; border-right: none !important; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2) !important; } .ui-btn-add { -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; background-clip: padding-box; font-size: 20px; font-size: 1.25rem; padding: 14px; height: 50px; border: 1px solid #e1e1e1; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-add:hover { background: #D4D5D5 !important; } .ui-btn-accordion { background: #edeeee; padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); border-top: 1px solid #D4D5D5; } .ui-btn-accordion:hover { background: #D4D5D5 !important; } .ui-btn-search-active, .newsletter-modal__row.email .newsletter-modal__row__button--grey-a { -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; text-align: center; background: #41b97a; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; color: #ffffff; } .ui-btn-search-active:hover, .newsletter-modal__row.email .newsletter-modal__row__button--grey-a:hover { background: #3AA66D !important; } .ui-btn-search { -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-search:hover { background: #D4D5D5 !important; } .ui-btn-back { padding: 5px 0; text-align: center; background: #ffffff; } @font-face { font-family: "icons"; src: url("/Assets/RiverIsland/Core/css/_responsive/_scss/ui_lib/icons/icons.eot?20181029"); src: url("/Assets/RiverIsland/Core/css/_responsive/_scss/ui_lib/icons/icons.eot?20181029#iefix") format("embedded-opentype"), url("/Assets/RiverIsland/Core/css/_responsive/_scss/ui_lib/icons/icons.woff?20181029") format("woff"), url("/Assets/RiverIsland/Core/css/_responsive/_scss/ui_lib/icons/icons.ttf?20181029") format("truetype"), url("/Assets/RiverIsland/Core/css/_responsive/_scss/ui_lib/icons/icons.svg?20181029#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ui-pause_alt:before { font-family: "icons" !important; content: "\e968"; } .icon-ui-play_alt:before { font-family: "icons" !important; content: "\e969"; } .icon-ui-directions_fill:before { font-family: "icons" !important; content: "\e967"; } .icon-ui-directions:before { font-family: "icons" !important; content: "\e965"; } .icon-ui-empty-bag1:before { font-family: "icons" !important; content: "\e964"; } .icon-ui-pause:before { font-family: "icons" !important; content: "\e963"; } .icon-ui-360:before { font-family: "icons" !important; content: "\e962"; } .icon-ui-grid_4:before { font-family: "icons" !important; content: "\e961"; color: #025252; } .icon-ui-grid_1:before { font-family: "icons" !important; content: "\e95e"; } .icon-ui-grid_2:before { font-family: "icons" !important; content: "\e95f"; } .icon-ui-grid_3:before { font-family: "icons" !important; content: "\e960"; } .icon-ui-minus:before { font-family: "icons" !important; content: "\e95c"; } .icon-ui-add:before { font-family: "icons" !important; content: "\e95d"; } .icon-ui-add_alt:before { font-family: "icons" !important; content: "\e900"; } .icon-ui-address-book:before { font-family: "icons" !important; content: "\e901"; } .icon-ui-amazon:before { font-family: "icons" !important; content: "\e902"; } .icon-ui-android:before { font-family: "icons" !important; content: "\e903"; } .icon-ui-apple:before { font-family: "icons" !important; content: "\e904"; } .icon-ui-back_small:before { font-family: "icons" !important; content: "\e905"; } .icon-ui-back:before { font-family: "icons" !important; content: "\e906"; } .icon-ui-blackberry:before { font-family: "icons" !important; content: "\e907"; } .icon-ui-burger-menu:before { font-family: "icons" !important; content: "\e908"; } .icon-ui-call:before { font-family: "icons" !important; content: "\e909"; } .icon-ui-cevron:before { font-family: "icons" !important; content: "\e90a"; } .icon-ui-chevron:before { font-family: "icons" !important; content: "\e90a"; } .icon-ui-chat_alt:before { font-family: "icons" !important; content: "\e90b"; } .icon-ui-chat:before { font-family: "icons" !important; content: "\e90c"; } .icon-ui-check-in:before { font-family: "icons" !important; content: "\e90d"; } .icon-ui-close_alt:before { font-family: "icons" !important; content: "\e90e"; } .icon-ui-close:before { font-family: "icons" !important; content: "\e90f"; } .icon-ui-confirmed_alt-2:before { font-family: "icons" !important; content: "\e910"; } .icon-ui-confirmed_alt:before { font-family: "icons" !important; content: "\e911"; } .icon-ui-confirmed:before { font-family: "icons" !important; content: "\e912"; } .icon-ui-currency:before { font-family: "icons" !important; content: "\e913"; } .icon-ui-delete-remove:before { font-family: "icons" !important; content: "\e914"; } .icon-ui-delivery:before { font-family: "icons" !important; content: "\e915"; } .icon-ui-device_phone:before { font-family: "icons" !important; content: "\e916"; } .icon-ui-device_tablet:before { font-family: "icons" !important; content: "\e917"; } .icon-ui-directions-location:before { font-family: "icons" !important; content: "\e918"; } .icon-ui-driving:before { font-family: "icons" !important; content: "\e919"; } .icon-ui-dropdown-menu:before { font-family: "icons" !important; content: "\e91a"; } .icon-ui-edit:before { font-family: "icons" !important; content: "\e91b"; } .icon-ui-email:before { font-family: "icons" !important; content: "\e91c"; } .icon-ui-empty-bag:before { font-family: "icons" !important; content: "\e91d"; } .icon-ui-facebook_like:before { font-family: "icons" !important; content: "\e91e"; } .icon-ui-facebook:before { font-family: "icons" !important; content: "\e91f"; } .icon-ui-filter_android:before { font-family: "icons" !important; content: "\e920"; } .icon-ui-filter:before { font-family: "icons" !important; content: "\e921"; } .icon-ui-forward-on-small-carousel:before { font-family: "icons" !important; content: "\e922"; } .icon-ui-globe_alt:before { font-family: "icons" !important; content: "\e923"; } .icon-ui-globe:before { font-family: "icons" !important; content: "\e924"; } .icon-ui-google-plus:before { font-family: "icons" !important; content: "\e925"; } .icon-ui-grid-view_image-and-description:before { font-family: "icons" !important; content: "\e926"; } .icon-ui-grid-view_image:before { font-family: "icons" !important; content: "\e927"; } .icon-ui-grid-view_list:before { font-family: "icons" !important; content: "\e928"; } .icon-ui-help:before { font-family: "icons" !important; content: "\e929"; } .icon-ui-history:before { font-family: "icons" !important; content: "\e92a"; } .icon-ui-info:before { font-family: "icons" !important; content: "\e92b"; } .icon-ui-instagram:before { font-family: "icons" !important; content: "\e92c"; } .icon-ui-light-bulb:before { font-family: "icons" !important; content: "\e92d"; } .icon-ui-locked:before { font-family: "icons" !important; content: "\e92e"; } .icon-ui-logout:before { font-family: "icons" !important; content: "\e92f"; } .icon-ui-marker:before { font-family: "icons" !important; content: "\e930"; } .icon-ui-more-menu_iOS:before { font-family: "icons" !important; content: "\e931"; } .icon-ui-more_android:before { font-family: "icons" !important; content: "\e932"; } .icon-ui-notification:before { font-family: "icons" !important; content: "\e933"; } .icon-ui-orders:before { font-family: "icons" !important; content: "\e934"; } .icon-ui-photo-image:before { font-family: "icons" !important; content: "\e935"; } .icon-ui-pinterest:before { font-family: "icons" !important; content: "\e936"; } .icon-ui-price-tag_promo:before { font-family: "icons" !important; content: "\e937"; } .icon-ui-price-tag:before { font-family: "icons" !important; content: "\e938"; } .icon-ui-print:before { font-family: "icons" !important; content: "\e939"; } .icon-ui-product_add:before { font-family: "icons" !important; content: "\e93a"; } .icon-ui-product:before { font-family: "icons" !important; content: "\e93b"; } .icon-ui-quick-view:before { font-family: "icons" !important; content: "\e93c"; } .icon-ui-remove_alt:before { font-family: "icons" !important; content: "\e93d"; } .icon-ui-remove:before { font-family: "icons" !important; content: "\e93e"; } .icon-ui-reset-refresh:before { font-family: "icons" !important; content: "\e93f"; } .icon-ui-scanner:before { font-family: "icons" !important; content: "\e940"; } .icon-ui-search:before { font-family: "icons" !important; content: "\e941"; } .icon-ui-secure:before { font-family: "icons" !important; content: "\e942"; } .icon-ui-settings:before { font-family: "icons" !important; content: "\e943"; } .icon-ui-share_android:before { font-family: "icons" !important; content: "\e944"; } .icon-ui-share_iOS:before { font-family: "icons" !important; content: "\e945"; } .icon-ui-shopping-bag:before { font-family: "icons" !important; content: "\e946"; } .icon-ui-size-guide:before { font-family: "icons" !important; content: "\e947"; } .icon-ui-snapchat:before { font-family: "icons" !important; content: "\e948"; } .icon-ui-star_empty:before { font-family: "icons" !important; content: "\e949"; } .icon-ui-star_full:before { font-family: "icons" !important; content: "\e94a"; } .icon-ui-star_half:before { font-family: "icons" !important; content: "\e94b"; } .icon-ui-stock-levels:before { font-family: "icons" !important; content: "\e94c"; } .icon-ui-stores-nearby:before { font-family: "icons" !important; content: "\e94d"; } .icon-ui-time:before { font-family: "icons" !important; content: "\e94e"; } .icon-ui-twitter:before { font-family: "icons" !important; content: "\e94f"; } .icon-ui-user:before { font-family: "icons" !important; content: "\e950"; } .icon-ui-voice-search:before { font-family: "icons" !important; content: "\e951"; } .icon-ui-walk:before { font-family: "icons" !important; content: "\e952"; } .icon-ui-windows:before { font-family: "icons" !important; content: "\e953"; } .icon-ui-wishlist_alt:before { font-family: "icons" !important; content: "\e954"; } .icon-ui-wishlist_empty:before { font-family: "icons" !important; content: "\e955"; } .icon-ui-wishlist_full:before { font-family: "icons" !important; content: "\e956"; } .icon-ui-youtube:before { font-family: "icons" !important; content: "\e957"; } .icon-ui-zoom-in_alt:before { font-family: "icons" !important; content: "\e958"; } .icon-ui-zoom-in:before { font-family: "icons" !important; content: "\e959"; } .icon-ui-zoom-out_alt:before { font-family: "icons" !important; content: "\e95a"; } .icon-ui-zoom-out:before { font-family: "icons" !important; content: "\e95b"; } /* // +--------------------------------------------------------------------------------------------------------+ // | Utils | // | Used for re-usage and generic styles | // +--------------------------------------------------------------------------------------------------------+ */ .loading-container { text-align: center; } .loading-indicator { width: 100%; height: 100%; position: absolute; background: #fff url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/loading.gif) no-repeat center center; opacity: 0.8; filter: alpha(opacity=80); z-index: 19; display: none; } .max-width { max-width: 100%; } .clear-fix, .clearfix { *zoom: 1; } .clear-fix:before, .clear-fix:after, .clearfix:before, .clearfix:after { content: ""; display: table; } .clear-fix:after, .clearfix:after { clear: both; } .clear-both { clear: both; } .text-uppercase { text-transform: uppercase; } .relative { position: relative; } .relative { *zoom: 1; } .relative:before, .relative:after { content: ""; display: table; } .relative:after { clear: both; } .f-left { float: left; z-index: 2; } .f-right { float: right; } .opacity-50pc { opacity: 0.5; filter: alpha(opacity=50); } .email-conf-v1 { display: none; } .icon-shipping:before { content: "a"; } .icon-share-alt:before { content: "b"; } .icon-settings:before { content: "c"; } /*.icon-search:before { content: "d"; }*/ .icon-save:before { content: "e"; } .icon-river-island:before { content: "f"; position: relative; left: -10px; } .icon-ribbon:before { content: "g"; } .icon-ri:before { content: "h"; } .icon-refresh:before { content: "i"; } .icon-quote:before { content: "j"; } .icon-print:before { content: "k"; } .icon-pound:before { content: "l"; } .icon-mobile-4:before { content: "m"; } .icon-orders:before { content: "n"; } .icon-padlock:before { content: "o"; } .icon-paragraph:before { content: "p"; } .icon-pause:before { content: "q"; } .icon-paypal:before { content: "r"; } .icon-photo:before { content: "s"; } .icon-pinterest:before { content: "t"; } .icon-play:before { content: "u"; } .icon-plus:before { content: "v"; } .icon-minus:before { content: "w"; } .icon-menu:before { content: "x"; } .icon-location-1:before { content: "y"; } .icon-location:before { content: "z"; } .icon-list-view:before { content: "A"; } .icon-levels:before { content: "B"; } /*.icon-key:before { content: "C"; }*/ .icon-instagram:before { content: "D"; } .icon-info-1:before { content: "E"; } .icon-mobile-3:before { content: "F"; } .icon-home:before { content: "G"; } .icon-email:before { content: "H"; } /*.icon-email-1:before { content: "I"; }*/ .icon-euro:before { content: "J"; } .icon-exclamation:before { content: "K"; } .icon-eye:before { content: "L"; } .icon-facebook:before { content: "M"; } .icon-film:before { content: "N"; } .icon-filter:before { content: "O"; } .icon-google-plus:before { content: "P"; } .icon-grid-view-alt:before { content: "Q"; } .icon-grid-view-alt2:before { content: "R"; } .icon-dollar:before { content: "S"; } .icon-credit-card:before { content: "T"; } .icon-close:before { content: "U"; } .icon-circle-1:before { content: "V"; } .icon-circle:before { content: "W"; } .icon-checked-1:before { content: "X"; } .icon-checked:before { content: "Y"; } .icon-account-2:before { content: "Z"; } .icon-address:before { content: "0"; } .icon-android:before { content: "1"; } .icon-android-menu:before { content: "2"; } .icon-apple:before { content: "3"; } .icon-badge:before { content: "4"; } /*.icon-bag-1:before { content: "5"; }*/ .icon-barcode:before { content: "6"; } .icon-billing:before { content: "7"; } .icon-checkbox:before { content: "8"; } .icon-account-1:before { content: "9"; } .icon-2-up-arrow:before { content: "!"; } .icon-2-right-arrow:before { content: "\""; } .icon-2-left-arrow:before { content: "#"; } .icon-2-down-arrow:before { content: "$"; } .icon-1-up-arrow:before { content: "%"; } .icon-1-right-arrow:before, .bx-wrapper .bx-next:before { content: "&"; } .icon-1-left-arrow:before, .bx-wrapper .bx-prev:before { content: "'"; } .icon-1-down-arrow.icon-1-down-arrow:before { font-family: "navigation-and-filters_v1"; content: "\66"; } /*.icon-account-3:before { content: ")"; }*/ .icon-signup:before { content: "*"; } .icon-speech-2:before { content: "+"; } .icon-star:before { content: ","; } .icon-star-1:before { content: "-"; } .icon-stop:before { content: "."; } .icon-tablet:before { content: "/"; } .icon-target:before { content: ":"; } .icon-tick:before { content: ";"; } .icon-trash:before { content: "<"; } .icon-trend:before { content: "="; } .icon-truck:before { content: ">"; } .icon-twitter:before { content: "?"; } .icon-warning:before { content: "@"; } .icon-windows:before { content: "["; } .icon-wishlist:before { content: "]"; } .icon-youtube:before { content: "^"; } .icon-360:before { content: "_"; } .icon-mobile:before { content: "`"; } .icon-view-1:before { content: "{"; } .icon-3-up-arrow:before { content: "|"; } .icon-3-right-arrow:before { content: "}"; } .icon-3-left-arrow:before { content: "~"; } @font-face { font-family: "proxima-nova"; src: url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-light-webfont.woff2?-gyccju") format("woff2"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-light-webfont.eot?#iefix-gyccju") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-light-webfont.woff?-gyccju") format("woff"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-light-webfont.ttf?-gyccju") format("truetype"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-light-webfont.svg?-gyccju#IconFont2015_NavigationandFilters_v1") format("svg"); font-style: normal; font-weight: 300; font-display: swap; } @font-face { font-family: "proxima-nova"; src: url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-regular-webfont.woff2?-gyccju") format("woff2"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-regular-webfont.eot?#iefix-gyccju") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-regular-webfont.woff?-gyccju") format("woff"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-regular-webfont.ttf?-gyccju") format("truetype"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-regular-webfont.svg?-gyccju#IconFont2015_NavigationandFilters_v1") format("svg"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: "proxima-nova"; src: url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-bold-webfont.woff2?-gyccju") format("woff2"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-bold-webfont.eot?#iefix-gyccju") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-bold-webfont.woff?-gyccju") format("woff"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-bold-webfont.ttf?-gyccju") format("truetype"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-bold-webfont.svg?-gyccju#IconFont2015_NavigationandFilters_v1") format("svg"); font-style: normal; font-weight: 600; font-display: swap; } @font-face { font-family: "proxima-nova"; src: url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-semibold-webfont.woff2?-gyccju") format("woff2"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-semibold-webfont.eot?#iefix-gyccju") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-semibold-webfont.woff?-gyccju") format("woff"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-semibold-webfont.ttf?-gyccju") format("truetype"), url("/Assets/RiverIsland/Core/fonts/proxima-nova/proximanova-semibold-webfont.svg?-gyccju#IconFont2015_NavigationandFilters_v1") format("svg"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: "navigation-and-filters_v1"; src: url("/Assets/RiverIsland/Core/fonts/navigation-and-filters/navigation-and-filters_v1.eot?-gyccju"); src: url("/Assets/RiverIsland/Core/fonts/navigation-and-filters/navigation-and-filters_v1.eot?#iefix-gyccju") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/navigation-and-filters/navigation-and-filters_v1.woff?-gyccju") format("woff"), url("/Assets/RiverIsland/Core/fonts/navigation-and-filters/navigation-and-filters_v1.ttf?-gyccju") format("truetype"), url("/Assets/RiverIsland/Core/fonts/navigation-and-filters/navigation-and-filters_v1.svg?-gyccju#IconFont2015_NavigationandFilters_v1") format("svg"); font-style: normal; font-weight: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; speak: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-back:before { font-family: "navigation-and-filters_v1" !important; content: "\71"; } .icon-back2:before { font-family: "navigation-and-filters_v1" !important; content: "\77"; } .icon-burger:before { font-family: "navigation-and-filters_v1" !important; content: "\65"; } .icon-cevron:before { font-family: "navigation-and-filters_v1" !important; content: "\72"; } .icon-cevron2:before { font-family: "navigation-and-filters_v1" !important; content: "\74"; } .icon-detailview:before { font-family: "navigation-and-filters_v1" !important; content: "\79"; } .icon-filter:before { font-family: "navigation-and-filters_v1" !important; content: "\6f"; } .icon-gridview:before { font-family: "navigation-and-filters_v1" !important; content: "\69"; } .icon-listview:before { font-family: "navigation-and-filters_v1" !important; content: "\75"; } .icon-overflow_And:before { font-family: "navigation-and-filters_v1" !important; content: "\70"; } .icon-overflow_iOS:before { font-family: "navigation-and-filters_v1" !important; content: "\61"; } .icon-reset:before { font-family: "navigation-and-filters_v1" !important; content: "\73"; } .icon-Search:before { font-family: "navigation-and-filters_v1" !important; content: "\64"; } @font-face { font-family: "system-and-misc_v1"; src: url("/Assets/RiverIsland/Core/fonts/system-and-misc/system-and-misc_v1.eot?6pp079"); src: url("/Assets/RiverIsland/Core/fonts/system-and-misc/system-and-misc_v1.eot?#iefix6pp079") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/system-and-misc/system-and-misc_v1.woff?6pp079") format("woff"), url("/Assets/RiverIsland/Core/fonts/system-and-misc/system-and-misc_v1.ttf?6pp079") format("truetype"), url("/Assets/RiverIsland/Core/fonts/system-and-misc/system-and-misc_v1.svg?6pp079#system-and-misc_v1") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-account:before { font-family: "system-and-misc_v1" !important; content: "\71"; } .icon-addressbook:before { font-family: "system-and-misc_v1" !important; content: "\77"; } .icon-browser:before { font-family: "system-and-misc_v1" !important; content: "\65"; } .icon-clock:before { font-family: "system-and-misc_v1" !important; content: "\74"; } .icon-edit:before { font-family: "system-and-misc_v1" !important; content: "\79"; } .icon-globe:before { font-family: "system-and-misc_v1" !important; content: "\72"; } .icon-location:before { font-family: "system-and-misc_v1" !important; content: "\75"; } .icon-no:before { font-family: "system-and-misc_v1" !important; content: "\69"; } .icon-orders:before { font-family: "system-and-misc_v1" !important; content: "\70"; } .icon-padlock:before { font-family: "system-and-misc_v1" !important; content: "\61"; } .icon-printer:before { font-family: "system-and-misc_v1" !important; content: "\73"; } .icon-setting:before { font-family: "system-and-misc_v1" !important; content: "\64"; } .icon-trash:before { font-family: "system-and-misc_v1" !important; content: "\66"; } .icon-X:before { font-family: "system-and-misc_v1" !important; content: "\67"; } .icon-yes:before { font-family: "system-and-misc_v1" !important; content: "\6f"; } .icon-tick:before { font-family: "system-and-misc_v1" !important; content: "\68"; } .icon-cross:before { font-family: "system-and-misc_v1" !important; content: "\67"; } .icon-price-pointer:before { font-family: "system-and-misc_v1" !important; content: "\6d"; } @font-face { font-family: "shopping-actions_v1"; src: url("/Assets/RiverIsland/Core/fonts/shopping-actions/shopping-actions_v1.eot?-fhcalh"); src: url("/Assets/RiverIsland/Core/fonts/shopping-actions/shopping-actions_v1.eot?#iefix-fhcalh") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/shopping-actions/shopping-actions_v1.woff?-fhcalh") format("woff"), url("/Assets/RiverIsland/Core/fonts/shopping-actions/shopping-actions_v1.ttf?-fhcalh") format("truetype"), url("/Assets/RiverIsland/Core/fonts/shopping-actions/shopping-actions_v1.svg?-fhcalh#IconFont2015_ShoppingActions_v1") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-star_hollow:before { font-family: "shopping-actions_v1" !important; content: "\71"; } .icon-Add:before { font-family: "shopping-actions_v1" !important; content: "\79"; } .icon-heart_full:before { font-family: "shopping-actions_v1" !important; content: "\65"; } .icon-heart_hollow:before { font-family: "shopping-actions_v1" !important; content: "\72"; } .icon-quicklook:before { font-family: "shopping-actions_v1" !important; content: "\69"; } .icon-shoppingbag:before { font-family: "shopping-actions_v1" !important; content: "\61"; } .icon-star_full:before { font-family: "shopping-actions_v1" !important; content: "\77"; } .icon-subtract:before { font-family: "shopping-actions_v1" !important; content: "\75"; } .icon-wishlist:before { font-family: "shopping-actions_v1" !important; content: "\74"; } .icon-zoomin:before { font-family: "shopping-actions_v1" !important; content: "\6f"; } .icon-zoomout:before { font-family: "shopping-actions_v1" !important; content: "\70"; } @font-face { font-family: "style-insider_v1"; src: url("/Assets/RiverIsland/Core/fonts/style-insider/style-insider_v1.eot?f0fwer"); src: url("/Assets/RiverIsland/Core/fonts/style-insider/style-insider_v1.eot?#iefixf0fwer") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/style-insider/style-insider_v1.woff?f0fwer") format("woff"), url("/Assets/RiverIsland/Core/fonts/style-insider/style-insider_v1.ttf?f0fwer") format("truetype"), url("/Assets/RiverIsland/Core/fonts/style-insider/style-insider_v1.svg?f0fwer#IconFont2015_StyleInsider_v1") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Comps:before { font-family: "style-insider_v1" !important; content: "\71"; } .icon-diamond:before { font-family: "style-insider_v1" !important; content: "\77"; } .icon-latest:before { font-family: "style-insider_v1" !important; content: "\65"; } .icon-lifestyle:before { font-family: "style-insider_v1" !important; content: "\72"; } .icon-trends:before { font-family: "style-insider_v1" !important; content: "\74"; } .icon-Video:before { font-family: "style-insider_v1" !important; content: "\79"; } @font-face { font-family: "social-and-app_v1"; src: url("/Assets/RiverIsland/Core/fonts/social-and-app/social-and-app_v1.eot?-khij3b"); src: url("/Assets/RiverIsland/Core/fonts/social-and-app/social-and-app_v1.eot?#iefix-khij3b") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/social-and-app/social-and-app_v1.woff?-khij3b") format("woff"), url("/Assets/RiverIsland/Core/fonts/social-and-app/social-and-app_v1.ttf?-khij3b") format("truetype"), url("/Assets/RiverIsland/Core/fonts/social-and-app/social-and-app_v1.svg?-khij3b#/Assets/RiverIsland/Core/fonts/social-and-app/social-and-app_v1") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Amazon:before { font-family: "social-and-app_v1" !important; content: "\71"; } .icon-Android:before { font-family: "social-and-app_v1" !important; content: "\77"; } .icon-Apple:before { font-family: "social-and-app_v1" !important; content: "\65"; } .icon-Blackberry:before { font-family: "social-and-app_v1" !important; content: "\72"; } .icon-Facebook:before { font-family: "social-and-app_v1" !important; content: "\74"; } .icon-GooglePlus:before { font-family: "social-and-app_v1" !important; content: "\79"; } .icon-Instagram:before { font-family: "social-and-app_v1" !important; content: "\75"; } .icon-like:before { font-family: "social-and-app_v1" !important; content: "\69"; } .icon-Pinterest:before { font-family: "social-and-app_v1" !important; content: "\6f"; } .icon-Share_Android:before { font-family: "social-and-app_v1" !important; content: "\70"; } .icon-Share_iOS:before { font-family: "social-and-app_v1" !important; content: "\61"; } .icon-Twitter:before { font-family: "social-and-app_v1" !important; content: "\73"; } .icon-WinPhone:before { font-family: "social-and-app_v1" !important; content: "\64"; } .icon-YouTube:before { font-family: "social-and-app_v1" !important; content: "\66"; } @font-face { font-family: 'socialIconSet'; font-style: normal; font-weight: normal; src: url("/Assets/RiverIsland/Core/fonts/social-icon-font/icomoon.eot"); src: url("/Assets/RiverIsland/Core/fonts/social-icon-font/icomoon.eot?#iefix") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/social-icon-font/icomoon.woff") format("woff"), url("/Assets/RiverIsland/Core/fonts/social-icon-font/icomoon.ttf") format("truetype"), url("/Assets/RiverIsland/Core/fonts/social-icon-font/icomoon.svg#iconvault") format("svg"); } [class^="icon-"], [class*=" icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-instagram-circle:before { font-family: 'socialIconSet' !important; color: #007bb7; content: "\71"; } .icon-twitter-circle:before { font-family: 'socialIconSet' !important; color: #00aced; content: "\77"; } .icon-facebook-circle:before { font-family: 'socialIconSet' !important; color: #3b5998; content: "\65"; } .icon-pinterest-circle:before { font-family: 'socialIconSet' !important; color: #cd2027; content: "\72"; } .icon-googleplus-circle:before { font-family: 'socialIconSet' !important; color: #dd4b39; content: "\64"; } .icon-youtube-circle:before { font-family: 'socialIconSet' !important; color: #bb0000; content: "\79"; } .icon-snapchat-circle:before { font-family: 'socialIconSet' !important; color: #ece000; content: "\75"; } .icon-thumbsup-circle:before { font-family: 'socialIconSet' !important; content: "\69"; } .icon-bookonline-circle:before { font-family: 'socialIconSet' !important; content: "\6f"; } .icon-call-circle:before { font-family: 'socialIconSet' !important; content: "\70"; } .icon-app-circle:before { font-family: 'socialIconSet' !important; content: "\61"; } .icon-likeus-circle:before { font-family: 'socialIconSet' !important; color: #3b5998; content: "\73"; } .icon-minus-circle:before { font-family: 'socialIconSet' !important; content: "\67"; } .icon-plus-circle:before { font-family: 'socialIconSet' !important; content: "\66"; } @font-face { font-family: "product-details"; src: url("/Assets/RiverIsland/Core/fonts/product-details/product-details.eot"); src: url("/Assets/RiverIsland/Core/fonts/product-details/product-details.eot?#iefix") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/product-details/product-details.woff") format("woff"), url("/Assets/RiverIsland/Core/fonts/product-details/product-details.ttf") format("truetype"), url("/Assets/RiverIsland/Core/fonts/product-details/product-details.svg#iconvault") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-info:before { font-family: "product-details" !important; content: "\6d" !important; } .icon-stock:before { font-family: "product-details" !important; content: "\6e"; } .icon-wishlist:before { font-family: "product-details" !important; content: "\76"; } .icon-wishlistActive:before { font-family: "product-details" !important; content: "\62"; } /* // +--------------------------------------------------------------------------------------------------------+ // | Fonts | // +--------------------------------------------------------------------------------------------------------+ */ /* Generated CSS from */ @font-face { font-family: ri-v1-5; src: url("/Assets/RiverIsland/Core/css/_responsive/fonts/ri-v1-5.eot"); src: url("/Assets/RiverIsland/Core/css/_responsive/fonts/ri-v1-5.eot?#iefix") format("embedded-opentype"), url("/Assets/RiverIsland/Core/css/_responsive/fonts/ri-v1-5.ttf") format("truetype"), url("/Assets/RiverIsland/Core/css/_responsive/fonts/ri-v1-5.svg") format("svg"), url("/Assets/RiverIsland/Core/css/_responsive/fonts/ri-v1-5.woff") format("woff"); font-smooth: always; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; font-display: swap; } [data-icon]:before { font-family: ri-v1-5; content: attr(data-icon); font-style: normal; font-weight: 400; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; font-smooth: always; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: ri-v1-5; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; font-smooth: always; } /* Social icons */ .icon-facebook:hover, .icon-facebook:active { color: rgba(59, 89, 152, 0.7); } .icon-twitter:hover, .icon-twitter:active { color: rgba(0, 172, 237, 0.7); } .icon-google-plus:hover, .icon-google-plus:active { color: rgba(172, 0, 0, 0.7); } .icon-youtube:hover, .icon-youtube:active { color: rgba(167, 41, 36, 0.7); } .icon-pinterest:hover, .icon-pinterest:active { color: rgba(204, 33, 38, 0.7); } .icon-instagram:hover, .icon-instagram:active { color: rgba(71, 117, 155, 0.7); } .icon-mobile-3:hover, .icon-mobile-3:active { color: black; } /* SPRITES */ .sprite { height: 24px; width: 24px; } /* BAG */ .sprite-bag-white { background: url("https://images.riverisland.com/is/image/RiverIsland/icon.lib.devs?$PNG%20Alpha%20Transparency$&scl=1&locale=fr") -96px -48px; } .icon-bag-1:hover .sprite-bag-white { background: url("https://images.riverisland.com/is/image/RiverIsland/icon.lib.devs?$PNG%20Alpha%20Transparency$&scl=1&locale=fr") -96px -120px; } /*ACCOUNT */ .sprite-account-white { background: url("https://images.riverisland.com/is/image/RiverIsland/icon.lib.devs?$PNG%20Alpha%20Transparency$&scl=1&locale=fr") -72px 0; } .icon-account-3:hover .sprite-account-white, .active-a .sprite-account-white { background: url("https://images.riverisland.com/is/image/RiverIsland/icon.lib.devs?$PNG%20Alpha%20Transparency$&scl=1&locale=fr") -72px -72px; } /*SEARCH*/ .sprite-search-white { background: url("https://images.riverisland.com/is/image/RiverIsland/icon.lib.devs?$PNG%20Alpha%20Transparency$&scl=1&locale=fr") -192px 0; } .icon-search:hover .sprite-search-white, .active-a .sprite-search-white { background: url("https://images.riverisland.com/is/image/RiverIsland/icon.lib.devs?$PNG%20Alpha%20Transparency$&scl=1&locale=fr") -192px -72px; } /* SOCIAL */ .sprite-facebook { background: url("https://images.riverisland.com/is/image/RiverIsland/icon.lib.devs?$PNG%20Alpha%20Transparency$&scl=1&locale=fr") 0 -48px; } .sprite-twitter { background: url("https://images.riverisland.com/is/image/RiverIsland/icon.lib.devs?$PNG%20Alpha%20Transparency$&scl=1&locale=fr") 0 -24px; } .sprite-pinterest { background: url("https://images.riverisland.com/is/image/RiverIsland/icon.lib.devs?$PNG%20Alpha%20Transparency$&scl=1&locale=fr") 0 0; } html { font-family: 'proxima-nova', Arial, Helvetica; color: #252525; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; font-size: 16px; } /* STYLES */ .display-4, h1 { font-size: 32px; font-weight: 300; line-height: 52px; color: #696969; } @media only screen and (min-width: 43.8125em) { .display-4, h1 { font-size: 40px; } } @media only screen and (min-width: 64.625em) { .display-4, h1 { font-size: 48px; } } .display-3, h2 { font-size: 26px; font-weight: 400; line-height: 42px; color: #737373; } @media only screen and (min-width: 43.8125em) { .display-3, h2 { font-size: 32px; } } @media only screen and (min-width: 64.625em) { .display-3, h2 { font-size: 36px; } } .display-2, h3 { font-size: 20px; font-weight: 400; line-height: 34px; color: #232323; } @media only screen and (min-width: 43.8125em) { .display-2, h3 { font-size: 24px; } } @media only screen and (min-width: 64.625em) { .display-2, h3 { font-size: 28px; } } .display-1, h4 { font-size: 18px; font-weight: 700; line-height: 32px; color: #838383; } @media only screen and (min-width: 43.8125em) { .display-1, h4 { font-size: 20px; } } @media only screen and (min-width: 64.625em) { .display-1, h4 { font-size: 24px; } } .headline, h5, .sidebar-left .count-clear-all .count-all { font-size: 18px; font-weight: 400; line-height: 28px; color: #404040; } @media only screen and (min-width: 43.8125em) { .headline, h5, .sidebar-left .count-clear-all .count-all { font-size: 20px; } } @media only screen and (min-width: 64.625em) { .headline, h5, .sidebar-left .count-clear-all .count-all { font-size: 20px; } } .label, h6 { font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: 0.1px; color: #404040; } @media only screen and (min-width: 43.8125em) { .label, h6 { font-size: 18px; } } @media only screen and (min-width: 64.625em) { .label, h6 { font-size: 18px; } } .label-2, .center-title { font-size: 14px; font-weight: 400; line-height: 18px; letter-spacing: 0.005em; color: #404040; } @media only screen and (min-width: 43.8125em) { .label-2, .center-title { font-size: 16px; } } @media only screen and (min-width: 64.625em) { .label-2, .center-title { font-size: 16px; } } .body-2, .body-2 p { font-size: 16px; font-weight: 300; line-height: 22px; letter-spacing: 0.03em; color: #404040; } .body-1, .breadbasket__parentcat .breadbasket__parentcat__link, .body-1 p, .breadbasket__parentcat .breadbasket__parentcat__link p { font-size: 14px; font-weight: 300; line-height: 24px; letter-spacing: 0.03em; color: #2c2c2c; } .caption-2 { font-size: 15px; font-weight: 600; line-height: 24px; letter-spacing: 0.02em; color: #404040; } .caption-1 { font-size: 12px; font-weight: 600; line-height: 18px; letter-spacing: 0.025em; color: #9a9a9a; } .menu-el-3 { font-size: 15px; font-weight: 600; line-height: 40px; letter-spacing: 0.025em; color: #404040; } .menu-el-2 { font-size: 16px; font-weight: 600; line-height: 40px; letter-spacing: 0.025em; color: #404040; } .menu-el-1 { font-size: 15px; font-weight: 400; line-height: 40px; letter-spacing: 0.025em; color: #404040; } .facet-menu-1, .sidebar-left li.facetchild ul.fac-parent_category_names li a p.filtersDisplay, .facets__facetchild__label, #popup-facets-screen .count, .filters .count { font-size: 15px !important; font-weight: 400; line-height: 30px; letter-spacing: 0.025em; color: #404040; } .cta-text { font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 18px; letter-spacing: 0.1em; color: #232323; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: 'proxima-nova', sans-serif; font-weight: "normal"; margin: 0; } h1 { text-align: center; } /*General links*/ a { text-decoration: none; color: #555555; } .no-touch a:hover { color: #00aeef; } .cta__button--grey { font-size: 14px; color: rgba(0, 0, 0, 0.8); border: solid 1px #cecece; font-weight: 700; line-height: 32px; margin-bottom: 5px; background-color: #edeeee; border-color: #edeeee; display: inline-block; padding: 8px 10px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; min-width: 246px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); float: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } @media only screen and (min-width: 43.8125em) { .cta__button--grey { min-width: 137px; } } footer { margin-top: 32px; padding-bottom: 24px; position: relative; } footer .content-wrap--full { padding: 0; } footer .contribute .center { margin: 0 auto; width: auto; } @media only screen and (min-width: 768px) { footer .contribute .center { width: 768px; } } footer .contribute .center:before, footer .contribute .center:after { clear: both; content: ''; display: table; } footer .footerNav-container { width: 100%; } @media only screen and (min-width: 768px) { footer .footerNav-container { padding: 2em 0; } } footer .footerNav-container .col-span4-right { float: none; margin: 0; width: 100%; } @media only screen and (min-width: 768px) { footer .footerNav-container .col-span4-right { float: none; width: 100%; } } @media only screen and (min-width: 980px) { footer .footerNav-container .col-span4-right { float: right; margin: 0.25em 0; width: 27.25%; } } footer .footerNav-container .col-span4 { background: #edeeee; border-bottom: 1px solid #e1e1e1; float: none; margin: 0.5em 0; width: 100%; } @media only screen and (min-width: 768px) { footer .footerNav-container .col-span4 { background: none; border: none; } } footer .footerNav-container .col-span4:last-of-type { border: none; margin: 0.5em 0 0; } @media only screen and (min-width: 768px) { footer .footerNav-container .col-span4:last-of-type { margin-right: 0; } } @media only screen and (min-width: 768px) { footer .footerNav-container .col-span4 { float: left; margin-right: 1.6%; width: 32.26%; } } @media only screen and (min-width: 980px) { footer .footerNav-container .col-span4 { float: left; margin-right: 0.25%; width: 24%; } } /* Vars */ /* Fieldset */ fieldset { margin: 0; padding: 0; border: 0; } /* Legend */ legend { display: none; } /* Inputs */ input { border-radius: 0; font-family: 'proxima-nova', sans-serif; font-weight: "normal"; color: #464646; } input:not(.default-webkit-appearance) { -webkit-appearance: none; } /* Button */ .button { text-transform: none; line-height: 18px; color: #232323; font-weight: 600; } button, .button { -webkit-transition: background-color 0.05s ease; -moz-transition: background-color 0.05s ease; -ms-transition: background-color 0.05s ease; -o-transition: background-color 0.05s ease; transition: background-color 0.05s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-size: 0.875rem; letter-spacing: 0.01em; font-family: inherit; background: #363636; text-align: center; margin: 0 auto; border: 0; } button:hover, .button:hover { background: #ebebeb !important; color: #252525; } button.disabled:hover, button[disabled]:hover, .button.disabled:hover, .button[disabled]:hover { background: #ebebeb !important; } /* Buttons */ .button-copy { display: inline; margin: 0; padding: 0; border: 0; text-align: left; text-transform: none; } .button-copy, .button-copy:hover { background: none !important; } .button-green, .button-black, .button-white { -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .no-touch .button-green:hover, .no-touch .button-black:hover, .no-touch .button-white:hover { background-color: #f3f3f3 !important; color: black; } .button-green { -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; font-size: 14px; font-weight: 600; letter-spacing: 0.1em; color: #363636; padding: 16px 3.125em; text-align: center; background: #e4e53f; } .no-touch .button-green:hover { background-color: #e7e664 !important; color: black; } /* Black Button */ .button-black { color: #ebebeb; padding: 0.75em 1.25em; text-align: center; background: #252525; } /* White Button */ .button-white { font-family: 'proxima-nova', sans-serif; font-weight: "normal"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px 2px 0px #e1e1e1; background: white; color: #000; display: block; position: relative; padding: 1em 1.25em; border: 1px solid #e1e1e1; height: 48px; text-transform: none; } .button-white span { font-size: 26px; font-size: 1.625rem; position: relative; top: 6px; left: -5px; } /* Button Remove */ .button-remove, .button-add, .button-subtract { background: white; color: #707070; display: block; position: relative; border: 0.0625em solid #e1e1e1; padding: 0.875em 1.25em 0.625em; } .button-remove:after, .button-add:after, .button-subtract:after { font-family: ri-v1-5; font-size: 16px; font-size: 1rem; content: 'U'; } /* Button Add */ .button-add:after, .button-subtract:after { content: 'v'; text-transform: lowercase; } /* Button Subtract */ .button-subtract:after { content: 'w'; } /* Print button */ .button-print:before { font-family: "ri-v1-5"; padding-right: 0.4375em; content: 'k'; text-transform: lowercase; } .icon-left { padding: 0.0625em 1.25em 0.375em 0.625em; } .icon-right:before { position: absolute; right: 10px; top: 12px; content: "&"; font-size: 14px; font-size: 0.875rem; } .icon-right { padding-right: 3.125em; } .icon-left, .icon-right { position: relative; top: 2px; } /* Field container */ .field-l-small { max-width: 12em; } .field-l-medium { max-width: 18.75em; } .field-l { margin-bottom: 0.625em; position: relative; /* Email Icon */ /* Password */ } .field-l { *zoom: 1; } .field-l:before, .field-l:after { content: ""; display: table; } .field-l:after { clear: both; } .field-l span.icon-1-down-arrow:before { background: none; } .field-l span.icon-ui-dropdown-menu:before { background: none; } .field-l .icon-email-1 { position: relative; top: 2.8em; left: 0.5em; width: 1em; } .field-l .icon-key { position: relative; top: 2.8em; left: 0.5em; width: 1em; } /* Dropdowns */ select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } /* Form outline colour */ input[type="tel"], input[type="number"], input[type="email"], input[type="text"], input[type="password"], textarea, select { font-family: 'proxima-nova', sans-serif; font-weight: "normal"; outline: none; /*border:1px solid #e1e1e1; */ border: 1px solid #e1e1e1; font-size: 14px; font-size: 0.875rem; padding: 0.9375em; } input[type="tel"]:focus, input[type="tel"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="number"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="email"]:focus, input[type="email"]:focus, input[type="text"]:focus, input[type="text"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="password"]:focus, input[type="password"]:focus, textarea:focus, textarea:focus, textarea:focus, select:focus, select:focus, select:focus { outline: none !important; border: 2px solid #e4e53f; box-shadow: 0 0 3px #e4e53f; border: 1px solid #e4e53f ; box-shadow: none\9; } /* Read Only & disabled elements */ input[readonly="readonly"], input[disabled="disabled"], textarea[readonly="text"], textarea[disabled="disabled"], select[readonly="readonly"], select[disabled="disabled"], select :disabled, option:disabled { color: #AAA !important; background: #ebebeb !important; } input[readonly="readonly"] ~ .icon-1-down-arrow:before, input[disabled="disabled"] ~ .icon-1-down-arrow:before, textarea[readonly="text"] ~ .icon-1-down-arrow:before, textarea[disabled="disabled"] ~ .icon-1-down-arrow:before, select[readonly="readonly"] ~ .icon-1-down-arrow:before, select[disabled="disabled"] ~ .icon-1-down-arrow:before { color: #A1A1A1; } input[readonly="readonly"] ~ .icon-ui-dropdown-menu:before, input[disabled="disabled"] ~ .icon-ui-dropdown-menu:before, textarea[readonly="text"] ~ .icon-ui-dropdown-menu:before, textarea[disabled="disabled"] ~ .icon-ui-dropdown-menu:before, select[readonly="readonly"] ~ .icon-ui-dropdown-menu:before, select[disabled="disabled"] ~ .icon-ui-dropdown-menu:before { color: #000000; } .select-container { position: relative; display: inline-block; } select { -webkit-appearance: none; -moz-appearance: none; font-family: 'proxima-nova', sans-serif; font-weight: "normal"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ background: #ffffff; box-shadow: 0px 2px 0px #e1e1e1; color: #000; padding: 12px 30px 10px 15px; width: 100%; height: 48px; line-height: 1; padding-top: 10px\0/IE9 !important; } @media screen and (min-width: 0 \0) and (min-resolution: 72dpi) { select { padding: 15px; } } select ~ .icon-1-down-arrow:before { color: #464646; font-size: 26px; font-size: 1.625rem; pointer-events: none; } select ~ .icon-ui-dropdown-menu:before { color: #000000; font-size: 26px; font-size: 1.625rem; pointer-events: none; } select ~ .icon-arrow-delivery-country:before { color: #464646; font-size: 12px; font-size: 0.75rem; position: absolute; margin-top: -32px; pointer-events: none; } select option { color: #313131; } span.icon-1-down-arrow-absolute:before { position: absolute; right: 5px; top: 12px; } span.icon-ui-dropdown-menu-absolute:before { position: absolute; right: 5px; top: 12px; } /* Auto length */ .auto-length { width: auto !important; } /* Form padding */ input[type="tel"], input[type="number"], input[type="email"], input[type="text"], input[type="password"], textarea { padding: 12px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-with-icon { padding-left: 1em !important; } input[type="radio"], input[type="checkbox"] { display: none; } input[type='checkbox'] ~ label:not(.label-like):before, input[type='radio'] + label:not(.label-like):before, .checkbox-container input[type='checkbox'] ~ label:not(.label-like):before { font-family: ri-v1-5; margin-right: .2em; } input[type='radio'] + label:not(.label-like):before { content: "W"; /* Radio Button Unchecked */ } input[type='radio']:checked + label:not(.label-like):before { content: ":"; /* Radio Button Checked */ } input[type='checkbox'] ~ label:not(.label-like):before { content: "8"; /* Checkbox Unchecked */ } input[type='checkbox']:checked ~ label:not(.label-like):before { content: "X"; /* Checkbox Checked */ } /* Class Unchecked used by IE8 to replicate checked toggle psuedo class as IE8 support is patchy */ .lt-ie9 input[type='checkbox']:checked ~ label.uncheck:before { content: "8"; /* Checkbox Checked */ } input[type='checkbox'][disabled] + label:before { content: "."; /* Checkbox Disabled */ } .checkbox-container input[type='checkbox'] ~ label:before { content: "8"; /* Checkbox Unchecked */ } .checkbox-container input[type='checkbox']:checked ~ label:before { content: "X"; /* Checkbox Checked */ } span.facet-non-select:before { content: '8'; font-family: "ri-v1-5"; color: #D7D7D7; } @font-face { font-family: "navigation-and-filters_v1"; src: url("/Assets/RiverIsland/Core/fonts/navigation-and-filters/navigation-and-filters_v1.eot?-gyccju"); src: url("/Assets/RiverIsland/Core/fonts/navigation-and-filters/navigation-and-filters_v1.eot?#iefix-gyccju") format("embedded-opentype"), url("/Assets/RiverIsland/Core/fonts/navigation-and-filters/navigation-and-filters_v1.woff?-gyccju") format("woff"), url("/Assets/RiverIsland/Core/fonts/navigation-and-filters/navigation-and-filters_v1.ttf?-gyccju") format("truetype"), url("/Assets/RiverIsland/Core/fonts/navigation-and-filters/navigation-and-filters_v1.svg?-gyccju#IconFont2015_NavigationandFilters_v1") format("svg"); font-style: normal; font-weight: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; speak: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-back:before { font-family: "navigation-and-filters_v1" !important; content: "\71"; } .icon-back2:before { font-family: "navigation-and-filters_v1" !important; content: "\77"; } .icon-burger:before { font-family: "navigation-and-filters_v1" !important; content: "\65"; } .icon-cevron:before { font-family: "navigation-and-filters_v1" !important; content: "\72"; } .icon-cevron2:before { font-family: "navigation-and-filters_v1" !important; content: "\74"; } .icon-detailview:before { font-family: "navigation-and-filters_v1" !important; content: "\79"; } .icon-filter:before { font-family: "navigation-and-filters_v1" !important; content: "\6f"; } .icon-gridview:before { font-family: "navigation-and-filters_v1" !important; content: "\69"; } .icon-listview:before { font-family: "navigation-and-filters_v1" !important; content: "\75"; } .icon-overflow_And:before { font-family: "navigation-and-filters_v1" !important; content: "\70"; } .icon-overflow_iOS:before { font-family: "navigation-and-filters_v1" !important; content: "\61"; } .icon-reset:before { font-family: "navigation-and-filters_v1" !important; content: "\73"; } .icon-Search:before { font-family: "navigation-and-filters_v1" !important; content: "\64"; } /* // +--------------------------------------------------------------------------------------------------------+ // | Breadcrumbs | // +--------------------------------------------------------------------------------------------------------+ */ /* Local Vars */ * + html .breadcrumbs { margin-top: 0 !important; } .breadcrumbs { position: relative; padding: 0.625em 0 0.625em 0; background: #f8f8f8; z-index: 1; box-shadow: 0px 2px 0px #e1e1e1; } .breadcrumbs { *zoom: 1; } .breadcrumbs:before, .breadcrumbs:after { content: ""; display: table; } .breadcrumbs:after { clear: both; } .breadcrumbs ol { margin: 0; } .breadcrumbs ol { *zoom: 1; } .breadcrumbs ol:before, .breadcrumbs ol:after { content: ""; display: table; } .breadcrumbs ol:after { clear: both; } .breadcrumbs ol li { list-style: none; } .breadcrumbs ol li, .breadcrumbs ol li a { float: left; color: #636363; text-decoration: none; font-family: 'proxima-nova', sans-serif; font-weight: "normal"; font-size: 14px; font-size: 0.875rem; color: #636363; text-transform: capitalize; } .breadcrumbs ol li:after { position: relative; top: 2px; left: 0; display: inline-block; font-family: "navigation-and-filters_v1"; content: "\72"; color: #acacac; font-size: 14px; text-transform: none; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); margin: 0 6px; } .breadcrumbs ol li:last-child:after, .breadcrumbs ol li.last:after { content: ""; } /* // +--------------------------------------------------------------------------------------------------------+ // | Fonts | // +--------------------------------------------------------------------------------------------------------+ */ .region img { width: 22px; margin: 0 auto; margin-top: -0.1875em; } .flag-icon { width: 35px; height: 22px; display: inline-block; overflow: hidden; background-size: contain !important; background-repeat: no-repeat; background-position: center; width: 58px\9; height: 43px\9; } .flag-au { background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/flags/flag-au.png); } .flag-fr { background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/flags/flag-fr.png); } .flag-uk, .flag-gb { background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/flags/flag-uk.png); } .flag-us { background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/flags/flag-us.png); } .flag-eu { background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/flags/flag-eu.png); } .flag-de { background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/flags/flag-de.png); } .flag-nl { background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/flags/flag-nl.png); } .flag-se { background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/flags/flag-se.png); } .flag-ie { background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/flags/flag-ie.png); } /* // +--------------------------------------------------------------------------------------------------------+ // | Validations | // +--------------------------------------------------------------------------------------------------------+ */ /* TEMPORARY STYLING FOR VALIDATION */ .field-validation-error { color: #ff0000; display: block; clear: both; } .field-validation-error span:before { position: relative; top: 0.1875em; font-family: ri-v1-5; font-weight: 400; margin: 0 0.3125em 0 0; font-size: 24px; font-size: 1.5rem; content: 'K'; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #ff0000 !important; } .validation-summary-errors { color: #ff0000; } .validation-summary-errors ul { padding-left: 0; } .validation-summary-errors ul li { font-size: 14px; font-size: 0.875rem; list-style: none; /*background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/icon-validation-error.gif) no-repeat 0 0 !important; padding-left: 2em;*/ color: #E42C2C; display: block; float: none !important; /*font-weight: bold !important;*/ } #accordian .validation-summary-errors li { padding-left: 0 !important; } .validation-summary-valid { display: none; } .req-field-label label { width: auto !important; margin-right: 2px !important; } /* Flash messaging */ div.flash-message-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'proxima-nova', sans-serif; font-weight: "normal"; padding: 0 0.625em; clear: both; width: 100%; position: relative; } div.flash-message-container { *zoom: 1; } div.flash-message-container:before, div.flash-message-container:after { content: ""; display: table; } div.flash-message-container:after { clear: both; } div.flash-message-container ul { margin: 0.625em 0 0 0; padding-left: 0; border: solid 1px #ff586d; } div.flash-message-container ul li { list-style: none; color: #ff586d; padding: 7px 9px 10px 12px; } /*div.flash-message-container li.info { list-style:none; padding:7px 5px 10px 36px; }*/ div.flash-message-container .uimsg ul { border: solid 1px #00cc00; } div.flash-message-container .uimsg li { color: #00cc00; } .red-notice { /*background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/icon-validation-error.gif) no-repeat left top;*/ padding-left: 28px; color: #E00404; } @media only screen and (max-width: 43.75em) { .flash-message-container { margin-top: 64px; } } /* PRICE STYLING */ del { text-decoration: line-through; } .on-sale, .sale, .offer-label { color: #f00; } .item-total-price { margin-top: 30px; font-size: 1.1em; } section.recently-viewed { position: relative; } section.recently-viewed h2 { font-size: 20px; font-size: 1.25rem; margin: 16px 0; font-weight: 500; color: #000000; text-align: center; } /** RESET AND LAYOUT ===================================*/ ul.bxslider { padding: 0; margin: 0; text-align: center; } ul.bxslider li { visibility: visible; } .bx-controls { text-align: center; height: 0; } .bx-wrapper { position: relative; margin: 0 auto; *zoom: 1; } .bx-wrapper .bx-loading { min-height: 50px; background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/loading.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper img { max-width: 80%; display: block; margin: 0 auto; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-pager { cursor: pointer; text-align: center; color: #666; top: -40px; width: auto; position: relative; background: white; display: inline-block; padding: 0.3125em; opacity: 0.8; filter: alpha(opacity=80); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: 0; display: block; width: 10px; height: 10px; margin: 0 10px; outline: 0; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; -ms-border-radius: 0.3125em; -o-border-radius: 0.3125em; border-radius: 0.3125em; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: -15px; } @media only screen and (max-width: 25.875em) { .bx-wrapper .bx-prev { left: -5px !important; } } .bx-wrapper .bx-next { right: -15px; } @media only screen and (max-width: 25.875em) { .bx-wrapper .bx-next { right: -5px !important; } } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; font-family: ri-v1-5; font-size: 20px; z-index: 2; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } @media only screen and (min-width: 43.8125em) { .no-results { padding-top: 40px; } } .no-results .double li { width: 50%; } .no-results .double-column { margin-bottom: 20px; overflow: hidden; list-style-type: decimal; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; width: 100%; } @media only screen and (min-width: 43.8125em) { .no-results .double-column { width: 500px; } } .no-results .double-column li { line-height: 1.5em; width: 200px; margin-left: 50px; list-style-type: decimal; width: 100%; } .no-results .no-results--search { float: left; width: 80%; font-size: 1.25rem; color: #959595; background: #edeeee; border: .0625em solid #e1e1e1; padding: 0.79em 1.875em; } .no-results .button-green { float: left; font-family: 'proxima-nova', sans-serif; font-weight: bold; font-size: 20px; font-size: 1.25rem; color: #363636; width: 20%; padding: 0; height: 57px; text-align: center; background: #e4e53f; } .no-results .search-query-form { display: none; } @media only screen and (min-width: 43.8125em) { .no-results .search-query-form { display: block; } } .no-results .search-query-form--mobile { margin-top: 20px; } @media only screen and (min-width: 43.8125em) { .no-results .search-query-form--mobile { display: none; } } .gender-search-landing-wrapper .searched-for-container { margin: 20px 0 20px 0 !important; } .f-left.full-container .gender-search-landing-wrapper.no-results { width: 100% !important; max-width: 1200px !important; float: left; } .f-left.full-container .sidebar-left { margin-top: 0px; } .f-left.full-container .gender-search-landing-wrapper .searched-for-container { margin: 20px 0 20px 12px !important; } .f-left.full-container .gender-search-landing-wrapper ul { margin-top: 62px; } .input-help { display: block !important; } .price-min:focus, .price-max:focus { outline: none !important; box-shadow: none !important; border: none !important; color: #000 !important; } .price-min.ng-valid-number:focus, .price-max.ng-valid-number:focus { color: #000; } .price-updated { color: #41B97A !important; } .price-slider__facet--button--updated { color: #FFF !important; background-color: #41B97A !important; } .price-fields__inputs--out-of-range { display: none; width: 99%; font-size: 11px; line-height: 34px; text-align: center; border: 1px solid #41b97a; float: left; left: 0; margin: 12px 0 0 0; } .sidebar-left .facetchild ul li.pricefacet { margin-bottom: 0; } .price-slider__container { padding: 0 15px 0 0 !important; } .price-slider__inputs-container { padding: 0 15px 12px 0 !important; width: 100%; margin-bottom: 5px; float: left; } .price-slider__inputs-container .slider-item { width: 22%; } .price-slider__inputs-container div { float: left; text-align: center; } .price-slider__inputs-container div span { height: 66px; line-height: 51px; } .price-slider__facet--button { font-family: 'proxima-nova', sans-serif; font-weight: "normal"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px 2px 0px #e1e1e1; background: white; color: #000; width: 100%; margin: 10px 0 20px 0; border: 1px solid #e1e1e1; height: 48px; text-transform: capitalize; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } .price-slider__facet__input--default { background: #FFF; width: 33% !important; padding-left: 12px; font-size: 14px; float: left; box-sizing: content-box !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } .price-slider__facet__input--default input { border: none; width: 42px; padding: 16px 0; color: #9a9a9a; } .price-slider__facet__input--default.max { float: right; } /*------------------------------------* COMPASS IMPORTS \*------------------------------------*/ /*------------------------------------* SETTINGS \*------------------------------------*/ /*------------------------------------* THE CSS \*------------------------------------*/ /* line 25, scss/_rangeSlider.scss */ /*------------------------------------* RUNNER \*------------------------------------*/ /*------------------------------------* JOIN (connects the two handles) \*------------------------------------*/ /*------------------------------------* HANDLE \*------------------------------------*/ /*------------------------------------* HANDLE SPECIFICS \*------------------------------------*/ /*------------------------------------* VALUE LABELS \*------------------------------------*/ /*------------------------------------* ATTACHED VALUE RUNNER \*------------------------------------*/ /*------------------------------------* VERTICAL SLIDER \*------------------------------------*/ /*------------------------------------* FOCUS STATE \*------------------------------------*/ /*------------------------------------* DISABLED STATE \*------------------------------------*/ .ngrs-range-slider { position: relative; margin: 12px 0; padding: 10px; border: 1px solid #ccc; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-transition: border 0.2s linear, box-shadow 0.2s linear; -o-transition: border 0.2s linear, box-shadow 0.2s linear; -webkit-transition: border 0.2s linear, box-shadow 0.2s linear; transition: border 0.2s linear, box-shadow 0.2s linear; -webkit-tap-highlight-color: transparent; } .ngrs-range-slider, .ngrs-range-slider * { display: block; cursor: default; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .ngrs-range-slider .ngrs-runner { position: relative; margin: 0 9px 0 0; height: 18px; } .ngrs-track { background-color: #c0c0c0; position: absolute; width: 100%; margin-top: 7px; margin-left: 4px; height: 3px; } /* line 63, scss/_rangeSlider.scss */ .ngrs-range-slider .ngrs-join { position: absolute; z-index: 1; top: 50%; left: 0; right: 100%; height: 3px; margin: -2px 0 0 0; background-color: #41B97A; } .ngrs-range-slider .ngrs-handle { position: absolute; z-index: 2; height: 100%; font-size: 35px; margin: -9px -13px; /*------------------------------------* HANDLE ICON \*------------------------------------*/ } @media only screen and (min-width: 61em) { .ngrs-range-slider .ngrs-handle { font-size: 25px; margin: -2px -8px; } } /* line 95, scss/_rangeSlider.scss */ .ngrs-range-slider .ngrs-handle i { display: block; width: 100%; height: 100%; background: no-repeat -9999px -9999px; cursor: pointer; } /* line 104, scss/_rangeSlider.scss */ .ngrs-range-slider .ngrs-handle.ngrs-over i { background-position: 50% 50%; } /* line 109, scss/_rangeSlider.scss */ /* line 120, scss/_rangeSlider.scss */ .ngrs-range-slider .ngrs-handle-min i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNpiYMAEXEDsA+OwoEnKALETEHOgK2AEYhMgNkQ3DqSAB6pLAot1DExIJmAFzED8C4hvQdnIppyFKYCBp0D8CohloVafxWUqN7I3AQIMAKw6B24pOi8lAAAAAElFTkSuQmCC"); } /* line 127, scss/_rangeSlider.scss */ .ngrs-range-slider .ngrs-handle-max i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFdJREFUeNpiYEAAHyDmYkADzEhsByBWA+K3QPwJmwJjIGYBYlUgZgLi59gUwIAkEEsD8VMmBtyAkQFqJDZwAYjPAPE/dAU/gHg/ED/GpgvkTW50QYAAAwADfwrM5sqplgAAAABJRU5ErkJggg=="); } /* line 137, scss/_rangeSlider.scss */ .ngrs-range-slider .ngrs-value { position: absolute; top: 100%; left: 0; padding: 5px 0 0 0; font-size: 12px; color: #999; } /* line 145, scss/_rangeSlider.scss */ .ngrs-range-slider .ngrs-value.ngrs-value-max { left: auto; right: 0; text-align: right; } /* line 152, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-handle-min-down .ngrs-value-min, .ngrs-range-slider.ngrs-handle-max-down .ngrs-value-max { color: #333; } /* line 160, scss/_rangeSlider.scss */ .ngrs-range-slider .ngrs-attached-handles { margin: 0 9px; position: relative; /*------------------------------------* ATTACHED VALUE RUNNER LABELS \*------------------------------------*/ } /* line 167, scss/_rangeSlider.scss */ .ngrs-range-slider .ngrs-attached-handles .ngrs-value { text-align: left; } /* line 172, scss/_rangeSlider.scss */ .ngrs-range-slider .ngrs-attached-handles .ngrs-value > div { margin: 0 0 0 -50%; } /* line 181, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical { width: 28px; margin: 10px auto; /*------------------------------------* RUNNER \*------------------------------------*/ /*------------------------------------* ATTACHED VALUE RUNNER \*------------------------------------*/ /*------------------------------------* JOIN \*------------------------------------*/ /*------------------------------------* HANDLE \*------------------------------------*/ /*------------------------------------* HANDLE SPECIFICS \*------------------------------------*/ /*------------------------------------* VALUE LABELS \*------------------------------------*/ /*------------------------------------* VERTICAL LEFT SLIDER \*------------------------------------*/ /*------------------------------------* VERTICAL RIGHT SLIDER \*------------------------------------*/ } /* line 189, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical .ngrs-runner { margin: 0 9px; height: 300px; width: 18px; } /* line 199, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical .ngrs-value-runner.ngrs-attached-handles { position: absolute; top: 0; left: 100%; bottom: 0; margin: 9px 0; } /* line 212, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical .ngrs-join { width: 8px; height: auto; top: 0; bottom: 100%; left: 50%; right: auto; margin: 0 0 0 -4px; } /* line 226, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical .ngrs-handle { width: 100%; height: 18px; margin: -9px 0 0 0; } /* line 237, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical .ngrs-handle-min i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFFJREFUeNpiYEAFPFAMB0xIbEYgdoJiRpggM5ICUyBWhZoA0vgMWYEsENsg6ZQE4ldA/AmkkguIHZGNhQKQGBfIBHcgFmTABCxALMJAMQAIMAAcNgVQJ7t7JQAAAABJRU5ErkJggg=="); } /* line 244, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical .ngrs-handle-max i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeNpiYKAUMAKxDxBL4ZB/xgQk9gHxDyySILF9zEDiNxC/A2JVNAW7gfgtM5TzCYhZgFgCyr8IxNdADGZk+4BYGoi/APEBIP6PzVE8UAwHAAEGAArIDvzRFIA6AAAAAElFTkSuQmCC"); } /* line 254, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical .ngrs-value { top: 0; left: 100%; padding: 0 0 0 5px; } /* line 259, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical .ngrs-value.ngrs-value-max { top: auto; bottom: 0; right: auto; text-align: left; } /* line 269, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical .ngrs-attached-handles .ngrs-value > div { margin: -50% 0 0 0; } /* line 279, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical.ngrs-left { margin: 10px 0; } /* line 287, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical.ngrs-right { margin: 10px 0 10px auto; /*------------------------------------* VALUE LABELS \*------------------------------------*/ } /* line 294, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical.ngrs-right .ngrs-value { left: auto; right: 100%; padding: 0 5px 0 0; text-align: right; } /* line 300, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical.ngrs-right .ngrs-value.ngrs-value-max { text-align: right; } /* line 306, scss/_rangeSlider.scss */ .ngrs-range-slider.ngrs-vertical.ngrs-right .ngrs-value-runner.ngrs-attached-handles { left: 0; } .ngrs-range-slider.ngrs-disabled, .ngrs-range-slider.ngrs-disabled.ngrs-focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ngrs-range-slider.ngrs-disabled .ngrs-handle { background: #fff; } .ngrs-range-slider.ngrs-disabled .ngrs-handle i { background: none !important; cursor: default; } .ngrs-range-slider.ngrs-disabled .ngrs-join { background: #ddd; } .ngrs-range-slider.ngrs-disabled .ngrs-value { color: #ddd; } /*------------------------------------* TOUCH STATE \*------------------------------------*/ body.ngrs-touching { -ms-touch-action: none; } button.price-slider__facet--button:hover { background-color: #FFF !important; color: #000 !important; } button.price-slider__facet--button--updated:hover { color: #FFF !important; background-color: #41B97A !important; } .noscroll { overflow-y: hidden; } .match-container { display: none; } .match-container .field-l { width: 100%; } .searched-for-container { display: none; } @media only screen and (min-width: 61em) { .searched-for-container { display: block; } } .sidebar-left.gender-search-landing { display: none; } @media only screen and (min-width: 61em) { .sidebar-left.gender-search-landing { display: block; } } .gender-search-landing-wrapper .product-spotlight:nth-child(1) .gender-view-all-cont hr { display: none; } .gender-view-all-cont { margin: 10px 0 20px 0 !important; } .gender-view-all-cont .gender-title { line-height: 52px; } .m-searched-for-container { display: block; } @media only screen and (min-width: 61em) { .m-searched-for-container { display: none; } } .m-searched-for-container.gender-search-landing { margin-bottom: 0; } .listing__results { padding-left: 0; position: relative; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 61em) { .listing__results { padding-left: 310px; } } @media only screen and (min-width: 81.25em) { .listing__results { padding-left: 310px; } } .taxonomy__content__facets .count-clear-all { display: none; } @media only screen and (min-width: 61em) { .taxonomy__content__facets .count-clear-all { display: block; } .taxonomy__content__facets .count-clear-all h2.ui-headline, .taxonomy__content__facets .count-clear-all .popup h2.popup__text, .popup .taxonomy__content__facets .count-clear-all h2.popup__text { text-align: center; margin-bottom: 10px; } } .taxonomy__content__facets .center-title { display: none; } @media only screen and (min-width: 61em) { .taxonomy__content__facets .center-title { display: block; } } .centre-popups.gender-search-landing { display: none; } @media only screen and (min-width: 61em) { .centre-popups.gender-search-landing { display: block; } } .refine-button-container { float: right !important; display: block; width: 48%; } @media only screen and (min-width: 61em) { .refine-button-container { display: none !important; } } .refine-button-container .refine-button { width: 100%; overflow: hidden; text-overflow: ellipsis; /* &:after { font-family: "navigation-and-filters_v1"; content: '\6f'; position: absolute; left: 10px; font-size: 16px; font-size: 1rem; } */ } .section-pagination .filter .filterlist { width: 100% !important; } @media only screen and (min-width: 61em) { .section-pagination .filter .filterlist { width: 50%; } } .filter .filterlist li.pagination-container { display: none; } @media only screen and (min-width: 61em) { .filter .filterlist li.pagination-container { display: inline-block; } } .taxonomy__container { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); z-index: 99999; padding: 0; box-sizing: border-box; overflow: auto; } @media only screen and (min-width: 61em) { .taxonomy__container { display: block; position: relative; float: left; padding: 0; z-index: 2; border: none; overflow: hidden; } } .taxonomy__container.opened { display: block; } .taxonomy__content__wrapper { position: absolute; width: 100%; top: 60px; box-sizing: border-box; padding: 0 10px; } @media only screen and (min-width: 43.8125em) { .taxonomy__content__wrapper { top: 110px; } } @media only screen and (min-width: 61em) { .taxonomy__content__wrapper { position: inherit; padding: 0; top: 10px; } } .taxonomy__content__facets { border: 1px solid #e1e1e1; background-color: #FFF; } @media only screen and (min-width: 61em) { .taxonomy__content__facets { border: none; } } .taxonomy__content__facets .thelabel { line-height: 46px; margin-bottom: 0; font-size: 14px !important; text-align: center; } @media only screen and (min-width: 61em) { .taxonomy__content__facets .thelabel { display: none; } } .taxonomy__content__facets .closebtn { position: absolute; padding: 20px; right: 0; top: 0; width: 25px; z-index: 3; cursor: pointer; } @media only screen and (min-width: 61em) { .taxonomy__content__facets .closebtn { display: none; } } .taxonomy__content__facets .closebtn:after { font-family: "system-and-misc_v1"; content: "\67"; position: absolute; top: 17px; text-transform: none; color: #555555; } /* .icon-minus-circle:before { font-family: 'socialIconSet' !important; content: "\67"; } .icon-plus-circle:before { font-family: 'socialIconSet' !important; content: "\66"; } */ .icon-tick:before { float: left; background-color: #fff; color: #439C00; width: 24px !important; height: 24px; text-align: center; margin-right: 0; line-height: 24px !important; background-clip: border-box; border: 1px solid #e1e1e1; box-shadow: 0px 1px 0px #e1e1e1; } @media only screen and (min-width: 61em) { .icon-tick:before { margin-right: 15px; } } div.icon-minus-circle, div.icon-plus-circle { padding: 14px 10px; height: 20px; text-align: right; position: absolute; right: 0; font-size: 20px; } .sidebar-left li.facetchild:first-child ul.fac-parent_category_names li a p { width: 85% !important; } @media only screen and (min-width: 61em) { .sidebar-left li.facetchild:first-child ul.fac-parent_category_names li a p { width: 100% !important; } } .sidebar-left ul.fac-parent_category_names li a p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sidebar-left li.facetchild .icon-checkbox { margin-right: 10px; } .sidebar-left .searched-for-container { overflow: hidden; position: relative; } .sidebar-left .searched-for-container .search-terms-label { display: block; width: 100%; text-align: center; padding: 0; text-transform: capitalize; } .sidebar-left .search-terms { display: block; } .sidebar-left .count-clear-all { width: 100% !important; border-bottom: 1px solid #e1e1e1; } .sidebar-left .count-clear-all .count-all { text-align: center; margin-bottom: 10px; } .center-title { text-align: center; text-transform: capitalize; } .breadbasket { margin-bottom: 25px; width: 100%; float: left; position: relative; overflow: hidden; } .breadbasket .filters-list:before { content: ''; position: absolute; width: 100%; border-bottom: 1px solid #e1e1e1; } .breadbasket__parentcat { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #edeeee; color: #000; float: left; width: 100%; font-size: 14px; padding: 0 15px 8px 15px; text-align: left; } .breadbasket__parentcat .breadbasket__parentcat--heading { padding-top: 15px; } .breadbasket__parentcat .breadbasket__parentcat__title { margin-top: 0; margin-bottom: 0; line-height: 40px; } .breadbasket__parentcat .breadbasket__parentcat__link { font-size: 13px; line-height: 40px; color: #707070; } .breadbasket__parentcat hr { border-top: 1px solid #CECECE; margin: 0; } .breadbasket__parentcat a { float: right; } .breadbasket__parentcat p { text-transform: capitalize; } .sidebar-left li.facetchild ul.fac-parent_category_names li a p.filtersDisplay { width: 70% !important; } @media only screen and (min-width: 61em) { .sidebar-left li.facetchild ul.fac-parent_category_names li a p.filtersDisplay { max-width: 138px; } } @media only screen and (min-width: 81.25em) { .sidebar-left li.facetchild ul.fac-parent_category_names li a p.filtersDisplay { max-width: 190px; } } .sidebar-left .facetchild.facetchild { border: 0; margin-bottom: 0; } .filters-list:before { content: ''; position: absolute; width: 100%; border-bottom: 1px solid #e1e1e1; } @media only screen and (min-width: 61em) { .facets__facetchild__label { max-width: 148px; } } @media only screen and (min-width: 81.25em) { .facets__facetchild__label { max-width: 200px; } } .searched-for-container .filters-list:before { max-width: 220px; } .facets .facetchild:first-child .filters-list:before { border-bottom: 0; } #popup-facets-screen .icon-checked { margin-right: 10px; } .breadbasket__parentcat--filters { text-align: left; padding: 15px 20px 15px 20px; } .selected-items .breadbasket__parentcat--button { padding: 10px 15px 15px 15px; } .selected-items .breadbasket__parentcat--button .ui-btn-alt-1, .selected-items .breadbasket__parentcat--button .popup .popup__button--view, .popup .selected-items .breadbasket__parentcat--button .popup__button--view { width: 100%; text-transform: none; } .selected-items .button-white { text-transform: none; width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } .refine-button-container { display: none; } /* Max width */ @media only screen and (max-width: 61em) { .fac-parent_category_names li a span.icon-checked { float: left !important; } .fac-parent_category_names li a span.icon-checkbox, .fac-parent_category_names li a span.icon-tick { float: left !important; } .fac-parent_category_names li a p.filtersDisplay { float: left !important; } .fac-parent_category_names li a span.count { float: right !important; } } #popup-facets-screen .count, .filters .count { float: right; margin-right: 15px; } .overflow-hidden { overflow: hidden; position: fixed; } .taxonomy__container.opened > * { -webkit-transform: translateZ(0); } .clear-input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @inlude clearfix(); position: relative; overflow: hidden; } .clear-input__btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; position: absolute; top: 50%; right: 10px; margin-top: -12px; font-size: 22px; } .clear-input__btn.active { display: block; } .clear-input--with-submit-button .clear-input__btn { right: 23%; } .popup { top: 0px; z-index: 100; width: 280px; border-radius: 5px; background-color: #edeeee; position: fixed; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); padding: 20px; display: none; color: #000000; padding-top: 10px; padding-bottom: 6px; } .popup div.item-count { top: 6px; left: 4px; height: 16px; width: 16px; border-radius: 8px; color: #000; line-height: 16px; background-color: #e4e53f; font-size: 10px; text-align: center; position: absolute; z-index: 99; pointer-events: none; } .popup .popup__text { margin: 0px; } .popup .popup__bag { padding-top: 11px; display: inline-block; padding-left: 11px; position: absolute; right: 14px; top: 0px; } .popup .popup__bag .icon-shoppingbag { font-size: 1.5rem; float: left; } .popup .popup__bag .popup__bag__text { float: right; margin-top: 2px; margin-left: 5px; color: #000000; } .header--fixed .popup .popup__bag .popup__bag__text { display: none; } .popup .popup__button--view { display: block; margin-top: 15px; margin-bottom: 14px; } .popup .popup__button--checkout { display: block; margin-bottom: 14px; width: 100%; } .popup .popup__close { color: #000000; font-size: 12px; letter-spacing: 0.3px; text-align: center; margin: 0px; } @media (min-width: 0px) and (max-width: 768px) { .popup__bag__text { display: none; } } @media (min-width: 0px) and (max-width: 450px) { .popup { width: 98%; left: 1%; top: 4px; padding: 0px; box-sizing: border-box; padding-left: 15px; padding-right: 15px; } .popup .popup__bag { position: fixed; top: 0px; right: 10px; } .popup .popup__text { text-align: center; margin-top: 20px; font-size: 20px; opacity: 0.87; color: #000000; } .popup .popup__bag__text { display: block; text-align: center; margin-top: 8px; margin-bottom: 4px; font-size: 16px; letter-spacing: 0.3px; } .popup .popup__close { margin-bottom: 10px; font-size: 12px; } .popup .popup__button--checkout { margin-bottom: 25px; } } *:focus { outline: none; } div.modal__background { background-color: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 998; display: none; width: 100%; height: 100%; } div.modal__background.show { display: block; } div.modal__background .field-validation-error { width: 100%; } div.modal__background.ng-hide { background-color: transparent; } div.modal__background.ng-hide-add.ng-hide-add-active, div.modal__background.ng-hide-remove.ng-hide-remove-active { transition: 250ms ease all; } div.modal__background > .modal__window { position: relative; top: 50%; left: 0; background-color: #FFF; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; margin: 0 auto; height: 175px; margin-top: -87.5px; width: 350px; max-width: 100%; z-index: 999; display: block; border: 2px solid #edeeee; text-align: center; box-shadow: 0 2px 32px rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 43.8125em) { div.modal__background > .modal__window { margin-top: -100px; height: 200px; width: 433px; padding: 20px; } } div.modal__background > .modal__window p { margin-bottom: 10px; margin-top: 0; font-size: 16px; font-size: 1rem; } @media only screen and (min-width: 43.8125em) { div.modal__background > .modal__window p { margin-bottom: 35px; } } div.modal__background > .modal__window button { padding-left: 54px; padding-right: 54px; float: none; margin-right: 0; } div.modal__background.ng-hide > .modal__window.ng-enter { top: -200px; transition: 250ms ease top; } div.modal__background.ng-hide > .modal__window.ng-enter.ng-enter-active { top: 200px; } /* Colours */ .ui-display { font-size: 48px; font-size: 3rem; font-weight: 300; line-height: 70px; color: rgba(0, 0, 0, 0.74); } @media only screen and (max-width: 768px) { .ui-display { font-size: 26px; font-size: 1.625rem; font-weight: 400; line-height: 40px; } } .ui-product-title { font-size: 26px; font-size: 1.625rem; font-weight: 400; line-height: 36px; color: rgba(0, 0, 0, 0.74); } @media only screen and (max-width: 43.75em) { .ui-product-title { font-size: 16px; font-size: 1rem; font-weight: 400; color: rgba(0, 0, 0, 0.87); } } .ui-product-number { font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 24px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.25px; } .ui-headline, .popup .popup__text { font-size: 20px; font-size: 1.25rem; font-weight: 500; line-height: 28px; color: rgba(0, 0, 0, 0.87); } .ui-label, .ui-btn-back, .breadbasket__parentcat .breadbasket__parentcat__title { font-size: 16px; font-size: 1rem; font-weight: 400; color: rgba(0, 0, 0, 0.87); } .ui-body-text, .ui-input-text, .ui-input-textarea, .ui-input-text-search, .newsletter-modal__row .newsletter-modal__row__input, .ui-input-mm, .ui-input-yy { font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 26px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.3px; } .ui-caption, .ui-text-error, .horizontal-scroller ul li a .price * { font-size: 12px; font-size: 0.75rem; font-weight: 500; line-height: 18px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.25px; } .ui-btn, .ui-select select, .ui-btn-transactional, .popup .popup__button--checkout, .ui-btn-active, .ui-btn-alt-1, .popup .popup__button--view, .ui-btn-alt-2, .ui-btn-alt-3, .ui-btn-breadbasket, .ui-btn-switch-right-sel, .ui-btn-switch-right, .ui-btn-switch-left-sel, .ui-btn-switch-left, .ui-btn-qty, .ui-btn-accordion, .ui-btn-search-active, .newsletter-modal__row.email .newsletter-modal__row__button--grey-a, .ui-btn-search, .breadbasket__parentcat .breadbasket__parentcat--heading, .breadbasket__parentcat--filters, .toggle-accordian-wrapper h4 { font-size: 14px; font-size: 0.875rem; font-weight: 500; line-height: 16px; color: rgba(0, 0, 0, 0.94); letter-spacing: 0.5px; } .ui-menu-inactive { font-size: 15px; font-size: 0.9375rem; font-weight: 400; line-height: 30px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.25px; } .ui-menu-active { font-size: 15px; font-size: 0.9375rem; font-weight: 500; line-height: 30px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.25px; } .ui-textlink { font-size: 15px; font-size: 0.9375rem; font-weight: 800; line-height: 30px; color: rgba(0, 0, 0, 0.87); text-decoration: underline; letter-spacing: 0.25px; } .ui-textlink:hover { color: #333333; } button.ui-textlink { padding: 0; text-transform: none; } button.ui-textlink, button.ui-textlink:hover { background: none !important; box-shadow: none; } .ui-placeholder, .ui-input-text::-webkit-input-placeholder, .ui-input-text:-moz-placeholder, .ui-input-text::-moz-placeholder, .ui-input-text:-ms-input-placeholder, .ui-input-textarea::-webkit-input-placeholder, .ui-input-textarea:-moz-placeholder, .ui-input-textarea::-moz-placeholder, .ui-input-textarea:-ms-input-placeholder, .ui-input-text-search::-webkit-input-placeholder, .newsletter-modal__row .newsletter-modal__row__input::-webkit-input-placeholder, .ui-input-text-search:-moz-placeholder, .newsletter-modal__row .newsletter-modal__row__input:-moz-placeholder, .ui-input-text-search::-moz-placeholder, .newsletter-modal__row .newsletter-modal__row__input::-moz-placeholder, .ui-input-text-search:-ms-input-placeholder, .newsletter-modal__row .newsletter-modal__row__input:-ms-input-placeholder, .ui-input-mm::-webkit-input-placeholder, .ui-input-mm:-moz-placeholder, .ui-input-mm::-moz-placeholder, .ui-input-mm:-ms-input-placeholder, .ui-input-yy::-webkit-input-placeholder, .ui-input-yy:-moz-placeholder, .ui-input-yy::-moz-placeholder, .ui-input-yy:-ms-input-placeholder { font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 26px; color: rgba(0, 0, 0, 0.37); letter-spacing: 0.3px; } /* Buttons */ .ui-btn-transactional, .popup .popup__button--checkout { text-transform: uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 18px 0; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #e4e726; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-transactional:hover, .popup .popup__button--checkout:hover { background: #cccf22 !important; color: #000000; } .ui-btn-transactional.disabled, .popup .disabled.popup__button--checkout { background: #f0f288; color: #737373; box-shadow: none; } .ui-btn-transactional.disabled:hover, .popup .disabled.popup__button--checkout:hover { background: #f0f288 !important; } .ui-btn-active { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #41b97a; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; color: #ffffff; } .ui-btn-active:hover { background: #3AA66D !important; } .ui-btn-active.disabled { background: #97d9b6; box-shadow: none; } .ui-btn-active.disabled:hover { background: #97d9b6 !important; } .ui-btn-alt-1, .popup .popup__button--view { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #e1e1e1; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-alt-1:hover, .popup .popup__button--view:hover { background: #e6e6e6 !important; } .ui-btn-alt-1.disabled, .popup .disabled.popup__button--view { background: #efefef; color: #737373; box-shadow: none; } .ui-btn-alt-1.disabled:hover, .popup .disabled.popup__button--view:hover { background: #efefef !important; } .ui-btn-alt-2 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 18px 0; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-alt-2:hover { background: #D4D5D5 !important; } .ui-btn-alt-2.disabled { background: #f5f6f6; color: #737373; box-shadow: none; } .ui-btn-alt-2.disabled:hover { background: #f5f6f6 !important; } .ui-btn-alt-3 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 16px 0; border: 1px solid #e1e1e1; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #ffffff; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-alt-3:hover { background: #E5E5E5 !important; } .ui-btn-alt-3.disabled { color: #737373; box-shadow: none; } .ui-btn-breadbasket { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ padding: 18px 0; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: left; background: #ffffff; } .ui-btn-switch-right-sel { -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #41b97a; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; color: #ffffff; } .ui-btn-switch-right-sel:hover { background: #3AA66D !important; } .ui-btn-switch-right { -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-switch-right:hover { background: #D4D5D5 !important; } .ui-btn-switch-left-sel { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #41b97a; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; color: #ffffff; } .ui-btn-switch-left-sel:hover { background: #3AA66D !important; } .ui-btn-switch-left { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-switch-left:hover { background: #D4D5D5 !important; } .ui-btn-subtract { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; background-clip: padding-box; font-size: 20px; font-size: 1.25rem; padding: 14px; height: 50px; border: 1px solid #e1e1e1; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-subtract:hover { background: #D4D5D5 !important; } .ui-btn-subtract.disabled { background: #f5f6f6; color: #737373; } .ui-btn-subtract.disabled:hover { background: #f5f6f6 !important; } .ui-btn-qty { height: 50px; width: 70px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-left: none; border-right: none; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #ffffff; } .ui-btn-qty:focus { outline: none !important; border-top: 1px solid #e1e1e1 !important; border-bottom: 1px solid #e1e1e1 !important; border-left: none !important; border-right: none !important; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2) !important; } .ui-btn-add { -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; background-clip: padding-box; font-size: 20px; font-size: 1.25rem; padding: 14px; height: 50px; border: 1px solid #e1e1e1; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-add:hover { background: #D4D5D5 !important; } .ui-btn-accordion { background: #edeeee; padding: 18px 3.125em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); border-top: 1px solid #D4D5D5; } .ui-btn-accordion:hover { background: #D4D5D5 !important; } .ui-btn-search-active, .newsletter-modal__row.email .newsletter-modal__row__button--grey-a { -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; text-align: center; background: #41b97a; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; color: #ffffff; } .ui-btn-search-active:hover, .newsletter-modal__row.email .newsletter-modal__row__button--grey-a:hover { background: #3AA66D !important; } .ui-btn-search { -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; padding: 18px 3.125em; text-align: center; background: #edeeee; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ui-btn-search:hover { background: #D4D5D5 !important; } .ui-btn-back { padding: 5px 0; text-align: center; background: #ffffff; } /* Input types - input[type="number"], input[type="email"], input[type="text"], input[type="password"], textarea, select */ /* Labels */ /* label, .ui-label { @extend .ui-body-text; } */ /* Selects (drop downs) */ .ui-select select { height: 50px; border: 1px solid #e1e1e1; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); background: #ffffff; } /* Inputs (field containers) */ .ui-input-text { height: 50px; border: 1px solid #e1e1e1; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ background: #ffffff; } .ui-input-text:focus { outline: none !important; border: 2px solid #41b97a; box-shadow: none !important; } .ui-input-textarea { border: 1px solid #e1e1e1; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ background: #ffffff; } .ui-input-textarea:focus { outline: none !important; border: 2px solid #41b97a; box-shadow: none !important; } .ui-input-text-search, .newsletter-modal__row .newsletter-modal__row__input { height: 50px; border: 1px solid #e1e1e1; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; background: #ffffff; } .ui-input-text-search:focus, .newsletter-modal__row .newsletter-modal__row__input:focus { outline: none !important; border: 2px solid #41b97a; box-shadow: none !important; } .ui-input-mm { height: 50px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; background: #ffffff; } .ui-input-mm:focus { outline: none !important; border: 2px solid #41b97a; } .ui-input-yy { height: 50px; border: 1px solid #e1e1e1; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; background: #ffffff; } .ui-input-yy:focus { outline: none !important; border: 2px solid #41b97a; } /* Validation error */ .ui-text-error { color: #ff586d; } .ui-focus-error { border: 2px solid #ff586d !important; } /* Checkboxes and radio buttons */ /* input[type='checkbox']:checked ~ label:before { //font-family: $baseFont !important; content: "\e910"; font-size: 15px; border: 2px solid $active-green; } */ /* .checkbox-container label:before { position: absolute; top: 2px; left: 0; display: inline-block; //font-family: $baseFont !important; content: "" !important; border: 1px solid $middle-grey; width: 26px; height: 26px; line-height: 25px; text-align: center; color: $active-green; overflow: hidden; } */ /* label .ui-checkbox { @extend .ui-caption; } */ .region-DE .newsletter-modal__window .ui-headline, .region-DE .newsletter-modal__window .popup .popup__text, .popup .region-DE .newsletter-modal__window .popup__text { padding: 0 20px; } .input-validation-error { border: 2px solid #ff586d !important; } #newsletter-signup-modal-wrapper { display: none; } #newsletter-signup-modal-wrapper div.modal__background { background-color: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 998; display: block; } div.modal__background.ng-hide { background-color: transparent; } div.modal__background.ng-hide-add.ng-hide-add-active, div.modal__background.ng-hide-remove.ng-hide-remove-active { transition: 250ms ease all; } .newsletter-modal__window { height: 365px; width: 452px; } .newsletter-modal__window .icon-checkbox, .newsletter-modal__window .icon-tick { height: 26px; margin: 0; line-height: 22px; cursor: pointer; } .newsletter-modal__window .icon-checkbox:before, .newsletter-modal__window .icon-tick:before { float: left; } .newsletter-modal__window .icon-checkbox:before, .newsletter-modal__window .icon-tick:before { background-color: #fff; width: 24px; height: 24px; background-clip: border-box; border: 1px solid #e1e1e1; box-shadow: none; margin-right: 15px; line-height: 1em; } .newsletter-modal__window .icon-checkbox:before { color: #FFF; } .newsletter-modal__window .icon-tick:before { color: #439C00; } div.modal__background > .newsletter-modal__window { background-color: #f9f9f8; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; position: fixed; left: 50%; margin-left: -220px; top: 30%; z-index: 999; display: block; border: 2px solid #e1e1e1; text-align: center; color: #e1e1e1; } div.modal__background > .newsletter-modal__window label { color: #252525; } div.modal__background > .newsletter-modal__window .newsletter-modal__close-icon { float: right; margin: 10px; font-size: 24px; } div.modal__background > .newsletter-modal__window p { margin-bottom: 20px; margin-top: 0; } div.modal__background.ng-hide > .modal__window.ng-enter { top: -200px; transition: 250ms ease top; } div.modal__background.ng-hide > .modal__window.ng-enter.ng-enter-active { top: 200px; } .newsletter-modal__window h1.display-2 { margin-top: 30px; margin-bottom: 20px; float: none; } .newsletter-modal__window .ui-headline, .newsletter-modal__window .popup .popup__text, .popup .newsletter-modal__window .popup__text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; white-space: normal; line-height: 34px; opacity: 1; } .newsletter-modal__window .success-message { margin-bottom: 12px !important; } .newsletter-modal__window .promocode { width: 100%; background-color: #edeeee; height: 60px; color: #e1e1e1; text-align: center; } .newsletter-modal__window .promocode h2 { line-height: 60px; } .newsletter-modal__window p.caption-2 { color: #e1e1e1; margin: 10px !important; } /* NEW */ .close { float: right; } .newsletter-modal__row { padding: 0; } .newsletter-modal__row.validation { float: left; clear: both; width: 100%; overflow: hidden; } .newsletter-modal__row.validation .ng-active { background-color: #ff0000; color: #FFF; } .newsletter-modal__row.email { float: left; clear: both; position: relative; padding-top: 21px; padding-left: 21px; padding-bottom: 8px; width: 100%; box-sizing: border-box; } .newsletter-modal__row.email input { width: 292px; height: 44 px; float: left; padding: 12px 20px; font-family: 'proxima-nova', sans-serif; box-sizing: border-box; } .newsletter-modal__row.email .newsletter-modal__row__button--grey-a { font-family: 'proxima-nova', sans-serif; border: 0; float: left; text-transform: none; padding-left: 1.125em; padding-right: 1.125em; line-height: 14px; width: 110px; } .newsletter-modal__row.email .newsletter-modal__row__button--grey-a:hover { background: #3AA66D !important; } .newsletter-modal__row.email .newsletter-modal__row__button--grey-a:focus { outline: none; } .newsletter-modal__row.disclaimer { position: absolute; bottom: 44px; font-weight: 600; padding: 0 30px; } .newsletter-modal__row.disclaimer p { padding: 0 40px; } .newsletter-modal__row.disclaimer p a { font-weight: bold; text-decoration: underline; color: #000000; } .newsletter-modal__row.headline, h5.newsletter-modal__row, .sidebar-left .count-clear-all .newsletter-modal__row.count-all { padding: 14px 18px 0 18px; } .modal__footer { clear: both; background: #edeeee; float: left; width: 100%; padding: 11px 14px 11px 14px; box-sizing: border-box; position: absolute; bottom: 0; } .modal__footer .close1 { float: left; } .modal__footer .close2 { float: right; } .region-UK .newsletter-modal__window, .region-SE .newsletter-modal__window { height: 365px; } .region-DE .newsletter-modal__row.email { padding: 26px 18px 8px 18px; } .modal__background .field-validation-error { float: left; clear: both; width: 100%; height: 25px; background-color: #ff0000; color: #fff; box-sizing: border-box; } .modal__background .field-validation-error span:before { display: none; } div.price .was-price + .sale-price { display: none !important; } div.price .sale-price:nth-child(2) { display: none !important; } .products-listing { padding-top: 10px !important; margin-top: 130px !important; } .products-listing li { position: relative; border: solid 1px #fff; } .products-listing li a { z-index: 100; } .qb__label { position: absolute; top: 260px; width: 100%; background-color: rgba(255, 255, 255, 0.85); height: 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-top: 40px; cursor: pointer; overflow: hidden; } .qb__label__text { margin: 0; text-align: center; line-height: 40px; font-weight: 500; font-size: 15px; letter-spacing: 0.3px; color: #4990e2; } .modal { z-index: 40; width: 965px; height: 550px; background-color: #ffffff; box-shadow: 0 2px 16px 2px rgba(0, 0, 0, 0.5); border: 0.5px solid #e1e1e1; font-family: proxima-nova, sans-serif; } .modal__thumbs { position: absolute; bottom: -74px; height: 74px; cursor: pointer; border-left: 0.5px solid #e1e1e1; border-right: 0.5px solid #e1e1e1; border-bottom: 0.5px solid #e1e1e1; box-sizing: border-box; left: -1.5px; border-top: 0.5px solid white; } .modal__thumbs__img { border-left: 0.5px solid white; } .modal__thumbs__img:first-of-type { border-left: none; } .modal__icon { position: absolute; right: 5px; top: 5px; font-size: 23px; cursor: pointer; } .modal__left { height: 100%; width: 550px; float: left; } .modal__left .bx-wrapper { margin: 0; } .modal__left .bx-wrapper .bx-controls-direction a { position: absolute; top: 56%; } .modal__left .bx-wrapper img { max-width: 100% !important; } .modal__left .bx-prev-wrapper, .modal__left .bx-next-wrapper { width: 48px; height: 100px; background-color: rgba(37, 37, 37, 0.2); position: absolute; top: 40%; } .modal__left .bx-prev-wrapper { left: 0; } .modal__left .bx-next-wrapper { right: 0; } .modal__left .bx-pager { display: none; } .modal__left .icon-cevron:before { font-family: "navigation-and-filters_v1" !important; content: "\72" !important; } .modal__left .bx-next.icon-cevron:before { font-family: "navigation-and-filters_v1" !important; content: "\72" !important; -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */ -moz-transform: rotate(180deg); /* FF */ -o-transform: rotate(180deg); /* Opera */ -ms-transform: rotate(180deg); /* IE9 */ transform: rotate(180deg); } .modal__left .bx-wrapper .bx-next { right: 6px; color: white; } .modal__left .bx-wrapper .bx-prev { left: 6px; color: white; } .modal__left img { height: 100%; } .modal__right { float: left; width: 415px; padding: 34px 19px 40px 24px; box-sizing: border-box; } .modal__right__copy { overflow: hidden; height: 193px; } .modal__right__copy__error { position: absolute; font-size: 12px; color: rgba(255, 0, 0, 0.87); left: 0; right: 0; } .modal__right__copy__success { position: absolute; font-size: 12px; color: #5ece5e; left: 0; right: 0; } .modal__right h1.ui-headline, .modal__right .popup h1.popup__text, .popup .modal__right h1.popup__text { font-size: 20px; text-align: left; line-height: 28px; padding-top: 0px; } .modal__right .ui-headline, .modal__right .popup .popup__text, .popup .modal__right .popup__text { padding-top: 5px; font-weight: 500; font-size: 17px; line-height: 28px; } .modal__right .ui-headline .sale-price, .modal__right .popup .popup__text .sale-price, .popup .modal__right .popup__text .sale-price { float: left; margin: 0; } .modal__right .ui-headline .sale, .modal__right .popup .popup__text .sale, .popup .modal__right .popup__text .sale { display: inline-block; padding-left: 20px; } .modal__right .ui-body-text, .modal__right .ui-input-text, .modal__right .ui-input-textarea, .modal__right .ui-input-text-search, .modal__right .newsletter-modal__row .newsletter-modal__row__input, .newsletter-modal__row .modal__right .newsletter-modal__row__input, .modal__right .ui-input-mm, .modal__right .ui-input-yy { height: 100px; padding-top: 8px; } .modal__right .product__description { line-height: 25px; font-size: 14px; letter-spacing: 0.4px; height: 98px; overflow: hidden; display: initial !important; } .modal__right .product__description > ul { list-style: initial; padding-left: 20px; } .modal__right__form { text-align: center; position: relative; } .modal__right__form .variant { width: 67.5%; float: left; } .modal__right__form .quantity { width: 30%; float: right; } .modal__right__form fieldset { margin-top: 20px; } .modal__right__form modal-dialog { display: none; } .modal__right__form #add-product-to-bag { margin-top: 10px; width: 100%; display: block; text-align: center; transition: background-color 0.5s ease; font-size: 14px; font-weight: 500; letter-spacing: 1px; color: #2f2f2f; padding: 14.5px 3.125em; background: #e4e726; border: 0; border-radius: 5px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); } .modal__form__link { line-height: 44px; font-size: 16px; font-weight: 500; color: #4a90e2; } #overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=60); z-index: 20; display: none; } /* // +--------------------------------------------------------------------------------------------------------+ // | UI Dialog overrides | // +--------------------------------------------------------------------------------------------------------+ */ .ui-widget-overlay { background: #000; opacity: .5 !important; filter: alpha(opacity=50); position: fixed; width: 100%; height: 100%; top: 0 !important; left: 0 !important; z-index: 40; } .ui-dialog:not(.tcpl-dialog) { border-style: solid; border-width: 1px; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; background-color: #fff; height: auto; position: absolute !important; font-size: 1em !important; z-index: 50; max-width: 100%; } .ui-dialog:not(.tcpl-dialog) .ui-dialog-content { background-color: #fff !important; } .ui-dialog:not(.tcpl-dialog) .ui-dialog-titlebar, .ui-dialog:not(.tcpl-dialog) .ui-dialog-content { position: relative !important; } .ui-dialog:not(.tcpl-dialog) .ui-dialog-titlebar { position: relative !important; height: 34px !important; } .ui-dialog:not(.tcpl-dialog) .ui-dialog-titlebar-close { display: block !important; position: absolute !important; z-index: 2; background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/close-btn.gif) no-repeat 2px 2px; cursor: pointer !important; height: 12px !important; width: 12px !important; right: 10px !important; top: 10px !important; text-indent: -9999em; margin: 0 !important; padding: 1px !important; } .ui-dialog:not(.tcpl-dialog) .ui-dialog-titlebar-close:focus { display: block !important; position: absolute !important; z-index: 2; background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/close-btn.gif) no-repeat 2px 2px; cursor: pointer !important; height: 12px !important; width: 12px !important; right: 10px !important; top: 10px !important; text-indent: -9999em; margin: 0 !important; padding: 1px !important; } .ui-dialog:not(.tcpl-dialog) .ui-widget-header { background: none !important; border: none !important; color: #000 !important; font-weight: bold; } .ui-dialog:not(.tcpl-dialog) .ui-widget-header .ui-icon { display: none !important; } .ui-dialog:not(.tcpl-dialog) .ui-dialog-content { margin-bottom: 28px !important; } .ui-dialog:not(.tcpl-dialog) .ui-dialog-buttonpane { padding-bottom: 16px !important; text-align: right !important; border: none !important; } .ui-dialog:not(.tcpl-dialog) .ui-dialog-buttonpane button { margin-left: 11px; background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/button_background_black.gif) #363536 repeat-x !important; border: 1px solid #000 !important; border-radius: 0 !important; font-size: .9em !important; text-transform: capitalize !important; color: #fff; } .ui-dialog:not(.tcpl-dialog) .ui-dialog-buttonpane .ui-widget .ui-widget { font-size: .9em !important; } .ui-dialog:not(.tcpl-dialog) .ui-button-text-only .ui-button-text { padding: auto !important; color: #fff !important; display: inline !important; } .ui-dialog:not(.tcpl-dialog) .ui-dialog-titlebar .ui-state-hover { border: none !important; color: #000 !important; background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/_responsive/site/close-btn.gif) no-repeat 2px 2px !important; } .info-box-pop .ui-dialog-content { position: relative; top: -2.25em !important; margin-left: 12px !important; margin-right: 12px !important; margin-bottom: -2em !important; } .share-item { position: absolute !important; } .share-item .ui-dialog-content { position: relative; top: -2.25em !important; margin-bottom: -1em !important; } .hide { display: none !important; } .text-center { text-align: center; } .ui-dialog .ui-dialog-titlebar-close:before { font-family: "ri-v1-5"; content: "U"; color: #dde; } .hide-banner-text h1 { display: none; } /* Info Strip */ .info-strip-container { *zoom: 1; } .info-strip-container:before, .info-strip-container:after { content: ""; display: table; } .info-strip-container:after { clear: both; } .strip-information-container { margin: 0 auto; max-width: 1200px; min-height: 64px; } .strip-information-container { *zoom: 1; } .strip-information-container:before, .strip-information-container:after { content: ""; display: table; } .strip-information-container:after { clear: both; } .strip-information-container div { position: relative; width: 33.33%; height: 100%; float: left; overflow: hidden; } /* Generic HR */ hr { height: 0.0625em; background: #e1e1e1; border: 0; width: 100%; margin: 1.25em 0; position: relative; display: inline-block; } hr { *zoom: 1; } hr:before, hr:after { content: ""; display: table; } hr:after { clear: both; } /* Inline Quotes */ q { quotes: '\201C' '\201D' '\2018' '\2019'; } q:before { content: open-quote; } q:after { content: close-quote; } /*lists ordered and unordered*/ ul, ol { margin: 0; padding: 0; list-style: none; } #my-page { position: relative; } /* Main containers */ #outer-container { position: relative; overflow: hidden; width: 100%; } #outer-container { *zoom: 1; } #outer-container:before, #outer-container:after { content: ""; display: table; } #outer-container:after { clear: both; } #outer-container #inner-container { position: relative; width: 100%; } #outer-container #inner-container { *zoom: 1; } #outer-container #inner-container:before, #outer-container #inner-container:after { content: ""; display: table; } #outer-container #inner-container:after { clear: both; } #outer-container #inner-container div.site-container { -webkit-overflow-scrolling: touch; position: relative; width: 100%; top: 0; z-index: auto; } #outer-container #inner-container div.site-container { *zoom: 1; } #outer-container #inner-container div.site-container:before, #outer-container #inner-container div.site-container:after { content: ""; display: table; } #outer-container #inner-container div.site-container:after { clear: both; } #outer-container #inner-container div.site-container .site-container__mask { display: none; } #outer-container #inner-container div.site-container.site-container--faded { position: relative; } #outer-container #inner-container div.site-container.site-container--faded .site-container__mask { content: ""; z-index: 10; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: auto; cursor: pointer; background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); } @media only screen and (min-width: 769px) { #outer-container #inner-container div.site-container.site-container--faded .site-container__mask { display: block; } } #outer-container #inner-container div.site-container .full-page { position: relative; /*padding: emCalc(20) emCalc(10) 0 emCalc(10);*/ } #outer-container #inner-container div.site-container .full-page { *zoom: 1; } #outer-container #inner-container div.site-container .full-page:before, #outer-container #inner-container div.site-container .full-page:after { content: ""; display: table; } #outer-container #inner-container div.site-container .full-page:after { clear: both; } /* Email Promotions */ /* Email Promotions */ .promotion-added { width: 100%; background-color: #e4e53f; text-align: center; padding: 10px 0; margin: 13px 0; } .promotion-added .promo-x-button { display: none; } .top-right-gradient { background: white; } /* Information boxes */ .information-boxes { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; padding-right: 50px; } .information-boxes h4 { font-size: 16px; font-size: 1rem; line-height: 2.0625em; color: #252525; font-weight: bold; } .information-boxes h4:before { font-family: "ri-v1-5"; padding-right: 0.4375em; position: relative; top: 2px; } .information-boxes p { color: #555555; font-size: 14px; font-size: 0.875rem; line-height: 1.5em; min-height: 6.25em; height: auto !important; height: 6.25em; } .info-delivery h4:before { content: '>'; } .info-returns h4:before { content: 'i'; text-transform: lowercase; } .info-secure h4:before { content: 'o'; text-transform: lowercase; } .info-questions h4:before { content: 'E'; } /* Payment logos */ .payment-logos-container .pay-with { color: #252525; } .payment-logos-container .pay-with, .payment-logos-container .payments { display: inline-block; } .payment-logos-container .payments { position: relative; top: 10px; margin: 0 0 0 20px; } .payments { width: 377px; height: 74px; background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/payment_COM_2018.png") no-repeat; background-position-x: center; } @media only screen and (max-width: 400px) { .payments { width: 100%; } } .region-AU .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_AU_2018.png") no-repeat; background-position-x: center; } .region-EU .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_EU_2018.png") no-repeat; background-position-x: center; } .region-DE .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_DE_2018.png") no-repeat; background-position-x: center; } .region-NL .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_NL_2018.png") no-repeat; background-position-x: center; } .region-FR .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_FR_2018.png") no-repeat; background-position-x: center; } .region-SE .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_SE_2018.png") no-repeat; background-position-x: center; } .region-US .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_US_20190901.png") no-repeat; background-position-x: center; } .options-and-payments-row .options-and-payments-row__payments .payments, section.payments-accepted .payments { width: 274px; height: 24px; background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_COM_Single-20181001.png") no-repeat; background-position-x: right; } @media only screen and (max-width: 700px) { .options-and-payments-row .options-and-payments-row__payments .payments, section.payments-accepted .payments { width: 100% !important; background-position-x: center !important; } } .options-and-payments-row .options-and-payments-row__payments .payments.payments--klarna, section.payments-accepted .payments.payments--klarna { width: 300px; background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_COM_Single-20190901.png") no-repeat; } .region-AU .options-and-payments-row .options-and-payments-row__payments .payments, .region-AU section.payments-accepted .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_AU_Single-20181001.png") no-repeat; background-position-x: right; width: 227px; } .region-EU .options-and-payments-row .options-and-payments-row__payments .payments, .region-EU section.payments-accepted .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_IE_Single-20181001.png") no-repeat; background-position-x: right; width: 274px; } .region-DE .options-and-payments-row .options-and-payments-row__payments .payments, .region-DE section.payments-accepted .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_DE_Single-20181001.png") no-repeat; background-position-x: right; width: 274px; } .region-NL .options-and-payments-row .options-and-payments-row__payments .payments, .region-NL section.payments-accepted .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_NL_Single-20181001.png") no-repeat; background-position-x: right; width: 274px; } .region-FR .options-and-payments-row .options-and-payments-row__payments .payments, .region-FR section.payments-accepted .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_FR_Single-20181001.png") no-repeat; background-position-x: right; width: 227px; } .region-IE .options-and-payments-row .options-and-payments-row__payments .payments, .region-IE section.payments-accepted .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_IE_Single-20181001.png") no-repeat; background-position-x: right; width: 274px; } .region-SE .options-and-payments-row .options-and-payments-row__payments .payments, .region-SE section.payments-accepted .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_SE_Single-20181001.png") no-repeat; background-position-x: right; width: 227px; } .region-US .options-and-payments-row .options-and-payments-row__payments .payments, .region-US section.payments-accepted .payments { background: url("https://content1.riverisland.com/Assets/RiverIsland/core/images/checkout/Payment_US_Single-20181001.png") no-repeat; background-position-x: right; width: 274px; } section.recently-viewed { margin: 1.875em 0; padding: 1.875em 0; border-top: 0.1875em solid #f3f3f3; clear: both; margin-bottom: -1.5em; } section.recently-viewed .bx-pager { top: 20px; } /* Basket Dropdown/popup message */ .bagNotification__inner { position: relative; } #inner-container { padding: 0 !important; } .tooltipNotification_outer { position: fixed; top: 0; left: 0; width: 100%; pointer-events: none; top: 50px; z-index: 999; } @media only screen and (max-width: 43.75em) { .tooltipNotification_outer { top: 0; } } .tooltipNotification { position: relative; float: right; color: white; padding: 0 10px; text-align: center; margin: 0; width: 300px; border-radius: 8px; background-color: #EDEEEE; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); letter-spacing: 0.20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } .tooltipNotification p { opacity: 0.87; color: #000000; font-size: 20px; font-weight: 500; line-height: 24px; text-align: center; margin-bottom: 16px; margin-top: 16px; } @media only screen and (max-width: 43.75em) { .tooltipNotification { width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; /* stops bg color from leaking outside the border: */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ -moz-background-clip: border; /* Firefox 3.6 */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } } .tooltipNotification#bagNotification { right: 0; } @media only screen and (max-width: 43.75em) { .tooltipNotification#bagNotification { right: 4px; } } .tooltipNotification#wishNotification { right: 84px; pointer-events: all; } @media only screen and (max-width: 43.75em) { .tooltipNotification#wishNotification { right: 0; background-color: #EDEEEE; } } .tooltipNotification .bagArrow { border-bottom: 12px solid #EDEEEE; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; right: 64px; top: -12px; } @media only screen and (max-width: 43.75em) { .tooltipNotification .bagArrow { right: 40px !important; } } .tooltipNotification .wl-notification__login p { color: #000000; font-size: 16px; line-height: 26px; text-align: center; font-weight: 400; margin-bottom: 22px; } .tooltipNotification .wl-notification__login__btn { height: 48px; width: 260px; text-transform: none; } .tooltipNotification .wl-notification__login__btn:hover { color: #FFFFFF !important; } .tooltipNotification .wl-notification__login__footer { margin-top: 20px; } .tooltipNotification .wl-notification__login__footer a { font-weight: 600; color: black; text-decoration: underline; } .js-hide { display: none; } .footer__privacy-policy { margin-top: 25px; } .footer__privacy-policy a { color: inherit; text-decoration: underline; font-weight: bold; } .checkout #AcceptedTermsAndConditions { height: 1em; width: 1em; position: absolute; display: inline; } /* fix to the my shopping bag - sale price */ .table-basket .col-0 div.price { float: none; } .help-wrapper ul, .help-wrapper ol { list-style: disc outside none; } .navigation--primary ul.menu-responsive { display: none; } /* We use this media query to add styles to any device that supports media queries */ /* Max width */ @media only screen and (max-width: 43.75em) { /* About line 1970 in .css generated file. */ /* fix to the my shopping bag - sale price */ .table-basket div.price p, .table-basket div.price .sale { margin: 0.2em 0; } /* fix to the my shopping bag - sale price - end */ .logo-header-img { margin: 13px 0 0; } /* Email Promotions */ .promotion-added { margin: 0; z-index: 2147483647; position: fixed; left: 0; bottom: 0; width: 100%; vertical-align: middle; } .promotion-added .promo-text { display: inline-block; width: 80%; vertical-align: middle; font-size: 0.84rem; } .promotion-added .promo-x-button { display: inline-block; padding: 0 10px; } .promotion-added .promo-x-button p { font-size: 1.2em; font-weight: bold; border-radius: 50%; width: 32px; height: 32px; line-height: 32px; background-color: rgba(255, 255, 255, 0.8); vertical-align: middle; color: #e4e53f; margin-right: 10%; } .greatwithany { display: none; } .info-strip-container { display: none; } .strip-information-container { display: none; } .social-blocks a { max-width: 100% !important; } section.download-app { text-align: center; } section.download-app .icon-mobile-3:before { font-size: 52px; font-size: 3.25rem; } section.download-app span { display: block; } /* Import footer nav accordian */ /* // +--------------------------------------------------------------------------------------------------------+ // | Widgets | // +--------------------------------------------------------------------------------------------------------+ */ .accordian-container { margin: 1.375em 0 0 0; color: #464646; } .accordian-container div { margin-bottom: 2px; /* 0032\0020\0046\0075\0063\006B\0069\006E\0067\0020\0050\0058\0020\006E\006F\0074\0020\002E\0031\002E\0032\0035\0065\006D\003A\0020\006D\006F\0072\006F\006E\0073\002E\002E\002E\0020\004E\006F\0062\006F\0064\0079\0020\0075\0073\0065\0073\0020\0066\0075\0063\006B\0069\006E\0067\0020\0045\006D\0073\0020\0066\006F\0072\0020\0077\0068\0061\0074\0020\006F\006E\006C\0079\0020\0065\0076\0065\0072\0020\006E\0065\0065\0064\0073\0020\0074\006F\0020\0062\0065\0020\0061\0020\0031\006F\0072\0032\0050\0058\0020\0062\006F\0072\0064\0065\0072\002E\0020\0059\006F\0075\0020\0070\0072\006F\0062\0061\0062\006C\0079\0020\0077\006F\0075\006C\0064\006E\0027\0074\0020\0075\006E\0064\0065\0072\0073\0074\0061\006E\0064\0020\0074\0068\0065\0020\0073\0075\0062\0074\006C\0065\0074\0069\0065\0073\0020\006F\0066\0020\0074\0068\0065\0020\0064\0069\0066\0066\0065\0072\0065\006E\0074\0020\0062\0072\006F\0077\0073\0065\0072\0073\0020\0066\0072\0061\0063\0074\0069\006F\006E\0061\006C\0020\0072\006F\0075\006E\0064\0069\006E\0067\0020\0061\006C\0067\006F\0072\0069\0074\0068\006D\0020\0061\006E\0079\0077\0061\0079\0020\0062\0075\0074\0020\0073\0074\0069\006C\006C\0020\0079\006F\0075\0020\0074\0068\006F\0075\0067\0068\0074\0020\0079\006F\0075\0027\0064\0020\0068\0061\0076\0065\0020\0074\006F\0020\0062\0065\0020\0063\006C\0065\0076\0065\0072\0020\0061\006E\0064\0020\0075\0073\0065\0020\0045\004D\0073\002E\0020\0046\006F\0072\0020\0066\006F\006E\0074\002D\0073\0069\007A\0065\0073\0020\0061\006E\0064\0020\0072\0065\006C\0061\0074\0069\0076\0065\006C\0079\0020\006C\0061\0072\0067\0065\0020\0070\0061\0064\0064\0069\006E\0067\002F\006D\0061\0072\0067\0069\006E\0020\0061\006D\006F\0075\006E\0074\0073\002C\0020\0059\0045\0053\0020\002E\002E\002E\0066\006F\0072\0020\0077\0068\0061\0074\0027\006C\006C\0020\006F\006E\006C\0079\0020\0065\0076\0065\0072\0020\006E\0065\0065\0064\0020\0074\006F\0020\0062\0065\0020\0031\0020\006F\0072\0020\0032\0070\0078\0020\0066\0075\0063\006B\0020\004E\004F\0021\0021 */ } .accordian-container div:last-of-type { margin-bottom: 0; } .accordian-container div label { font-family: 'proxima-nova', sans-serif; font-weight: "normal"; text-transform: uppercase; padding: 1.25em; position: relative; display: block; cursor: pointer; font-size: 16px; font-size: 1rem; background: #e1e1e1; } .accordian-container div label:hover { background: #fff; } .accordian-container div .section { font-family: 'proxima-nova', sans-serif; font-weight: "normal"; margin-top: -1px; overflow: hidden; height: 0; position: relative; border: 0; padding: 0 1.25em 0 1.25em; font-size: 14px; font-size: 0.875rem; } .accordian-container div .section { *zoom: 1; } .accordian-container div .section:before, .accordian-container div .section:after { content: ""; display: table; } .accordian-container div .section:after { clear: both; } .accordian-container div .section a { display: block; width: 100%; padding: 0.625em 0 0.625em 0.625em; } .accordian-container div .section p, .accordian-container div .section ul, .accordian-container div .section li { margin: 0; } .ri-responsive-accordion div section.ri-responsive-accordion-sub-menu { height: auto; display: none; } /* // CSS RI Responsive Accordion Note: See JS file in 'js/_widgets' HTML layout dependencies and structure ============================================== | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | | | I T E M P A N E L (clickable) | | ITEM PANEL (clickable) | | ------------------------------------ | | | | | item sub-menu (expands/contracts) | | | | | P A N E L # 1 sub-item | | | | | P A N E L # 2 sub-item | | sub-item | | | P A N E L # 3 sub-item | | panel#2 | | |------------------------------------| | sub item | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | | | | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | | | I T E M P A N E L (clickable) | | ITEM PANEL (clickable) | | ------------------------------------ | | | | | item sub-menu (expands/contracts) | | | | | H E A D I N G | | | | | sub sub item | |

| | | sub sub item | | sub sub item | | |------------------------------------| | sub sub item

| ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | ============================================== Usage: */ .ri-responsive-accordion { /* End .accordionTopLevel color: #00aeef; */ } .ri-responsive-accordion li, .ri-responsive-accordion a, .ri-responsive-accordion span { margin: 0; padding: 0; outline: none; } .ri-responsive-accordion .accordionTopLevel > a { display: block; position: relative; padding: 1.1875em; font-size: 14px; font-size: 0.875rem; font-weight: bold; background-color: #f1f1f1; text-transform: uppercase; } .ri-responsive-accordion .accordionTopLevel > a:before { font-family: ri-v1-5; position: absolute; top: 0; right: 0.625em; font-size: 15px; font-size: 0.9375rem; content: '$'; margin: 1.2em 0.9em 0 0.9em; } .ri-responsive-accordion .accordionTopLevel > a.active:before { font-family: ri-v1-5; position: absolute; top: 0; right: 0.625em; font-size: 15px; font-size: 0.9375rem; content: '!'; margin: 1.2em 0.9em 0 0.9em; } .ri-responsive-accordion .accordionTopLevel + li { margin-top: 1px; border-top: 1px solid transparent; } .ri-responsive-accordion > li:hover > a, .ri-responsive-accordion > li:target > a, .ri-responsive-accordion > li > a.active { background: #f7f7f7; } /* End .ri-responsive-accordion */ .ri-responsive-accordion .accordionTopLevel > .ri-responsive-accordion-sub-menu { display: none; margin: 0.5em 0px 0.5em; font-size: 13px; font-size: 0.8125rem; color: #000; } .ri-responsive-accordion .accordionTopLevel > .ri-responsive-accordion-sub-menu > .group strong { display: block; margin-left: -1em; } .ri-responsive-accordion .accordionTopLevel > .ri-responsive-accordion-sub-menu > li { text-indent: 1.3625em; } .ri-responsive-accordion .accordionTopLevel > .ri-responsive-accordion-sub-menu > li a { display: block; padding: 0.625em 0 0.625em 1em; } .ri-responsive-accordion .accordionTopLevel > .ri-responsive-accordion-sub-menu h2 { font-size: 13px; font-size: 0.8125rem; font-weight: bold; margin-top: 0.625em; margin-bottom: 0.625em; } .ri-responsive-accordion .accordionTopLevel > .ri-responsive-accordion-sub-menu li a:hover { background: #efefef; } .ri-responsive-accordion .accordionTopLevel:target > .ri-responsive-accordion-sub-menu { display: block; } /* End .ri-responsive-accordion .accordionTopLevel*/ /* Over ride styles because the accodion on the footer has its own styling requisites */ footer nav.ri-responsive-accordion { padding-left: 0; } footer nav.ri-responsive-accordion .accordionTopLevel { display: block; width: 100%; padding: 0; background-color: transparent; } footer .accordian-container { margin-bottom: 2.75em; } footer .ri-responsive-accordion .accordionTopLevel > a { padding: 1.1875em; margin-bottom: 0.125em; } footer .ri-responsive-accordion .accordionTopLevel > a:before, footer .ri-responsive-accordion .accordionTopLevel > a.active:before { top: 50%; margin-top: -0.40em; } footer .ri-responsive-accordion .accordionTopLevel > .ri-responsive-accordion-sub-menu { text-indent: 0; margin-top: 0; padding-top: 0.4375em; } footer .ri-responsive-accordion .accordionTopLevel > .ri-responsive-accordion-sub-menu ul { float: none; padding-left: 0; width: 100%; } footer .ri-responsive-accordion .accordionTopLevel > .ri-responsive-accordion-sub-menu a { padding-left: 0; padding-right: 0; padding-left: 1.1875em; display: block; font-weight: 400; padding-top: 0.8125em !important; padding-bottom: 0.8125em !important; margin: 0 0 2px; } /* // CSS Horizontal Scroller Note: Usage: */ .horizontal-scroller { position: relative; text-align: center; margin-bottom: -4em; /* Max width */ /* End Max width */ } .horizontal-scroller * { padding: 0; margin: 0; font-family: 'proxima-nova', sans-serif; font-weight: "normal"; } .horizontal-scroller { *zoom: 1; } .horizontal-scroller:before, .horizontal-scroller:after { content: ""; display: table; } .horizontal-scroller:after { clear: both; } .horizontal-scroller h2 { margin: 1.25em 0; display: block; } .horizontal-scroller .items-container { display: inline-block; width: 100%; } .horizontal-scroller a.icon-1-left-arrow, .horizontal-scroller .bx-wrapper a.bx-prev, .bx-wrapper .horizontal-scroller a.bx-prev, .horizontal-scroller a.icon-1-right-arrow, .horizontal-scroller .bx-wrapper a.bx-next, .bx-wrapper .horizontal-scroller a.bx-next { top: 40%; position: absolute; cursor: pointer; } .horizontal-scroller a.icon-1-left-arrow, .horizontal-scroller .bx-wrapper a.bx-prev, .bx-wrapper .horizontal-scroller a.bx-prev { left: 0; } .horizontal-scroller a.icon-1-right-arrow, .horizontal-scroller .bx-wrapper a.bx-next, .bx-wrapper .horizontal-scroller a.bx-next { right: 0; } .horizontal-scroller ul { margin: 0 auto; display: block; padding: 0 1.25em; } .horizontal-scroller ul li { list-style: none; display: inline-block; max-width: 33%; } .horizontal-scroller ul li .copy { display: block; } .horizontal-scroller ul li .copy .display-name { font-size: 13px; font-size: 0.8125rem; margin-top: 0.625em; } .horizontal-scroller ul li a { display: block; padding: 0 0.3125em; } .horizontal-scroller ul li a img { max-width: 100%; } .horizontal-scroller ul li a .price { margin: 0; padding: 0; } .horizontal-scroller ul li a .price .span, .horizontal-scroller ul li a .price .sale-price, .horizontal-scroller ul li a .price .was-price { display: block; } .horizontal-scroller ul li:first-of-type { margin-left: 0; } .horizontal-scroller ul li:last-of-type { margin-right: 0; } } @media only screen and (max-width: 43.75em) and (max-width: 43.75em) { .horizontal-scroller ul li { float: left; } } @media only screen and (max-width: 43.75em) { /* Headings */ h1 { font-size: 22px; font-size: 1.375rem; } h2 { font-size: 18px; font-size: 1.125rem; } h3 { font-size: 16px; font-size: 1rem; } h4 { font-size: 14px; font-size: 0.875rem; } /* Generic HR */ hr { margin: 0.625em 0; } /* Hide */ .region, .icon-account-3, section.payments-accepted { display: none !important; } /* Site Container */ #outer-container .breadcrumb { display: none !important; } #outer-container .header-max-width-container { text-align: center; } #outer-container #inner-container .full-page { padding: 1.25em 0.625em 0 0.625em !important; } .tooltipNotification p:before { font-size: 19px; padding-right: 10px; } .tooltipNotification { margin: 62px 1% 0 1%; background-color: rgba(0, 0, 0, 0.8); padding: 1px; right: 0; width: 98%; text-align: center; } .tooltipNotification .bagArrow { top: -12px; right: 9px; } /* Nav menu */ .navigation--primary ul.menu-desktop { display: none; } .navigation--primary ul.menu-responsive { display: block; } } /* End small media query */ /* Used to alter styles for medium sized screens. */ @media only screen and (min-width: 43.8125em) { .greatwithany { display: none; } .strip-information-container div { width: 50%; } .strip-information-container div.last { display: none; } /* Hide */ .small-device-hide, #button-main-nav, .search-container, .shopping-catalogue-guide { display: none; } /* Mega-menu Images */ div.li-col { position: relative; min-width: 180px !important; min-height: 291px; background-size: cover !important; background-repeat: no-repeat; } /* Top right gradient */ fieldset input[type="tel"], fieldset input[type="number"], fieldset input[type="email"], fieldset input[type="text"] { width: 50%; margin-right: 1.25em; } fieldset button { float: left; margin-right: 1em; margin-top: 0.0625em; } fieldset label, fieldset input[type="checkbox"] { position: relative; } section.payments-accepted .payments { margin: 32px auto 0; padding-bottom: 32px; } .accordian-container { margin: 1.375em 0 0 0; color: #464646; border-top: 0.0625em solid #e1e1e1; font-family: 'proxima-nova', sans-serif; font-weight: bold; } .accordian-container { *zoom: 1; } .accordian-container:before, .accordian-container:after { content: ""; display: table; } .accordian-container:after { clear: both; } .accordian-container label { font-size: 16px; font-size: 1rem; padding-top: 1.25em; /* 1.25em = 20px */ } .accordian-container div { float: left; width: 25%; } .accordian-container div:first-of-type { width: 50%; } .accordian-container .section { font-size: 14px; font-size: 0.875rem; padding-bottom: 1.25em; font-weight: 400; } .accordian-container .section { *zoom: 1; } .accordian-container .section:before, .accordian-container .section:after { content: ""; display: table; } .accordian-container .section:after { clear: both; } .accordian-container .section div.col { width: 50%; } .accordian-container .section a { display: block; padding: 0.6875em 0 0.6875em 0; } .tooltipNotification { right: 0; } .tooltipNotification .bagArrow { top: -12px; right: 40px; } } /* End medium media query */ @media only screen and (min-width: 43.8125em) and (max-width: 52.5em) { .social-blocks a { max-width: 49% !important; } } /* Used to alter styles for large sized screens. */ @media only screen and (min-width: 61em) { .greatwithany { display: block; width: 95px; position: absolute; right: 0; top: 20px; text-align: center; } .greatwithany ul { width: 100%; height: 535px; } .greatwithany ul li { margin-bottom: 20px; } .greatwithany ul li img { max-width: 100%; } .greatwithany h5 { display: none; } .greatwithany .price { font-size: 15px; font-size: 0.9375rem; } .strip-information-container div { width: 33.33%; } .strip-information-container div.last { display: block; } .header-max-width-container, #inner-container { position: relative; margin-left: auto; margin-right: auto; } /* Hide */ .medium-device-hide { display: none; } } /* End large media query */ @media only screen and (min-width: 64.625em) { .strip-information-container div { width: 33.33%; } .strip-information-container div.last { display: block; } } /* Apply styles to screens in landscape orientation */ /* Apply styles to screens in portrait orientation */ /* make keyframes that tell the start state and the end state of our object */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* make keyframes that tell the start state and the end state of our object */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fade-in { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 2; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeIn ease-in 2; animation: fadeIn ease-in 2; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; } .fade-out { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeOut ease-out 2; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeOut ease-out 2; animation: fadeOut ease-out 2; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; } label:before { padding-right: 0px; } /* Global IE 10 Fixes */ html[data-useragent*='MSIE 10.0'] .field-l span.icon-1-down-arrow-absolute:before { display: none; } html[data-useragent*='MSIE 10.0'] .field-l span.icon-dropdown-menu-absolute:before { display: none; } html[data-useragent*='MSIE 10.0'] icon-1-down-arrow-absolute { display: none; } html[data-useragent*='MSIE 10.0'] icon-dropdown-menu-absolute { display: none; } .shopping-catalogue-guide { font-size: 20px; text-transform: capitalize; margin-top: 10px; } .shopping-catalogue-guide li, .shopping-catalogue-guide li ul li { font-weight: 500; margin: 10px 0; } .shopping-catalogue-guide li a, .shopping-catalogue-guide li ul li a { font-weight: normal; display: block; padding: 5px 0 5px 10px; } .tcpl-sm-block { display: block; } input.postcode, input.post-code { text-transform: uppercase; } input.postcode::-webkit-input-placeholder, input.post-code::-webkit-input-placeholder { text-transform: none; } input.postcode:-moz-placeholder, input.post-code:-moz-placeholder { text-transform: none; } input.postcode::-moz-placeholder, input.post-code::-moz-placeholder { text-transform: none; } input.postcode:-ms-input-placeholder, input.post-code:-ms-input-placeholder { text-transform: none; } .products-listing .icon-wishlistActive { color: #000 !important; } @media only screen and (min-width: 48em) and (orientation: portrait) { .products-listing .icon-wishlist, .products-listing .icon-wishlistActive { display: none; } } @media only screen and (min-width: 48em) and (max-width: 64em) and (orientation: landscape) { .products-listing .icon-wishlist, .products-listing .icon-wishlistActive { display: none; } } @media only screen and (max-width: 700px) { .buyapowa-margin-top { margin-top: 48px !important; } } /*cloudzoom ie11 bug fix*/ .cloudzoom-zoom { z-index: 1; } /*out of stock error*/ div.flash-message-container ul { max-width: 1200px; margin: .625em auto 0 auto; text-align: center; } /*DE*/ .region-DE .german-delivery-info { margin-top: 60px !important; } /*NL*/ .region-NL .nederlands-delivery-info { margin-top: 0 !important; } .product-details-container .few-left-in-stock { color: #fff; } .show-important { color: #000000 !important; display: block !important; } .hide-important { display: none !important; } /* Magazine section missing */ @media only screen and (max-width: 700px) { .li-item-5.menu-item { display: block !important; } } /* Checkout */ header.header--checkout { z-index: 20; } /* Sign up max width */ .newsletter-signup { max-width: 1200px; margin: 0 auto; } /* PLP */ .info-strip-container:after { clear: both; content: ""; display: table; } .sidebar-left { margin-top: 0; } /* FIX for weird li's on PDP */ .description-copy ul { clear: both; } /* fix for 4th column of megamenu not looking the same as others */ #inner-container .navigation--primary .li-col-3 li { margin-bottom: 5px; } #outer-container #inner-container div.site-container .full-page { box-sizing: border-box; float: none !important; width: 100% !important; } #faq-container { padding: 0 !important; } /*right side on product page*/ .greatwithany .was-price { margin: 0; } #add-to-basket-form .few-left-in-stock.after-size-guide { margin-top: -11px !important; } .basket .table-basket .few-left-in-stock { display: none !important; } @media all and (max-width: 960px) { .basket .table-basket .few-left-in-stock { display: block !important; } } @media all and (max-width: 768px) { #add-to-basket-form .few-left-in-stock.after-size-guide { margin-top: 5px !important; } } /* temporary fix for christmas gifts, ok to delete in 2016 */ @media all and (min-width: 1928px) { #inner-container #category-header .header-girls-girls-christmas-gifts { font-size: 17px !important; } } @media all and (max-width: 1601px) { #inner-container #category-header .header-girls-girls-christmas-gifts { font-size: 15px !important; } } @media only screen and (min-width: 976px) { .sidebar-left { float: left; margin-right: -300px; position: relative; } .listing__results { float: left; width: 100%; } } @media only screen and (max-width: 976px) { /*hide magazine on tablet*/ .li-item-5.menu-item { display: none; } } /* Core fixes x */ .info-strip-container:after { content: ""; display: table; clear: both; } /* switch social media buttons on product page back on */ .site-container .product-details-container .social-media { display: inline-block; } .site-container .product-details-container .social-media .sprite { display: inline-block; } .site-container .product-details-container .social-media .share-description { display: none; } /* adding bold and bigger font to link headings in mega menu (eg brands)*/ #main-menu li ul.menu-container li.li-col .brands-link { font-weight: bold !important; font-size: 15px !important; } /* border right removal for footer footer .social-media .center,footer .facebook-like .center { border-right: none; } footer section.bottom-content a { padding-left: 0; padding-right: 0.4625em; } footer section.social-media { width: 33.3%!important; } footer section.facebook-like { width: 34%; overflow: initial; } */ /************************************************/ /*padding fix for footer style studio in UK site*/ /********************************************** .region-UK footer section.facebook-like { padding: 9px 0px; } footer section.download-app { width: 32.6%; }**/ /*keep 'download the river island app!' vertically centered footer section.download-app .icon-mobile-3:before { vertical-align: middle; }*/ /* dirty fix for strange padding behaviour 23/02/15 */ .full-page { padding: 0 !important; } /* have added to core 19/01/15 */ .noBgImg h1 { font-size: 2.5rem !important; } #category-header ul { display: inline-table; } /* fix for alignment for sidebar on product listings page(s) */ .sidebar-left { margin-top: 2px; } .sidebar-left .searched-for-container .count-clear-all { margin-bottom: 23px; } .sidebar-left .searched-for-container .search-terms { background-color: #e0e0e0; } /* MEega menu -> style insider -> trends column pushed down to match next column */ .li-item-4 .li-col-1 { margin-top: 0 !important; } #faq-container ul, #faq-container ol { list-style: none outside none; } .help-wrapper ul, .help-wrapper ol { list-style: disc outside none !important; } .i-r-i-wrapper ul, .i-r-i-wrapper ol { list-style: disc outside none !important; } #ul-modules li, #ul-size-categories li { list-style: none outside none; } /* SI remove categories until it's fixed by TCPL */ #style-insider .blog-sidebar #categories-nav { display: none; } /* checkout final review box table containing green button */ #accordian #final-review table .button-green { width: 100%; } header#main-header { z-index: 20; /* added to core 13/05/14, upon new release - delete this */ } #index-container { margin-top: 0 !important; } #page.content { width: 100%; float: none; } .preview-container { position: absolute; } body #outer-container #inner-container { width: auto; padding: 0 10px; } #faq-container { padding: 0 !important; } #outer-container #container { padding: 0; } body #outer-container #inner-container .site-container { padding-left: 0; } a.cta { background: url("https://images.riverisland.com/is/image/RiverIsland/blank?$GIF%20Transparency$&locale=fr") repeat scroll 0 0 transparent; position: absolute; text-align: center; text-indent: -9999em; z-index: 2; padding: 0; } /* Fix for double SSL notice on signin for checkout */ .site-container > .checkout-header > table { display: none; } /* size guides images fix - make them responsive */ #gender-menu a.womens, #gender-menu a.mens, #gender-menu a.girls, #gender-menu a.boys, #gender-menu a.teens { background-size: cover; height: 0; padding-bottom: 16.63%; } /* fix to ie8 checkout page to display checkbox on terms and conditions - added to core 13/05/14 - waiting for release before removing this from temp file*/ /* when you click on the add to basket this notification pops up*/ #bagNotification .bagArrow { right: 79px; } /* added 06/10/14 to fix layout widths - .site-container.threecollayout was overriding correct stlye */ .site-container.threecollayout .styleinsider-listing-records li, .site-container.threecollayout .content-listing-records li { width: 75%; } .site-container.threecollayout .store-listing-records li { width: 47%; } /* added 06/10/14 to fix layout widths - .site-container.threecollayout was overriding correct stlye */ /* added 06/10/14 to fix banner heading - hide heading class wasn't working in umbraco */ .heading-replace h1 { display: none !important; } #outer-container #inner-container div.site-container { width: 100%; } /* added 13/10/14 needs to be added to main .scss - to correct text container centering */ .bgImg p { margin: 0 auto 15px; } /* added 14/10/14 - to correct mega menu teen view all link */ .bold-heading .view-all { float: none; text-align: left; line-height: normal; height: auto; background-color: transparent; } .megamenu-red { color: red !important; font-weight: 800; } /* iPad Potrait width */ @media only screen and (max-width: 976px) { /* checkout final review box table containing reen button */ #accordian #final-review table .button-green { font-size: 1.1rem; } body #outer-container #category-header { display: none; } /* fix to my details "Thank you..." pop up box */ .site-container .flash-message-container .uimsg { top: 3.5em; position: relative; /*display: none;*/ } /* when you click on the add to basket this notification pops up*/ #bagNotification { margin-top: 8px; } #bagNotification .bagArrow { right: 8px; } } /* Mobile width */ @media only screen and (max-width: 700px) { /* to give more space for bottom pagination for iphone */ .section-pagination-bottom .paginator { margin-right: 0; } .section-pagination-bottom .m-back-to-top { margin-left: 0; } /* checkout final review box table containing green button */ #accordian #final-review table .button-green { font-size: 1.25rem; } #main-menu { z-index: 30 !important; } #main-menu:not(:target) { z-index: 30; } /* size guides images fix - make them responsive */ #gender-menu a.womens, #gender-menu a.mens, #gender-menu a.girls, #gender-menu a.boys, #gender-menu a.teens { height: auto; padding-bottom: 0; } /* when you click on the add to basket this notification pops up*/ #bagNotification { margin-top: 60px; } /*footer section.facebook-like { width: 100%!important; } footer section.social-media { width: 100%!important; } footer section.download-app { width: 100%!important; margin-bottom: 14px; }*/ } /* One Size Fix - ENG 080714 Alex */ .wide a .sizes { width: 50% !important; } .wide a .sizes .facetname { font-size: 9px !important; display: inline-block; vertical-align: top; text-align: center; padding-right: 0; } .fac-sizes li { height: 20px; } .fac-sizes .separator { height: 0px; } @media only screen and (max-width: 976px) { .wide a .sizes .facetname { font-size: 10px !important; line-height: 0.9; padding-left: 5% !important; width: 20% !important; } } /* One Size Fix - FR 090714 Alex */ .region-FR .wide a .sizes .facetname { font-size: 7px !important; text-align: left; } @media only screen and (max-width: 976px) { .region-FR .wide a .sizes .facetname { font-size: 10px !important; line-height: 0.9; padding-left: 5% !important; width: 20% !important; } } /* Facebook wrap fix - 100714 Alex */ .facebook-like iframe { min-width: 0 !important; height: 40px !important; } /* Added until a better responsive navigation can be implemented */ @media only screen and (max-width: 1181px) { .image-size-container { display: none !important; } } @media only screen and (max-width: 1100px) { .items-container { float: none; } } @media only screen and (max-width: 975px) { .items-container { float: right; } } /* My account menu is behind the swimwear links */ .info-strip-container { position: relative; z-index: 0; } /* Adding a 33% column to the mega-menu */ #inner-container .navigation--primary .menu-item ul.menu-container li.col33 { width: 33% !important; } /* fixing clear of bullet points on PDP */ .right-side .description-copy ul { clear: both; } /*FR and DE infostrip stuff*/ .ri-home .no-breadcrumbs { height: 98px; } @media only screen and (max-width: 700px) { .ri-home .no-breadcrumbs { height: 48px; } } /*# source 1 1 _responsive/tcpl/tcpl-tools.css */ #preview-toolbar * { color: white; } .tcpl-dialog { z-index: 999; } #preview-toolbar { width: 100%; background: darkgrey; margin-top: 0; position: fixed; top: 0; z-index: 99999; font-size: 12px; padding-left: 100px; } #preview-toolbar p, #preview-toolbar p label, #preview-toolbar p input { float: left; margin-right: 10px; } #preview-toolbar .mr0 { margin-right: 0 !important; } #preview-toolbar.live, #preview-toolbar.live .preview-toolbar-pulldown .edit-close { background: #8CA8BA; } #preview-toolbar button { background-color: #000000; border: 1px solid white; } #preview-toolbar .separator { width: 1px; height: 15px; background: grey; border-right: 1px solid white; float: left; } #preview-toolbar label { cursor: pointer; position: relative; padding-left: 15px; } #preview-toolbar label::before { font-family: ri-v1-5; display: inline-block; height: 15px; width: 15px; margin: 0; left: 1px; position: absolute; top: 1px; } #preview-toolbar input[type="text"] { padding: 3px; border: none; font-size: 0.9em; color: black; background: white; } #preview-toolbar .embargo-date { margin-top: 10px; } .embargo-date-picker .ui-widget-header a span.ui-icon { background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/vendor/images/ui-icons_0073ea_256x240.png) !important; cursor: pointer; } .embargo-date-picker .ui-widget-header a.ui-datepicker-prev-hover { top: 2px; left: 2px; } .embargo-date-picker .ui-widget-header a.ui-datepicker-next-hover { top: 2px; right: 2px; } #preview-toolbar .more-options a { padding-right: 10px; } #preview-toolbar a:hover, #preview-toolbar label:hover { color: yellow; } #preview-toolbar button:hover { background: #EE7070 !important; } .preview-toolbar-pulldown { position: fixed; right: 100px; } .preview-toolbar-pulldown .edit-close { width: 60px; padding: 45px 15px 10px; background: darkGrey; border-radius: 0 0 15px 15px; text-align: center; -moz-transition: background .25s ease; -webkit-transition: background .25s ease; -ms-transition: background .25s ease; -o-transition: background .25s ease; transition: background .25s ease; display: block; margin: 1em 0; } .preview-toolbar-pulldown .edit-close:hover { background: darkgrey; color: yellow !important; cursor: pointer; } #preview-toolbar.opened, #preview-toolbar.closed:hover { opacity: 1; } #preview-toolbar.closed { margin-top: -48px; opacity: .25; -moz-transition: opacity .25s ease; -webkit-transition: opacity .25s ease; -ms-transition: opacity .25s ease; -o-transition: opacity .25s ease; transition: opacity .25s ease; } #cms-profile h3, #scode-debug h3, #solr-profile h3 { font-weight: bold; font-size: 18px; } #cms-profile ul li, #scode-debug ul li, #solr-profile ul li { line-height: 1.5; font-size: 14px; margin-bottom: 5px; } #solr-profile { background-color: #5E5E5E; color: #E8E8E8; } #solr-profile ul li span { display: block; } .editable-resource { position: relative; font-size: 100%; } .profile-dialog .ui-dialog-titlebar { display: block; } .embargo-date-picker .ui-timepicker-div { font-size: 14px; } .embargo-date-picker .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .embargo-date-picker .ui-timepicker-div dl { text-align: left; } .embargo-date-picker .ui-timepicker-div dl dt { float: left; clear: left; padding: 0 0 0 5px; } .embargo-date-picker .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } .embargo-date-picker .ui-timepicker-div td { font-size: 90%; } .embargo-date-picker .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .embargo-date-picker .ui-timepicker-div .ui_tpicker_unit_hide { display: none; } .embargo-date-picker .ui-slider { height: .4em !important; } .embargo-date-picker .ui-slider .ui-slider-handle { height: 15px !important; width: 15px !important; top: -5px !important; } .embargo-date-picker .ui-datepicker-buttonpane button { background-color: green; color: white; font-weight: normal; font-size: 12px; padding: 10px !important; } .embargo-date-picker .ui-datepicker-buttonpane button:hover { background-color: darkgreen !important; } @media(max-width: 1300px) { #preview-toolbar { display: none !important; } } #search-rule-profile .search-sub-rule-details { padding-bottom: 10px; } .tcpl-solr-overlay { position: absolute; width: 100%; height: 75%; background-color: #314754; opacity: 0.9; color: white; display: none; text-align: left; box-sizing: border-box; padding: 3px; z-index: 999; } /*# source 1 1 _responsive/tcpl/tcpl-mega-menu-classes.css */ .megamenu-green, .megamenu-green h2 { color: green !important; } .megamenu-red, .megamenu-red h2 { color: #ff0000 !important; } .mega-menu-redesign .li-item-0 div.li-col { background: none !important; } /*# source 1 1 _responsive/vendor/jquery-ui-1.8.8.css */ /* * jQuery UI CSS Framework 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px */ /* Component containers ----------------------------------*/ .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /*font-family: Helvetica, Arial, sans-serif; font-size: 1em;*/ } .ui-widget-content { border: 1px solid #dddddd; background-color: #ffffff; /*url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;*/ color: #444444; } .ui-widget-content a { color: #444444; } .ui-widget-header { border: 1px solid #dddddd; background: #dddddd /*url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x*/; color: #444444; font-weight: bold; } .ui-widget-header a { color: #444444; } /* Interaction states ---------------------------------- .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*border: 1px solid #dddddd; background: #f6f6f6 url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x font-weight: bold; color: #0073ea;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0073ea; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #0073ea; background: #0073ea url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ff0084; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ff0084; text-decoration: none; } .ui-widget :active { outline: none; } */ /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #cccccc; background: #ffffff /*url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x*/; color: #444444; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ff0084; background: #ffffff /*url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x*/; color: #222222; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222222; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222222; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; /*background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-icons_ff0084_256x240.png);*/ } .ui-widget-content .ui-icon {/*background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-icons_ff0084_256x240.png);*/ } .ui-widget-header .ui-icon {/*background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-icons_0073ea_256x240.png);*/ } .ui-state-default .ui-icon { /*background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-icons_666666_256x240.png);*/ } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {/*background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-icons_ffffff_256x240.png);*/ } .ui-state-active .ui-icon {/*background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-icons_454545_256x240.png);*/ } .ui-state-highlight .ui-icon {/*background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-icons_0073ea_256x240.png);*/ } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {/*background-image: url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-icons_ff0084_256x240.png);*/ } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .ui-corner-top { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .ui-corner-right { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .ui-corner-left { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } .ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /* Overlays */ .ui-widget-overlay { background-color: #000; opacity: .80;filter:Alpha(Opacity=80); } .ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa /*url(https://content1.riverisland.com/Assets/RiverIsland/Core/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x*/; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }/* * jQuery UI Resizable 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; 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;}/* * jQuery UI Selectable 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* * jQuery UI Autocomplete 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px;} .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-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-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .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:0 auto .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 { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .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 { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.8 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /*# source 1 1 _responsive/product-collection.compiled.css */ /* // +--------------------------------------------------------------------------------------------------------+ // | Product Collection | // +--------------------------------------------------------------------------------------------------------+ */ .product-collection h3 { padding: 15px; text-align: center; } .product-collection ul { text-align: center; } .product-collection ul li { width: 200px; height: 270px; display: inline-block; vertical-align: middle; text-align: center; padding-bottom: 20px; } .product-collection ul li a { display: block; } /*# source 1 1 _responsive/quick-buy.compiled.css */ /* // +--------------------------------------------------------------------------------------------------------+ // | Quick buy | // +--------------------------------------------------------------------------------------------------------+ */ .quick-buy .was-price { display: inline-block; margin: 0; } .freeze-background { overflow: hidden; -webkit-overflow-scrolling: auto; } html.freeze-background::-webkit-scrollbar { display: none; } body.freeze-background::-webkit-scrollbar { display: none; } .quick-buy .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .dynamic-product-list div[data-quick-buy]:hover picture:after, .dynamic-product-list div[data-quick-buy] picture:after { left: 20px; } div.data-quick-buy picture, div[data-quick-buy] picture, picture[data-quick-buy] picture { display: block; position: relative; z-index: 1; } @media (max-width: 768px) { div.data-quick-buy picture:after, div[data-quick-buy] picture:after, picture[data-quick-buy] picture:after { content: ""; display: block; position: absolute; top: 10px; left: 0; z-index: 2; border-radius: 3px; background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/eye.png) transparent 10px 0px no-repeat; height: 32px; width: 52px; } } div.data-quick-buy:hover picture:after, div[data-quick-buy]:hover picture:after, picture[data-quick-buy]:hover picture:after { content: ""; display: block; position: absolute; top: 10px; left: 0; z-index: 2; border-radius: 3px; background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/eye.png) transparent 10px 0px no-repeat; height: 32px; width: 52px; } .active-touch div.data-quick-buy picture:after, .active-touch div[data-quick-buy] picture:after, .active-touch picture[data-quick-buy] picture:after { content: ""; display: block; position: absolute; top: 10px; left: 0; z-index: 2; border-radius: 3px; background: url(https://content1.riverisland.com/Assets/RiverIsland/Core/images/eye.png) transparent 10px 0px no-repeat; height: 32px; width: 52px; } span[data-quick-buy], .data-quick-buy { border-bottom: 1px dotted #ccc; position: relative; display: inline-block; } .quick-buy.left-of-product, .has-image .quick-buy.left-of-product, .plp .quick-buy.left-of-product { left: -350px; } .quick-buy { overflow: hidden; z-index: 15; box-shadow: 2px 2px 15px #333; } .quick-buy:before, .quick-buy:after { right: 100%; top: 60px; border: solid transparent; content: " "; cursor: pointer; height: 0; width: 0; position: absolute; pointer-events: none; } .quick-buy.left-of-product:before, .quick-buy.left-of-product:after { right: initial; left: 100%; } .quick-buy:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px; margin-top: -15px; } .quick-buy.left-of-product:after { border-right-color: transparent; border-left-color: #fff; } .quick-buy:before { border-color: rgba(204, 204, 204, 0); border-right-color: #ccc; border-width: 16px; margin-top: -16px; } .quick-buy.left-of-product:before { border-right-color: transparent; border-left-color: #ccc; } .quick-buy.placeholder { width: 442px; height: 300px; } .quick-buy.placeholder .product-image { float: left; width: 415px; padding: 34px 19px 40px 24px; box-sizing: border-box; background: #eee; } .quick-buy.placeholder .ddown { width: 200px; height: 48px; background: #eee; margin-bottom: 17px; } .quick-buy.placeholder .left, .quick-buy.placeholder .right { background: #eee; width: 120px; height: 20px; } .quick-buy.on-plp { z-index: 40; width: 965px; height: 550px; background-color: #ffffff; box-shadow: 0 2px 16px 2px rgba(0, 0, 0, 0.5); border: 0 solid #e1e1e1; font-family: proxima-nova, sans-serif; position: fixed !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } .quick-buy.on-plp:before, .quick-buy.on-plp:after { display: none; } .quick-buy p.error-message { margin: 2em 0; text-align: center; color: red; } .quick-buy .close { position: absolute; top: 6px; right: 8px; cursor: pointer; transition: all 1s ease; z-index: 99; } .quick-buy .close:after { display: inline-block; content: "\00d7"; font-size: 35px; line-height: 35px; padding: 2px 10px; color: black; } .quick-buy-header { margin-bottom: 10px; padding-right: 20px; text-align: left; } .quick-buy-header p, .quick-buy-header .price { display: inline; font-size: 20px; } .quick-buy-header .sale { display: inline; } .quick-buy-body { overflow: hidden; text-align: center; } .quick-buy-body .quick-buy-errors-container { font-size: 11px; color: red; clear: both; } .quick-buy-body .product-info { float: left; width: 415px; padding: 34px 19px 40px 24px; box-sizing: border-box; } .quick-buy-body .product-info div { position: relative; margin-bottom: 10px; } .quick-buy-body .product-info .quick-buy-errors-container { margin-bottom: 0; } .quick-buy-body .product-info .quick-buy-errors-container .error { margin-bottom: 10px !important; } .quick-buy-body .product-info .quick-buy-errors-container .error li { margin-bottom: 0; } .quick-buy-body .product-info .quick-buy-errors-container .error .ui-caption { color: rgba(225, 14, 14, 0.86); } .quick-buy-body .button-green { float: none; margin: 0; width: 100%; } .quick-buy-body .pdp__select-size__low-stock { position: absolute; top: 0; right: 0; opacity: 0; transition: all 0.2s cubic-bezier(0.63, 1.18, 0.58, 1); float: right; font-size: 12px; font-size: 0.75rem; font-weight: 500; line-height: 18px; color: rgba(0, 0, 0, 0.87); letter-spacing: 0.25px; display: block; } .quick-buy-body .pdp__select-size__low-stock.active { top: -34px; margin: 10px 0; opacity: 1; } .quick-buy img { max-width: 100%; height: auto; box-sizing: border-box; } .quick-buy .title-price { margin-bottom: 20px; } -footer { margin-top: 10px; width: 100%; font-size: 12px; overflow: auto; } -footer .right { float: right; } -footer .left, -footer .right { width: auto; position: inherit; } -footer .left, -footer #add-product-to-wishlist { background: none; float: left; font-size: 12px; text-transform: Capitalize; font-weight: bold; letter-spacing: normal !important; padding: 0; } -footer .add-product-to-wishlist, -footer .full-product-details { padding: 5px 10px !important; border: 1px dotted transparent; font-weight: normal !important; } -footer a:hover, -footer button:hover { border-bottom: 1px dotted #ccc; background: none !important; } hr:last-child { display: none; } .has-image .quick-buy { top: -34px; left: 86px; } .plp .quick-buy { top: 6px; left: 86px; } @keyframes ellipsis { to { width: 1.25em; } } @-webkit-keyframes ellipsis { to { width: 1.25em; } } .loading:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(5, end) 1300ms infinite; animation: ellipsis steps(5, end) 1300ms infinite; content: "\2026"; width: 0px; } .quick-buy { height: 100%; width: 550px; float: left; } .quick-buy .slick-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 36px; color: #b3aaaa; cursor: pointer; } .quick-buy .slick-slider .slick-arrow.slider--prev { left: 5px; transform: translateY(-50%) rotate(180deg); } .quick-buy .slick-slider .slick-arrow.slider--next { right: 5px; } .quick-buy .slick-arrows--visible .slick-arrow { visibility: visible; } .quick-buy .product-image { height: 100%; width: 550px; float: left; } .quick-buy .product-image .bx-wrapper img { max-width: 100% !important; width: 100%; height: 100%; } .quick-buy .product-info { float: left; width: 415px; padding: 34px 19px 40px 24px; box-sizing: border-box; } .quick-buy .product-info h1 { text-align: left; padding-bottom: 10px; } .quick-buy .product-info .price.ui-headline { text-align: left; } .quick-buy .product-info .price.ui-headline > span { font-size: 20px; } .quick-buy .product-info .product__description { margin-top: 12px; opacity: 0.87; font-size: 16px; line-height: 1.63; letter-spacing: 0.3px; text-align: left; color: #000000; max-height: 200px; min-height: 150px; overflow: hidden; margin-bottom: 12px !important; } .quick-buy .product-info .product__description ul { margin: 0; padding-left: 25px; clear: both; } .quick-buy .product-info .product__description ul li { list-style: disc outside; } .quick-buy fieldset { position: relative; margin: 0; } .quick-buy .field-l.variant { width: 100%; display: inline-block; margin-bottom: 0; } .quick-buy .select-size { width: 100%; margin-right: 11px; float: left; margin-bottom: 0px !important; } .quick-buy .select-quantity { display: none; } .quick-buy [name='AddItemToBasket'] { margin-top: 8px; margin-bottom: 8px; } .quick-buy #add-product-to-wishlist { width: 100%; padding: 12px 0; text-align: center; text-transform: none; background: none !important; box-shadow: none; } .quick-buy #add-product-to-wishlist i { font-size: 24px; vertical-align: middle; } .quick-buy #add-product-to-wishlist span { display: inline-block; vertical-align: middle; text-decoration: underline; } .quick-buy #add-product-to-wishlist.in-wishlist, .quick-buy #add-product-to-wishlist.wishlist-loading { box-shadow: none !important; } .quick-buy #add-product-to-wishlist.in-wishlist span, .quick-buy #add-product-to-wishlist.wishlist-loading span { position: relative; text-decoration: none; } .quick-buy #add-product-to-wishlist.in-wishlist i, .quick-buy #add-product-to-wishlist.wishlist-loading i { cursor: default; } .quick-buy .sale-price.ui-headline { display: inline-block; margin-bottom: 0px; margin: 0px; color: #ff586d; } .quick-buy .sale-price.ui-headline del { color: rgba(0, 0, 0, 0.87) !important; } .quick-buy .sale.ui-headline { display: inline-block; padding-left: 10px; margin-bottom: 0px !important; } .quick-buy .close { position: absolute; top: -2px; right: -3px; } /*# source 1 1 _responsive/cms-components.compiled.css */ /* #outer-container #container { background: white; } .info-strip-container { visibility: hidden; } .site-container { background: #ccc; } */