/* ------------------------ COLOURS: #2b2e2d - text grey #DD1C79 - pink #e32727 - red #ebeceb - light grey #888a8a - mid grey #5a3e4c - purple #4e5754 - dark grey #7D418D - purple -------------------------------*/ #widgetPlaceHolder{padding:0 1.1em .5em 1.1em}.widgetPlaceHolder{border:silver solid 1px;background:#373737;margin:auto;padding-bottom:2em;overflow:hidden}.widgetPlaceHolder svg{fill:#fff}.widgetPlaceHolder .widgetTitle{color:rgba(255,0,0,.8);text-align:center;font-size:1.3em}.widgetPlaceHolder .mapSection{position:relative;height:400px;margin-bottom:1em}.widgetPlaceHolder .dismissButton{border:none;padding:.5em .5em;text-align:center;text-decoration:none;display:inline-block;font-size:1em;margin:.3em;border-radius:100%;width:2em;height:2em;cursor:pointer;background-color:#960000;color:#f00000;margin-right:1em}.widgetPlaceHolder #notificationRegion{color:#640000;background-color:#f00000;padding-left:1em;overflow:hidden}.widgetPlaceHolder #mapsLocationDetails{padding:0;margin:0}.widgetPlaceHolder .errorMessageContainer{padding:1em;float:left}.widgetPlaceHolder .label{width:130px;float:left}.widgetPlaceHolder #enableGpsChBx{padding-left:0;margin-left:0}.widgetPlaceHolder .widgetInput{border:none;border-bottom:1px solid red}.widgetPlaceHolder .widgetSelect{border:none;border-bottom:1px solid red;max-width:100%}.widgetPlaceHolder .widgetSelect.optionNumber:not(.mapsDetails){color:#ff0}.widgetPlaceHolder .locationsSelect{padding:.5em}.widgetPlaceHolder .widgetbutton{background-color:rgba(255,0,0,.8);border:none;color:#fff;padding:.5em 1em;text-align:center;text-decoration:none;display:inline-block;font-size:1em;margin:.3em;cursor:pointer}.widgetPlaceHolder .widgetbutton:hover{background-color:red}.widgetPlaceHolder .widgetbutton:disabled{background-color:rgba(255,0,0,.5);cursor:default}.widgetPlaceHolder .disabled{background-color:rgba(255,0,0,.3)}.widgetPlaceHolder .widgfooter{background-color:#f5f5f5;border-radius:3px;padding:1em}.widgetPlaceHolder .ddSelectedLocation{margin:.5em 2em 1em 1em}.widgetPlaceHolder #localCollectPostalCode{float:left}.widgetPlaceHolder #map{height:100%}.widgetPlaceHolder .EmptyListMessage{color:silver;font-size:1.5em;text-align:center}.widgetPlaceHolder .widget-container{overflow:hidden}.widgetPlaceHolder .widgetCooperate{color:#fff;font-size:.6em;text-align:right}.widgetPlaceHolder .widget-action-bar{padding:2em;border-radius:3px;background:#f5f5f5;overflow:hidden}.widgetPlaceHolder .postCodeContainer{padding:4px;justify-content:flex-start;overflow:hidden}.widgetPlaceHolder .radiusContainer{padding:4px;justify-content:flex-start;overflow:hidden}.widgetPlaceHolder .widgetInfo{color:#a9a9a9}.widgetPlaceHolder .widgetsHeader{overflow:hidden}.widgetPlaceHolder .locationsResult{overflow:hidden;background:#f5f5f5}.widgetPlaceHolder .searchButtonContainer{padding:4px;overflow:hidden}.widgetPlaceHolder .maxResultsContainer{padding:4px;overflow:hidden}.locationsFoundContainer,.widgetPlaceHolder .filtersHaveChangedContainer{padding:5px 0 5px 0}.widgetPlaceHolder .filtersHaveChangedContainer{color:rgba(255,0,0,.8);font-style:italic}.widgetPlaceHolder .widgetPlaceHolder .actionBar{overflow:hidden}.widgetPlaceHolder .viewingOptionsContainer{margin-top:.5em;overflow:hidden}.widgetPlaceHolder .viewOption{padding:4px;border-bottom:3px solid rgba(144,144,92,.25);overflow:hidden;text-align:center}.widgetPlaceHolder .viewOption .rmw_icon{min-height:25px;line-height:25px}.widgetPlaceHolder .viewOptionSelected{border-bottom-color:red}.widgetPlaceHolder .padding-action-bar{padding-left:0}.widgetPlaceHolder #viewOption0_icn{background:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPScjMDAwMDAwJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPScyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4gPHBhdGggZD0nTTMgMTNoMnYtMkgzdjJ6bTAgNGgydi0ySDN2MnptMC04aDJWN0gzdjJ6bTQgNGgxNHYtMkg3djJ6bTAgNGgxNHYtMkg3djJ6TTcgN3YyaDE0VjdIN3onLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);background-repeat:no-repeat;display:inline-block}.widgetPlaceHolder #viewOption1_icn{background:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPScjMDAwMDAwJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPScyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNy40MSA3Ljg0TDEyIDEyLjQybDQuNTktNC41OEwxOCA5LjI1bC02IDYtNi02eicvPjxwYXRoIGQ9J00wLS43NWgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==);background-repeat:no-repeat;display:inline-block}.widgetPlaceHolder #viewOption2_icn{background:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPScjMDAwMDAwJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPScyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTIgMkM4LjEzIDIgNSA1LjEzIDUgOWMwIDUuMjUgNyAxMyA3IDEzczctNy43NSA3LTEzYzAtMy44Ny0zLjEzLTctNy03em0wIDkuNWMtMS4zOCAwLTIuNS0xLjEyLTIuNS0yLjVzMS4xMi0yLjUgMi41LTIuNSAyLjUgMS4xMiAyLjUgMi41LTEuMTIgMi41LTIuNSAyLjV6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==);background-repeat:no-repeat;display:inline-block}.widgetPlaceHolder .deliveryOptionDetails{padding:0}.widgetPlaceHolder #availDelivLocatnForMessage{text-align:center;padding:1em}.widgetPlaceHolder #dropdownContainer{text-align:center;padding:1em;margin:.5em}.widgetPlaceHolder.mapsPlaceHolder{border:1px solid grey;background:silver;height:100%;width:100%;padding:0;margin:0}.widgetPlaceHolder .mapListItem{padding-top:.3em}.widgetPlaceHolder .daysOfTheWeek{padding-right:2px;float:left;font-size:smaller}.widgetPlaceHolder .openingTimes{padding-right:2px;font-size:small}.widgetPlaceHolder.dayOfTheWeek{padding-right:2px;font-size:small}.widgetPlaceHolder .openingTime{padding-right:2px;font-size:small}.widgetPlaceHolder .openingTime :hover{padding:9px;border:4px solid #ff0}.widgetPlaceHolder .optionNumber{font-weight:700;font-size:1.6em;margin-right:4px;line-height:30px;width:3%;float:left;position:relative}.widgetPlaceHolder .mapsDetails{border:none;padding-left:0;padding-right:0}.widgetPlaceHolder .localBigIndex{text-align:right;margin-right:5px;font-size:2.3em;margin-top:-5px}.widgetPlaceHolder .gridHeader{margin-bottom:16px;border-radius:4px}.widgetPlaceHolder .localCollectOption{padding-top:8px;padding-bottom:8px}.widgetPlaceHolder .localCollectOption:not(.detailsHeaders):not(.mapsDetails){border-bottom:1px silver solid}.widgetPlaceHolder .locationAddress{margin-top:0;font-size:.9em;line-height:1em}.widgetPlaceHolder .widget-select-button{width:2em;height:2em;border-radius:35%;background:#fff;border:solid 2px #a9a9a9;color:silver;cursor:pointer;text-align:center;vertical-align:middle;line-height:2em}.widgetPlaceHolder .widget-select-button:hover{border-color:red;color:red}.widgetPlaceHolder .widget-select-button-maps{width:auto;height:2em;border-radius:35%;background:#fff;border:solid 2px #a9a9a9;color:silver;cursor:pointer;text-align:center;vertical-align:middle;line-height:2em}.widgetPlaceHolder .widget-select-button-maps:hover{border-color:red;color:red}.widgetPlaceHolder .widget-grid-distance{font-size:.9em}.widgetPlaceHolder .widget-grid-button{color:#fff}.widgetPlaceHolder .locationName{margin:0;font-size:1.2em;line-height:1.4;font-weight:700}.widgetPlaceHolder .detailsHeaders{color:red;font-weight:700;padding-top:.4em;overflow:hidden}.widgetPlaceHolder .widgetMap{position:absolute;left:0;top:0;overflow:hidden}.widgetPlaceHolder .noParking{background:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPScjZmYwMDAwJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPScyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTEzIDNINnYxOGg0di02aDNjMy4zMSAwIDYtMi42OSA2LTZzLTIuNjktNi02LTZ6bS4yIDhIMTBWN2gzLjJjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyeicvPjwvc3ZnPg==)}.widgetPlaceHolder .parking{background:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPScjMDAwJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPScyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTEzIDNINnYxOGg0di02aDNjMy4zMSAwIDYtMi42OSA2LTZzLTIuNjktNi02LTZ6bS4yIDhIMTBWN2gzLjJjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyeicvPjwvc3ZnPg==)}.widgetPlaceHolder .noDisabilityAccess{background:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPScjZmYwMDAwJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPScyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PGNpcmNsZSBjeD0nMTInIGN5PSc0JyByPScyJy8+PHBhdGggZD0nTTE5IDEzdi0yYy0xLjU0LjAyLTMuMDktLjc1LTQuMDctMS44M2wtMS4yOS0xLjQzYy0uMTctLjE5LS4zOC0uMzQtLjYxLS40NS0uMDEgMC0uMDEtLjAxLS4wMi0uMDFIMTNjLS4zNS0uMi0uNzUtLjMtMS4xOS0uMjZDMTAuNzYgNy4xMSAxMCA4LjA0IDEwIDkuMDlWMTVjMCAxLjEuOSAyIDIgMmg1djVoMnYtNS41YzAtMS4xLS45LTItMi0yaC0zdi0zLjQ1YzEuMjkgMS4wNyAzLjI1IDEuOTQgNSAxLjk1em0tNi4xNyA1Yy0uNDEgMS4xNi0xLjUyIDItMi44MyAyLTEuNjYgMC0zLTEuMzQtMy0zIDAtMS4zMS44NC0yLjQxIDItMi44M1YxMi4xYy0yLjI4LjQ2LTQgMi40OC00IDQuOSAwIDIuNzYgMi4yNCA1IDUgNSAyLjQyIDAgNC40NC0xLjcyIDQuOS00aC0yLjA3eicvPjwvc3ZnPg==)}.widgetPlaceHolder .disabilityAccess{background:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPScjMDAwJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPScyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PGNpcmNsZSBjeD0nMTInIGN5PSc0JyByPScyJy8+PHBhdGggZD0nTTE5IDEzdi0yYy0xLjU0LjAyLTMuMDktLjc1LTQuMDctMS44M2wtMS4yOS0xLjQzYy0uMTctLjE5LS4zOC0uMzQtLjYxLS40NS0uMDEgMC0uMDEtLjAxLS4wMi0uMDFIMTNjLS4zNS0uMi0uNzUtLjMtMS4xOS0uMjZDMTAuNzYgNy4xMSAxMCA4LjA0IDEwIDkuMDlWMTVjMCAxLjEuOSAyIDIgMmg1djVoMnYtNS41YzAtMS4xLS45LTItMi0yaC0zdi0zLjQ1YzEuMjkgMS4wNyAzLjI1IDEuOTQgNSAxLjk1em0tNi4xNyA1Yy0uNDEgMS4xNi0xLjUyIDItMi44MyAyLTEuNjYgMC0zLTEuMzQtMy0zIDAtMS4zMS44NC0yLjQxIDItMi44M1YxMi4xYy0yLjI4LjQ2LTQgMi40OC00IDQuOSAwIDIuNzYgMi4yNCA1IDUgNSAyLjQyIDAgNC40NC0xLjcyIDQuOS00aC0yLjA3eicvPjwvc3ZnPg==)}.widgetPlaceHolder .disabilityAccess,.widgetPlaceHolder .noDisabilityAccess,.widgetPlaceHolder .noParking,.widgetPlaceHolder .parking{background-position:left;background-repeat:no-repeat;display:inline-block;height:24px;width:24px;float:left}.widgetPlaceHolder .parkingDisabilityContainer .facilityAvailability{font-size:12px;vertical-align:middle;float:left;height:24px;line-height:24px;display:block;overflow:hidden;height:inherit}.widgetPlaceHolder .facilityAvailability.available{color:#000}.widgetPlaceHolder .facilityAvailability.unavailable{color:red} /* ------------------------ LAYOUT -------------------------------*/ .cybertill_note { background: #ebeceb; padding: 20px 30px; margin-bottom:20px; } body { padding: 0px; margin: 0 auto; } .page_width { max-width: 1078px; margin: 0 auto; padding: 0 10px; } #page { margin: 0 auto; padding-top: 30px; padding-left: 5px; padding-right: 5px; } #footer { font-size: 0.85em; margin: 0 auto; padding-top: 10px; } #header { background-repeat: no-repeat; background-size: cover; margin: 0 auto; } .no_js_message { text-align:center; padding: 40px 15px 15px 15px; color:#fff; z-index:2000; position: fixed; font-size: 1.8em; background:#ccc; opacity: 0.9; top: 0px; width: 100%; height: 100%; left: 0; bottom: 0; right: 0; } #header_inner { position: relative; } #logo { border-radius: 10px; background: #fff; padding: 38px 28px 13px 28px; float: left; position: relative; top: -10px; margin-bottom: -17px; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.19); } #logo a { display: block; height: 72px; width: 192px; background: no-repeat left top url(../images/Pulse-and-Cocktails-logo.png); background-size: 192px; text-indent: -999em; overflow: hidden; position: relative; top: -8px; } .header_middle p { width: 466px; height: 98px; background: no-repeat left top url('../images/Ultimate-sexy-shopping-experience.svg'); text-indent: -999em; margin: 0; padding: 0; } .header_middle { width: 466px; margin: 0 0 0 auto; padding-top: 26px; opacity: 0; } .header_right { float: right; width: 250px; padding-top: 32px; } .blog_search button, .sf_search .sf_button, .sf_search .searchsubmit, .store_finder_form button { background: no-repeat -6px 1px url("../images/pc_sprite2.svg?v=11"); width: 20px; height: 24px; margin-top: 3px; padding: 0; text-indent: -999em; overflow: hidden; } .blog_search { position: relative; } .blog_search input { width: 100%; border: none; border-radius: 3px; text-transform: uppercase; padding: 10px 12px; font-size: 0.8em; } .blog_search button { position: absolute; top: 2px; right: 5px; z-index: 5; } .entry center { text-align: left; padding: 20px 0; } .sf_search { border: none !important; background: #fff; border-radius: 3px; } .sf_block input { width: 210px !important; padding: 10px 12px; border: none; margin-left: 3px; font-size: 0.9em; color: #888a8a; } .sf_hidden { display: none; } #sf_sb { width: 241px !important; background: #fff; } body:not(.error404) #sf_sb { top: 65px !important; } .sf_main, .sf_main ul, #sf_val ul { list-style: none; padding: 0; margin: 0; } .sf_header { background: #ebeceb; text-transform: uppercase; font-size: 0.8em; text-align: center; font-weight: bold; padding: 5px 0; } .sf_text a, .sf_category a { padding: 4px; } .sf_item a { min-height: 50px; } .sf_item a:hover, .sf_category a:hover { background: #ebeceb; } .sf_item { padding: 5px; border-bottom: 1px solid #ebeceb; clear: both; min-height: 50px; } .sf_item img { max-width: 50px; margin-right: 10px; float: left; } #sf_sb li { margin: 0; } .sf_more { clear: both; background: #ebeceb; text-align: center; font-weight: bold; padding: 10px; margin: 0 !important; } #sf_sb a { text-decoration: none; display: block; font-size: 0.9em; } .sf_category { padding: 0 10px; } .sf_result_container { padding: 10px 0; } .sf_loader { text-align: center; list-style: none; font-weight: normal; font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif; } .header_right_bottom { color: #fff; text-transform: uppercase; text-align: right; padding-top: 27px; } .header_right_bottom a { color: #fff; text-decoration: none; } a.job_page_link:after { content: '|'; margin: 0 5px 0 10px; } .narrow_width { max-width: 750px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; } .flex { display: flex; } /* ------------------------ E-Store core styles - don't edit - update colours etc styles below so these can be replaced -------------------------------*/ #js_message, #cookie_message {text-align:center;margin-bottom:15px;background:#ffd802;padding:15px;color:#2b2e2d;} #cookie_message {background:#d70a00;color:#fff;} #update_icon { visibility: hidden; } .added_note {display: none; clear: both;} .checkout_page .block { padding: 20px; border-bottom: 1px #ccc solid; margin-bottom: 20px; } .error, .errors { color: #cc0000 !important; } .postage_wrap label { width: auto; } .paypal_note { margin-top: 15px; } #shopping_cart { display: inline; } #prod_info_wrap { position: relative; } #prod_gallery-big {position: absolute; top: 0px; left: 0px;} #product_form_wrap { margin-top: 20px; } .form_note { padding-left: 203px; } #enquiry_form button.disabled, button.disabled, .button.disabled { background: #ccc; cursor: default;} .paypal_note p {font-style: italic; color: #999;} .show_btns_hide { display: none; } .show_btns_show { display: inline; } th { text-align: left; border-bottom: 1px solid #ebeceb; padding: 10px; } .my_account_page th { background: #ebeceb; } .hr {clear: both;} .relate_options { display: none; } .variation_main > .relate_options label { padding-left: 15px; width: 185px; } .variation_main > .relate_options > .relate_options label { padding-left: 30px; width: 170px; } .variation_main > .relate_options > .relate_options > .relate_options label { padding-left: 45px; width: 155px; } .variation_main > .relate_options > .relate_options > .relate_options .relate_options label { padding-left: 60px; width: 140px; } #prod_info_wrap #product_form .relate_options input, #prod_info_wrap #product_form .relate_options select { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } .update_quantity input { width: 40px; } .out_of_stock { background: #ccc; padding: 11px 16px; text-transform: uppercase; display: inline-block; margin-top: 20px; color: #fff; } #ask_question_wrap form { display: none; } #enquiry_form label, #enquiry_form textarea { display: block; } #reset_psw_form { display: none; } #reset_psw_link { cursor: pointer; } .saved_addresses { border: #ccc solid 1px; padding: 20px; } .saved_addresses label { display: none; } .saved_addresses input { padding: 0; background: #fff; border: none; } .saved_addresses .field_wrap { margin-bottom: 0; } .saved_addresses #same_shipping { display: none; } .input_country { display: none; } .saved_addresses .input_country { display: block; } .saved_addresses .select_country { display: none; } .shipping_address_wrap.saved_addresses { display: block !important; } .my_account_detail_wrap { border: 1px #ccc solid; padding: 15px; display: block; } .my_account_detail_wrap { position: relative; } .my_account_detail_wrap span { float: left; width: 250px; } .my_account_detail_wrap.primary_option { border-color: #999; } .half_pg_col { float: left; width: 46%; } .half_pg_col:first-child { margin-right: 7%; } #update_email, #user_psw_reset { display: none; margin-bottom: 10px; } .reset_page #user_psw_reset { display: block; } #change_email { margin: 0 10px 10px 0; } label[for="human"] { cursor: pointer; width: auto; } .highlight_colour {color: #2b2e2d;} .prod_note_text { clear: both; } #secure_note { display: none; margin-bottom: 15px; padding: 10px; background: #ebeceb; } .encrypted_details_wrap h3 span { text-decoration: underline; cursor: pointer; background: no-repeat right 1px url('../images/padlock-icon.jpg'); padding: 2px 15px 2px 0; font-size: 0.8em; } .order_table_wrap { padding-bottom: 15px; border: 1px #f4f4f4 solid; margin-bottom: 15px; padding: 20px; background: #f4f4f4; font-size: 0.9em; } .order_table_wrap p { margin: 5px 0; } .order_table_wrap th { padding: 5px 10px; } .order_table_wrap table { border: none; } .my_account_detail_wrap button { position: absolute; top: 15px; right: 15px; } .checkout_page input, .checkout_page select, .checkout_page textarea {border: 1px solid #C8C8C8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .checkout_page .my_account_detail_wrap span { display: block; float: none; width: auto; } .checkout_page .my_account_detail_wrap { width: 150px; float: left; margin: 0 15px 15px 0; background: #fff; } .saved_addresses_wrap { padding: 15px 15px 0 15px; background: #ebeceb; margin-bottom: 15px; } .checkout_page .my_account_detail_wrap button { position: static; margin-top: 10px; } .checkout_page .active_selected { background: #ccc; } .select_add_note { font-size: 1.1em; } .select_add_note b { text-decoration: underline; cursor: pointer; } .saved_billing_addresses .address_form_wrap, .saved_shipping_addresses .address_form_wrap {display: none;} #process_checkout_data label {font-weight: 300; font-size: 14px; color: #626464; line-height: 30px;} #process_save_cart { display: none; margin-top: 15px; background: #ebeceb; padding: 15px; } #process_save_cart label { width: auto; } #process_save_cart button { margin-left: 15px; } #process_save_cart .message { padding-top: 15px; } .saved_cart_wrap { border: 1px #CCC solid; padding: 15px; display: block; margin-bottom: 15px; } .saved_cart_wrap .button { float: right; margin-left: 10px; } .nowrap { white-space: nowrap; } @media all and (max-width: 650px) { .reponsive_table_wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; margin-bottom: 10px; border-right: 2px solid #ccc; background: no-repeat left top url('../images/scroll_note.svg'); padding-top: 20px; } .reponsive_table_wrap table { width: 545px !important; } } .msg_banner_slider { text-align: center; padding: 5px 0; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.19); position: relative; z-index: 2; } .home .msg_banner_slider { margin-bottom: 0px; } .msg_banner_slider .slides { max-width: 320px; margin: 0 auto; } .page-id-5 .msg_banner_slider, .page-id-38688 .msg_banner_slider, .page-id-38690 .msg_banner_slider { display: none; } /* ------------------------ END core styles -------------------------------*/ /* ------------------------ BASIC STYLES -------------------------------*/ img { max-width: 100%; height: auto; } /** update styles in payment_braintree.php if needed **/ select, input, textarea, .input { background: #fff; color: #2b2e2d; font-size: 16px; width: 65%; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 0; } .input { display: inline-block; height: 27px; padding: 0 8px; border-radius: 0; } select { background: #fff url('../images/drop_arrow.svg?v=2') no-repeat right; padding: 5px; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none; border: 1px solid #888a8a; } @-moz-document url-prefix() { select { background: #fff; } } select:focus, input:focus, .input:focus { color: #2b2e2d; } label { width: 30%; margin-right: 5%; float: left; line-height: 1.2em; } input[type="radio"], input[type="checkbox"] { width: auto !important; } /* ------------------------ PRODUCT PAGES -------------------------------*/ .tax-product_categories h1, .single-products h1, .page h1, .checkout_page h3, .error404 h1, .search-results h1, .prod_mobile_header { color: #DD1C79; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 3.5em; } .cat_thumbail_wrap { width: 23%; margin: 9px 1%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; } .cat_thumbail_wrap a { display: block; position: relative; text-decoration: none; } .cat_thumbail_wrap a.online_exclusive:before, .cat_thumbail_wrap a.adult_film:before, .online_exclusive .main_image a:before { content: ''; display: block; position: absolute; top: -15px; left: -10px; width: 60px; height: 60px; background: no-repeat center center url('../images/online_exclusive_reserve.svg'); background-size: cover; z-index: 10; } .cat_thumbail_wrap a.adult_film:before { background: no-repeat center center url('../images/RESERVEONLINE.png'); background-size: cover; } .online_exclusive .main_image a:before { width: 80px; height: 80px; } .cat_thumbail_wrap a.oos_everywhere .cat_img_wrap:after { content: 'Out of stock'; background: rgba(0,0,0,0.4); text-transform: uppercase; color: #fff; text-align: center; font-size: 15px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 9px 0; font-weight: bold; } /* .cat_thumbail_wrap a .prod_name { display: block; height: 38px; overflow: hidden; color: #2b2e2d; padding: 10px 15px 0 15px; line-height: 1.05; text-align: center; } .cat_thumbail_wrap a .prod_price { position: absolute; right: 0px; height: 20px; bottom: 48px; color: #fff; background: #2b2e2d; padding: 5px 10px; } .cat_thumbail_wrap a:hover { background: #2b2e2d; } .cat_thumbail_wrap a:hover .prod_name { color: #fff; } .cat_thumbail_wrap a:hover .prod_price { background: #2b2e2d; } .cat_thumbail_wrap:nth-child(3n+1) { margin-left: 1.5%; } */ .cat_thumbail_wrap:nth-child(4n+1) { clear: left; } .cat_nav_wrap { margin: 0 17px 0 17px; } .sub_cat_wrap { width: 19%; margin: 0.5% 0.5% 0 0.5%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .sub_cat_wrap a { display: block; text-decoration: none; /*border: 1px #DD1C79 solid;*/ padding: 6px; transition: all 500ms ease-in-out; text-align: center; } .sub_cat_wrap a:hover { border-color: #888a8a; } .sub_cat_wrap:nth-child(5n+1) { clear: left; } .sub_cat_title { text-transform: uppercase; text-align: center; display: block; font-size: 0.9em; background: #ebeceb; letter-spacing: 0.05em; padding: 5px; display: none; } .show_all_wrap { float: right; } .cat_nav_wrap a, .cat_nav_wrap .current { color: #2b2e2d; background: #ebeceb; text-align: center; margin: 2px; text-decoration: none; font-weight: bold; width: 22px; height: 22px; line-height: 22px; text-transform: uppercase; padding: 0; } .page_numbers a, .cat_nav_wrap .current { display: inline-block; } .show_all_wrap a.show_btns_show { display: block; font-size: 0.9em; padding: 0 5px; width: auto; } .cat_nav_wrap a:hover, .cat_nav_wrap .current { background: #2b2e2d; color: #fff; } .nav_wrap_first { border-bottom: 1px solid #ebeceb; margin-bottom: 10px; padding-bottom: 7px; } .nav_wrap_last { border-top: 1px solid #ebeceb; margin-top: 10px; padding-top: 10px; } #prod_image_wrap, #prod_info_wrap { width: 50%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } #prod_image_wrap { padding-right: 15px; } #prod_info_wrap { padding-left: 15px; } .main_image > a > img { max-width: 100%; height: auto !important; } .main_image > a { height: auto !important; } .main_image img, .prod_thumbnails img { border: none !important; padding: 0 !important; pointer-events:none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .main_image a { width: 100% !important; } .short_descr { margin-top: 0; font-style: italic; font-size: 1.1em; padding-right: 95px; } #detail_prod_text { border-bottom: 1px solid #ebeceb; line-height: 1.4em; } .detail_prod_header { border-top: 1px solid #ebeceb; border-bottom: 1px solid #ebeceb; padding: 10px 0; text-align: center; font-size: 1.2em; } .actual_price { background: #fff; font-size: 1.8em; } .old_price { padding-left: 10px; text-decoration:line-through; float: left; font-size: 1.2em; } .variation_main { background: #ebeceb; padding: 15px 20px 20px 20px; margin-top: 17px; margin-bottom: 17px; } .variation_main h3, .rel_prods_wrap h3, .reviews_wrap h3 { border-bottom: 1px solid #fff; padding-bottom: 10px; text-align: left; font-size: 1em; text-transform: uppercase; } .variation_main label, .reserve_drop_options label { font-size: 0.9em; font-weight: bold; text-transform: uppercase; text-align: left; margin-right: 2%; padding-top: 3px; } .variation_main select, .variation_main input, .reserve_drop_options select { background-color: #f7f7f7; border: none; border-bottom: 1px solid #fff; padding: 8px 10px 8px 10px; height: auto; font-style: italic; width: 68%; } .reserve_drop_options label { width: auto; padding-top: 8px; } .reserve_drop_options { border: 1px solid #fff; text-align: left; padding: 5px 10px; margin-top: 7px; } .reserve_drop_options select { border-bottom: none; height: 34px; padding: 8px 10px; line-height: 1em; margin-bottom: -12px; } .reserve_drop_options .prod_option { margin-bottom: 0; } .variation_main select:focus, .variation_main input:focus { font-style: normal; } .add_to_wrap { margin: 22px 0; } .add_to_wrap input[name="quantity"] { border-color: #ccc; width: 45px; padding: 10px 8px; } .add_to_wrap button { padding: 12px 60px !important; } .checker_popup_btn { padding: 13px 60px !important; } .form_note { padding-left: 32%; line-height: 1.3em; position: relative; top: 6px; color: #666; font-style: italic; } .prod_top_image { margin-bottom: 10px; position: relative; } .prod_thumbnails a { border: 2px solid #ebeceb; margin-right: 7px; width: 62px; margin-bottom: 7px; } .prod_thumbnails a:hover { border: 2px solid #2b2e2d; } #prod_gallery-big .MagicZoomBigImageCont { border: 2px solid #2b2e2d; } .MagicZoomBigImageCont img { max-width: none; } .relate_options { padding: 10px; position: relative; top: 0px; background: #f5f5f5; } .relate_options .form_note { padding-left: 0; } .variation_main > .relate_options label { width: auto; padding-left: 0; } .field_wrap { margin-bottom: 10px; clear: both; } .variation_main > .relate_options > .relate_options label { padding-left: 0px; width: auto; } .variation_main > .relate_options > .relate_options > .relate_options label { padding-left: 5px; width: auto; } .variation_main > .relate_options > .relate_options > .relate_options .relate_options label { padding-left: 0px; width: auto; } .added_note p { margin-bottom: 20px; font-style: italic; clear: both; padding-top: 5px; margin-top: 0; padding-top: 0; } .added_note { padding-bottom: 25px; padding-top: 0px; color: #DD1C79; } #update_icon { position: relative; left: 25px; } #update_icon.pulse span { display: block; border: 3px solid #604226; border-radius: 30px; height: 15px; left: 50%; margin: -15px 0 0 -15px; opacity: 0; position: absolute; top: 50%; width: 15px; animation: pulsate 1s ease-out; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes pulsate { 0% { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .prod_form_required { font-style: italic; margin-top: 5px; color: #e52839; } #ask_question_wrap {padding: 15px 0 0 0; } #enquiry_form { background: #F5F5F5; padding: 10px 15px; } #enquiry_form input, #enquiry_form textarea { background: #fff; border: none; margin-bottom: 10px; } #enquiry_form input, #enquiry_form textarea, #enquiry_form label { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } #enquiry_form #human, #enquiry_form label[for="human"] { float: left; width: auto; margin-bottom: 10px; } #enquiry_form button { display: block;clear: both; } #enquiry_form ul { padding-left: 0; } .success_msg { clear: both; } .checkout_page .block { border-bottom: none; margin-bottom: 0px; clear: both; } .checkout_page h3 { margin: 20px 0; padding-top: 0; font-size: 1.5em !important; border-bottom: 1px #ebeceb solid; } #check_discount input { width: 200px; margin-right: 0px; padding: 5px 10px; } .update_quantity input { width: 50px; } .checkout_page .prod_name img { margin-right: 10px; } .checkout_page .prod_name a { text-decoration: none; } .remove_item button { border: medium none; cursor: pointer; display: block; height: 29px; text-indent: -999em; width: 13px; position: relative; color: #888a8a !important; background-color: #ebeceb; padding: 0px 15px; } .remove_item button:after { content: '×'; text-indent: 0; position: absolute; top: 2px; left: 10px; font-size: 18px; } /*#checkout_table, .postage_wrap table { width: 100%; }*/ #checkout_table { width: 100%; } .postage_wrap table { width: 100%; } .checkout_page .review_wrap { padding-bottom: 0; } #gift_receipt_wrap, .different_shipping_address_wrap .field_wrap { border-top: 1px solid #ebeceb; } .different_shipping_address_wrap .field_wrap { padding: 20px 20px 0 20px; } .different_shipping_address_wrap .field_wrap label { width: auto; } .billing_address_wrap label {text-transform: capitalize;} .shipping_address_wrap label {text-transform: capitalize;} label#same-shipping-address {text-transform: none; margin-left: -15px; margin-bottom: 20px; line-height: 20px;} label#gift-receipt-label {margin-left: -15px; width: auto;} #checkout_table_costs { float: right; margin: 0;} #secure_note { font-style: italic; } .checkout_page .form_note { padding-left: 35%; top: 4px; margin-bottom: 3px; } #cvv, #expiration-date, #expiration-month, #expiration-year { width: 100px; } .sage_logo img { width: 180px; } .sage_logo { display: inline-block; margin-top: 10px; } button[name="make_payment_btn"] { margin-right: 15px; } .shipping_address_wrap { padding-top: 0; } #gift_receipt_message { padding: 30px; background: #ebeceb; margin: 30px 0 0 0px; } #gift_receipt_message label { width: auto; } #gift_receipt_message p { font-style: italic; } .checkout_response ul { padding: 0 0 0 20px; list-style-position: outside; } .you_may_like_box { margin-top: 30px; } .you_may_like_box .cat_thumbail_wrap { width: 18%; background: #fff; clear: none !important; } .you_may_like_box h3 { margin: 5px 1%; text-align: center; } .overview_original_price { text-decoration: line-through; } .sale_tag { background: #cc0000; padding: 2px 9px; color: #fff; margin-bottom: 10px; display: inline-block; } .category_page .sale_tag { position: absolute; top: 0px; right: 0px; } .checkout_page .prod_name img { vertical-align: top; float: none; margin-right: 10px; display: block; width: 70px; } .checkout_page td { vertical-align: top; } .per_page_drop_wrap select { width: 70px; } .ordering_drop_wrap select { width: 142px; } .ordering_drop_wrap, .ordering_drop_wrap form, .page_numbers, .per_page_drop_wrap, .per_page_drop_wrap form {display: inline-block;} .rel_prods_wrap form > div { border-bottom: 1px solid #ebeceb; margin: 10px 0; border-bottom: 1px #fff solid; padding-bottom: 10px; } .rel_prods_wrap div .rel_img { float: left; margin-right: 15px; width: 60px; } .rel_prods_wrap div .prod_price { font-size: 1.2em; color: #DD1C79; margin-bottom: 7px; margin-right: 7px; } .required_field:after { content: '\002A'; margin-left: 5px; color: #cc0000; } .filter_name, .sidebar_menu > ul > li > a { font-weight: bold; display: inline-block; padding: 10px; } .filter_child_name { cursor: pointer; display: inline-block; padding: 10px; } .filter_child_name b { font-weight: normal; color: #888a8a; } .filter_child_name.active { color: #DD1C79;background: #fff; position: relative; } .filter_child_name.active:after { content: 'x'; position: absolute; top: 2px; right: 7px; } .filter_child_name:hover, .sidebar_menu .sub-menu > li > a:hover { color: #2b2e2d; } .cat_nav_wrap .filter_child_name { display: inline-block; float: right; position: relative; top: 4px; margin: 0; padding: 3px 7px; } .cat_nav_wrap .filter_wrap { display: inline; padding: 0; } .cat_nav_wrap .filter_child_name.active, .cat_nav_wrap .filter_child_name:hover { background: #2b2e2d; } .cat_nav_wrap .filter_child_name.active:after { display: none; } .breadcrumb_wrap { padding-bottom: 15px; font-size: 0.9em; letter-spacing: 0.05em; } .breadcrumb_wrap span { text-transform: uppercase; display: inline-block; margin-right: 20px; position: relative; color: #9ba09c; } .breadcrumb_wrap a { color: #2b2e2d; text-decoration: none; } .breadcrumb_wrap span:after { content: '/'; position: absolute; right: -13px; top: 0px; } .breadcrumb_wrap a:hover { color: #888a8a; } .breadcrumb_wrap span:last-child:after { display: none; } .breadcrumb_wrap span:last-child a { color: #DD1C79; } .postage_wrap > p:first-of-type {margin-bottom: 20px;} .destination-label {float: none; font-weight: bold; color: #626464;} .gallery_instructions { position: absolute; bottom: 0; right: 0; font-size: 0.85em; color: #888a8a; font-style: italic; } .single-products h1, .prod_mobile_header { color: #2b2e2d; font-size: 1.9em; width:calc(100% - 100px); } .prod_mobile_header { font-size: 1.5em; } .prod_top_info, .prod_mobile_info { border-bottom: 1px #ebeceb solid; margin-bottom: 10px; } .price_wrapper { line-height: 2em; margin-bottom: 15px; } .prod_cat_top a { color: #888a8a; text-transform: uppercase; text-decoration: none; font-size: 0.9em; } .prod_cat_top { margin: 0 0 5px 0; } .tab_content { display: none; } .tab_text { padding: 10px 0; } .tab_container .active { display: block; } .tabs { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ebeceb; margin-bottom: 12px; } .tabs li { float: left; margin: 0 7px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; } .tabs li a { padding: 7px 10px; background: #fff; text-decoration: none; display: block; cursor: pointer; color: #888a8a; transition: all 300ms ease-in-out; background: #ebeceb; } .tabs li .active, .tabs li a:hover { background: #DD1C79; color: #fff; } .tab_container { clear: both; } .restrict_txt_heigh { height: 120px; overflow: hidden; } .show_prod_txt_btn { cursor: pointer; position: absolute; bottom: 0; right: 0; background: #fff; padding: 5px 5px 0 5px; color: #888a8a; } #tab1 { position: relative; } .rel_prods_wrap { background: #ebeceb; padding: 15px 20px 20px 20px; margin-bottom: 22px; } .rel_prod_info_right { float: right; } .rel_prod_info_left { float: left; width:calc(100% - 120px); } .rel_prods_wrap a { text-decoration: none; text-transform: uppercase; font-size: 0.9em; } .rel_variation_main { clear: both; padding: 10px; background: #f5f5f5; } .reviews_wrap { padding-top: 30px; } .reviews_wrap h3 { border-bottom: 1px #888a8a dotted; margin-top: 15px; } .reviews_wrap ol { padding: 0; list-style: none; } .reviews_wrap ol li { margin-bottom: 9px; border-bottom: 1px #888a8a dotted; } .star_rating_wrap { width: 130px; height: 22px; background: no-repeat -3px -3px url('../images/stars.svg') ; } .num_stars_4 { background-position: -3px -31px; } .num_stars_3 { background-position: -3px -62px; } .num_stars_2 { background-position: -3px -90px; } .num_stars_1 { background-position: -3px -119px; } #commentform textarea, #commentform select, #commentform input { border: none; background-color: #ebeceb; margin-bottom: 5px; font-size: 0.9em; text-transform: uppercase; padding: 7px 10px; margin-top: 0; } .g-recaptcha { margin-bottom: 10px; } .cat_thumbail_wrap a img:nth-of-type(2), .cat_thumbail_wrap a picture:nth-of-type(2) img { display: none; } .cat_img_wrap img { position: absolute; top: 0; left: 0; } .cat_img_wrap { position: relative; padding-bottom: 133%; display: block; overflow: hidden; } .prod_videos_wrap { clear: both; padding-top: 25px; } .prod_video_thumb_wrap { width: 32%; float: left; margin-right: 1%; cursor: pointer; } .prod_video_wrap { width: 48%; float: left; margin-right: 2%; } .videoWrapper { position: relative; padding-bottom: 53%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .prod_videos_thumbnails_wrap { max-width: 400px; margin: 10px auto; } .prod_videos_wrap h2 { border-bottom: 1px #888a8a dotted; font-size: 1.8em; padding-bottom: 15px; color: #DD1C79; } .prod_videos_wrap h3 { font-size: 1.2em; margin-top: 15px; } .prod_video_thumb_wrap p { font-size: 0.9em; line-height: 1.1em; } .prod_video_thumb_wrap b { text-transform: uppercase; font-size: 0.9em; } /* hide */ select[name="billing_country"], select[name="country"]{ height: 1px; overflow: hidden; opacity: 0; padding: 0; position: absolute; left: 0; } .cat_stars { display: inline-block; width: 83px; height: 17px; background-repeat: no-repeat; background-size: 80px; background-position: left bottom; } .colour_indicator_wrap { text-align: right; position: relative; top: -19px; margin-bottom: -17px; } .colour_indicator { display: inline-block; width: 18px; height: 18px; border-radius: 50%; margin-left: -5px; border: 1px solid #fff; } .delivery_options_wrap { border: 1px solid #7D418D; padding: 20px 20px 0 20px; color: #7D418D; margin-top: 22px; margin-bottom: 22px; } .delivery_options_wrap > div { border-bottom: 1px #ebeceb solid; padding-bottom: 20px; margin-bottom: 20px; padding-right: 90px; position: relative; } .delivery_options_wrap p { margin: 0; } .delivery_options_wrap > div:last-child { border: none; margin-bottom: 0px; } .delivery_options_wrap > div:after, .postage_option_1678107252:after, .postage_option_1678107223:after { content: ''; display: block; position: absolute; right: 0px; top: calc(50% - 10px); transform: translateY(-50%); width: 70px; height: 45px; background: no-repeat -11px -109px url("../images/pc_sprite2.svg?v=11"); } .delivery_options_wrap > div.delivery_option_click_collect:after { background: no-repeat -0px -0px url("../images/Pulse-and-Cocktails-logo.svg"); background-size: 85px; width: 85px; height: 33px; } .delivery_options_wrap > div.delivery_option_collect_local:after { background: no-repeat -1100px -172px url("../images/pc_sprite2.svg?v=11"); } .delivery_options_wrap > div.delivery_option_delivery:after { background: no-repeat -11px -228px url("../images/pc_sprite2.svg?v=11"); } .postage_option_1678107252, .postage_option_1678107223 { position: relative; } .delivery_options_wrap > div.delivery_option_collect_local:after, .postage_option_1678107252:after, .postage_option_1678107223:after { background: no-repeat center center url("../images/1280px-Post_Office_Logo.svg.png"); background-size: 56px; } .delivery_options_wrap_header { background: #f0f1f0; padding: 6px 15px !important; margin: 0 -15px; margin-bottom: 10px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.025em; position: relative; color: #2b2e2d; } /*.delivery_options_wrap_header:after { content: 'i'; text-align: center; background: #fff; border: 2px solid #EBEBEB; border-radius: 50%; position: absolute; top: 3px; right: 7px; text-transform: none; padding: 1px 0px; width: 20px; }*/ .postage_option_1678107252:after, .postage_option_1678107223:after { bottom: auto; right: -11px; top: 43px; } .select_store { margin-top: 9px; margin-left: 13px; } .store_chosen { margin-top: 10px; } .sidebar_menu ul { list-style: none; padding: 0; margin: 0; } .sidebar_menu li { padding: 0; margin: 0; } .sidebar_menu a { text-decoration: none; display: block; } .sidebar_menu ul > li > a:hover { color: #DD1C79; } .cat_landing_page #content h2 { color: #DD1C79; margin-top: 25px; } .landing_cat_sub_wrap { border: 1px solid #ebeceb; margin: 5px; display: inline-block; width: calc(33.3% - 10px); box-sizing: border-box; vertical-align: top; } .landing_cat_sub_wrap a { display: block; text-align: center; text-decoration: none; } .landing_cat_sub_wrap a:hover { color: #DD1C79; } .landing_cat_sub_wrap:nth-child(10){ /*display: none;*/ } .landing_cat_sub_wrap a span:first-child { display: block; padding-bottom: 70%; background-repeat: no-repeat; background-size: cover; background-position: center top; } .landing_cat_sub_wrap a span:last-child { display: block; padding: 15px; } .landing_cat_sub_grid { } .cat_highlight_btn { margin-top: 10px; display: inline-block; } .landing_cat_highlight_prod_wrap { border: 1px solid #ebeceb; padding: 15px; margin-top: 15px; } .landing_blog_btns_wrap { margin: 30px 0; } .landing_blog_btns_wrap > div { display: inline-block; width: 33%; text-align: center; vertical-align: top; } .landing_blog_btns_wrap > div:nth-child(4) { display: none; } .landing_blog_btns_wrap > div a { display: inline-block; max-width: 150px; text-align: left; border: 1px solid #ebeceb; padding: 15px 25px; border-radius: 3px; text-transform: uppercase; text-decoration: none; position: relative; padding-right: 45px; margin: 5px; } .landing_blog_btns_wrap > div a:after { content: ''; display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 15px; height: 25px; background: no-repeat -371px -13px url('../images/pc_sprite2.svg?v=11'); } .landing_blog_btns_wrap > div a:hover { background-color: #ebeceb; } .category_page { position: relative; } .category_overview_type { text-align: center; } .find_click_reserve { padding: 10px 15px 10px 15px; } .reserve_pop_up_inner .find_click_reserve { padding: 11px 15px 11px 15px; } .klarna_prod_note > div { margin-bottom: 15px; } .reserve_pop_up_inner button { padding: 10px; } .product_selection_wrap { min-height: 183px; } .breadcrumb_outer { min-height: 48px; } /* ------------------------ account styles -------------------------------*/ .create_account_wrap { padding: 15px 20px 20px 20px; background: #f5f5f5; margin: 25px auto; max-width: 550px; box-sizing: border-box; } .create_account_wrap p { font-size: 1.1em; margin: 0 0 15px 0; } .create_account_wrap input { width: 100%; box-sizing: border-box; margin-bottom: 10px; border: none; } .create_account_wrap input:hover { background: #fff; } .create_account_wrap ul { padding: 0; } .login_wrap { max-width: 350px; margin: 0 auto; } .login_wrap input { width: 100%; } .login_wrap h2 { text-align: center; font-size: 20px; margin: 20px 0; border-bottom: 1px solid #f5f5f5; padding-bottom: 20px; } .your_orders_wrap #ask_question_wrap { padding-left: 0; } .retail_account h2 { font-size: 1.5em; } .account_details_wrap { margin-bottom: 30px; } .account_details_wrap h3 { text-align: left; } .my_account_page .half_pg_col { padding: 0 15px; } .checkout_sign_in_form { margin-top: 15px; } .checkout_login { padding: 13px 18px; background: #f5f5f5; color: #6a6a6a; } .checkout_sign_in_form input { width: calc(50% - 10px); margin-bottom: 15px; border: none; } .checkout_sign_in_form input[name="email"]{ margin-right: 15px; } .checkout_login p { margin: 0 0 0 0; font-size: 1.1em; } .my_account_page h1 { font-size: 2em; text-align: center; border-bottom: 1px solid #f5f5f5; padding-bottom: 20px; margin-bottom: 30px; } .main_image { text-align: center; } input[name="store_customer_id"]{ width: 100px; margin-right: 10px; } .checkout_login_form_wrap { display: none; position: relative; } .checkout_login_show { text-align: center; cursor: pointer; position: relative; } .checkout_login_show:after { content: ''; display: block; position: absolute; width: 7px; height: 7px; border-left: 2px solid #888a8a; border-bottom: 2px solid #888a8a; bottom: 9px; right: -2px; transform: rotate(-45deg); transition: all 450ms ease-out; } .checkout_login_show.active:after { transform: rotate(135deg); } .checkout_signup_link { position: absolute; right: 0; bottom: 0; } .order_info_box { margin-bottom: 10px; } .order_info_box span { display: inline-block; margin-right: 5px; } .account_details_wrap > button, .my_account_logout { margin: 0 10px 10px 0; } /* ------------------------ END PRODUCT PAGES -------------------------------*/ /* ------------------------ BLOG PAGES -------------------------------*/ .blog_search_page #content, .blog #content, .single-post #content, .category #content, .date #content { width: 70%; box-sizing: border-box; -moz-box-sizing: border-box; float: left; padding: 17px; } .blog_search_page #sidebar_wrap, .blog #sidebar_wrap, .single-post #sidebar_wrap, .category #sidebar_wrap, .date #sidebar_wrap { width: 27%; box-sizing: border-box; -moz-box-sizing: border-box; float: right; padding: 17px 17px 17px 0; } .blog_search_page img .blog img, .single-post img, .category img, .date img { max-width: 100%; height: auto; } .blog_search_page #sidebar, .blog #sidebar, .single-post #sidebar, .category #sidebar, .date #sidebar { list-style: none; } .blog_search_page .entry, .blog .entry { padding: 0px; } .post { margin-bottom: 30px; } .postmetadata { text-transform: uppercase; font-size: 0.8em; padding: 5px 10px; background: #ebeceb; color: #2b2e2d; clear: both; } .postmetadata a { color: #2b2e2d; } #sidebar { background: #ebeceb; margin-top: 0; padding-top: 5px; } #sidebar h2 { font-size: 1.5em; color: #DD1C79; } #sidebar ul li { border-bottom: 1px solid #fff; margin: 3px 0; } .blog h2 a, .blog_search_page h2 a { color: #2b2e2d; } .more-link { clear: both; display: block; width: 90px; text-align: center; margin: 10px 0 15px 0; } #sidebar { padding: 15px; } #sidebar h2 { margin-top: 0; border: none; } .widget { margin-bottom: 15px; margin-top: 0; } .store_info_page .reviews_wrap { clear: both; padding-top: 30px; } .store_reviews_wrap ol > li { background: #f4f4f4; padding: 7px 20px; } .store_reviews_wrap ol > li.comment_reply_bg { background: #ebeceb; } .news_opt_in_wrap label { width: auto; float: none; margin-bottom: 0; font-style: italic; color: #666;font-size: 0.95em; } .news_opt_in_wrap { padding: 5px 0px 10px 0; position: relative; margin: 0px 0 0px 35%; } .news_opt_in_wrap [type="checkbox"] { margin: 3px 10px 0 0; } .blog_also_like > div { padding-top: 20px; } .blog_also_like > div a { display: inline-block; width: 33.3%; padding: 0 10px; box-sizing: border-box; vertical-align: top; text-decoration: none; font-size: 1.2em; color: #DD1C79; transition: all 500ms ease-in-out; text-align: center; } .blog_also_like > div a:hover { color: #2b2e2d; } .blog_also_like > div p { margin: 0; padding: 10px; } .giphy-embed { width: 100%; } /* ------------------------ END BLOG PAGES -------------------------------*/ /* ------------------------ END BASIC STYLES -------------------------------*/ /* ------------------------ HEADER STYLES -------------------------------*/ .search_price { display: block; color: #DD1C79; font-size: 0.9em; } .searchform label { width: auto; } /* ------------------------ MAIN MENU -------------------------------*/ #nav { background: #181818; padding: 17px 10px; border-bottom: 3px solid #DD1C79; } #nav a { text-decoration: none; } #menu-main-menu > li > a { font-weight: 500; color: #fff; text-transform: uppercase; padding: 10px 15px 20px 15px; position: relative; margin-right: -1px; } #menu-main-menu > li.menu-item-has-children > a:after { display: none; content: ''; width: 14px; height: 11px; background: no-repeat -37px -6px url("../images/pc_sprite2.svg?v=11"); position: absolute; top: 15px; right: -5px; } #menu-main-menu > li#menu-item-3881 > a:after { content: ''; width: 13px; height: 16px; background: no-repeat -70px -2px url("../images/pc_sprite2.svg?v=11"); position: absolute; top: 12px; right: -2px; } .menu-header { position: relative; } /** drop menu **/ #menu-main-menu li { margin: 0; } #menu-main-menu li .sub-menu > .menu-item-has-children { display: block; margin: 0; position: relative; } #menu-main-menu > li > .sub-menu { visibility: hidden; opacity: 0; position: absolute; top: 50px; right: 0px; z-index: 500; padding: 2px 10px 15px 10px; transition: all 300ms ease-in-out; z-index: auto; width: 100%;; } #menu-main-menu > li > .sub-menu { padding: 6px 0 0 0; } #menu-main-menu li:hover > .sub-menu { visibility: visible; opacity: 1; top: 35px; z-index: 500; } #menu-main-menu .sub-menu { text-align: left; color: #fff; } #menu-main-menu .sub-menu a { display: block; line-height: 1.2em; padding: 8px 15px; text-transform: uppercase; } #menu-main-menu > li > .sub-menu li, #menu-main-menu > li.single_column > .sub-menu > li { padding: 5px 0px; display: block; margin-bottom: -15px; } /** END drop menu **/ #menu-main-menu > li > .sub-menu:after { content: ''; position: absolute; top: 0; bottom: -24px; left: 0; right: 0; opacity: 0.975; background: #fff; z-index: -100; } #nav .sub-menu a { color: #2b2e2d; } .view_menu_btn { display: none; } #menu-main-menu { text-align: center; } #menu-main-menu > li { display: inline; } #menu-main-menu > li > .sub-menu > li { width: 25%; float: left; } #menu-main-menu > li.single_column > .sub-menu > li { width: 100%; float: none; } #menu-main-menu > li > .sub-menu > li.drop_image { width: 50%; padding-right: 20px; box-sizing: border-box; text-align: right; } #nav .sub-menu a:hover { color: #DD1C79; } .menu_search { display: none; } #nav .sub-menu .bold a { font-weight: bold; } #menu-main-menu { display: flex; justify-content: space-evenly; } #menu-item-59486, #menu-item-49040, #menu-item-65429, #menu-item-69624 { display: none !important; } #menu-item-71701 > a { background: #d91a1a; padding-bottom: 17px !important; top: 1px; } /* ------------------------ HOMEPAGE -------------------------------*/ .home_banner { text-align: center; } .home_banner a {display: block;} .page-id-9 #page { padding-top: 0; } .col_2 { width: 50%; float: left; box-sizing: border-box; } .home_boxes_wrap { border-bottom: 1px #ebeceb solid; padding-bottom: 30px; margin-bottom: 20px; } .home_postcode_search_wrap { background-color: #DD1C79; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#e32727), to(#DD1C79)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(left, #DD1C79, #e32727); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #DD1C79, #e32727); /* IE 10 */ background: -ms-linear-gradient(left, #DD1C79, #e32727); /* Opera 11.10+ */ background: -o-linear-gradient(left, #DD1C79, #e32727); text-align: center; color: #fff; font-size: 2.5em; font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif; margin-bottom: 40px; padding-left: 0 !important; padding-right: 0 !important; margin-left: 10px; margin-right: 10px; } .home_postcode_search_wrap form, .home_postcode_search_wrap p { display: inline; position: relative; display: none; } .home_postcode_search_wrap p { margin-right: 10px; line-height: 1em; } .home_postcode_search_wrap input { background: transparent; border: none; border-bottom: 1px #fff solid; color: #fff; font-size: 0.8em; font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif; } .home_postcode_search_wrap button { width: 30px; height: 30px; background: transparent no-repeat -199px -5px url("../images/pc_sprite2.svg?v=11"); text-indent: -999em; position: relative; top: 18px; } .home_postcode_search_wrap ::-webkit-input-placeholder { color: #fff; } .home_postcode_search_wrap :-moz-placeholder { /* Firefox 18- */ color: #fff; } .home_postcode_search_wrap ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .home_postcode_search_wrap :-ms-input-placeholder { color: #fff; } .home_postcode_search_wrap .button { font-size: 17px; background: #fff; display: block; width: 156px; margin: 0 auto; color: #DD1C79 !important; position: relative; top: -1px; } .home_store_wrap h2 { max-width: 644px; height: 0px; background: no-repeat left top url('../images/Europe-largest-sexy-superstores.svg'); background-size: contain; text-indent: -999em; margin: 0px auto 0 auto; padding: 30px 0 0 0; padding-bottom: 8%; } .home_store_wrap .purple { text-align: center; font-size: 1.25em; margin: 0; } .home_store_wrap .pink { text-align: center; font-size: 1.25em; margin: 5px 0 15px 0; } .home_store_wrap .col_2 { padding: 5px 10px 0 10px; } .home_store_wrap .col_2 .button { margin-top: 10px; display: inline-block; } .home_boxes_wrap a { display: block; transition: all 400ms ease-in-out; } .home_boxes_wrap img, .videoWrapper { border-left: solid #fff 3px; border-right: solid #fff 3px; border-bottom: solid #fff 6px; box-sizing: border-box; } .home_boxes_wrap a:hover { opacity: 0.8; } .home_boxes_wrap_top { padding-top: 15px; } .home_store_wrap { margin-bottom: 45px; } .home_store_wrap .page_width { border-bottom: 1px #ebeceb solid; padding-bottom: 40px; } .home_blog_posts_wrap h3, .you_may_like_box h3 { font-weight: bold; text-transform: uppercase; text-align: center; border-bottom: 1px #ebeceb solid; padding-bottom: 20px; font-size: 1.1em; } .home_store_wrap h1 { font-size: 2.2em; margin-top: 10px; } .home_store_wrap .button { padding-right: 35px; position: relative; } .home_store_wrap .button:after { content: ''; display: block; position: absolute; right: 9px; top: 9px; transform: translateY(-50%); width: 15px; height: 25px; background: no-repeat -371px -59px url(../images/pc_sprite2.svg?v=11); transform: scale(0.8); transform-origin: top; } .you_may_like_box h3 { padding-top: 20px; border-top: 1px #ebeceb solid; } .home_blog_posts_wrap { padding-bottom: 40px; } .thank_you_page .home_blog_posts_wrap { margin-top: 50px; } .thank_you_page .home_blog_posts_wrap h3 { border-top: 1px #ebeceb solid; padding-top: 20px; } .home_post_wrap { padding: 15px; text-align: center; } .home_post_wrap h4 { font-weight: bold; text-transform: uppercase; font-size: 1.1em; margin-bottom: 10px; margin-top: 10px; } .home_post_wrap p { font-size: 0.9em; margin-bottom: 20px; } #footer li a:hover { text-decoration: none; } .imprint a { text-decoration: none; } .imprint a:hover { text-decoration: underline; } .flexslider a { display: block; position: relative; text-decoration: none; } .flex-direction-nav { position: absolute; bottom: 0px; right: 0px; list-style: none; margin: 0; padding: 0; } .flex-direction-nav li { display: inline; margin: 0 10px; } .flex-direction-nav a { display: inline-block; width: 15px; height: 25px; text-indent: -999em; background: no-repeat -342px -13px url('../images/pc_sprite2.svg?v=11'); } .flex-direction-nav a.flex-next { background: no-repeat -371px -13px url('../images/pc_sprite2.svg?v=11'); } .slides { margin: 0; padding: 0; text-align: center; } .slides li { list-style: none; display: none; margin: 0; } .slides li:first-child { display: block; } #slider_wrap { position: relative; } .flex-control-nav { text-align: center; margin: 7px 0 0 0; padding: 0; } .flex-control-nav li { list-style: none; display: inline-block; } .flex-control-nav a { text-indent: -999em; border-radius: 100%; border: solid 1px #ebeceb; width: 10px; height: 10px; margin: 0 5px; } .flex-control-nav a.flex-active { background: #ebeceb; } .hide { display: none; } .banner_mob { display: none; } .clear_left { clear: left; } #feefo-service-review-carousel-widgetId { border-bottom: 1px #ebeceb solid; margin-bottom: 35px; margin-top: -20px; } .footer_feefo_badge { width: 170px; margin-bottom: 15px; } feefowidget-container-content .feefowidget-container-content__accordion-btn { background: #3f3c3d !important; } .store_finder_wrap { background-image: url('../images/locator_icon_blur.png?v=5'); background-repeat: no-repeat; background-position: center -35px; padding: 25px 10px 25px 10px; background-size: 384px 170px; } .post_office_banner { background: #D92531; text-align: center; color: #fff; font-size: 25px; padding: 10px; } .post_office_banner img { width: 94px; margin-right: 12px; } .post_office_banner p { display: inline; } .slick_wrap { overflow: hidden; } .slick_wrap_home_store_images { } .slick_wrap_home_store_images.slick-slider { width: 100% !important; margin-top: 0px !important; } .slick_wrap_home_store_images .slick-arrow { border-color: #fff; left: 13px; } .slick_wrap_home_store_images .slick-next { left: auto; right: 13px; } .slick_wrap_home_store_images .slick-arrow { top: 50%; } .slick_wrap .cat_thumbail_wrap { clear: none !important; margin: 5px !important; } .slick_wrap .cat_thumbail_wrap a { border: 1px #F1F1F3 solid !important; padding: 8px !important; height: 100%; box-sizing: border-box; } .slick_wrap .cat_thumbail_wrap .prod_img:after { /* background: transparent;*/ } .slick_wrap .cat_thumbail_wrap .prod_price { padding-bottom: 2px; } .slick_wrap .cat_thumbail_wrap .prod_img { margin: -8px -8px 10px -8px; } .slick_wrap .cat_thumbail_wrap .feefo_stars_cat i { display: none; } .slick_wrap .cat_thumbail_wrap .feefo_stars_cat { margin-bottom: 7px; } .slick-track { display: flex !important; } .slick-slide { height: inherit !important; } .slick-dots { list-style: none; text-align: center; } .slick-dots li { display: inline-block; margin: 0 5px; } .slick-dots li button { text-indent: -999em; overflow: hidden; height: 10px; width: 10px; border-radius: 50%; padding: 0; background: #ebeceb; } .slick-dots li.slick-active button { background: #888a8a; } .home_image { text-align: center; margin: 4px 0; } .home_image img { vertical-align: bottom; } .home_image a { display: block; } .home_image img.mobile { display: none; } .home_image_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; } .home_image_grid .home_image:nth-child(2) { grid-row: span 2; } .home_image_grid .home_image { margin: 0; } .home_icons { text-align: center; background: #f5f5f5; padding-top: 20px; padding-bottom: 20px; } .home_icons > div { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .home_icons .home_image img { max-width: 109px; } .home .footer_outer { margin-top: 0px; } .full_width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; } /* ------------------------ NEWS LETTER POP UP -------------------------------*/ .half_col { width: 50%; float: left; box-sizing: border-box; } #newsletter_popup_outer { position: fixed; z-index: 10001; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; height: 100%; } #newsletter_popup { display: none; opacity: 0; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; transition: all 500ms ease-in-out; background: rgba(50,50,50,0.5); } #newsletter_popup #mc_embed_signup { padding: 0; } #newsletter_popup .popup_header { font-size: 1.9em; text-transform: uppercase; line-height: 1.2em; font-weight: bold; } #newsletter_popup p { font-size: 1.3em; padding: 0 17px; } .newsletter_close, .store_info_close { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; cursor: pointer; } .newsletter_close:after, .store_info_close:after, .slick-lightbox-close:before { content: ''; position: relative; top: 5px; left: 3px; font-size: 16px; display: block; width: 15px; height: 15px; background: no-repeat -409px -10px url('../images/pc_sprite2.svg?v=11'); } #newsletter_popup.open { opacity: 1; } #newsletter_popup_inner { position: relative; max-width: 400px; margin: 0 auto; text-align: center; background: #fff; padding: 30px 20px 25px 20px; box-sizing: border-box; } #center_popup { display: table-cell; text-align: center; vertical-align: middle; } .popup_response { margin-top: 10px; line-height: 1.3em; font-size: 1.1em; font-style: italic; } .popup_response p { margin: 0; padding: 10px 5px; } #newsletter_popup input { background: #fff; margin-bottom: 10px; width: 80%; } #newsletter_popup_inner .half_col:first-child { text-align: left; } #newsletter_popup_inner .half_col:last-child { padding: 20px; } /** exit_survey **/ .exit_survey_wrap { color: #fff; padding: 0 15px; } .exit_survey_wrap > .button { display: block; max-width: 320px; margin: 15px auto; background: #fff; color: #DD1C79 !important; padding: 15px; text-align: center; box-sizing: border-box; } #poptinFormSubmit8f0cbce75cfe0 input { max-width: 320px !important; padding: 10px !important; margin: 7px auto !important; box-sizing: border-box !important; border: none !important; width: 100%; } #poptinFormSubmit8f0cbce75cfe0 #closeXButton { opacity: 0 !important; height: 2px !important; overflow: hidden !important; } #poptinFormSubmit8f0cbce75cfe0 #closeXButton .close-icon { color: #DD1C79 !important; text-shadow: none !important; } #poptinFormSubmit8f0cbce75cfe0 #closeXButton .close-icon.show { color: #fff !important; } .exit_survey_hide { display: none; border: 3px solid #fff; margin: 15px 0; padding: 13px 20px; text-align: center; } .exit_survey_hide p { margin: 7px 0; } .discount.exit_survey_hide { font-size: 1.2em; } .discount.exit_survey_hide p:first-child{ font-size: 1.2em; } .exit_survey_hide.active { display: block; } .cant_find_submit, .email_notify_submit { display: block; max-width: 100px; margin: 7px auto; background: #fff; color: #DD1C79 !important; padding: 8px; } /** END - exit_survey **/ /* ------------------------ FOOTER -------------------------------*/ .footer_outer { background: #181818; padding: 20px 10px; margin-top: 40px; padding-bottom: 11px; } #footer, #footer a { color: #fff; } .social_btns a { text-indent: -999em; margin: 0 5px 10px 5px; display: inline-block; width: 35px; height: 35px; background: no-repeat -149px -5px url('../images/pc_sprite2.svg?v=11'); transition: all 500ms ease-out; } .social_btns a.tw { background-position: -98px -5px; } .social_btns a:hover.tw { background-position: -98px -42px; } .social_btns a:hover.fb { background-position: -149px -42px; } .social_btns a.insta { background-position: -526px -5px; } .social_btns a:hover.insta { background-position: -526px -42px; } .social_btns a.yt { background-position: -470px -5px; width: 48px; } .social_btns a:hover.yt { background-position: -470px -42px; } #footer ul { columns: 2; -webkit-columns: 2;-moz-columns: 2; list-style: none; padding: 0; margin: 10px 0; } #footer li { margin: 0 0 3px 0; } #footer input { width: 100%; background: transparent; border: none; border-bottom: 1px #fff solid; margin-bottom: 10px; color: #fff; } #footer input[type="checkbox"] { border: 1px #fff solid; position: relative; top: 1px; padding: 6px; } #subForm label { width: 100%; float: none; } #subForm label { line-height: 1.3em; margin-bottom: 15px; } #subForm label input { margin: 0 5px 0 0; } /* ------------------------ GENERAL -------------------------------*/ #post-59440 h1 { display: none; } .page-id-59440 #page, .page-id-59440 .entry { padding-top: 0px; } .store_finder_form { position: relative; } .store_finder_form input { width: 100%; } .store_finder_form.locator_page input { border-color: #fff; } .store_finder_form button { position: absolute; top: 4px; right: 51px; transform: rotate(-90deg); background-color: #fff; } .location_button { cursor: pointer; border-left: 1px solid #ebeceb; position: absolute; top: 4px; right: 10px; padding-left: 6px; } .location_button svg { position: relative; top: 3px; } .location_button:hover svg { opacity: 0.5; } .location_button svg path { fill: #DD1C79; } .today_opening_times { font-weight: bold; } #googleMap, .store_locations_wrap { height: 650px; width:100%; } .store_locations_outer_wrap { position: relative; border-top: 2px solid #ebeceb; border-bottom: 2px solid #ebeceb; padding: 15px 0; margin: 15px 0; } .store_locations_wrap { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .store_map_wrap { grid-column: span 4; } .stores_list_wrap { overflow: scroll; grid-column: span 2; padding-right: 14px; } .store_info_map_wrap { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .store_gmap_wrap { grid-column: span 4; } .store_info_wrap { grid-column: span 2; padding: 20px; border: 1px solid #ebeceb; } .store_info_wrap .store_number { font-weight: bold; } .locator_page { position: absolute; top: 25px; z-index: 10; right: 65px; left: calc(33.3% + 10px); } .stores_list_wraps { display: flex; flex-direction: column; } .stores_list_wraps .store_address { max-height: 97px; overflow: hidden; } .store_wrap { order: 2; border: 1px solid #fff; border-bottom: 1px solid #ebeceb !important; padding: 10px; } .store_wrap.active { order: 1; border: 1px solid #d9d9d9 !important; border-left: 4px solid #DD1C79 !important; background-color: #fcfcfc; } .stores_list_wraps .update_icon { display: block; height: 36px; visibility: visible !important; width: 36px; left: 0 !important; } .store_name { font-size: 19px; display: block; margin-bottom: 7px; text-decoration: none; position: relative; padding-right: 17px; } .store_name:after { content: ''; width: 13px; height: 16px; background: no-repeat -70px -2px url(../images/pc_sprite2.svg?v=11); position: absolute; top: 0px; right: -5px; } .store_address { margin: 10px 0; font-size: 0.95em; } .today_opening_times { margin: 10px 0; } .store_number { font-size: 16px; text-decoration: none; padding-bottom: 6px; } .store_number svg { position: relative; top: 7px; } .store_number svg path { fill: #666 !important; } .store_button_wrap { display: grid; grid-template-columns: 1fr 1fr; text-align: center; grid-gap: 14px; margin: 10px 0; } .store_button_wrap a { padding-left: 10px; padding-right: 10px; } #googleMap .gmnoprint { display: none; } .stores_list { columns: 5; margin: 0 0 25px 0; border-bottom: 2px solid #ebeceb; padding-bottom: 25px; column-gap: 21px; } .stores_list_header { font-size: 19px; margin: 25px 0 13px 0; font-weight: normal; font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif; } .stores_list a { display: inline-block; padding: 2px 0 5px 12px; text-decoration: none; position: relative; } .stores_list a:before { content: '- '; position: absolute; left: 0; top: 1px; } .mob_list_map_buttons { display: grid; grid-template-columns: 1fr 1fr; max-width: 350px; margin: 0 auto; text-align: center; background: #fff; border: 2px #666 solid; } .mob_list_map_buttons_wrap { display: none; padding: 10px; border-bottom: 2px solid #ebeceb; } .mob_list_map_buttons .button { background: #fff !important; color: #666 !important; } .mob_list_map_buttons .button.active { background: #666 !important; color: #fff !important; } .map_btn { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .store_list_btn { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .store_info_close { display: none; } @keyframes rotate { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } .location_button.active svg { animation-duration: 1s; animation-name: rotate; animation-iteration-count: infinite; animation-direction: alternate; } .store_info_boxes { clear: both; } .purple { color: #5a3e4c; } .pink { color: #DD1C79; } .half_page { width: 50%; float: left; padding: 0 20px 0px 0; box-sizing: border-box; } .stores_list_wrap a { display: block; } .stores_list_wrap ul { padding-left: 20px; } .stores_list_wrap li { margin: 3px 0; } .stores_list_wrap a:hover { color: #DD1C79; } p { line-height: 1.4em; } #search_results em { color: #DD1C79; } #search_results .FYN_viewmap { display: none; } .store_info_page #content, .single-post { width: 100%; } .all_stores_button { display: block; font-size: 18px; margin-bottom: 16px; position: relative; padding-left: 35px; text-decoration: none; top: -8px; } .all_stores_button:hover { text-decoration: none; } .all_stores_button:after, .all_stores_button:before { transition: all 300ms ease-in-out; } .all_stores_button:hover:after { left: -5px; } .all_stores_button:hover:before { left: -1px; } .all_stores_button:after { content: ''; display: block; position: absolute; background: no-repeat -342px -10px url('../images/pc_sprite2.svg?v=11'); width: 20px; height: 29px; left: 0; top: -4px; transform: scale(0.7); } .all_stores_button:before { content: ''; background: #DD1C79; width: 20px; height: 1.5px; position: absolute; left: 4px; top: 9.5px; } .pink_header { font-size: 1.2em; color: #DD1C79; margin-bottom: 10px; } .store_info_wrap h3 { border-bottom: 1px solid #ebeceb; padding-bottom: 10px; } .store_gmap_wrap iframe { width: 100% !important; height: 100% !important; } .open_times_wrap p { margin: 5px 0; display: grid; grid-template-columns: 2fr 1fr; } .open_times_wrap p.this_day { background: #ebeceb; padding: 3px 6px; margin-left: -6px; margin-right: -6px; } .open_times_wrap p span:last-child { text-align: right; } #post-4578 .entry .half_page { margin-top: 25px; } #post-4578 .entry .size-medium { max-width: 250px; } .find_click_collect { position: relative; top: 19px; } #fuel_voucher_form { max-width: 350px; background: #ebeceb; padding: 20px; } #fuel_voucher_form input { width: 100%; margin: 5px 0; } .fuel_voucher_note { font-size: 0.9em; font-style: italic; } .ninja-forms-required-items { display: none; } .ninja-forms-form-wrap label { font-weight: normal !important; } .ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea { width: 400px !important; } .list-radio-wrap input, .ninja-forms-form-wrap input.button { width: auto !important; } .MultiFile-wrap input { border-color: #fff !important; } .ninja-forms-field h2 { margin-bottom: 30px; } .list-radio-wrap span ul li input { margin-left: 0 !important; } .textarea-wrap textarea { height: 110px !important; } .newsletter_check { font-size: 0.9em; font-style: italic; display: block; padding: 10px 0; } .newsletter_check label { width: auto; float: none; display: inline; } #fuel_voucher_form .newsletter_check input { margin: 0 3px 0 0; } .not_availible { color: #888a8a; } input[name="click_collect_post_code"] { width: calc(100% - 86px); border-color: #ccc; padding: 9px 10px; color: #888a8a; position: relative; top: 1px; } input[name="click_collect_post_code"]::placeholder { color: #888a8a; } .collect_only_item input[name="click_collect_post_code"] { width: 100%; margin-bottom: 17px; } .collect_only_item .button { background-color: #DD1C79; padding-left: 40px; padding-right: 40px; } .collect_only_item .button:after { content: ' availibility'; } .reserve_pop_up_inner input[name="click_collect_post_code"] { width: calc(100% - 90px); padding: 8px 10px; } .checkout_page_text { background: #ebeceb; padding: 10px 20px; font-size: 0.85em; margin-top: 15px; } .checkout_page_text_top { width: 20%; float: right; box-sizing: border-box; margin-top: 20px; } .discount_wrap .checkout_page_text { margin-bottom: 15px; } .checkout_page_text_bottom { display: none; } #post-11053 iframe { width: 100% !important; } .store_page_gallery { background: #ebeceb; padding: 15px 20px 12px 20px; margin-top: 20px; } .store_page_gallery .gallery-item { text-align: left; margin-bottom: 10px; max-width: 230px; margin-right: 10px; } #TB_caption { color: #ebeceb; float: none; text-align: right; padding: 20px 30px 20px 25px !important; box-sizing: border-box; width: 100%; line-height: 0; } #TB_closeWindow { display: none; } #TB_ImageOff .screen-reader-text { text-indent: -999em; display: block; position: absolute; top: -8px; right: 10px; width: 20px; height: 20px; cursor: pointer; } #TB_ImageOff .screen-reader-text:after { content: ''; display: block; width: 15px; height: 15px; background: no-repeat -409px -10px url('../images/pc_sprite2.svg?v=11'); } #TB_window img#TB_Image { margin-top: 30px !important; } #TB_window { background-color: #ebeceb !important; } #TB_window a { font-size: 0.9em; text-decoration: none; text-transform: uppercase; } #TB_Image { border: none !important; } .gallery-icon img { max-width: 100% !important; padding: 0 !important; } .promo_banner { background: #ebeceb; padding: 15px; margin: 15px 0; color: #DD1C79; } .single-products .promo_banner, .page-id-5 .promo_banner { margin-top: 0; position: relative; top: -10px; } .content_404 { background: transparent no-repeat right bottom url('../images/404-page_crop.jpg?v=2'); background-size: contain; } .content_404 .sf_search { background: transparent; width: 250px; border: 1px #ebeceb solid !important; position: relative; } .content_404 p:nth-of-type(1), .content_404 p:nth-of-type(2) { font-size: 1.2em; } .content_404 p { margin: 20px 0; } .content_404_buttons { max-width: 320px; } .content_404_buttons .button { width: 148px; display: inline-block; text-align: center; margin: 0 10px 10px 0; } .tour_350:after { /* content: ' - 360 Tour'; color: #DD1C79; font-style: italic; */ } .tour_360_wrap iframe { width: 100% !important; height: 425px !important; border: none !important; } .tour_360_anchor { text-decoration: none; padding: 10px 0 2px 0; display: block; cursor: default; } .tour_360_anchor:hover { color: #DD1C79; text-decoration: none; } .store_info_page .slick_wrap .slick-slide { padding: 0 5px; } .store_info_page .slick_wrap { margin: 0 -5px; } .store_info_page .slick_wrap .slick-slide img { height: 182px; width: 100%; } .store_gallery_image { cursor: pointer; } .store_info_page .slick-arrow { left: 20px; border-color: transparent; z-index: 1; } .store_info_page .slick-next { left: auto; right: 20px; } .store_info_page .slick-arrow:before, .slick-lightbox-inner .slick-arrow:before { content: ''; position: absolute; background: rgba(0,0,0,0.75); width: 30px; height: 30px; border-radius: 50%; top: -8px; left: -7px; z-index: -1; } .store_info_page .slick-arrow:after, .slick-lightbox-inner .slick-arrow:after { content: ''; position: absolute; width: 10px; height: 10px; border: 2px solid #fff; border-left: none; border-top: none; top: 0; left: 0; z-index: 1; } .slick-lightbox-inner .slick-arrow { top: calc(50% - 7px); } .slick-lightbox-close:before { content: '' !important; opacity: 1 !important; } .slick-lightbox { z-index: 99999 !important; } .store_info_page .slick_wrap.slick-slider { width: 100%; padding: 0; } .store_products_available { flex-wrap: wrap; } .store_products_available > p { width: 50%; margin: 3px 0; position: relative; padding-left: 18px; box-sizing: border-box; } .store_products_available > p:before, .store_products_available > p:after { content: ''; display: block; position: absolute; top: 9px; left: 0; height: 2px; width: 14px; background: #DD1C79; transform: rotate(-45deg); } .store_products_available > p:after { transform: rotate(-135deg); top: 11px; left: -2px; width: 6px; } .slick-lightbox-slick { top: 50%; transform: translateY(-50%); } .accordion dt > a { text-decoration: none; border-bottom: 1px solid #ebeceb; padding-bottom: 10px; margin-bottom: 10px; display: block; position: relative; padding-right: 20px; } .accordion dt > a:before { content: ''; width: 14px; height: 10px; background: no-repeat -37px -7px url(../images/pc_sprite2.svg?v=11); position: absolute; top: 7px; right: -0px; transition: all 300ms ease-in-out; } .accordion dt > a.active:before { transform: rotate(180deg); } .accordion dt > a:focus { outline: none; } .accordion dd p { padding: 15px 10px 20px 10px; margin: 0; } .landing_faq_wrap { border: 1px solid #ebeceb; padding: 15px 20px; margin-top: 15px; } .landing_faq_wrap h3 { margin-bottom: 0; } .store_discount_wrap { background: #ebeceb; padding: 20px; text-align: center; margin-bottom: 20px; } .store_discount_wrap p { margin: 0; font-size: 1.4em; } .store_discount_wrap p:first-child { margin-bottom: 10px; } .store_discount_wrap .store_discount_code { background: #fff; padding: 8px 20px; font-size: 27px; font-weight: bold; letter-spacing: 0.025em; display: inline-block; color: #DD1C79; } .store_discount_wrap .store_discount_note { margin: 10px 0 0 0; font-size: 1em; font-style: italic; } .info_overlay { position: absolute; top: 0; left: 0; z-index: 2; padding-top: 15px; } .info_text_overlay { background: #DD1C79; color: #fff; padding: 4px 15px; border-top-right-radius: 11px; border-bottom-right-radius: 11px; line-height: 1.1em; margin-bottom: 8px; font-size: 13px; } .info_text_overlay.sale { background: #cc0000; } .info_overlay img { width: 60px; } #product_wrap .info_overlay img { width: 80px; } .info_image_overlay { position: relative; left: -10px; top: -30px; margin-bottom: -25px; } .cat_thumbail_wrap .info_overlay_prod_link { display: block; border: none; padding: 0; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .cat_thumbail_wrap a:hover.info_overlay_prod_link { border: none; } .page-id-3871 .the_content { /* background: #F5F5F5; padding: 5px 15px;*/ } .grey_bg_block, .blue_bg_block { font-size: 1.1em; } .blue_bg_block { background: #3B8ACD; padding: 20px 30px; color: #fff; margin: 10px 0; } .dark_blue_bg_block { background: #074368; font-size: 1.2em; } .blue_txt_highlight { background: #3B8ACD; display: inline-block; padding: 4px 15px; margin: 0 5px; font-weight: bold; color: #fff; border-radius: 7px; } .blue_bg_block p { margin: 20px 0; } .blue_bg_block .button { background: #fff; color: #3B8ACD !important; border-radius: 50px; font-size: 0.9em; } .blue_bg_block h1 { color: #fff; font-size: 35px; padding: 0; } .blue_bg_block p { max-width: 700px; margin-left: auto; margin-right: auto; } .grey_bg_block { background: #f1f1f1; padding: 30px; margin: 10px 0; } #post-65318 .grey_bg_block, #post-69148 .grey_bg_block { margin-bottom: -30px; } #post-65318 .the_content, #post-69148 .the_content { max-width: 950px; margin-left: auto; margin-right: auto; } .narrow_block { max-width: 750px; margin-left: auto; margin-right: auto; } .grey_bg_block h3 { margin-bottom: 0; line-height: 1.5em; } .customer_quote { display: inline-block; vertical-align: top; width: calc(33% - 20px); margin: 10px; border: 1px solid #ebeceb; border-radius: 15px; padding: 10px 20px; box-sizing: border-box; } .customer_quote p { font-size: 1.1em; font-style: italic; } .customer_quote p:nth-of-type(1) { font-size: 1em; font-style: normal; } .landing_page_categories { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; } .landing_page_category { display: flex; align-items: center; } .landing_page_category a { border: 2px solid #DD1C79; border-radius: 15px; padding: 10px 20px; box-sizing: border-box; color: #DD1C79; display: inline-block; width: 100%; text-align: center; text-decoration: none; font-size: 16px; font-weight: bold; transition: all 300ms ease-in-out; } .landing_page_category a:hover { background: #DD1C79; color: #fff; } .landing_page_help_info { padding: 20px 0; } .landing_page_help_info h2 { text-align: center; margin-bottom: 30px; } .slick_wrap_product { width: 100% !important; } .page-id-65333 #page, .page-id-69465 #page, .page-id-69344 #page { padding-top: 0px; margin-top: 0px !important; } .page-id-65333 .narrow_block, .page-id-69465 .narrow_block, .page-id-69344 .narrow_block { margin-top: 30px; margin-bottom: 30px; } .page-id-65333 .the_content > p:nth-of-type(1), .page-id-69465 .the_content > p:nth-of-type(1), .page-id-69344 .the_content > p:nth-of-type(1), .page-id-65333 .the_content > p:nth-of-type(2), .page-id-69465 .the_content > p:nth-of-type(2), .page-id-69344 .the_content > p:nth-of-type(2){ margin-top: 0; text-align: center; } .page-id-65333 .the_content > p:nth-of-type(2), .page-id-69465 .the_content > p:nth-of-type(2), .page-id-69344 .the_content > p:nth-of-type(2){ display: none; } @media all and (max-width: 500px) { .page-id-65333 #page, .page-id-69465 #page, .page-id-69344 #page { padding-top: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px !important; } .page-id-65333 #content_wrap, .page-id-69465 #content_wrap, .page-id-69344 #content_wrap { max-width: none; padding: 0; } .page-id-65333 .the_content > p:nth-of-type(1), .page-id-69465 .the_content > p:nth-of-type(1), .page-id-69344 .the_content > p:nth-of-type(1){ display: none; } .page-id-65333 .the_content > p:nth-of-type(2), .page-id-69465 .the_content > p:nth-of-type(2), .page-id-69344 .the_content > p:nth-of-type(2){ display: block; } } /* ------------------------ CATEGORY -------------------------------*/ .breadcrumb_wrap { border-bottom: 3px #ebeceb solid; padding-bottom: 10px; margin-bottom: 10px; } .category_overview h1 { font-size: 2.5em; text-transform: uppercase; } .cat_banner_wrap { padding: 20px; margin-bottom: 25px; background-position: top center; background-repeat: no-repeat; } .cat_banner_wrap h1 span, .cat_banner_wrap p { padding: 10px; position: relative; z-index: 10 } .cat_banner_wrap p { max-width: 500px; } .cat_banner_wrap h1 span:before, .cat_banner_wrap p:before { content: ''; background: #fff; opacity: 0.3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } .cat_banner_wrap h1, .cat_banner_wrap p { margin: 0px; } .cat_filters_wrap { width: 18%; margin-right: 2%; box-sizing: border-box; float: left; } .prod_overview { width: 80%; box-sizing: border-box; float: left; } .prod_overview_no_filters { width: 100%; } .search-results .prod_overview { width: 100%; float: none; } .sub_cats_wrap a { display: block; text-transform: uppercase; text-decoration: none; padding: 0; margin: 6px 0; } .sub_cats_wrap a:hover { color: #DD1C79; transition: all 300ms ease-in-out; } .sub_cats_filters { padding: 10px; } .filters_wrap { background: #ebeceb; margin-top: 8px; border-top: 1px #888a8a dotted; padding-bottom: 6px; } .filter_wrap span, .sidebar_menu > ul > li > a, .sidebar_menu .sub-menu > li > a { display: block; clear: both; color: #4e5754; } .cat_intro { margin-top: 0px; position: relative; top: -10px; } .cat_intro_bottom { margin-top: 30px; font-style: italic; } .cat_intro_top { margin-top: -5px; } .cat_intro_hide { height:50px; overflow: hidden; position: relative; } .cat_intro_show { height: auto; overflow: visible; position: relative; } .cat_intro_top_btn { position: relative; height: 25px; cursor: pointer; } /*.cat_intro_top_btn:before, .cat_intro_top_btn:after { content: ''; width: 15px; height: 2px; background: #2b2e2d; position: absolute; top: 12px; left: calc(50% - 5px); transform: translateX(-50%) rotate(45deg); }*/ .cat_intro_top_btn:after { content: 'Read more'; font-weight: bold; } .cat_intro_top_btn.show_txt:after { content: 'Read less'; } /*.cat_intro_top_btn:after { left: calc(50% + 5px); transform: translateX(-50%) rotate(-45deg); } .cat_intro_top_btn.show_txt { transform: rotate(180deg); } */ .description_banners { text-align: center; margin: 10px 0; } .description_banner_mobile { display: none; } .link_button_wrap { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 11px; margin: 25px 0; } .link_button_wrap a { display: block; width: calc(25% - 9px); padding: 11px; background: #f7f7f7; border: 1px #ccc solid; border-radius: 50px; box-sizing: border-box; color: #525252; text-align: center; text-decoration: none; transition: all 300ms ease-in-out; display: inline-flex; align-items: center; justify-content: center; } .link_button_wrap a:hover { background: #e4e4e4; border-color: #e4e4e4; } .cat_nav_wrap { border-top: 1px #888a8a dotted; padding: 10px; margin: 15px 0; } .page_numbers { padding: 3px 0 3px 0; } .cat_nav_wrap a, .cat_nav_wrap .current { background: #DD1C79; border-radius: 3px; color: #fff; } .cat_nav_wrap .current { background: #888a8a; } .cat_nav_wrap, .cat_nav_wrap select { text-transform: uppercase; font-size: 0.9em; } .cat_nav_wrap select { border: none; border-left: 1px solid #888a8a; padding: 3px 10px; height: auto; margin-left: 7px; } .cat_nav_wrap .ordering_drop_wrap select { border: none; margin-left: 0; padding-left: 0; padding-right: 37px; } .ordering_drop_wrap span, .per_page_drop_wrap span { font-weight: bold; } .filter_name, .filter_child_name, .clear_filters, .sidebar_menu a { padding: 3px 10px; } .filter_name, .sidebar_menu > ul > li > a { margin-top: 5px; text-transform: uppercase; } .filter_child_name, .sidebar_menu .sub-menu > li > a { font-size: 0.9em; margin-left: 5px; margin-right: 5px; text-transform: none; } .filter_child_name:hover, .sidebar_menu .sub-menu > li > a:hover { background: #fff; } .clear_filters { margin: 5px 10px; text-transform: uppercase; font-size: 0.9em; background: #dbdcdb; cursor: pointer; text-align: center; } .prods_only_wrap { border-top: 1px #888a8a dotted; border-bottom: 1px #888a8a dotted; padding: 20px 0; } .filter_wrap .color_swatch { width: 17%; margin: 2% 0% 2% 6%; text-indent: -999em; background: #ccc; float: left; height: 33px; clear: none; box-sizing: border-box; border: 1px #fff solid; } .filter_wrap .color_swatch_480 { background-color: #000; } .filter_wrap .color_swatch_325 { background-color: #4177c2; } .filter_wrap .color_swatch_482 { background-color: #fff; } .filter_wrap .color_swatch_484 { background-color: #3b2c22; } .filter_wrap .color_swatch_324 { background-color: #39ae46; } .filter_wrap .color_swatch_483 { background-color: #aeaeae; } .filter_wrap .color_swatch_485 { background-image: -webkit-linear-gradient(left, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, #DD1C79 75%); background-image: -ms-linear-gradient(left, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, #DD1C79 75%); background-image: linear-gradient(to right, orange, orangered 25%, skyblue 25%, deepskyblue 50%, firebrick 50%, firebrick 75%, #DD1C79 75%); } .filter_wrap .color_swatch_487 { background-color: #eb6f2b; } .filter_wrap .color_swatch_477 { background-color: #d4b29b; } .filter_wrap .color_swatch_478 { background-color: #DD1C79; } .filter_wrap .color_swatch_479 { background-color: #7338df; } .filter_wrap .color_swatch_323 { background-color: #CC0000; } .filter_wrap .color_swatch_481 { background-color: #FFF; } .filter_wrap .color_swatch_486 { background-color: #f3ea3e; } .filter_wrap .color_swatch_543 { background-color: #8c705c; } .filter_wrap .color_swatch.filter_child_name.active:after { top: 5px; right: 12px; color: #ebeceb; text-indent: 0; } .cat_nav_wrap_top { margin-bottom: 0; } .cat_nav_wrap_bot { border-bottom: 1px #888a8a dotted; border-top: none; margin-top: 0; } .cat_thumbail_wrap .prod_img { display: block; margin-bottom: 10px; text-align: center; position: relative; } .cat_thumbail_wrap .prod_img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(200,200,200,0.1); } .cat_thumbail_wrap .prod_name, .cat_thumbail_wrap .prod_price { display: block; font-size: 0.9em; line-height: 1.5em; } .overview_original_price { color: #888a8a; } .cat_thumbail_wrap .prod_price { font-weight: bold; padding-bottom: 10px; } .cat_thumbail_wrap a { border: 1px #fff solid; transition: all 300ms ease-in-out; padding: 5px; } .cat_thumbail_wrap a:hover { border: 1px #DD1C79 solid; } .refine_cats_btn { display: none; cursor: pointer; } .prod_mobile_info { display: none; } select[name="click_collect_stores"] { margin-top: 5px; } .sale_price { color: #cc0000; } .online_exclusive_info { background: #ebeceb; padding: 15px; margin: 15px 0; } .online_exclusive_info a { text-decoration: none; font-style: italic; color: #7D418D; } .online_exclusive_info p:first-child { margin: 0; } .online_exclusive_info a:after { content: 'More info'; display: inline-block; font-size: 0.9em; color: #DD1C79; margin-left: 7px; text-decoration: underline; font-style: normal; } .hide_exclusive_info { display: none; margin-top: 15px; } ol { list-style: decimal; } .hide_exclusive_info ol { list-style-position: outside; } .checkbox_label { width: auto; } .sms_opt_in_wrap label { font-style: italic; position: relative; top: -7px; text-transform: none !important; } .sms_opt_in_wrap input[type="checkbox"] { margin: 2px 5px 0 0; } /* ------------------------ CHECKOUT PAGE -------------------------------*/ #sage_submit { visibility: hidden; height: 1px; overflow: hidden; display: block; } .checkbox_label { line-height: 1.5em !important; } .address_finder { background: #ebeceb; margin-bottom: 15px !important; } .address_finder input { width: 150px; margin-right: 5px; } #getaddress_dropdown { display: block; width: 100%; margin-top: 10px; } /* new checkout process styles */ .discount_wrap > div { text-align: right; margin-bottom: 10px; } #check_discount { border: 1px solid #ebebeb; padding: 20px; } .checkout_stages_wrap { position: relative; display: flex; margin-bottom: 30px; padding: 7px 0; line-height: 28px; } .checkout_stages_wrap:after { content: ''; height: 1px; left: 0px; right: 0px; background: #ebebeb; position: absolute; top: 27px; box-sizing: border-box; } .checkout_stages_wrap div { width: 33.3%; text-align: center; position: relative; z-index: 10; } .checkout_stages_wrap div.active { font-weight: bold; } .checkout_stages_wrap span { display: inline-block; background: #fff; border-radius: 50%; width: 9px; height: 38px; line-height: 38px; padding: 0 15px; font-size: 13px; text-transform: uppercase; text-align: center; border: 1px #ebeceb solid; } .summary_header { display: inline-block; background: #f1f1f1; padding: 0 15px; font-size: 13px; text-transform: uppercase; text-align: center; } .checkout_page_btn { text-align: right; padding: 35px 0; border-top: 1px #ebeceb solid; } .checkout_response li { list-style: none; } .cart_summary { position: absolute; width: 170px; right: -190px; top: 0; font-size: 0.85em; background: #f1f1f1; line-height: 1.35em; box-sizing: border-box; } .summary_header { display: block; padding: 10px 5px; } #gift_receipt_wrap { margin-top: 25px } .cart_summary table, .cart_summary td, .cart_summary th { margin: 0; background: transparent; border-color: #fff; width: 100%; border-left: none; border-right: none; float: none !important; } .cart_summary > div { padding: 0 10px; } .cart_summary td, .cart_summary th { padding: 8px 5px; } .cart_summary .edit_cart { display: block; padding: 10px 5px; } .summary_prod_options { font-size: 0.9em; line-height: 1.25em; padding: 0px 5px 0px 8px; display: block; border-left: 2px solid #fff; margin-top: 5px; } .view_summary_btn { display: none; } .checkout_page { position: relative; padding: 0 10px !important; } .checkout_page_with_summary { margin-left: auto; margin-right: auto; } .payment_page .block { margin: 25px 0; } .payment_page .flex { justify-content: space-around; } h3 { text-align: center; font-size: 1.2em; } .checkout_page .block { border: 2px solid #f4f4f4; margin: 25px 0; } .checkout_page .block { margin: 0; } .checkout_page .encrypted_details_wrap { margin-right: 25px; box-sizing: border-box; } .review_wrap, .discount_wrap { margin: 20px 0px; } .payment_type { color: #b3b5b4; font-size: 0.9em; display: block; margin-bottom: 15px; margin-top: -5px; } .field_error input, .field_error select, .field_error textarea { border-color: #cc0000; } .stripe_encrypted_details { margin-bottom: 10px; border: 1px solid #ebebeb; padding: 12px; } .pay_btn_wrap { margin-top: 25px; } #card-errors { color: #cc0000; position: relative; top: 5px; } #paypal-button, #payment-request-button, .cc_btn, .klarna_btn { width: 200px; margin: 0 7px; display: block; } #payment-request-button { margin-bottom: 28px; } .cc_form_wrap { display: none; } .cc_btn, .klarna_btn { border-radius: 4px; text-transform: none; font-size: 14px; margin-bottom: 20px; position: relative; } .cc_btn.active:after, .klarna_btn.active:after { content: ''; display: block; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 13px solid #ccc; } .payment_options { min-height: 300px; } .discount_response p { margin-bottom: 0; } .checkbox_label { padding-left: 30px; position: relative; } .checkbox_label input[type="checkbox"] { position: absolute; left: -0px; } .view_summary_btn { display: none; position: absolute; right: 10px; font-size: 0.8em; cursor: pointer; top: -19px; text-transform: uppercase; } #empty_cart { display: none; } .checkout_page .address_finder { background: #f1f1f1; margin-bottom: 25px; } .checkout_page .address_finder input { width: 200px; margin-right: 10px; } .checkout_page .address_finder button { padding: 8px 14px; font-size: 0.9em; } .checkout_page .address_finder select { width: 100%; margin-top: 10px; } /* END - new checkout process styles */ .klarna_btn, .klarna_btn:hover { background: #ffb3c7; padding-top: 0; padding-bottom: 0; } .klarna_btn img { width: 64px;; } .klarna_page_note { background: #B2E6C9; color: #fff; padding: 10px 20px; margin-bottom: 20px; font-size: 1.1em; } .klarna_page_note p { margin: 6px 0; } .klarna_page_note span { display: block; font-size: 0.83em; margin-top: 4px; } .klarna_btn_wrap { text-align: center; padding-top: 10px; margin-top: 5px; } .klarna_form_wrap { max-width: 350px; margin: 20px auto !important; display: none; } .klarna_form_wrap label, .klarna_form_wrap input[type="text"], .klarna_form_wrap select { width: 100%; margin: 4px 0; } .klarna_form_wrap .field_wrap { margin-bottom: 0; } .klarna_form_wrap h3 { margin-top: 0; } .klarna_form_wrap .same_as_shipping { margin: 0 0 12px 0; font-weight: bold; } .klarna_form_wrap input[name="same_as_shipping"] { margin-right: 10px; position: relative; top: -1px; } .checkout_page .klarna_page_note { background: #f4f4f4; color: #656769; text-align: center; } .checkout_page .klarna_page_note b { font-size: 1.1em; margin-bottom: 10px; display: block; } .checkout_page .klarna_page_note img { } #klarna-payments-container { max-width: 350px; margin: 0 auto; height: 0px; overflow: hidden; } #klarna-payments-container.active { height: auto; overflow: visible; } .klarna_banner { background: #000; padding: 5px; text-align: center; text-transform: uppercase; letter-spacing: 0.025em; font-size: 15px; line-height: 30px; color: #fff; } .klarna_banner img { max-width: 47px; margin-left: 4px; margin-bottom: 3px; } .home_klarna_mob { display: none; } .home_klarna { display: block; text-align: center; margin-bottom: 25px; } .klarna_response { text-align: left; } .cc_form_wrap h3 { margin-top: 0; margin-bottom: 17px; } .sage_card_wrap { padding: 20px; border: 2px solid #f4f4f4; margin-top: 21px; } label[for="same_as_shipping"]{ margin: 0; margin-bottom: 25px; border-bottom: 1px #ebeceb solid; padding-bottom: 15px; width: auto; display: block; float: none; font-weight: bold; position: relative; } /*label[for="same_as_shipping"]:after{ content: ''; display: block; position: absolute; right: 0; top: -3px; width: 83px; height: 28px; background: no-repeat right top url('../images/sagepay-sml.png'); background-size: contain; }*/ .cc_btn { margin-top: 20px; } .cc_short_input { width: 80px; } .sage_card_wrap input { margin: 4px 0; } #sage_3d_secure_frame { border: none; width: 100%; height: 0; } .postage_block { padding: 20px; border: 1px solid #DD1C79; box-sizing: border-box; color: #7D418D; display: none; } .limited_to_delivered .postage_block_delivery { display: block; } .limited_to_collect .postage_block_collect { display: block; } .postage_block > div { cursor: pointer; border-bottom: 1px #888a8a dotted; padding-bottom: 13px; margin-bottom: 18px; padding-left: 28px; position: relative; font-size: 1.1em; } .postage_block > div.not_availible { cursor: default; } .postage_block > div:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .postage_radio { position: absolute; top: -2px; left: 0; } .postage_info { clear: both; text-align: right; color: #2b2e2d; font-size: 12px; padding-top: 5px; } .postage_price { font-weight: bold; text-align: right; } .postage_name { float: left; font-weight: bold; } .postage_collection_mob_header { display: none; } input[type=radio] { border-radius: 100%; transition: all 400ms ease-out; } input[type=radio]:checked { background: #DD1C79; position: relative; border-color: #DD1C79; } input[type=radio]:checked:before { content: ''; display: block; background: #fff; border-radius: 100%; width: 12px; height: 12px; position: absolute; left: 2px; top: 2px; } input[type=checkbox]:checked:after, input[type=checkbox]:checked:before { content: ''; display: block; position: absolute; top: 4px; left: 5px; width: 2px; height: 10px; background: #DD1C79; transform: rotate(-45deg); } input[type=checkbox]:checked:before { height: 20px; transform: rotate(45deg); left: 15px; top: -4px; } .postage_headers { justify-content: space-around; margin-top: 40px; margin-bottom: 35px; } .postage_headers > div { width: 250px; text-align: center; color: #7D418D; border: 1px solid #7D418D; padding: 50px 30px; box-sizing: border-box; font-size: 18px; cursor: pointer; position: relative; margin: 0 5px; } .postage_headers > div.active { border: 3px solid #DD1C79; } .postage_headers > div.active:after { content: ''; display: block; height: 35px; width: 1px; background: #DD1C79; position: absolute; bottom: -38px; left: 50%; } .postage_headers > div:before { content: ''; display: block; width: 70px; height: 45px; background: no-repeat -11px -228px url(../images/pc_sprite2.svg?v=11); margin: 0 auto; } .postage_headers > div.collect:before { background: no-repeat -180px -225px url(../images/pc_sprite2.svg?v=11); } .storeselect { width: 250px; margin-top: 8px; } #postage_options { margin-bottom: 25px; } .page-id-5 .job_page_link, .page-id-38688 .job_page_link, .page-id-38690 .job_page_link { display: none; } .postage_headers p, .postage_collection_mob_header { position: relative; font-size: 1.2em; } .postage_collection_mob_header { width: auto; } .postage_headers p:before, .postage_collection_mob_header:before { content: ''; display: block; margin: 0 auto; width: 70px; height: 34px; background: no-repeat -11px -228px url("../images/pc_sprite2.svg?v=11"); transform: scale(0.8); opacity: 0.6; } .postage_headers p:last-child:before, p.postage_collection_mob_header:before { background: no-repeat -102px -228px url("../images/pc_sprite2.svg?v=11"); transform: scale(0.7); } #gift_receipt_wrap label { float: none; width: auto; } .delivery_details_wrap, .your_details_wrap { display: none; } .delivery_details_wrap h3 { margin-top: 0; } label[for="same_as_shipping"] input[type="checkbox"] { top: -1px; } .discount_show:focus { outline: none; } .free_gift_banner { text-align: center; line-height: 1.4em; font-size: 1.1em; background: linear-gradient(to bottom right, #DD1C79, #e12345); color: #fff; padding: 20px 20px 15px 20px; } .free_gift_banner span { display: block; padding: 0 0 5px 0; } .free_gift_banner span.free_gift_header{ margin-bottom: 5px; font-size: 1.8em; text-transform: uppercase; } .free_gift_banner a { color: #fff; } .free_gift_imgs_wrap > div { display: inline-block; vertical-align: top; max-width: 80px; margin: 5px 7px 5px 7px; } .free_gift_select { display: block; margin-top: 5px; min-width: 180px; } /* hide continue shopping menu */ #menu-item-38676 { display: none !important; text-align: left; } .page-id-5 #menu-main-menu > #menu-item-38676, .page-id-38688 #menu-main-menu > #menu-item-38676, .page-id-38690 #menu-main-menu > #menu-item-38676 { display: block !important; } .page-id-5 #menu-main-menu > .menu-item:not(#menu-item-38676), .page-id-38688 #menu-main-menu > .menu-item:not(#menu-item-38676), .page-id-38690 #menu-main-menu > .menu-item:not(#menu-item-38676) { display: none; } .page-id-5 #footer .social_btns, .page-id-5 .footer_signup, .page-id-5 .footer_contact, .page-id-5 .imprint br, .page-id-5 .imprint a, .page-id-38688 #footer .social_btns, .page-id-38688 .footer_signup, .page-id-38688 .footer_contact, .page-id-38688 .imprint br, .page-id-38688 .imprint a, .page-id-38690 #footer .social_btns, .page-id-38690 .footer_signup, .page-id-38690 .footer_contact, .page-id-38690 .imprint br, .page-id-38690 .imprint a { display: none; } .page-id-5 #menu-footer-menu li, .page-id-38688 #menu-footer-menu li, .page-id-38690 #menu-footer-menu li { display: none; } .page-id-5 #menu-footer-menu #menu-item-11371, .page-id-5 #menu-footer-menu #menu-item-4017, .page-id-5 #menu-footer-menu #menu-item-23207, .page-id-38688 #menu-footer-menu #menu-item-11371, .page-id-38688 #menu-footer-menu #menu-item-4017, .page-id-38688 #menu-footer-menu #menu-item-23207, .page-id-38690 #menu-footer-menu #menu-item-11371, .page-id-38690 #menu-footer-menu #menu-item-4017, .page-id-38690 #menu-footer-menu #menu-item-23207 { display: inline; margin: 0 10px; } .page-id-5 .imprint_wrap, .page-id-38688 .imprint_wrap, .page-id-38690 .imprint_wrap { display: flex; flex-direction: column; } .page-id-5 .menu-footer, .page-id-38688 .menu-footer, .page-id-38690 .menu-footer { order: 1; } .page-id-5 .footer_payment_options, .page-id-38688 .footer_payment_options, .page-id-38690 .footer_payment_options { order: 2; } .page-id-5 .footer_payment_options img, .page-id-38688 .footer_payment_options img, .page-id-38690 .footer_payment_options img { max-width: 300px; } .page-id-5 .imprint, .page-id-38688 .imprint, .page-id-38690 .imprint { order: 3; } .page-id-5 #footer li a, .page-id-38688 #footer li a, .page-id-38690 #footer li a { display: inline; } .page-id-5 #footer ul, .page-id-38688 #footer ul, .page-id-38690 #footer ul { columns: 1; } .page-id-5 .footer_feefo_badge, .page-id-38688 .footer_feefo_badge, .page-id-38690 .footer_feefo_badge { margin-bottom: 0; } .page-id-5 #footer ul, .page-id-38688 #footer ul, .page-id-38690 #footer ul { margin: 20px 0; } .page-id-5 .footer_outer, .page-id-38688 .footer_outer, .page-id-38690 .footer_outer { padding-bottom: 0; } .page-id-5 #footer > div, .page-id-38688 #footer > div, .page-id-38690 #footer > div { width: 100%; float: none; text-align: center; padding: 0; border-bottom: none; } .review_postage_summary { display: block; text-align: center; background: #ebeceb; position: relative; top: 5px; } .review_postage_summary p { margin: 0; padding: 10px 15px; } .t_c_wrap label { width: auto; margin: 0; float: none; line-height: 1.5em; } .t_c_wrap { border-bottom: 1px #ebeceb solid; padding-bottom: 20px; margin-bottom: 20px; text-align: left; } .same_shipping_note { display: block; font-size: 12px; font-weight: normal; margin: -6px 0 25px 0; } .same_shipping_note img { width: 135px; } input[name="local_shop_postcode"] { margin-top: 8px; width: 140px; } .local_shop_search { margin: 10px 0 0 5px; display: inline-block; padding: 8px 10px; font-size: 13px; } .postage_option_1678107252.not_availible:after { display: none; } .hidden_address { display: block !important; overflow: hidden; } .empty_cart_page { max-width: 700px; margin: 0 auto; text-align: center; } .empty_checkout { font-size: 1.2em; font-weight: bold; text-align: center; } .empty_checkout_icon img { width: 150px; margin-bottom: 20px; } .empty_cart_cats { flex-wrap: wrap; } .empty_cart_cats > div { box-sizing: border-box; width: calc(33.3% - 20px); margin: 10px; border: 2px solid #ebeceb; } .empty_cart_cats a { text-decoration: none; color: #7D418D; } .empty_cart_cats .cat_title { display: block; padding: 10px; font-size: 1.1em; font-weight: bold; } .empty_cart_cats a:hover { color: #DD1C79; } .covid_note { display: block; font-weight: bold; color: #cc0000; } .items_oos_banner { text-align: center; line-height: 1.4em; font-size: 1.1em; background: linear-gradient(to bottom right, #DD1C79, #e12345); color: #fff; padding: 20px 20px 15px 20px; } .checkout_page .oos_checkout_header { margin: 0px 0px 15px 0px; color: #fff; } /** amazon pay **/ /* Include the min-width, max-width, min-height and max-height if you plan to use a relative CSS unit measurement to make sure the widget renders in the optimal size allowed. */ #addressBookWidgetDiv { min-width: 300px; width: 100%; max-width: 900px; min-height: 228px; height: 240px; max-height: 400px; } #walletWidgetDiv { min-width: 300px; width: 100%; max-width: 900px; min-height: 228px; height: 240px; max-height: 400px; } /* The following are required only when you use the read-only widgets: */ #readOnlyAddressBookWidgetDiv { min-width: 266px; width: 100%; max-width: 900px; min-height: 145px; height: 165px; max-height: 180px; } #readOnlyWalletWidgetDiv { min-width: 266px; width: 100%; max-width: 900px; min-height: 145px; height: 165px; max-height: 180px; } /** end amazon pay **/ .use_loyalty_points { margin-right: 10px; display: inline-block; } .checkout_loyalty_points_wrap { margin-bottom: 5px; } .checkout_loyalty_points_wrap .check_loyalty_msg { font-size: 0.9em; margin: 3px 0 6px 0; } .checkout_page_btn a { font-size: 16px; width: 267px; text-align: center; } .payment_btns_order { display: flex; justify-content: center; align-items: center; } .cc_btn { margin-top: 0; } .cc_btn, .klarna_btn { padding: 0px 20px; height: 35px; } .cc_btn, .klarna_btn, .paypal_wrap { margin-bottom: 15px; } .klarna_btn img { position: relative; top: -2px; } .cc_btn.active { background: #2b2e2d; } .checkout_page .cc_form_wrap { margin-top: 9px; } .cc_form_wrap { display: block; } .klarna_form_wrap, #klarna-payments-container { max-width: none; } #klarna-payments-container { margin-top: 15px; text-align: center; } .checkout_note_wrap { text-align: center; margin-bottom: 15px; } /* ------------------------ BANNER LANDING PAGE -------------------------------*/ .banner_landing_map { width: 70%; float: right; margin-left: 10px; } .banner_landing_map #wpgmza_map { height: 380px !important; } .banner_landing_main_text p { margin-top: 0; } .banner_landing_360 { float: right; padding-right: 0; } .banner_landing_banner { padding-bottom: 35px; } .banner_landing_map_text{ float: left; } .banner_landing_360 > div { text-align: center; } .popup_survery_wrap h2 { color: #DD1C79; font-size: 1.6em; line-height: 1.2em; } #newsletter_popup .survey_answer { padding: 12px; text-align: center; border: 1px solid #C8C8C8; cursor: pointer; border-radius: 4px; transition: all 300ms ease-in-out; font-size: 1.1em; } #newsletter_popup .survey_answer:hover { border-color: #DD1C79; } #newsletter_popup .survey_answer.selected { background: #DD1C79; color: #fff; } .popup_survery_wrap #newsletter_popup_inner { padding: 20px 20px 10px 20px; } .popup_survery_wrap .newsletter_close { top: 3px; right: 4px; } /* ------------------------ CLICK and RESERVE -------------------------------*/ .reserve_check_wrap { background: #ebeceb; padding: 15px; margin: 15px 0; } .reserve_check_wrap h4 { color: #7D418D; border-bottom: 1px #888a8a dotted; margin-bottom: 10px; position: relative; padding: 0 0 15px 0; } /*.reserve_check_wrap h4:after { background: no-repeat -0px -0px url('../images/reserve_loc_marker.svg?v=2'); content: ''; width: 28px; height: 37px; display: inline-block; position: absolute; right: 0; top: -3px; }*/ .reserve_product_list span { border-bottom: 1px solid #ebeceb; display: block; padding-bottom: 10px; margin-bottom: 10px; } .reserve_product_list span:last-child { border: none; padding-bottom: 0; margin-bottom: 0; } .reserve_check_wrap input { margin: 5px 0px; border: none; } .reserve_check_wrap .button { display: inline-block; margin: 5px 0px; } .reserve_pop_up_outer, .reserve_form_pop_up_outer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(50,50,50,0.4); display: none; text-align: center; z-index: 20000; } .reserve_pop_up_inner, .reserve_form_pop_up_inner { min-width: 630px; padding: 25px; background: #fff; height: calc(100vh - 150px); max-height: 500px; display: inline-block; overflow: auto; position: relative; top: 50%; transform: translateY(-50%); box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.19); text-align: left; box-sizing: border-box; margin: 0 10px; } .reserve_form_pop_up_inner { max-width: 830px; } .reserve_pop_up_close, .slick-lightbox-close { width: 50px !important; height: 50px !important; background: #fff !important; border-radius: 50%; } .reserve_pop_up_close:after, .slick-lightbox-close:before { top: 18px; left: 18px; } .slick-lightbox-close:before { top: 2px; } .purple_btn { background: #7D418D; } .grey_btn { background: #ccc; } .purple_border_btn { background-color: #fff; border: 2px solid #7D418D; color: #7D418D !important; box-sizing: border-box; } .purple_border_btn:hover { background-color: #7D418D; color: #fff !important; } .pink_border_btn { background-color: #fff; border: 2px solid #DD1C79; color: #DD1C79 !important; box-sizing: border-box; } .pink_border_btn:hover { background-color: #DD1C79; color: #fff !important; } .select_options { display: none; padding-top: 5px; font-style: italic; color: #DD1C79; } .discreet_delivery_billing_wrap { border: 3px #ebeceb solid; padding: 14px 15px 14px 15px; text-align: center; font-size: 0.875em; } .discreet_delivery_billing_wrap h4 { font-weight: bold; font-size: 15px; margin: 0 0 4px 0; } .discreet_delivery_billing_wrap p { margin: 0; } .main_prod_text { clear: both; padding-top: 25px; } .reserve_pop_up_inner .button, .reserve_pop_up_inner button { display: inline-block; } .reserve_pop_up_inner input { } .reserve_pop_up_inner #update_icon { visibility: visible !important; position: relative; top: 50px; left: 20px; } .click_collect_results .reserve_pop_up_header_txt { font-size: 1.1em; margin-bottom: 11px; margin-top: 12px; } .reserve_loc_pop_wrap { border: 1px #ebeceb solid; padding: 15px 15px 5px 15px; margin: 10px 0; } .reserve_loc_pop_wrap > div { box-sizing: border-box; vertical-align: top; } .reserve_loc_pop_wrap > div:first-child { } .reserve_info { background: #fff; padding: 10px; text-align: center; text-transform: uppercase; font-size: 18px; margin: 2px 0; } .reserve_info i { display: block; font-style: italic; text-transform: none; font-size: 14px; } .pay_now_wrap .reserve_info b { color: #DD1C79; } .reserve_now_wrap .reserve_info b { color: #7D418D; } .reserve_info_wrap { padding: 12px 0; } .reserve_loc_pop_wrap > div > div:nth-of-type(2) { border-top: 1px #ebeceb solid; } .reserve_now_wrap b, .pay_now_wrap b { color: #7D418D; text-transform: uppercase; font-size: 17px; } .pay_now_wrap b { color: #DD1C79; } .reserve_info_wrap > div { } .reserve_info_wrap button { width: 145px; float: right; } .reserve_info_wrap i { display: block; margin: 5px 0 0 0; } .reserve_info_wrap > div:first-child { } .reserve_loc_pop_wrap h2 { font-size: 17px; margin-bottom: 5px; line-height: 1.1em; float: left; font-weight: bold; } .reserve_loc_pop_wrap em { float: right; font-style: normal; } .reserve_checkout_header { padding-bottom: 15px; border-bottom: 1px #ebeceb solid; margin-bottom: 20px; } .reserve_checkout_header > div { float: right; } .reserve_checkout_header > div a, .select_store a { color: #7D418D; text-transform: uppercase; font-size: 0.95em; } .change_store_pop.reserve_loc_pop_wrap > div { width: auto; } .reserve_cart_row td { border: none; padding: 0 !important; border-bottom: 1px solid #fff; margin-bottom: -1px; } .reserve_cart_btn { text-align: center; margin-top: 15px; margin-bottom: 7px; width: 100%; } .pay_type_tag { text-transform: uppercase; font-size: 13px; color: #7D418D; font-weight: bold; text-align: center; display: block; } td.pay_type_tag { text-align: right; padding: 22px 10px 0 0; } .reserve_cart_row td:first-child { position: relative; border-left: 1px solid #fff; } .reserve_cart_row td:last-child { position: relative; border-right: 1px solid #fff; } .reserve_cart_row .form_note { padding: 0; margin-left: -67px; display: block; } .reserve_td { border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-style: italic; color: #7D418D; font-size: 0.95em; width: 180px; } .available p { margin: 0; line-height: 1.1em; } .reserve_info_wrap .not_available { float: right; } .not_available p { margin: 0; color: #ccc; line-height: 1.1em; } .available p:after, .not_available p:after { content: ''; display: block; width: 27px; height: 30px; background: no-repeat -9px -45px url('../images/tick_cross.svg'); margin-top: 5px; } .not_available p:after { background: no-repeat -9px -8px url('../images/tick_cross.svg'); } .postage_wrap .pay_type_tag { color: #DD1C79; margin-bottom: 5px; text-align: left; } .reserve_form_pop_up_inner { } .reserve_form_wrap { display: inline-block; width: calc(75% - 30px); margin-right: 15px; box-sizing: border-box; vertical-align: top; } .reserve_form_wrap_inner { background: #ebeceb; padding: 15px; margin-bottom: 20px; } .reserve_store_info_wrap { display: inline-block; width: 25%; } .reserve_total { background: #7D418D; color: #fff; padding: 10px; font-size: 1.2em; } .reserve_store_info_wrap .store_info_wrap { padding: 15px; margin-bottom: -1px; font-size: 0.9em; } .reserve_form_pop_up_inner > p { font-size: 1.2em; font-weight: bold; } .reserve_form_wrap_inner input { border: none; margin-bottom: 10px; } .reserve_form_wrap_inner .form_note { padding-left: 0; color: #2b2e2d; position: relative; top: -5px; } .errors { padding-left: 20px; } .reserve_thank_you { background: #ebeceb; padding: 20px; } .reserve_thank_you h3 { color: #7D418D; margin-bottom: 0px; padding-bottom: 0; } .reserve_checkout_message { background: #ebeceb; padding: 20px; text-align: center; line-height: 1.5em; } .reserve_loc_marker { width: 13%; display: inline-block; background: no-repeat center center url('../images/reserve_loc_marker.svg?v=3'); height: 55px; background-size: contain; text-align: center; margin-bottom: 0.5%; } .click_collect_store_checker { margin: 0px 0 15px 0; border-bottom: 1px #ebeceb solid; padding-bottom: 23px; } .click_collect_store_checker input { vertical-align:baseline; } .checker_popup_btn { display: inline-block; margin-bottom: 22px; box-sizing: border-box; text-align: center; } #newsletter_sign_up { position: relative; } #newsletter_sign_up input[type="email"] { border-radius: 30px; width: 100%; max-width: 500px; padding: 9px 15px; margin-bottom: 2px; } #newsletter_sign_up label { display: block; width: auto; margin: 6px 14px; font-size: 13px; float: none; } #newsletter_sign_up button { position: absolute; top: 7px; right: 8px; width: 25px; height: 25px; background: #DD1C79; margin: 0; padding: 0; border-radius: 50%; } #newsletter_sign_up svg { transform: scale(0.55); transform-origin: center; position: relative; top: -2px; left: -2px; } #newsletter_sign_up svg path { stroke: #fff !important; } #newsletter_sign_up input[name="privacy_agree"] { top: -1px; margin-right: 3px; padding: 7px; } #post-65940 .entry h2 { background: #ebeceb; color: #888a8a; padding: 14px 0; text-align: center; font-size: 25px; margin-top: 0; margin-bottom: 0; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; } #post-65940 .entry h3 { text-align: center; font-size: 32px; font-weight: bold; background: #E76FAB; margin-top: 0; margin-bottom: 0; color: #fff; padding: 15px 0 0 0; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; } #post-65940 .entry .newsletter_sign_up_wrap { background: #E76FAB; padding: 20px 10px; text-align: center; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing: border-box; } #post-65940 .entry .newsletter_sign_up_wrap #newsletter_sign_up { max-width: 350px; margin: 0 auto; } #post-65940 .entry .newsletter_sign_up_wrap input { border: none; } #post-65940 .entry .newsletter_sign_up_wrap label, #post-65940 .entry .newsletter_sign_up_wrap label a, .signup_terms, .signup_terms a { color: #fff; } #post-65940 .entry .newsletter_sign_up_wrap input[type=checkbox]:checked:after, #post-65940 .entry .newsletter_sign_up_wrap input[type=checkbox]:checked:before { background: #2b2e2d; } .signup_terms { font-size: 13px; line-height: 1.2em; margin: 6px 0; } #post-65940 .store_review_dropdown { text-align: center; padding: 30px 0; max-width: 350px; margin: 0 auto; } .store_review_dropdown select { width: 100%; } #post-65940 .store_review_dropdown select { border-radius: 30px; padding: 7px 20px; height: 40px; } /* ------------------------ FEEFO -------------------------------*/ .prod_reviews table { margin-top: 0; } .plus_sign, .minus_sign { display: inline-block; width: 25px; height: 25px; background: url('../images/lc-sprite.svg?v=4') no-repeat -174px -9px; margin-right: 0px; } .minus_sign { background: url('../images/lc-sprite.svg?v=4') no-repeat -206px -9px; } .hidden_tab_content { overflow: hidden; position: relative; } .see_more_tabs { position: absolute; bottom: -5px; right: 0px; cursor: pointer; padding: 2px 5px; background: #EBEBEB; border: 5px #fff solid; color: #636363; font-style: normal !important; } .active_show_more { height: auto !important; padding-bottom: 24px; } .vendor_comments { font-style: italic; color: #7c7c7c; } .review { padding: 10px 15px; margin-bottom: 20px; padding-bottom: 10px; } .feefo_prod_wrap { position: relative; } .feefo_prod_wrap a { outline: none; position: relative; top: -10px; } .rating_date { font-style: italic; color: #7c7c7c; } .rating_comments { clear: both; } .more_reviews_btn_wrap { text-align: center; padding-top: 10px; } .reviews_wrap td, .reviews_wrap th { vertical-align: top; padding-left: 5px; padding-right: 5px; position: relative; } .reviews_wrap th { text-transform: uppercase; padding-top: 0; color: #7c7c7c; } .reviews_wrap p { margin-top: 0; line-height: 1.6em; margin-bottom: 2px; } .review_name_date { display: block; font-size: 12px; margin: 4px 0 1px 0; font-style: italic; } .review_name_date b { color: #906BE6; font-style: normal; } .reviews_wrap table { border-left: none; border-right: none; border-top: none; } .review_rating { width: 80px; } .review_date { width: 94px; } .rating_comments, .vendor_comments { } .hide_review { } /* hide via js so we can do the 'read more' buttons first */ .reviews_bottom { display: none; padding-top: 25px; } .feefo_stars { display: inline-block; width: 70px; height: 13px; background: no-repeat -2px -4px url('../images/feefo_star.svg?v=3'); margin-right: 3px; position: relative; top: 2px; left: -3px; } .stars_4 { background-position: -2px -22px; } .stars_3 { background-position: -2px -39px; } .stars_2 { background-position: -2px -56px; } .stars_1 { background-position: -2px -72px; } .prod_reviews { padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px #ebeceb solid; } .feefo_stars_cat { position: relative; top: -1px; left: -1px; margin: 4px 0 4px 0; } .feefo_stars_cat i, .feefo_prod_wrap a { color: #888a8a; font-size: 0.95em; } .feefo_stars_cat .feefo_stars { display: inline-block; margin-right: 5px; position: relative; top: 2px; } /* ------------------------ END - FEEFO -------------------------------*/ /* cookie bar */ .cli-style-v2 { font-size: 13px !important; } #cookie-law-info-bar a { border-radius: 3px !important; } /* ------------------------ RESPONSIVE STYLES -------------------------------*/ .mobile_desktop_wrap { display: none; } /* smartphones, touchscreens */ @media (hover: none) and (pointer: coarse) { /* .add_to_wrap { position: fixed; bottom: 0; left: 0; right: 0; z-index: 5000; margin: 0; padding: 10px 10px 20px 10px; background: #fff; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.19); } .add_to_wrap button { width: 100%; padding: 12px 15px; border-radius: 0; } .add_to_wrap input[name="quantity"] { position: absolute; left: -500px; 5599 } */ } /* Stops iphone trying to resize text when rotating */ html { -webkit-text-size-adjust:none; } @media all and (max-width: 1093px) { .full_width_mobile { margin-left: -15px !important; margin-right: -15px !important; max-width: none; } /*.slick_wrap_home_store_images .slick-list { width: calc(100% + 10px); } .slick_wrap_home_store_images.slick-slider { margin-left: -5px; margin-right: -5px; }*/ } @media all and (max-width: 1080px) { .cart_summary { position: relative; width: auto; display: none; right: auto; top: -10px; } .view_summary_btn { display: block; } .cart_summary #checkout_table_costs, .cart_summary #checkout_table_costs tr:last-child th, .cart_summary #checkout_table_costs tr:last-child td { border-bottom: none; } .checkout_page_with_summary { margin-top: 15px; } .store_info_page .slick_wrap .slick-slide img { height: 16vw; } } @media all and (min-width: 1081px) { .cart_summary { display: block !important; } } @media all and (max-width: 1020px) { #footer > div { width: 100% !important; float: none; margin-bottom: 20px; border-bottom: 1px #333 solid; box-sizing: border-box; padding-bottom: 20px; } } /******* NAV *******/ @media all and (max-width: 1070px) { #menu-main-menu > li { display: block; padding: 10px 0; border-bottom: 1px solid #dadada; } .view_menu_btn { text-indent: -32px; display: inline-block; cursor: pointer; margin-left: 42px; padding-right: 0px; width: 28px; height: 28px; background: no-repeat -250px -6px url('../images/pc_sprite2.svg?v=11'); } .view_menu_btn:before { content: 'MENU'; display: inline-block; margin-right: 10px; position: relative; top: 4px; } .view_menu_btn.active, .search_menu_btn.active { background-position: -253px -68px; } .search_menu_btn { text-indent: -27px; display: inline-block; cursor: pointer; margin-left: 80px; margin-right: 30px; padding-right: 0px; width: 28px; height: 28px; background: no-repeat -198px -6px url('../images/pc_sprite2.svg?v=11'); } .search_menu_btn:before { content: 'SEARCH'; display: inline-block; margin-right: 24px; position: relative; top: 4px; } .view_menu_btn:before, .search_menu_btn:before, .header_right_bottom .cart_info a:before { color: #fff; font-size: 12px; text-transform: uppercase; } #nav { display: none; clear: both; } .sticky_wrap.active .view_menu_btn { left: 20px; } .sticky_wrap { border-bottom: 1px #dadada solid; margin-bottom: -50px; top: -10px; } #nav { border-bottom: none; padding-bottom: 0; } #menu-main-menu > li:last-child { border-bottom: none; } .sticky_wrap.active .logo_mini { left: 50%; margin-left: -24px; display: block; } .sticky_wrap { position: relative; } .sticky_wrap.active .view_menu_btn { top: 12px; } #nav #menu-main-menu { padding-top: 7px; } #menu-main-menu > li > a { padding-bottom: 0; } #page { padding-top: 82px; margin-top: -20px; } #menu-main-menu li > .sub-menu { visibility: visible; opacity: 1; position: static; transition: none; } #menu-main-menu > li > .sub-menu { display: none; margin-bottom: 10px; } #menu-item-4065 > .sub-menu { display: none; margin-top: 14px; } #menu-item-4065 > .sub-menu { overflow: scroll; height: 350px !important; width: 100%; } #menu-item-4065 > .sub-menu > li > .sub-menu > li { margin: 6px 0; display: block; } .job_page_link, #search_wrap, .basket_txt { display: none; } .menu_search { padding: 15px 20px 20px 20px; position: fixed; top: 122px; left: 0; right: 0; z-index: 50000; background: #ebebea; } #page_wrap.sticky .menu_search { top: 49px; } .basket_num { text-align: center; width: 20px; height: 26px; background: no-repeat -292px -10px url('../images/pc_sprite2.svg?v=11'); display: inline-block; padding-top: 7px; font-size: 0.9em; position: relative; right: 10px; } #logo { margin-bottom: -10px; float: none; margin-left: auto; margin-right: auto; width: 173px; box-sizing: border-box; padding: 20px 20px 13px 20px; -webkit-box-shadow: 2px 3px 9px 0px rgba(0,0,0,0.19); -moz-box-shadow: 2px 3px 9px 0px rgba(0,0,0,0.19); box-shadow: 2px 3px 9px 0px rgba(0,0,0,0.19); } .header_right { float: none; width: auto; padding-top: 0; text-align: center; padding: 4px 0 10px 0; height: 49px; box-sizing: border-box; display: none; } #header_inner { padding-bottom: 10px; } .header_right_bottom { padding-top: 0px; display: inline-block; } .header_right_bottom .cart_info a:before { content: 'BASKET'; display: inline-block; margin-right: 17px; } #shopping_cart { position: relative; top: 4px; } #logo a { height: 50px; width: 142px; background-size: 136px; top: 0px;} #menu-main-menu > li > .sub-menu > li { width: 100%; padding: 0; float: none; } #nav { background: #ebebea; padding-top: 20px; padding-bottom: 13px; position: fixed; z-index: 500; width: 280px; box-sizing: border-box; top: 122px; bottom: 0px; overflow: auto; } #page_wrap.sticky #nav { top: 49px; } #page_wrap.sticky { padding-top: 122px; } #page_wrap.sticky #header #logo { display: none; } #page_wrap.sticky #header { position: fixed; top: 0; left: 0; right: 0; z-index: 20000; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.19); } #menu-main-menu > li > a { color: #DD1C79; font-weight: bold; } #menu-main-menu > #menu-item-71701 > a { color: #d91a1a; } #menu-main-menu > li > a:focus { outline: none; } .menu_search .sf_block input { width: calc(100% - 40px) !important; background: transparent; border-bottom: 1px solid #888a8a; } .menu_search .sf_search { background: transparent; } #menu-main-menu { text-align: left; } #menu-main-menu > li > .sub-menu > li.drop_image { display: none; } #page { padding-top: 35px; } .page-id-9 #page { padding-top: 20px; } #header_inner { background: none; } body:not(.error404) #sf_sb { top: 176px !important; position: fixed !important; z-index: 55000 !important; bottom: 0; overflow: auto; } body.sticky:not(.error404) #sf_sb { top: 103px !important; } .header_middle { display: none; } #menu-item-59486, #menu-item-65429, #menu-item-69624 { display: block !important; } #menu-item-59486 a, #menu-item-65429 a, #menu-item-69624 a { color: #2b2e2d !important; } #menu-main-menu { display: block; } #menu-main-menu > li.menu-item-has-children > a:after { display: block; } #menu-main-menu > li > .sub-menu { padding-top: 0; } #menu-item-71701 > a { background: transparent; } #menu-main-menu > #menu-item-71701.menu-item-has-children > a:after { background-position: -37px -55px; } } @media all and (min-width: 1071px) { /** NAV - make sure it's displayed even if it has and inline style via jquery **/ #nav { display: block !important; } } /******* END - NAV *******/ /* For screens smaller then 970px - iPad portrait */ @media all and (max-width: 992px) { .reserve_loc_marker { height: 63px; margin-bottom: 3%; width: 12%; } } .cat_nav_wrap_top .flex{ display: inline; } @media all and (max-width: 970px) { .sub_cat_wrap { width: 24%; } .sub_cat_wrap:nth-child(5n+1) { clear: none; } .sub_cat_wrap:nth-child(4n+1) { clear: left; } .cat_filters_wrap, .prod_overview { width: 100%; float: none; } .filter_wrap .color_swatch { width: 33px; display: inline-block; float: none; margin: 2px; } .refine_cats_btn { display: inline-block; text-transform: uppercase; background: #DD1C79; padding: 4px 8px; border-radius: 3px; color: #fff; } .refine_cats_btn.active { background: #4e5754; } .sub_cats_wrap { clear: both; } .filters_wrap { display: none; width: 100%; } .filter_wrap { padding: 0 10px; display: block; } .filter_name, .filter_child_name, .clear_filters, .sidebar_menu a { padding: 3px 0; } .sub_cats_filters:before { content: 'Subcategories'; text-transform: uppercase; color: #4e5754; font-weight: bold; } .sub_cats_filters a { color: #4e5754; text-transform: none; margin-left: 5px; margin-right: 5px; font-size: 0.9em; } .cat_nav_wrap_top .flex { display: flex; margin: 0px -5px 10px 0px; } .cat_nav_wrap_top .flex > div { flex-grow: 1; flex-basis: 0; padding: 0 5px; } .cat_nav_wrap_top { padding-left: 0; padding-right: 0; } .cat_nav_wrap select { margin-left: 3px; width: 55px; padding: 3px 5px; } .cat_nav_wrap .flex .ordering_drop_wrap select { border: 1px solid #ebeceb; width: 100%; box-sizing: border-box; padding: 10px 15px; } .cat_nav_wrap .flex form[name="ordering_drop_form"] { width: 100%; } .cat_nav_wrap .flex .refine_cats_btn { text-align: center; line-height: 37px; } } @media all and (max-width: 870px) { .find_click_collect { display: block; top: 0; margin: 5px 0 0 0; max-width: 115px; text-align: center; } .tax-product_categories h1, .single-products h1, .page h1, .checkout_page h3, .error404 h1, .search-results h1 { font-size: 2.2em; } .reserve_pop_up_inner, .reserve_form_pop_up_inner { width: calc(100% - 20px); min-width: 0; height: auto; top: 70px; transform: none; bottom: 20px; max-height: none; display: block; position: absolute; } .my_account_page .half_pg_col { width: auto; float: none; } .mob_list_map_buttons_wrap { display: block; } .locator_page { position: static; background: #f5f5f5; padding: 15px; top: 0; right: auto; left: auto; } .store_finder_form button { top: 21px; right: 66px; } .location_button { top: 21px; right: 25px; } .store_locations_wrap, .store_info_map_wrap { display: block; height: auto; } .store_gmap_wrap iframe { height: 450px !important; } .store_info_page { padding-left: 0; padding-right: 0; } .all_stores_button { top: -3px; } .stores_list_wrap .store_wrap, .store_map_wrap { display: none; } .stores_list_wrap.active .store_wrap, .store_map_wrap.active { display: block; } .stores_list_wrap { padding-right: 0; } .store_wrap { padding: 15px; } .store_name:after { right: -1px; } #googleMap { height: calc(100vh - 240px); } .store_wrap.active { display: block; padding: 15px 15px 7px 15px; position: relative; } .store_wrap.active .store_info_close { display: block; z-index: 10; background: #fff; width: 25px; height: 25px; right: 5px; } .store_page_top_text { display: none; } .store_locations_outer_wrap { border-top: none; padding-top: 0; margin-top: 0; margin-left: -15px; margin-right: -15px; border-bottom: none; padding-bottom: 0; } .page-id-3871 h1 { background: #f5f5f5; padding: 13px 15px 0 15px; margin: 0px -15px -5px -15px; font-size: 24px; z-index: 1; position: relative; } .store_info_map_wrap { margin-left: -15px; margin-right: -15px; } .store_info_wrap { border: none; border-top: 1px solid #ebeceb; } .store_info_wrap .store_wrap { padding: 15px 0; } } @media all and (max-width: 826px) { .home_store_wrap .col_2 { width: auto; float: none; text-align: center; } .home_postcode_search_wrap form, .home_postcode_search_wrap p { display: inline-block; clear: both; display: none; } .home_postcode_search_wrap button { position: absolute; right: -14px; } .home_postcode_search_wrap p { margin: 0; } .home_postcode_search_wrap input { width: 100%; } .you_may_like_box .cat_thumbail_wrap { width: 23%; } .you_may_like_box .cat_thumbail_wrap:nth-child(5) { display: none; } .half_page { width: auto; float: none; padding-right: 0; padding-bottom: 15px; } .home_store_wrap > div > .col_2 { padding-top: 12px; } .checkout_page { width: auto; float: none; padding-right: 0; } .checkout_page_text_top { display: none; } .checkout_page_text_bottom { display: block; } .banner_landing_map_text { padding-top: 20px; } .banner_landing_map { width: 60%; } .home_postcode_search_wrap p { display: block; display: none; } .post_office_banner p { display: block; margin-bottom: 0; margin-top: 4px; } .post_office_banner { font-size: 22px; } .post_office_banner img { width: 84px; margin-right: 0px; } } /* For screens smaller then 768px - iPhone landscape */ @media all and (max-width: 767px) { #prod_image_wrap, #prod_info_wrap { width: 100%; float: none; padding: 0; } #prod_info_wrap { margin-top: -10px; } .prod_mobile_info { display: block; } .prod_top_info { display: none; } .blog_search_page #content, .blog #content, .single-post #content, .category #content, .date #content, #sidebar { width: auto; float: none; } .blog_search_page #content, .blog #content, .single-post #content, .category #content, .date #content { padding: 10px 10px 25px 10px; } .reserve_form_wrap, .reserve_store_info_wrap { display: block; width: auto; margin: 0; margin-bottom: 20px; } .reserve_loc_pop_wrap > div:first-child, .reserve_loc_pop_wrap > div { width: auto; display: block; } .reserve_loc_pop_wrap > div:first-child { margin-bottom: 10px; } .reserve_loc_marker { height: 55px; margin-bottom: 1%; width: 12%; } .postage_wrap > p:first-of-type { margin: 0; } .content_404 { padding-bottom: 71vw; } .actual_price { font-size: 1.5em; } .main_prod_text { padding-top: 0; } } @media all and (max-width: 720px) { .payment_page .flex { display: block; } .checkout_page .encrypted_details_wrap { margin-bottom: 25px; margin-right: 0; } .narrow_width { padding-left: 0; padding-right: 0; } .checkout_page .block { padding: 14px; } .order_note_wrap label { margin: 0; float: none; width: 100%; margin-bottom: 15px; } .order_note_wrap textarea { width: 92%; float: none; } .stores_list { columns: 4; } .customer_quote { width: 100%; display: block; margin-left: 0; margin-right: 0; } .landing_page_categories { grid-template-columns: 1fr 1fr; } } @media all and (max-width: 650px) { .home_boxes_wrap > .col_2, .home_blog_posts_wrap .col_2, .home_info_boxes_wrap .col_2 { width: 100%; float: none; margin-bottom: 5px; text-align: center; } .home_postcode_search_wrap { margin-bottom: 15px; } .sub_cat_wrap { width: 32%; } .sub_cat_wrap:nth-child(4n+1) { clear: none; } .sub_cat_wrap:nth-child(3n+1) { clear: left; } .cat_banner_wrap { background: none !important; padding: 0 0 15px 0; border-bottom: 3px #ebeceb solid; } .cat_thumbail_wrap { width: 31%; } .landing_cat_highlight_prod_wrap .cat_thumbail_wrap { width: 23%; } .landing_cat_highlight_prod_wrap .cat_thumbail_wrap:nth-child(3n+1) { clear: none; } .landing_cat_highlight_prod_wrap .cat_thumbail_wrap:nth-child(4n+1) { clear: left; } .cat_thumbail_wrap:nth-child(4n+1) { clear: none; } .cat_thumbail_wrap:nth-child(3n+1) { clear: left; } .cat_nav_wrap_bot .ordering_drop_wrap, .cat_nav_wrap_bot .per_page_drop_wrap { display: none; } .cat_nav_wrap_top .page_numbers { display: none; } .you_may_like_box .cat_thumbail_wrap { width: 31%; } .you_may_like_box .cat_thumbail_wrap:nth-child(5) { display: block; } .ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea { width: 100% !important; margin-left: 0 !important; } .ninja-forms-form-wrap label { width: auto !important; margin-bottom: 7px; } .prod_video_wrap { width: 100%; float: none; } .reserve_checkout_header > div { float: none; margin-top: 20px; } .home_blog_posts_wrap > .col_2:last-child { display: none; } .home_blog_posts_wrap.single_home_post > .col_2:last-child { display: block; } .postage_block { width: auto; margin-bottom: 15px; } .postage_collection_mob_header { display: block; } .postage_headers p { width: auto; } .postage_headers p:last-child { display: none; } .landing_blog_btns_wrap > div { width: 50%; } .landing_blog_btns_wrap > div:nth-child(4) { display: inline-block; } .payment_btns_order { flex-direction: column; } .cc_btn { order: 3; } .klarna_btn.active { margin-bottom: 23px; } .cat_nav_wrap .filter_child_name { top: 1px; } .stores_list { columns: 3; } .mobile_desktop_wrap { display: block; } .banner_desktop_wrap { display: none; } } @media all and (max-width : 600px) { .store_info_page .slick_wrap .slick-slide img { height: 21vw; } } @media all and (max-width : 550px) { .reserve_info_wrap > div { display: block; text-align: center; margin-top: 7px; } .reserve_info_wrap > div:first-child { width: 100%; } .reserve_info { font-size: 17px; } .reserve_info i { font-size: 13px; } .reserve_pop_up_inner .button { font-size: 0.9em; } .reserve_loc_marker { width: 12%; } .reserve_loc_marker { height: 61px; } #checkout_table tr { display: block; padding: 10px; border-bottom: 1px solid #ebebeb; position: relative; width: 100%; box-sizing: border-box; } #checkout_table td { display: block; border-bottom: none; padding: 2px 0; } .checkout_page .prod_name img { float: none; display: block; } td.prod_delete { position: absolute; top: 8px; right: 10px; } #checkout_table { border-bottom: none; } .reserve_td { border: none; } .landing_cat_sub_wrap { width: calc(50% - 10px); } .landing_cat_sub_wrap:nth-child(10){ /*display: block;*/ } .description_banner_mobile { display: block; } .description_banner_desktop { display: none; } .reserve_pop_up_inner, .reserve_form_pop_up_inner { padding: 17px; } .checkout_page_btn a { width: 100%; } .reserve_cart_row .form_note { margin-left: 0; } .order_info_box span { display: block; margin-bottom: 5px; } .home_icons > div { grid-template-columns: 1fr 1fr; } .home_icons .home_image { margin: 15px 0; } .home #content { display: flex; flex-direction: column; } .bottom_2 { order: 3; } .bottom_2 > .home_image { order: 3; margin: 0; } .home_icons { order: 2; } .link_button_wrap a { width: calc(50% - 9px); } .landing_cat_highlight_prod_wrap .cat_thumbail_wrap { width: 50%; } .landing_cat_highlight_prod_wrap .cat_thumbail_wrap:nth-child(2n+1) { clear: left; } } @media all and (max-width : 500px) { .store_info_page .slick_wrap .slick-slide img { height: 30vw; } } /* For screens smaller then 480px - iPhone portrait */ @media all and (max-width : 479px) { .sub_cat_wrap { width: 49%; } .sub_cat_wrap:nth-child(3n+1) { clear: none; } .sub_cat_wrap:nth-child(2n+1) { clear: left; } .cat_thumbail_wrap { width: 50%; margin-left: 0; margin-right: 0; } .cat_thumbail_wrap:nth-child(3n+1) { clear: none; } .cat_thumbail_wrap:nth-child(2n+1) { clear: left; } .cat_thumbail_wrap:nth-child(2n+1) a { padding-left: 0; } .cat_thumbail_wrap:nth-child(2n+2) a { padding-right: 0; } .cat_thumbail_wrap a, .cat_thumbail_wrap a:hover { border: none; } .price_wrapper { float: none; margin-bottom: 15px; } label, select, input, textarea, .input, .variation_main label { width: 100%; margin-right: 0; text-align: left; } label { margin-bottom: 10px; } .sage_card_wrap label { margin: 10px 0; } .sage_card_wrap { padding-top: 10px; } #process_checkout_data label { margin-bottom: 0; } .form_note { padding-left: 0; } .you_may_like_box .cat_thumbail_wrap { width: 48%; } .you_may_like_box .cat_thumbail_wrap:nth-child(2n+1) { clear: left !important; } #newsletter_popup_inner { width: 90%; } .banner_mob { display: block; } .banner_desk { display: none; } .checkout_page .form_note { padding-left: 0%; } .banner_landing_map { width: 100%; float: none; margin: 0 0 15px 0; } .reserve_cart_row { position: relative; padding-bottom: 53px; display: block; width: 100%; } .reserve_cart_row td .reserve_cart_btn{ margin: 0; } .reserve_loc_marker { display: block; height: 50px; width: auto; } .reserve_loc_content { display: block; width: auto; } .blog_also_like > div a { display: block; max-width: 250px; margin: 10px auto; width: auto; } .review_date { width: 50px; } .online_exclusive .main_image a:before { width: 65px; height: 65px; left: -8px; } #product_wrap .info_overlay img { width: 65px; } .address_finder input { width: 100%; margin-bottom: 5px; } /*** CHECKOUT TABLES ***/ #checkout_table, .postage_wrap table { display: block; } #checkout_table tr, .postage_wrap table tr { display: block; padding: 10px; border-bottom: 1px solid #ebebeb; position: relative; width: 100%; box-sizing: border-box; } .postage_wrap table tr { padding-right: 45px; } #checkout_table td, .postage_wrap table td { display: block; border-bottom: none; padding: 0; } .checkout_page #checkout_table .prod_name_td img { float: none; display: block; } #checkout_table td.prod_delete, .postage_wrap table tr td:nth-child(4) { position: absolute; top: 10px; right: 10px; } #checkout_table tbody, .postage_wrap table tbody { display: block; } .postage_wrap table th, .postage_wrap table tr:first-child { display: none; } .postage_wrap table tr td:first-child { float: left; } .postage_wrap table tr td:nth-child(2) { float: left; font-weight: bold; margin-right: 10px; } .postage_wrap table tr td:nth-child(3):before { content: '- '; } .postage_wrap table tr td:nth-child(5) { font-style: italic; } .news_opt_in_wrap { margin-left: 0; } /*** END - CHECKOUT TABLES ***/ .checkout_page input, .checkout_page select, .checkout_page textarea { width: 92%;} .postage_name { float: none; } .postage_price { text-align: left; color: #2b2e2d; margin-top: 6px; } .postage_info { text-align: left; } .empty_cart_cats > div { width: calc(50% - 20px); } .variation_main select, .variation_main input, .reserve_drop_options select { width: 100%; } .collect_only_item .button { width: 100%; display: inline-block; box-sizing: border-box; text-align: center; margin: -7px 0px; } .add_to_wrap button, .checker_popup_btn { width: 100%; } .add_to_wrap input[name="quantity"] { position: absolute; left: -500px; } .reserve_now_wrap b, .pay_now_wrap b { line-height: 39px; } .reserve_info_wrap i { clear: both; padding-top: 5px; } .checkout_sign_in_form input { width: 100%; margin-right: 0; } .stores_list { columns: 2; } } @media all and (max-width : 414px) { .home_image img.mobile { display: inline; } .home_image img.desktop { display: none; } .home_image_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; } .home_image_grid .home_image:nth-child(2) { order: -1; grid-row: span 1; grid-column: span 2; } .home_content > p:nth-of-type(1) img { display: none; } .home_content { margin-top: 19px !important; } } @media all and (max-width : 385px) { .delivery_options_wrap_header:after { top: -15px; right: -5px; } } @media all and (max-width : 372px) { .tabs li { float: none; margin-bottom: 4px; margin-right: 0; } .tabs { border-bottom: none; margin-bottom: 5px; } .checkout_stages_wrap span { font-size: 11px; } label[for="same_as_shipping"]:after{ display: none; } .post_office_banner { font-size: 18px; } .checkout_login p { font-size: 14px; text-align: left; } } @media all and (max-width : 350px) { .reserve_now_wrap b { line-height: 21px; } .page-id-5 .footer_payment_options img, .page-id-38688 .footer_payment_options img, .page-id-38690 .footer_payment_options img { max-width: 100%; } } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* Scooch Carousel control base styling */ .m-scooch-controls { padding-top: 10px; text-align: center; } .m-scooch-controls a { padding: 5px; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; -webkit-user-drag: none; -moz-user-drag: -moz-none; user-drag: none; } /* Carousel controls: Bulleted */ .m-scooch-bulleted a { line-height: 0; text-decoration: none; text-indent: -999px; overflow: hidden; display: inline-block; padding: 5px; width: 0; height: 0; margin: 0 4px; color: #333; border: 1px solid #c8c8c8; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .m-scooch-bulleted a:hover, .m-scooch-bulleted a:focus { text-decoration: none; background-color: rgba(255,255,255,0.6); } .m-scooch-bulleted a.m-active { background: #f5f5f5; border: 1px solid #f5f5f5; } /* Carousel controls: Pagination */ .m-scooch-pagination { padding-top: 10px; } .m-scooch-pagination a { text-decoration: none; display: inline-block; padding: 3px 10px; margin: 1px 0; color: #333; background-color: rgba(255,255,255,0.3); -webkit-transition: background-color 0.1s ease-in; -moz-transition: background-color 0.1s ease-in; -o-transition: background-color 0.1s ease-in; transition: background-color 0.1s ease-in; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .m-scooch-pagination a:hover, .m-scooch-pagination a:focus { text-decoration: none; background-color: rgba(255,255,255,0.6); } .m-scooch-pagination a.m-active { background-color: rgba(255,255,255,1); } /* Carousel controls: HUD */ .m-scooch-hud { padding-top: 0; } .m-scooch-hud a { z-index: 2; opacity: 0; display: block; position: absolute; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 0; padding: 0; text-decoration: none; text-indent: -999px; overflow: hidden; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.8); -webkit-transition: opacity 0.1s ease-in; -moz-transition: opacity 0.1s ease-in; -o-transition: opacity 0.1s ease-in; transition: opacity 0.1s ease-in; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .m-scooch:hover .m-scooch-hud a { opacity: 0.3; } .m-scooch .m-scooch-hud a:hover, .m-scooch .m-scooch-hud a:focus { opacity: 1; } .m-scooch-hud a:after { color: rgba(255,255,255,0.85); content: "\25c0"; font-size: 25px; font-weight: bold; text-indent: 0; text-align: center; display: block; position: absolute; top: 10px; left: 0; width: 47px; height: 50px; z-index: 9; } .m-scooch-hud .m-scooch-prev { left: 10px; } .m-scooch-hud .m-scooch-next { right: 10px; } .m-scooch-hud .m-scooch-next:after { left: auto; right: 0; content: "\25b6"; } /* extra bits */ /* captions */ .m-caption { margin: 0; padding: 10px; height: auto; text-align: center; } /* scaled slides */ .m-scaled .m-item { opacity: 0.7; -webkit-backface-visibility: hidden; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); /* Configure animations */ /* (0.5s would match the transition length between each, but fast swiping on a phone can result in odd timing. Half-length durations for each transform is a reasonable middle ground.) */ -webkit-transition: -webkit-transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s, opacity ease-out 0.25s; -moz-transition-timing-function: -moz-transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s, opacity ease-out 0.25s; -o-transition-timing-function: -o-transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s, opacity ease-out 0.25s; transition-timing-function: transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s, opacity ease-out 0.25s; } .m-scaled .m-active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Default Themes/Sytles for Slider */ .m-fluid .m-item { margin-right: 20px; } /* https://github.com/mobify/scooch/issues/32 */ /* Styles for non-fluid, centered carousel */ .m-center.m-scaled:not(.m-fluid) .m-item { -webkit-transform: translate(-50%) scale(0.75); -moz-transform: translate(-50%) scale(0.75); -ms-transform: translate(-50%) scale(0.75); -o-transform: translate(-50%) scale(0.75); transform: translate(-50%) scale(0.75); } .m-center.m-scaled:not(.m-fluid) .m-item.m-active { -webkit-transform: scale(1) translate(-50%); -moz-transform: scale(1) translate(-50%); -ms-transform: scale(1) translate(-50%); -o-transform: scale(1) translate(-50%); transform: scale(1) translate(-50%); } /* Fluid Width Photo Carousel * .m-scooch.m-fluid.m-scooch-photos */ .m-scooch-photos { margin: 0; padding: 0; } .m-scooch-photos .m-item > img { margin: 0; padding: 0; max-width: none; width: 100%; height: auto; } .m-scooch-photos .m-caption { background: rgba(0,0,0,0.7); bottom: 0; position: absolute; z-index: 9; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Inner Cards for Carousel */ .m-card-dark, .m-card-light { padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: rgba(0,0,0,0.5) 0 5px 10px; -moz-box-shadow: rgba(0,0,0,0.5) 0 5px 10px; -o-box-shadow: rgba(0,0,0,0.5) 0 5px 10px; -ms-box-shadow: rgba(0,0,0,0.5) 0 5px 10px; box-shadow: rgba(0,0,0,0.5) 0 5px 10px; } .m-card-dark { background: rgba(0,0,0,0.5); color: #FFF; } .m-card-light { background: rgba(255,255,255,0.9); color: #000; } .m-card-dark .m-caption, .m-card-light .m-caption { margin: 0; padding: 10px 0 0 0; } .m-fade-out { -webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%); } /* Classes on outer slideshow wrapper: either NONE or 'fraction' or 'fraction' + one of 'fraction1'...'fraction10'. fraction sets box-sizing: border-box, so that padding on the element is taken out ; either NONE or 'center' or 'right' */ .m-scooch { max-width: 400px; margin: 0 auto; margin-bottom: 10px; position: relative; overflow: hidden; -webkit-font-smoothing: antialiased; } .m-scooch.m-left { text-align: left; } .m-scooch.m-center { text-align: center; } .m-scooch.m-fluid > .m-scooch-inner > * { width: 100%; } .m-scooch.m-fluid.m-center > .m-scooch-inner > *:first-child { margin-left: 0%; } .m-scooch.m-fluid-2 > .m-scooch-inner > * { width: 50%; } .m-scooch.m-fluid-2.m-center > .m-scooch-inner > *:first-child { margin-left: 25%; } .m-scooch.m-fluid-3 > .m-scooch-inner > * { width: 33.333%; } .m-scooch.m-fluid-3.m-center > .m-scooch-inner > *:first-child { margin-left: 33.333%; } .m-scooch.m-fluid-4 > .m-scooch-inner > * { width: 25%; } .m-scooch.m-fluid-4.m-center > .m-scooch-inner > *:first-child { margin-left: 37.5%; } .m-scooch.m-fluid-5 > .m-scooch-inner > * { width: 20%; } .m-scooch.m-fluid-5.m-center > .m-scooch-inner > *:first-child { margin-left: 40%; } .m-scooch.m-fluid-6 > .m-scooch-inner > * { width: 16.667%; } .m-scooch.m-fluid-6.m-center > .m-scooch-inner > *:first-child { margin-left: 41.667%; } .m-scooch img { -ms-interpolation-mode: bicubic; } /* https://github.com/mobify/scooch/issues/23 */ .m-scooch .m-item { -webkit-transform: translate(0); transform: translate(0); } .m-scooch-inner { position: relative; white-space: nowrap; text-align: left; /* Removes inline-block gaps due to whitespace */ font-size: 0; /* Configure animations */ -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; transition-property: transform; /* iOS like slide timings */ -webkit-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); -moz-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); -ms-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .m-scooch-inner > * { display: inline-block; vertical-align: top; white-space: normal; /* We must reset the font-size here */ font-size: 16px; } .m-fluid > .m-scooch-inner > * { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } /* https://github.com/mobify/scooch/issues/32 */ /* Styles for non-fluid, centered carousel */ .m-center:not(.m-fluid) .m-item:first-child { margin-left: 50%; } .m-center:not(.m-fluid) .m-item { -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); } /* END - Scooch Carousel control base styling */ /* -------------------------------------- */ /* LANDING PAGE STYLES ------------------ */ /* -------------------------------------- */ .page-template-landing-page-php { border-top: 10px solid #DD1C79; } .page-template-landing-page-php #header {background: white;} .page-template-landing-page-php #header_inner {background: none;} .page-template-landing-page-php #logo { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); } .page-template-landing-page-php .landing-page-image { max-width: 570px; width: 100%; height: auto; margin-top: -150px; } .page-template-landing-page-php .trusted-retailer { max-width: 410px; width: 100%; height: auto; } .page-template-landing-page-php #content {} .page-template-landing-page-php #content h1 { font-size: 60px; font-weight: 700; color: #DD1C79; letter-spacing: -1px; margin: 15px 0 5px 0; padding-bottom: 0px; } .page-template-landing-page-php #content h1 + h2 { font-size: 30px; font-weight: 300; color: #b3b3b3; margin-bottom: 20px; } .page-template-landing-page-php #content h2 { font-size: 30px; font-weight: 300; color: #000000; margin-bottom: 20px; } .page-template-landing-page-php #content p { font-size: 16px; line-height: 24px; margin-bottom: 20px; font-weight: 300; color: #666666; } .page-template-landing-page-php #content p a { color: #DD1C79; } .page-template-landing-page-php #content p a.button {display: inline-block; margin: 15px 0;} .page-template-landing-page-php hr { border-bottom: 1px solid #DD1C79; border-top: none; margin: 0 0 30px 0; } .page-template-landing-page-php .related_products { display: inline-block; width: 100%; height: auto; margin-bottom: 30px; } .page-template-landing-page-php .home_store_wrap h3 { max-width: 644px; height: 0px; background: no-repeat left top url('../images/Europe-largest-sexy-superstores.svg'); background-size: contain; text-indent: -999em; margin: 0px; margin-bottom: 0px; padding: 30px 0; padding-bottom: 8%; } .page-template-landing-page-php .related_products {margin-top: 10px;} .page-template-landing-page-php .cat_thumbnail_wrap:nth-child(4n+1) { clear: left; } .page-template-landing-page-php .cat_thumbnail_wrap { width: 48%; margin:0; float: left; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; } .page-template-landing-page-php .cat_thumbnail_wrap + .cat_thumbnail_wrap { margin-left: 2%; } .page-template-landing-page-php .cat_thumbnail_wrap img { border: 1px solid #c8c8c8; width: 50%; float: left; height: auto; margin-right: 20px; } .page-template-landing-page-php .cat_thumbnail_wrap h3 { font-size: 26px; color: #000000; font-weight: 300; margin-bottom: 15px; } .page-template-landing-page-php .cat_thumbnail_wrap p.price { font-weight: 700 !important; color: #e6378b !important; font-size: 20px !important; margin-bottom: 15px !important; } .page-template-landing-page-php .cat_thumbnail_wrap p.price span { color: #b3b3b3; text-decoration: line-through; } .page-template-landing-page-php .cat_thumbnail_wrap p {margin-bottom: 15px !important;} .page-template-landing-page-php .store-list {padding: 0px;} .page-template-landing-page-php .store-list li { display: inline-block; border: 1px solid #c8c8c8; width: 31.65%; margin: 0 15px 10px 0; padding: 10px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } div.offer-block { background-color:#DD1C79; padding:25px 20px; color:#ffffff; font-size:20px; line-height:30px; border-radius:2px; margin:60px 0 10px 0; } div.offer-block span { font-weight:bold; } /* MEDIA QUERIES FOR LANDING PAGE */ /* Desktop*/ @media screen and (max-width: 1200px) { } /* 1070px */ @media screen and (max-width: 1070px) { .page-template-landing-page-php .landing-page-image { margin-top: 0px; } } /* Tablet */ @media screen and (max-width: 991px) { .page-template-landing-page-php .store-list li { width: 48%; } .page-template-landing-page-php .home_store_wrap h3 { margin-bottom: 20px; } .page-template-landing-page-php .cat_thumbnail_wrap img { width: 100%; margin-bottom: 20px; } } /* Mobile */ @media screen and (max-width: 767px) { .page-template-landing-page-php .store-list li { width: 100%; } .page-template-landing-page-php .mob-full-width {width: 100%;} .page-template-landing-page-php .trusted-retailer {margin-bottom: 30px;} .hidden-xs {display: none;} } /* -------------------------------------- */ /* CHRISTMAS OPENING ------------------ */ /* -------------------------------------- */ div.christmas-opening { padding:10px; background-color:#EDEDED; margin:15px 0; } div.christmas-opening img { float: left; margin-right:15px; } div.christmas-opening p { margin:0; } div.christmas-opening a { text-decoration: none; color: #DD1C79; font-size:18px; line-height:26px; font-weight: bold; } div.christmas-opening a span { color: #2b2e2d;; font-size:14px; line-height:20px; font-weight: normal; } @media screen and (max-width:767px) { div.christmas-opening img { display: block; float: none; margin-bottom: 15px; } } /* Slick */ .slick-slide img { } .slick-arrow { padding: 0; margin: 0; width: 15px; height: 15px; border: 2px solid #888a8a; border-left: none; border-top: none; border-radius: 0; text-indent: -999em; position: absolute; top: calc(50% - 28px); left: -13px; transform: translateY(-50%) rotate(135deg); transition: all 0.2s ease-in-out; background: transparent; z-index: 10; } .slick-arrow:before { } .slick-next { left: auto; right: -13px; transform: translateY(-50%) rotate(-45deg); } .slick-arrow:hover { background: transparent; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; width: calc(100% - 40px); margin: 0 auto; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; opacity: 1; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }