/* Minification failed. Returning unminified contents. (7857,33): run-time error CSS1039: Token not allowed after unary operator: '-mobile-bottom-safe-area-height' (14621,57): run-time error CSS1030: Expected identifier, found ',' (14621,91): run-time error CSS1031: Expected selector, found ')' (14621,91): run-time error CSS1025: Expected comma or open brace, found ')' (19055,21): run-time error CSS1039: Token not allowed after unary operator: '-vh' (19092,21): run-time error CSS1039: Token not allowed after unary operator: '-vh' (22766,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-top-safe-area-height' (22819,29): run-time error CSS1039: Token not allowed after unary operator: '-mobile-bottom-safe-area-height' (24373,31): run-time error CSS1039: Token not allowed after unary operator: '-mobile-bottom-safe-area-height' (25837,23): run-time error CSS1039: Token not allowed after unary operator: '-mobile-top-safe-area-height' (25838,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-bottom-safe-area-height' (25872,36): run-time error CSS1039: Token not allowed after unary operator: '-mobile-top-safe-area-height' (25875,36): run-time error CSS1039: Token not allowed after unary operator: '-mobile-top-safe-area-height' (33099,37): run-time error CSS1039: Token not allowed after unary operator: '-mobile-top-safe-area-height' (33627,39): run-time error CSS1039: Token not allowed after unary operator: '-mobile-bottom-safe-area-height' (33909,12): run-time error CSS1030: Expected identifier, found '.' (33909,34): run-time error CSS1031: Expected selector, found ')' (33909,34): run-time error CSS1025: Expected comma or open brace, found ')' (34048,26): run-time error CSS1039: Token not allowed after unary operator: '-pal-grayscale-200' (34051,38): run-time error CSS1039: Token not allowed after unary operator: '-mobile-bottom-safe-area-height' (34146,28): run-time error CSS1039: Token not allowed after unary operator: '-pal-grayscale-200' (34191,22): run-time error CSS1039: Token not allowed after unary operator: '-pal-grayscale-100' (34206,28): run-time error CSS1039: Token not allowed after unary operator: '-pal-grayscale-200' (34218,22): run-time error CSS1039: Token not allowed after unary operator: '-pal-grayscale-50' (34225,22): run-time error CSS1039: Token not allowed after unary operator: '-pal-grayscale-50' (34235,28): run-time error CSS1039: Token not allowed after unary operator: '-pal-red-700' (34236,28): run-time error CSS1039: Token not allowed after unary operator: '-pal-red-100' (34250,28): run-time error CSS1039: Token not allowed after unary operator: '-pal-grayscale-100' (34304,28): run-time error CSS1039: Token not allowed after unary operator: '-pal-grayscale-300' (34357,35): run-time error CSS1030: Expected identifier, found '#bottom-navigation-app' (34357,58): run-time error CSS1031: Expected selector, found ')' (34357,58): run-time error CSS1025: Expected comma or open brace, found ')' (34361,35): run-time error CSS1030: Expected identifier, found '#bottom-navigation-app' (34361,58): run-time error CSS1031: Expected selector, found ')' (34361,58): run-time error CSS1025: Expected comma or open brace, found ')' (35289,37): run-time error CSS1039: Token not allowed after unary operator: '-mobile-bottom-safe-area-height' */ /*! jQuery UI - v1.11.3 - 2015-03-05 * http://jqueryui.com * Includes: core.css, autocomplete.css, menu.css * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } img[data-lazy-src]{will-change:contents} @charset "UTF-8";@font-face{font-family:ytpregular;src:url(font/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'),url(font/ytp-regular.ttf)format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.YTPWrapper{display:block;transform:translateZ(0)translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}.YTPFullscreen,.inline_YTPlayer img{border:none!important;padding:0!important}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.YTPFullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;opacity:1!important;background-color:#000!important}.inlinePlayButton,.inlinePlayButtonMobile{font-family:ytpregular;font-size:45px;color:#fff;text-align:center;border-radius:100%;background-color:rgba(0,0,0,.4);position:absolute;width:80px;height:80px;line-height:80px;top:0;bottom:0;left:0;right:0;margin:auto;cursor:pointer;opacity:.8;transition:all .4s;transform:scale(1.3)}.inlinePlayButtonMobile{transform:scale(1)}.mb_YTPlayer:hover .inlinePlayButton{opacity:1;transform:scale(1)}.inlinePlayButton:hover{background-color:rgba(0,0,0,1);transform:scale(1.3)!important}.mbYTP_wrapper iframe{max-width:8000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;overflow:hidden;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{margin:0!important;transform:none!important}.mb_YTPBar,.mb_YTPBar .buttonBar{box-sizing:border-box;left:0;padding:5px;width:100%}.mb_YTPBar .ytpicon{font-size:20px;font-family:ytpregular}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;height:10px;background:#333;position:fixed;bottom:0;text-align:left;z-index:1000;font:14px/16px sans-serif;color:#fff;opacity:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px san-serif;position:absolute;top:-30px;height:40px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar span.mb_YTPUrl a{color:#fff}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlayPause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#bb110e;bottom:0;left:0;box-shadow:rgba(82,82,82,.47)1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(images/raster.png)}.YTPOverlay.raster.retina{background:url(images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(images/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar.compact span.mb_OnlyYT{left:260px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%} .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca; } .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff; } @font-face{font-family:'Glyphicons Regular';src:url('/Content/fonts/glyphicons-regular.eot');src:url('/Content/fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/glyphicons-regular.woff2') format('woff2'),url('/Content/fonts/glyphicons-regular.woff') format('woff'),url('/Content/fonts/glyphicons-regular.ttf') format('truetype'),url('/Content/fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')}.glyphicons{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Regular';font-style:normal;font-weight:normal;line-height:1;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicons.x05{font-size:12px}.glyphicons.x2{font-size:48px}.glyphicons.x3{font-size:72px}.glyphicons.x4{font-size:96px}.glyphicons.x5{font-size:120px}.glyphicons.light:before{color:#f2f2f2}.glyphicons.drop:before{text-shadow:-1px 1px 3px rgba(0,0,0,0.3)}.glyphicons.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.glyphicons.flipv{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.glyphicons.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.glyphicons.rotate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.glyphicons.rotate270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.glyphicons-glass:before{content:"\E001"}.glyphicons-leaf:before{content:"\E002"}.glyphicons-dog:before{content:"\E003"}.glyphicons-user:before{content:"\E004"}.glyphicons-girl:before{content:"\E005"}.glyphicons-car:before{content:"\E006"}.glyphicons-user-add:before{content:"\E007"}.glyphicons-user-remove:before{content:"\E008"}.glyphicons-film:before{content:"\E009"}.glyphicons-magic:before{content:"\E010"}.glyphicons-envelope:before{content:"\2709"}.glyphicons-camera:before{content:"\E011"}.glyphicons-heart:before{content:"\E013"}.glyphicons-beach-umbrella:before{content:"\E014"}.glyphicons-train:before{content:"\E015"}.glyphicons-print:before{content:"\E016"}.glyphicons-bin:before{content:"\E017"}.glyphicons-music:before{content:"\E018"}.glyphicons-note:before{content:"\E019"}.glyphicons-heart-empty:before{content:"\E020"}.glyphicons-home:before{content:"\E021"}.glyphicons-snowflake:before{content:"\2744"}.glyphicons-fire:before{content:"\E023"}.glyphicons-magnet:before{content:"\E024"}.glyphicons-parents:before{content:"\E025"}.glyphicons-binoculars:before{content:"\E026"}.glyphicons-road:before{content:"\E027"}.glyphicons-search:before{content:"\E028"}.glyphicons-cars:before{content:"\E029"}.glyphicons-notes-2:before{content:"\E030"}.glyphicons-pencil:before{content:"\270F"}.glyphicons-bus:before{content:"\E032"}.glyphicons-wifi-alt:before{content:"\E033"}.glyphicons-luggage:before{content:"\E034"}.glyphicons-old-man:before{content:"\E035"}.glyphicons-woman:before{content:"\E036"}.glyphicons-file:before{content:"\E037"}.glyphicons-coins:before{content:"\E038"}.glyphicons-airplane:before{content:"\2708"}.glyphicons-notes:before{content:"\E040"}.glyphicons-stats:before{content:"\E041"}.glyphicons-charts:before{content:"\E042"}.glyphicons-pie-chart:before{content:"\E043"}.glyphicons-group:before{content:"\E044"}.glyphicons-keys:before{content:"\E045"}.glyphicons-calendar:before{content:"\E046"}.glyphicons-router:before{content:"\E047"}.glyphicons-camera-small:before{content:"\E048"}.glyphicons-star-empty:before{content:"\E049"}.glyphicons-star:before{content:"\E050"}.glyphicons-link:before{content:"\E051"}.glyphicons-eye-open:before{content:"\E052"}.glyphicons-eye-close:before{content:"\E053"}.glyphicons-alarm:before{content:"\E054"}.glyphicons-clock:before{content:"\E055"}.glyphicons-stopwatch:before{content:"\E056"}.glyphicons-projector:before{content:"\E057"}.glyphicons-history:before{content:"\E058"}.glyphicons-truck:before{content:"\E059"}.glyphicons-cargo:before{content:"\E060"}.glyphicons-compass:before{content:"\E061"}.glyphicons-keynote:before{content:"\E062"}.glyphicons-paperclip:before{content:"\E063"}.glyphicons-power:before{content:"\E064"}.glyphicons-lightbulb:before{content:"\E065"}.glyphicons-tag:before{content:"\E066"}.glyphicons-tags:before{content:"\E067"}.glyphicons-cleaning:before{content:"\E068"}.glyphicons-ruler:before{content:"\E069"}.glyphicons-gift:before{content:"\E070"}.glyphicons-umbrella:before{content:"\2602"}.glyphicons-book:before{content:"\E072"}.glyphicons-bookmark:before{content:"\E073"}.glyphicons-wifi:before{content:"\E074"}.glyphicons-cup:before{content:"\E075"}.glyphicons-stroller:before{content:"\E076"}.glyphicons-headphones:before{content:"\E077"}.glyphicons-headset:before{content:"\E078"}.glyphicons-warning-sign:before{content:"\E079"}.glyphicons-signal:before{content:"\E080"}.glyphicons-retweet:before{content:"\E081"}.glyphicons-refresh:before{content:"\E082"}.glyphicons-roundabout:before{content:"\E083"}.glyphicons-random:before{content:"\E084"}.glyphicons-heat:before{content:"\E085"}.glyphicons-repeat:before{content:"\E086"}.glyphicons-display:before{content:"\E087"}.glyphicons-log-book:before{content:"\E088"}.glyphicons-address-book:before{content:"\E089"}.glyphicons-building:before{content:"\E090"}.glyphicons-eyedropper:before{content:"\E091"}.glyphicons-adjust:before{content:"\E092"}.glyphicons-tint:before{content:"\E093"}.glyphicons-crop:before{content:"\E094"}.glyphicons-vector-path-square:before{content:"\E095"}.glyphicons-vector-path-circle:before{content:"\E096"}.glyphicons-vector-path-polygon:before{content:"\E097"}.glyphicons-vector-path-line:before{content:"\E098"}.glyphicons-vector-path-curve:before{content:"\E099"}.glyphicons-vector-path-all:before{content:"\E100"}.glyphicons-font:before{content:"\E101"}.glyphicons-italic:before{content:"\E102"}.glyphicons-bold:before{content:"\E103"}.glyphicons-text-underline:before{content:"\E104"}.glyphicons-text-strike:before{content:"\E105"}.glyphicons-text-height:before{content:"\E106"}.glyphicons-text-width:before{content:"\E107"}.glyphicons-text-resize:before{content:"\E108"}.glyphicons-left-indent:before{content:"\E109"}.glyphicons-right-indent:before{content:"\E110"}.glyphicons-align-left:before{content:"\E111"}.glyphicons-align-center:before{content:"\E112"}.glyphicons-align-right:before{content:"\E113"}.glyphicons-justify:before{content:"\E114"}.glyphicons-list:before{content:"\E115"}.glyphicons-text-smaller:before{content:"\E116"}.glyphicons-text-bigger:before{content:"\E117"}.glyphicons-embed:before{content:"\E118"}.glyphicons-embed-close:before{content:"\E119"}.glyphicons-table:before{content:"\E120"}.glyphicons-message-full:before{content:"\E121"}.glyphicons-message-empty:before{content:"\E122"}.glyphicons-message-in:before{content:"\E123"}.glyphicons-message-out:before{content:"\E124"}.glyphicons-message-plus:before{content:"\E125"}.glyphicons-message-minus:before{content:"\E126"}.glyphicons-message-ban:before{content:"\E127"}.glyphicons-message-flag:before{content:"\E128"}.glyphicons-message-lock:before{content:"\E129"}.glyphicons-message-new:before{content:"\E130"}.glyphicons-inbox:before{content:"\E131"}.glyphicons-inbox-plus:before{content:"\E132"}.glyphicons-inbox-minus:before{content:"\E133"}.glyphicons-inbox-lock:before{content:"\E134"}.glyphicons-inbox-in:before{content:"\E135"}.glyphicons-inbox-out:before{content:"\E136"}.glyphicons-cogwheel:before{content:"\E137"}.glyphicons-cogwheels:before{content:"\E138"}.glyphicons-picture:before{content:"\E139"}.glyphicons-adjust-alt:before{content:"\E140"}.glyphicons-database-lock:before{content:"\E141"}.glyphicons-database-plus:before{content:"\E142"}.glyphicons-database-minus:before{content:"\E143"}.glyphicons-database-ban:before{content:"\E144"}.glyphicons-folder-open:before{content:"\E145"}.glyphicons-folder-plus:before{content:"\E146"}.glyphicons-folder-minus:before{content:"\E147"}.glyphicons-folder-lock:before{content:"\E148"}.glyphicons-folder-flag:before{content:"\E149"}.glyphicons-folder-new:before{content:"\E150"}.glyphicons-edit:before{content:"\E151"}.glyphicons-new-window:before{content:"\E152"}.glyphicons-check:before{content:"\E153"}.glyphicons-unchecked:before{content:"\E154"}.glyphicons-more-windows:before{content:"\E155"}.glyphicons-show-big-thumbnails:before{content:"\E156"}.glyphicons-show-thumbnails:before{content:"\E157"}.glyphicons-show-thumbnails-with-lines:before{content:"\E158"}.glyphicons-show-lines:before{content:"\E159"}.glyphicons-playlist:before{content:"\E160"}.glyphicons-imac:before{content:"\E161"}.glyphicons-macbook:before{content:"\E162"}.glyphicons-ipad:before{content:"\E163"}.glyphicons-iphone:before{content:"\E164"}.glyphicons-iphone-transfer:before{content:"\E165"}.glyphicons-iphone-exchange:before{content:"\E166"}.glyphicons-ipod:before{content:"\E167"}.glyphicons-ipod-shuffle:before{content:"\E168"}.glyphicons-ear-plugs:before{content:"\E169"}.glyphicons-record:before{content:"\E170"}.glyphicons-step-backward:before{content:"\E171"}.glyphicons-fast-backward:before{content:"\E172"}.glyphicons-rewind:before{content:"\E173"}.glyphicons-play:before{content:"\E174"}.glyphicons-pause:before{content:"\E175"}.glyphicons-stop:before{content:"\E176"}.glyphicons-forward:before{content:"\E177"}.glyphicons-fast-forward:before{content:"\E178"}.glyphicons-step-forward:before{content:"\E179"}.glyphicons-eject:before{content:"\E180"}.glyphicons-facetime-video:before{content:"\E181"}.glyphicons-download-alt:before{content:"\E182"}.glyphicons-mute:before{content:"\E183"}.glyphicons-volume-down:before{content:"\E184"}.glyphicons-volume-up:before{content:"\E185"}.glyphicons-screenshot:before{content:"\E186"}.glyphicons-move:before{content:"\E187"}.glyphicons-more:before{content:"\E188"}.glyphicons-brightness-reduce:before{content:"\E189"}.glyphicons-brightness-increase:before{content:"\E190"}.glyphicons-circle-plus:before{content:"\E191"}.glyphicons-circle-minus:before{content:"\E192"}.glyphicons-circle-remove:before{content:"\E193"}.glyphicons-circle-ok:before{content:"\E194"}.glyphicons-circle-question-mark:before{content:"\E195"}.glyphicons-circle-info:before{content:"\E196"}.glyphicons-circle-exclamation-mark:before{content:"\E197"}.glyphicons-remove:before{content:"\E198"}.glyphicons-ok:before{content:"\E199"}.glyphicons-ban:before{content:"\E200"}.glyphicons-download:before{content:"\E201"}.glyphicons-upload:before{content:"\E202"}.glyphicons-shopping-cart:before{content:"\E203"}.glyphicons-lock:before{content:"\E204"}.glyphicons-unlock:before{content:"\E205"}.glyphicons-electricity:before{content:"\E206"}.glyphicons-ok-2:before{content:"\E207"}.glyphicons-remove-2:before{content:"\E208"}.glyphicons-cart-out:before{content:"\E209"}.glyphicons-cart-in:before{content:"\E210"}.glyphicons-left-arrow:before{content:"\E211"}.glyphicons-right-arrow:before{content:"\E212"}.glyphicons-down-arrow:before{content:"\E213"}.glyphicons-up-arrow:before{content:"\E214"}.glyphicons-resize-small:before{content:"\E215"}.glyphicons-resize-full:before{content:"\E216"}.glyphicons-circle-arrow-left:before{content:"\E217"}.glyphicons-circle-arrow-right:before{content:"\E218"}.glyphicons-circle-arrow-top:before{content:"\E219"}.glyphicons-circle-arrow-down:before{content:"\E220"}.glyphicons-play-button:before{content:"\E221"}.glyphicons-unshare:before{content:"\E222"}.glyphicons-share:before{content:"\E223"}.glyphicons-chevron-right:before{content:"\E224"}.glyphicons-chevron-left:before{content:"\E225"}.glyphicons-bluetooth:before{content:"\E226"}.glyphicons-euro:before{content:"\20AC"}.glyphicons-usd:before{content:"\E228"}.glyphicons-gbp:before{content:"\E229"}.glyphicons-retweet-2:before{content:"\E230"}.glyphicons-moon:before{content:"\E231"}.glyphicons-sun:before{content:"\2609"}.glyphicons-cloud:before{content:"\2601"}.glyphicons-direction:before{content:"\E234"}.glyphicons-brush:before{content:"\E235"}.glyphicons-pen:before{content:"\E236"}.glyphicons-zoom-in:before{content:"\E237"}.glyphicons-zoom-out:before{content:"\E238"}.glyphicons-pin:before{content:"\E239"}.glyphicons-albums:before{content:"\E240"}.glyphicons-rotation-lock:before{content:"\E241"}.glyphicons-flash:before{content:"\E242"}.glyphicons-google-maps:before{content:"\E243"}.glyphicons-anchor:before{content:"\2693"}.glyphicons-conversation:before{content:"\E245"}.glyphicons-chat:before{content:"\E246"}.glyphicons-male:before{content:"\E247"}.glyphicons-female:before{content:"\E248"}.glyphicons-asterisk:before{content:"\002A"}.glyphicons-divide:before{content:"\00F7"}.glyphicons-snorkel-diving:before{content:"\E251"}.glyphicons-scuba-diving:before{content:"\E252"}.glyphicons-oxygen-bottle:before{content:"\E253"}.glyphicons-fins:before{content:"\E254"}.glyphicons-fishes:before{content:"\E255"}.glyphicons-boat:before{content:"\E256"}.glyphicons-delete:before{content:"\E257"}.glyphicons-sheriffs-star:before{content:"\E258"}.glyphicons-qrcode:before{content:"\E259"}.glyphicons-barcode:before{content:"\E260"}.glyphicons-pool:before{content:"\E261"}.glyphicons-buoy:before{content:"\E262"}.glyphicons-spade:before{content:"\E263"}.glyphicons-bank:before{content:"\E264"}.glyphicons-vcard:before{content:"\E265"}.glyphicons-electrical-plug:before{content:"\E266"}.glyphicons-flag:before{content:"\E267"}.glyphicons-credit-card:before{content:"\E268"}.glyphicons-keyboard-wireless:before{content:"\E269"}.glyphicons-keyboard-wired:before{content:"\E270"}.glyphicons-shield:before{content:"\E271"}.glyphicons-ring:before{content:"\02DA"}.glyphicons-cake:before{content:"\E273"}.glyphicons-drink:before{content:"\E274"}.glyphicons-beer:before{content:"\E275"}.glyphicons-fast-food:before{content:"\E276"}.glyphicons-cutlery:before{content:"\E277"}.glyphicons-pizza:before{content:"\E278"}.glyphicons-birthday-cake:before{content:"\E279"}.glyphicons-tablet:before{content:"\E280"}.glyphicons-settings:before{content:"\E281"}.glyphicons-bullets:before{content:"\E282"}.glyphicons-cardio:before{content:"\E283"}.glyphicons-t-shirt:before{content:"\E284"}.glyphicons-pants:before{content:"\E285"}.glyphicons-sweater:before{content:"\E286"}.glyphicons-fabric:before{content:"\E287"}.glyphicons-leather:before{content:"\E288"}.glyphicons-scissors:before{content:"\E289"}.glyphicons-bomb:before{content:"\E290"}.glyphicons-skull:before{content:"\E291"}.glyphicons-celebration:before{content:"\E292"}.glyphicons-tea-kettle:before{content:"\E293"}.glyphicons-french-press:before{content:"\E294"}.glyphicons-coffee-cup:before{content:"\E295"}.glyphicons-pot:before{content:"\E296"}.glyphicons-grater:before{content:"\E297"}.glyphicons-kettle:before{content:"\E298"}.glyphicons-hospital:before{content:"\E299"}.glyphicons-hospital-h:before{content:"\E300"}.glyphicons-microphone:before{content:"\E301"}.glyphicons-webcam:before{content:"\E302"}.glyphicons-temple-christianity-church:before{content:"\E303"}.glyphicons-temple-islam:before{content:"\E304"}.glyphicons-temple-hindu:before{content:"\E305"}.glyphicons-temple-buddhist:before{content:"\E306"}.glyphicons-bicycle:before{content:"\E307"}.glyphicons-life-preserver:before{content:"\E308"}.glyphicons-share-alt:before{content:"\E309"}.glyphicons-comments:before{content:"\E310"}.glyphicons-flower:before{content:"\2698"}.glyphicons-baseball:before{content:"\26BE"}.glyphicons-rugby:before{content:"\E313"}.glyphicons-ax:before{content:"\E314"}.glyphicons-table-tennis:before{content:"\E315"}.glyphicons-bowling:before{content:"\E316"}.glyphicons-tree-conifer:before{content:"\E317"}.glyphicons-tree-deciduous:before{content:"\E318"}.glyphicons-more-items:before{content:"\E319"}.glyphicons-sort:before{content:"\E320"}.glyphicons-filter:before{content:"\E321"}.glyphicons-gamepad:before{content:"\E322"}.glyphicons-playing-dices:before{content:"\E323"}.glyphicons-calculator:before{content:"\E324"}.glyphicons-tie:before{content:"\E325"}.glyphicons-wallet:before{content:"\E326"}.glyphicons-piano:before{content:"\E327"}.glyphicons-sampler:before{content:"\E328"}.glyphicons-podium:before{content:"\E329"}.glyphicons-soccer-ball:before{content:"\E330"}.glyphicons-blog:before{content:"\E331"}.glyphicons-dashboard:before{content:"\E332"}.glyphicons-certificate:before{content:"\E333"}.glyphicons-bell:before{content:"\E334"}.glyphicons-candle:before{content:"\E335"}.glyphicons-pushpin:before{content:"\E336"}.glyphicons-iphone-shake:before{content:"\E337"}.glyphicons-pin-flag:before{content:"\E338"}.glyphicons-turtle:before{content:"\E339"}.glyphicons-rabbit:before{content:"\E340"}.glyphicons-globe:before{content:"\E341"}.glyphicons-briefcase:before{content:"\E342"}.glyphicons-hdd:before{content:"\E343"}.glyphicons-thumbs-up:before{content:"\E344"}.glyphicons-thumbs-down:before{content:"\E345"}.glyphicons-hand-right:before{content:"\E346"}.glyphicons-hand-left:before{content:"\E347"}.glyphicons-hand-up:before{content:"\E348"}.glyphicons-hand-down:before{content:"\E349"}.glyphicons-fullscreen:before{content:"\E350"}.glyphicons-shopping-bag:before{content:"\E351"}.glyphicons-book-open:before{content:"\E352"}.glyphicons-nameplate:before{content:"\E353"}.glyphicons-nameplate-alt:before{content:"\E354"}.glyphicons-vases:before{content:"\E355"}.glyphicons-bullhorn:before{content:"\E356"}.glyphicons-dumbbell:before{content:"\E357"}.glyphicons-suitcase:before{content:"\E358"}.glyphicons-file-import:before{content:"\E359"}.glyphicons-file-export:before{content:"\E360"}.glyphicons-bug:before{content:"\E361"}.glyphicons-crown:before{content:"\E362"}.glyphicons-smoking:before{content:"\E363"}.glyphicons-cloud-download:before{content:"\E364"}.glyphicons-cloud-upload:before{content:"\E365"}.glyphicons-restart:before{content:"\E366"}.glyphicons-security-camera:before{content:"\E367"}.glyphicons-expand:before{content:"\E368"}.glyphicons-collapse:before{content:"\E369"}.glyphicons-collapse-top:before{content:"\E370"}.glyphicons-globe-af:before{content:"\E371"}.glyphicons-global:before{content:"\E372"}.glyphicons-spray:before{content:"\E373"}.glyphicons-nails:before{content:"\E374"}.glyphicons-claw-hammer:before{content:"\E375"}.glyphicons-classic-hammer:before{content:"\E376"}.glyphicons-hand-saw:before{content:"\E377"}.glyphicons-riflescope:before{content:"\E378"}.glyphicons-electrical-socket-eu:before{content:"\E379"}.glyphicons-electrical-socket-us:before{content:"\E380"}.glyphicons-message-forward:before{content:"\E381"}.glyphicons-coat-hanger:before{content:"\E382"}.glyphicons-dress:before{content:"\E383"}.glyphicons-bathrobe:before{content:"\E384"}.glyphicons-shirt:before{content:"\E385"}.glyphicons-underwear:before{content:"\E386"}.glyphicons-log-in:before{content:"\E387"}.glyphicons-log-out:before{content:"\E388"}.glyphicons-exit:before{content:"\E389"}.glyphicons-new-window-alt:before{content:"\E390"}.glyphicons-video-sd:before{content:"\E391"}.glyphicons-video-hd:before{content:"\E392"}.glyphicons-subtitles:before{content:"\E393"}.glyphicons-sound-stereo:before{content:"\E394"}.glyphicons-sound-dolby:before{content:"\E395"}.glyphicons-sound-5-1:before{content:"\E396"}.glyphicons-sound-6-1:before{content:"\E397"}.glyphicons-sound-7-1:before{content:"\E398"}.glyphicons-copyright-mark:before{content:"\E399"}.glyphicons-registration-mark:before{content:"\E400"}.glyphicons-radar:before{content:"\E401"}.glyphicons-skateboard:before{content:"\E402"}.glyphicons-golf-course:before{content:"\E403"}.glyphicons-sorting:before{content:"\E404"}.glyphicons-sort-by-alphabet:before{content:"\E405"}.glyphicons-sort-by-alphabet-alt:before{content:"\E406"}.glyphicons-sort-by-order:before{content:"\E407"}.glyphicons-sort-by-order-alt:before{content:"\E408"}.glyphicons-sort-by-attributes:before{content:"\E409"}.glyphicons-sort-by-attributes-alt:before{content:"\E410"}.glyphicons-compressed:before{content:"\E411"}.glyphicons-package:before{content:"\E412"}.glyphicons-cloud-plus:before{content:"\E413"}.glyphicons-cloud-minus:before{content:"\E414"}.glyphicons-disk-save:before{content:"\E415"}.glyphicons-disk-open:before{content:"\E416"}.glyphicons-disk-saved:before{content:"\E417"}.glyphicons-disk-remove:before{content:"\E418"}.glyphicons-disk-import:before{content:"\E419"}.glyphicons-disk-export:before{content:"\E420"}.glyphicons-tower:before{content:"\E421"}.glyphicons-send:before{content:"\E422"}.glyphicons-git-branch:before{content:"\E423"}.glyphicons-git-create:before{content:"\E424"}.glyphicons-git-private:before{content:"\E425"}.glyphicons-git-delete:before{content:"\E426"}.glyphicons-git-merge:before{content:"\E427"}.glyphicons-git-pull-request:before{content:"\E428"}.glyphicons-git-compare:before{content:"\E429"}.glyphicons-git-commit:before{content:"\E430"}.glyphicons-construction-cone:before{content:"\E431"}.glyphicons-shoe-steps:before{content:"\E432"}.glyphicons-plus:before{content:"\002B"}.glyphicons-minus:before{content:"\2212"}.glyphicons-redo:before{content:"\E435"}.glyphicons-undo:before{content:"\E436"}.glyphicons-golf:before{content:"\E437"}.glyphicons-hockey:before{content:"\E438"}.glyphicons-pipe:before{content:"\E439"}.glyphicons-wrench:before{content:"\E440"}.glyphicons-folder-closed:before{content:"\E441"}.glyphicons-phone-alt:before{content:"\E442"}.glyphicons-earphone:before{content:"\E443"}.glyphicons-floppy-disk:before{content:"\E444"}.glyphicons-floppy-saved:before{content:"\E445"}.glyphicons-floppy-remove:before{content:"\E446"}.glyphicons-floppy-save:before{content:"\E447"}.glyphicons-floppy-open:before{content:"\E448"}.glyphicons-translate:before{content:"\E449"}.glyphicons-fax:before{content:"\E450"}.glyphicons-factory:before{content:"\E451"}.glyphicons-shop-window:before{content:"\E452"}.glyphicons-shop:before{content:"\E453"}.glyphicons-kiosk:before{content:"\E454"}.glyphicons-kiosk-wheels:before{content:"\E455"}.glyphicons-kiosk-light:before{content:"\E456"}.glyphicons-kiosk-food:before{content:"\E457"}.glyphicons-transfer:before{content:"\E458"}.glyphicons-money:before{content:"\E459"}.glyphicons-header:before{content:"\E460"}.glyphicons-blacksmith:before{content:"\E461"}.glyphicons-saw-blade:before{content:"\E462"}.glyphicons-basketball:before{content:"\E463"}.glyphicons-server:before{content:"\E464"}.glyphicons-server-plus:before{content:"\E465"}.glyphicons-server-minus:before{content:"\E466"}.glyphicons-server-ban:before{content:"\E467"}.glyphicons-server-flag:before{content:"\E468"}.glyphicons-server-lock:before{content:"\E469"}.glyphicons-server-new:before{content:"\E470"}.glyphicons-charging-station:before{content:"\F471"}.glyphicons-gas-station:before{content:"\E472"}.glyphicons-target:before{content:"\E473"}.glyphicons-bed-alt:before{content:"\E474"}.glyphicons-mosquito-net:before{content:"\E475"}.glyphicons-dining-set:before{content:"\E476"}.glyphicons-plate-of-food:before{content:"\E477"}.glyphicons-hygiene-kit:before{content:"\E478"}.glyphicons-blackboard:before{content:"\E479"}.glyphicons-marriage:before{content:"\E480"}.glyphicons-bucket:before{content:"\E481"}.glyphicons-none-color-swatch:before{content:"\E482"}.glyphicons-bring-forward:before{content:"\E483"}.glyphicons-bring-to-front:before{content:"\E484"}.glyphicons-send-backward:before{content:"\E485"}.glyphicons-send-to-back:before{content:"\E486"}.glyphicons-fit-frame-to-image:before{content:"\E487"}.glyphicons-fit-image-to-frame:before{content:"\E488"}.glyphicons-multiple-displays:before{content:"\E489"}.glyphicons-handshake:before{content:"\E490"}.glyphicons-child:before{content:"\E491"}.glyphicons-baby-formula:before{content:"\E492"}.glyphicons-medicine:before{content:"\E493"}.glyphicons-atv-vehicle:before{content:"\E494"}.glyphicons-motorcycle:before{content:"\E495"}.glyphicons-bed:before{content:"\E496"}.glyphicons-tent:before{content:"\26FA"}.glyphicons-glasses:before{content:"\E498"}.glyphicons-sunglasses:before{content:"\E499"}.glyphicons-family:before{content:"\E500"}.glyphicons-education:before{content:"\E501"}.glyphicons-shoes:before{content:"\E502"}.glyphicons-map:before{content:"\E503"}.glyphicons-cd:before{content:"\E504"}.glyphicons-alert:before{content:"\E505"}.glyphicons-piggy-bank:before{content:"\E506"}.glyphicons-star-half:before{content:"\E507"}.glyphicons-cluster:before{content:"\E508"}.glyphicons-flowchart:before{content:"\E509"}.glyphicons-commodities:before{content:"\E510"}.glyphicons-duplicate:before{content:"\E511"}.glyphicons-copy:before{content:"\E512"}.glyphicons-paste:before{content:"\E513"}.glyphicons-bath-bathtub:before{content:"\E514"}.glyphicons-bath-shower:before{content:"\E515"}.glyphicons-shower:before{content:"\1F6BF"}.glyphicons-menu-hamburger:before{content:"\E517"}.glyphicons-option-vertical:before{content:"\E518"}.glyphicons-option-horizontal:before{content:"\E519"}.glyphicons-currency-conversion:before{content:"\E520"}.glyphicons-user-ban:before{content:"\E521"}.glyphicons-user-lock:before{content:"\E522"}.glyphicons-user-flag:before{content:"\E523"}.glyphicons-user-asterisk:before{content:"\E524"}.glyphicons-user-alert:before{content:"\E525"}.glyphicons-user-key:before{content:"\E526"}.glyphicons-user-conversation:before{content:"\E527"}.glyphicons-database:before{content:"\E528"}.glyphicons-database-search:before{content:"\E529"}.glyphicons-list-alt:before{content:"\E530"}.glyphicons-hazard-sign:before{content:"\E531"}.glyphicons-hazard:before{content:"\E532"}.glyphicons-stop-sign:before{content:"\E533"}.glyphicons-lab:before{content:"\E534"}.glyphicons-lab-alt:before{content:"\E535"}.glyphicons-ice-cream:before{content:"\E536"}.glyphicons-ice-lolly:before{content:"\E537"}.glyphicons-ice-lolly-tasted:before{content:"\E538"}.glyphicons-invoice:before{content:"\E539"}.glyphicons-cart-tick:before{content:"\E540"}.glyphicons-hourglass:before{content:"\231B"}.glyphicons-cat:before{content:"\1F408"}.glyphicons-lamp:before{content:"\E543"}.glyphicons-scale-classic:before{content:"\E544"}.glyphicons-eye-plus:before{content:"\E545"}.glyphicons-eye-minus:before{content:"\E546"}.glyphicons-quote:before{content:"\E547"}.glyphicons-bitcoin:before{content:"\E548"}.glyphicons-yen:before{content:"\00A5"}.glyphicons-ruble:before{content:"\20BD"}.glyphicons-erase:before{content:"\E551"}.glyphicons-podcast:before{content:"\E552"}.glyphicons-firework:before{content:"\E553"}.glyphicons-scale:before{content:"\E554"}.glyphicons-king:before{content:"\E555"}.glyphicons-queen:before{content:"\E556"}.glyphicons-pawn:before{content:"\E557"}.glyphicons-bishop:before{content:"\E558"}.glyphicons-knight:before{content:"\E559"}.glyphicons-mic-mute:before{content:"\E560"}.glyphicons-voicemail:before{content:"\E561"}.glyphicons-paragraph:before{content:"\00B6"}.glyphicons-person-walking:before{content:"\E563"}.glyphicons-person-wheelchair:before{content:"\E564"}.glyphicons-underground:before{content:"\E565"}.glyphicons-car-hov:before{content:"\E566"}.glyphicons-car-rental:before{content:"\E567"}.glyphicons-transport:before{content:"\E568"}.glyphicons-taxi:before{content:"\1F695"}.glyphicons-ice-cream-no:before{content:"\E570"}.glyphicons-uk-rat-u:before{content:"\E571"}.glyphicons-uk-rat-pg:before{content:"\E572"}.glyphicons-uk-rat-12a:before{content:"\E573"}.glyphicons-uk-rat-12:before{content:"\E574"}.glyphicons-uk-rat-15:before{content:"\E575"}.glyphicons-uk-rat-18:before{content:"\E576"}.glyphicons-uk-rat-r18:before{content:"\E577"}.glyphicons-tv:before{content:"\E578"}.glyphicons-sms:before{content:"\E579"}.glyphicons-mms:before{content:"\E580"}.glyphicons-us-rat-g:before{content:"\E581"}.glyphicons-us-rat-pg:before{content:"\E582"}.glyphicons-us-rat-pg-13:before{content:"\E583"}.glyphicons-us-rat-restricted:before{content:"\E584"}.glyphicons-us-rat-no-one-17:before{content:"\E585"}.glyphicons-equalizer:before{content:"\E586"}.glyphicons-speakers:before{content:"\E587"}.glyphicons-remote-control:before{content:"\E588"}.glyphicons-remote-control-tv:before{content:"\E589"}.glyphicons-shredder:before{content:"\E590"}.glyphicons-folder-heart:before{content:"\E591"}.glyphicons-person-running:before{content:"\E592"}.glyphicons-person:before{content:"\E593"}.glyphicons-voice:before{content:"\E594"}.glyphicons-stethoscope:before{content:"\E595"}.glyphicons-hotspot:before{content:"\E596"}.glyphicons-activity:before{content:"\E597"}.glyphicons-watch:before{content:"\231A"}.glyphicons-scissors-alt:before{content:"\E599"}.glyphicons-car-wheel:before{content:"\E600"}.glyphicons-chevron-up:before{content:"\E601"}.glyphicons-chevron-down:before{content:"\E602"}.glyphicons-superscript:before{content:"\E603"}.glyphicons-subscript:before{content:"\E604"}.glyphicons-text-size:before{content:"\E605"}.glyphicons-text-color:before{content:"\E606"}.glyphicons-text-background:before{content:"\E607"}.glyphicons-modal-window:before{content:"\E608"}.glyphicons-newspaper:before{content:"\1F4F0"}.glyphicons-tractor:before{content:"\1F69C"}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada} /* CUSTOMIZED BY ABOUT BLANK * easy-autocomplete * jQuery plugin for autocompletion * * @author Łukasz Pawełczak (http://github.com/pawelczak) * @version 1.3.5 * Copyright License: */ .easy-autocomplete { position: relative; } .easy-autocomplete input:hover, .easy-autocomplete input:focus { box-shadow: none; } .easy-autocomplete a { display: block; } .easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } .easy-autocomplete.eac-blue-light ul { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } .easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category { border-color: #66afe9; } .easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected { background-color: #ecf5fc; } .easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus { border-color: #41DB00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6); } .easy-autocomplete.eac-green-light ul { border-color: #41DB00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6); } .easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category { border-color: #41DB00; } .easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected { background-color: #9eff75; } .easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus { border-color: #ff5b5b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6); } .easy-autocomplete.eac-red-light ul { border-color: #ff5b5b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6); } .easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category { border-color: #ff5b5b; } .easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected { background-color: #ff8e8e; } .easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus { border-color: #ffdb00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6); } .easy-autocomplete.eac-yellow-light ul { border-color: #ffdb00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6); } .easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category { border-color: #ffdb00; } .easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected { background-color: #ffe233; } .easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus { border-color: #333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6); } .easy-autocomplete.eac-dark-light ul { border-color: #333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6); } .easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category { border-color: #333; } .easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected { background-color: #4d4d4d; color: #fff; } .easy-autocomplete.eac-dark { color: #fff; } .easy-autocomplete.eac-dark input { background-color: #404040; border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-dark ul { border-color: #333; } .easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category { background-color: #404040; border-color: #333; } .easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected { background-color: #737373; color: #f6f6f6; } .easy-autocomplete.eac-dark-glass { color: #fff; } .easy-autocomplete.eac-dark-glass input { background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus { border-color: rgba(0, 0, 0, 0.8); box-shadow: 0; } .easy-autocomplete.eac-dark-glass ul { border-color: rgba(0, 0, 0, 0.8); } .easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.8); } .easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected { background-color: rgba(64, 64, 64, 0.8); color: #f6f6f6; } .easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child { border-radius: 0 0 4px 4px; } .easy-autocomplete.eac-blue { color: #fff; } .easy-autocomplete.eac-blue input { background-color: #6d9ed1; border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-blue input::-webkit-input-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:-moz-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input::-moz-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:-ms-input-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus { border-color: #5A91CB; box-shadow: 0; } .easy-autocomplete.eac-blue ul { border-color: #5A91CB; } .easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category { background-color: #6d9ed1; border-color: #5A91CB; } .easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected { background-color: #94b8dd; color: #f6f6f6; } .easy-autocomplete.eac-yellow { color: #333; } .easy-autocomplete.eac-yellow input { background-color: #ffdb7e; border-color: #333; border-radius: 4px; box-shadow: 0; color: #333; } .easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-yellow ul { border-color: #333; } .easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category { background-color: #ffdb7e; border-color: #333; } .easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected { background-color: #ffe9b1; color: #333; } .easy-autocomplete.eac-purple { color: #333; } .easy-autocomplete.eac-purple input { background-color: #d6d1e7; border-color: #b8afd5; box-shadow: 0; color: #333; } .easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-purple ul { border-color: #333; } .easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category { background-color: #d6d1e7; border-color: #333; } .easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected { background-color: #ebe8f3; color: #333; } .easy-autocomplete.eac-bootstrap input { border-color: #ccc; border-radius: 4px; border-style: solid; border-width: 1px; color: #555; padding: 6px 12px; } .easy-autocomplete-container { left: 0; position: absolute; width: 100%; z-index: 2; } .easy-autocomplete-container ul { background: none repeat scroll 0 0 #ffffff; border-top: 1px dotted #ccc; display: none; margin-top: 0; padding-bottom: 0; padding-left: 0; position: relative; top: -1px; } .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category { background: inherit; border-color: #ccc; border-image: none; border-style: solid; border-width: 0 1px; display: block; font-size: 14px; font-weight: normal; padding: 4px 12px; } .easy-autocomplete-container ul li:last-child { border-radius: 0 0 2px 2px; border-width: 0 1px 1px; } .easy-autocomplete-container ul li.selected { background: none repeat scroll 0 0 #ebebeb; cursor: pointer; } .easy-autocomplete-container ul li.selected div { font-weight: normal; } .easy-autocomplete-container ul li div { display: block; font-weight: normal; word-break: break-all; } .easy-autocomplete-container ul li b { font-weight: bold; } .easy-autocomplete-container ul .eac-category { font-color: #aaa; font-style: italic; } .eac-description .eac-item span { color: #aaa; font-style: italic; font-size: 0.9em; } .eac-icon-left .eac-item img { margin-right: 4px; max-height: 30px; } .eac-icon-right .eac-item { margin-top: 8px; min-height: 24px; position: relative; } .eac-icon-right .eac-item img { margin-left: 4px; max-height: 30px; position: absolute; right: -4px; top: -8px; } /*# sourceMappingURL=easy-autocomplete.css.map */ @font-face { font-family: 'loyalty-icon'; src: url('/Content/fonts/loyalty-icons/loyalty-icon.eot?b3kktf'); src: url('/Content/fonts/loyalty-icons/loyalty-icon.eot?b3kktf#iefix') format('embedded-opentype'), url('/Content/fonts/loyalty-icons/loyalty-icon.ttf?b3kktf') format('truetype'), url('/Content/fonts/loyalty-icons/loyalty-icon.woff?b3kktf') format('woff'), url('/Content/fonts/loyalty-icons/loyalty-icon.svg?b3kktf#loyalty-icon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .loyalty-icons { font-family: 'loyalty-icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .loyalty-arrow-right:before { content: "\e900"; color: #484848; } .loyalty-accordion:before { content: "\e901"; color: #484848; } .loyalty-info:before { content: "\e902"; } .loyalty-locked:before { content: "\e903"; } @charset "UTF-8"; @font-face { font-family: "Gotham"; font-style: normal; font-weight: 400; src: url(/Content/fonts/Gotham-Light.otf) format("opentype"); } @font-face { font-family: "Gotham"; font-style: normal; font-weight: 700; src: url(/Content/fonts/Gotham-Medium.otf) format("opentype"); } @font-face { font-family: "GothamV2"; font-style: normal; font-weight: 200; src: url(/Content/fonts/Gotham-Light.otf) format("opentype"); } @font-face { font-family: "GothamV2"; font-style: normal; font-weight: 300; src: url(/Content/fonts/Gotham-Book.otf) format("opentype"); } @font-face { font-family: "GothamV2"; font-style: normal; font-weight: 500; src: url(/Content/fonts/Gotham-Medium.otf) format("opentype"); } @font-face { font-family: "GothamV2"; font-style: normal; font-weight: 700; src: url(/Content/fonts/Gotham-Bold.otf) format("opentype"); } @font-face { font-family: "Tungsten"; font-style: normal; font-weight: 400; src: url(/Content/fonts/Tungsten-Bold.otf) format("opentype"); } @font-face { font-family: "Tungsten"; font-style: normal; font-weight: 600; src: url(/Content/fonts/Tungsten-Semibold.otf) format("opentype"); } @font-face { font-family: "Tungsten"; font-style: normal; font-weight: 700; src: url(/Content/fonts/Tungsten-Bold.otf) format("opentype"); } /* Button primary filled */ /* Button secondary filled */ /* Button secondary outlined */ @font-face { font-family: "Oswald"; src: url(/Content/fonts/Oswald-VariableFont_wght.ttf) format("truetype"); } /* Button primary filled */ /* Button secondary filled */ /* Button secondary outlined */ @font-face { font-family: "s4d-icons"; src: url("/Content/fonts/s4d-icons/s4d-icons.eot?xakbjb"); src: url("/Content/fonts/s4d-icons/s4d-icons.eot?xakbjb#iefix") format("embedded-opentype"), url("/Content/fonts/s4d-icons/s4d-icons.ttf?xakbjb") format("truetype"), url("/Content/fonts/s4d-icons/s4d-icons.woff?xakbjb") format("woff"), url("/Content/fonts/s4d-icons/s4d-icons.svg?xakbjb#s4d-icons") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .s4d-icons { font-family: "s4d-icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0rem; } .s4d-arrow-right:before { content: "\e900"; color: #484848; } .s4d-accordion:before { content: "\e901"; } .s4d-info:before { content: "\e902"; } .s4d-locked:before { content: "\e903"; } .s4d-shopping-cart:before { content: "\e904"; } .s4d-chevron-down:before { content: "\e905"; } .s4d-chevron-right:before { content: "\e906"; } .s4d-cross:before { content: "\e907"; } .s4d-search:before { content: "\e908"; } .s4d-user-icon:before { content: "\e909"; } .s4d-vector:before { content: "\e90a"; } .s4d-shop:before { content: "\e90b"; } .s4d-pencil:before { content: "\e90c"; } .s4d-minus:before { content: "\e90d"; } .s4d-plus:before { content: "\e90e"; } .s4d-chevron-left:before { content: "\e90f"; } .s4d-logout:before { content: "\e910"; } .s4d-open-lock:before { content: "\e911"; } .s4d-tick:before { content: "\e912"; } .s4d-hamburger:before { content: "\e913"; } .s4d-hamburger-stroke:before { content: "\e914"; } .s4d-user-filled:before { content: "\e915"; } .s4d-history:before { content: "\e916"; } .s4d-key:before { content: "\e917"; } .s4d-shop2:before { content: "\e918"; } .s4d-closed-lock:before { content: "\e919"; } .s4d-exclamation:before { content: "\e91a"; } .s4d-category-default:before { content: "\e91b"; } .s4d-search2:before { content: "\e91c"; } .s4d-basket:before { content: "\e91d"; } .s4d-add:before { content: "\e91e"; } .s4d-thin-arrow-right:before { content: "\e91f"; } .s4d-decrease:before { content: "\e920"; } .s4d-random:before { content: "\e922"; } /* 0 - 768: Phone 768 64rem: Tablet portrait 1024 - 75rem: Tablet landscape 1200 - 112.5rem: Desktop 112.5rem +: Big desktop */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 2.5rem; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 0.125rem; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url("/Content/fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("/Content/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("/Content/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/Content/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/Content/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon, .s4d-icon-trash, .s4d-icon-info, .s4d-icon-alert, .s4d-icon-remove, .s4d-icon-edit { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "€"; } .glyphicon-minus:before { content: "−"; } .glyphicon-cloud:before { content: "☁"; } .glyphicon-envelope:before { content: "✉"; } .glyphicon-pencil:before, .s4d-icon-edit:before { content: "✏"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before, .s4d-icon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before, .s4d-icon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before, .s4d-icon-info:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before, .s4d-icon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "⛺"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "⌛"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "¥"; } .glyphicon-jpy:before { content: "¥"; } .glyphicon-ruble:before { content: "₽"; } .glyphicon-rub:before { content: "₽"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: Gotham; font-size: 1rem; line-height: 1.428571429; color: #111111; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #009a44; text-decoration: none; } a:hover, a:focus { color: rgb(0, 77.5, 34.2207792208); text-decoration: underline; } a:focus { outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0.375rem; } .img-thumbnail { padding: 0.25rem; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #ddd; border-radius: 0.25rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 1.428571429rem; margin-bottom: 1.428571429rem; border: 0; border-top: 1px solid rgb(238.425, 238.425, 238.425); } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=button] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #f4f4f4; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 1.428571429rem; margin-bottom: 0.7142857145rem; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 0.7142857145rem; margin-bottom: 0.7142857145rem; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 2.6rem; } h2, .h2 { font-size: 2.15rem; } h3, .h3 { font-size: 1.7rem; } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.85rem; } p { margin: 0 0 0.7142857145rem; } .lead { margin-bottom: 1.428571429rem; font-size: 1.15rem; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 1.5rem; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #f4f4f4; } .text-primary { color: #009a44; } a.text-primary:hover, a.text-primary:focus { color: rgb(0, 103, 45.4805194805); } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: rgb(42.808988764, 84.191011236, 43.5224719101); } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: rgb(35.984375, 82.25, 105.015625); } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: rgb(102.2741116751, 80.7817258883, 43.7258883249); } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: rgb(132.3234042553, 53.2425531915, 51.6765957447); } .bg-primary { color: #fff; } .bg-primary { background-color: #009a44; } a.bg-primary:hover, a.bg-primary:focus { background-color: rgb(0, 103, 45.4805194805); } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: rgb(192.7777777778, 225.8333333333, 179.1666666667); } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: rgb(174.8695652174, 217.0434782609, 238.1304347826); } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: rgb(247.064516129, 236.4838709677, 180.935483871); } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: rgb(227.5869565217, 185.4130434783, 185.4130434783); } .page-header { padding-bottom: -0.2857142855rem; margin: 2.857142858rem 0 1.428571429rem; border-bottom: 1px solid rgb(238.425, 238.425, 238.425); } ul, ol { margin-top: 0; margin-bottom: 0.7142857145rem; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -0.3125rem; } .list-inline > li { display: inline-block; padding-left: 0.3125rem; padding-right: 0.3125rem; } dl { margin-top: 0; margin-bottom: 1.428571429rem; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: -8.75rem; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 11.25rem; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #f4f4f4; } .initialism { font-size: 90%; } blockquote { padding: 0.7142857145rem 1.428571429rem; margin: 0 0 1.428571429rem; font-size: 1.25rem; border-left: 0.3125rem solid rgb(238.425, 238.425, 238.425); } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #f4f4f4; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "— "; } .blockquote-reverse, blockquote.pull-right { padding-right: 0.9375rem; padding-left: 0; border-right: 0.3125rem solid rgb(238.425, 238.425, 238.425); border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ""; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: " —"; } address { margin-bottom: 1.428571429rem; font-style: normal; line-height: 1.428571429; } .container { margin-right: auto; margin-left: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; max-width: 100%; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 46.875rem; } } @media (min-width: 992px) { .container { width: 60.625rem; } } @media (min-width: 1200px) { .container { width: 73.125rem; } } .container-old-ecom2 { width: 100%; } @media (min-width: 87.5rem) { .container-old-ecom2 > div { padding-left: 0rem !important; padding-right: 0rem !important; width: 72.5rem !important; padding-right: 16.0625rem !important; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -0.9375rem; margin-right: -0.9375rem; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 1.428571429rem; font-size: 1.5rem; line-height: inherit; color: #4d4d4d; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 0.3125rem; font-weight: bold; } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=radio], input[type=checkbox] { margin: 0.25rem 0 0; margin-top: 1px \9 ; line-height: normal; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } output { display: block; padding-top: 1.375rem; font-size: 1rem; line-height: 1.428571429; color: #858585; } .form-control:not(.input) { display: block; width: 100%; height: 2.303571429rem; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.428571429; color: #858585; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0.25rem; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:not(.input):focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0.5rem rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0.5rem rgba(102, 175, 233, 0.6); } .form-control:not(.input)::-moz-placeholder { color: #999; opacity: 1; } .form-control:not(.input):-ms-input-placeholder { color: #999; } .form-control:not(.input)::-webkit-input-placeholder { color: #999; } .form-control:not(.input)::-ms-expand { border: 0; background-color: transparent; } .form-control:not(.input)[disabled], .form-control:not(.input)[readonly], fieldset[disabled] .form-control:not(.input) { background-color: rgb(238.425, 238.425, 238.425); opacity: 1; } .form-control:not(.input)[disabled], fieldset[disabled] .form-control:not(.input) { cursor: not-allowed; } textarea.form-control { height: auto; } input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 2.303571429rem; } input[type=date].input-sm, .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date], input[type=time].input-sm, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm input[type=time], input[type=datetime-local].input-sm, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm input[type=datetime-local], input[type=month].input-sm, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm input[type=month] { line-height: 2.025rem; } input[type=date].input-lg, .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date], input[type=time].input-lg, .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg input[type=time], input[type=datetime-local].input-lg, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg input[type=datetime-local], input[type=month].input-lg, .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg input[type=month] { line-height: 3.041666625rem; } } .form-group { margin-bottom: 0.9375rem; } .radio, .checkbox { position: relative; display: block; margin-top: 0.625rem; margin-bottom: 0.625rem; } .radio label, .checkbox label { min-height: 1.428571429rem; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { position: absolute; margin-left: -1.25rem; margin-top: 0.25rem \9 ; } .radio + .radio, .checkbox + .checkbox { margin-top: -0.3125rem; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 1.25rem; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 0.625rem; } input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=checkbox].disabled, fieldset[disabled] input[type=checkbox] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 1.375rem; padding-bottom: 1.375rem; margin-bottom: 0; min-height: 2.428571429rem; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 2.025rem; padding: 0.3125rem 0.625rem; font-size: 0.85rem; line-height: 1.5; border-radius: 0.1875rem; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 2.025rem; line-height: 2.025rem; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .form-group-sm .form-control { height: 2.025rem; padding: 0.3125rem 0.625rem; font-size: 0.85rem; line-height: 1.5; border-radius: 0.1875rem; } .form-group-sm select.form-control { height: 2.025rem; line-height: 2.025rem; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 2.025rem; min-height: 2.278571429rem; padding: 1.3125rem 0.625rem; font-size: 0.85rem; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 3.041666625rem; padding: 0.625rem 1rem; font-size: 1.25rem; line-height: 1.3333333; border-radius: 0.375rem; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 3.041666625rem; line-height: 3.041666625rem; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .form-group-lg .form-control { height: 3.041666625rem; padding: 0.625rem 1rem; font-size: 1.25rem; line-height: 1.3333333; border-radius: 0.375rem; } .form-group-lg select.form-control { height: 3.041666625rem; line-height: 3.041666625rem; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 3.041666625rem; min-height: 2.678571429rem; padding: 1.625rem 1rem; font-size: 1.25rem; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 2.8794642862rem; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 2.303571429rem; height: 2.303571429rem; line-height: 2.303571429rem; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 3.041666625rem; height: 3.041666625rem; line-height: 3.041666625rem; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 2.025rem; height: 2.025rem; line-height: 2.025rem; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: rgb(42.808988764, 84.191011236, 43.5224719101); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0.375rem rgb(102.5280898876, 177.4719101124, 103.8202247191); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0.375rem rgb(102.5280898876, 177.4719101124, 103.8202247191); } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: rgb(102.2741116751, 80.7817258883, 43.7258883249); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0.375rem rgb(191.807106599, 160.7461928934, 107.192893401); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0.375rem rgb(191.807106599, 160.7461928934, 107.192893401); } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: rgb(132.3234042553, 53.2425531915, 51.6765957447); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0.375rem rgb(206.4127659574, 132.0595744681, 130.5872340426); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0.375rem rgb(206.4127659574, 132.0595744681, 130.5872340426); } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 6.428571429rem; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 0.3125rem; margin-bottom: 0.625rem; color: rgb(80.75, 80.75, 80.75); } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 1.375rem; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 2.803571429rem; } .form-horizontal .form-group { margin-left: -0.9375rem; margin-right: -0.9375rem; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 1.375rem; } } .form-horizontal .has-feedback .form-control-feedback { right: 0.9375rem; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 1.625rem; font-size: 1.25rem; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 1.3125rem; font-size: 0.85rem; } } .btn { display: inline-block; margin-bottom: 0; font-weight: 700; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.428571429; border-radius: 0.25rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: 0.3125rem auto -webkit-focus-ring-color; outline-offset: -0.125rem; } .btn:hover, .btn:focus, .btn.focus { color: #858585; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125); box-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #858585; background-color: #ffffff; border-color: #d6d6d6; } .btn-default:focus, .btn-default.focus { color: #858585; background-color: rgb(229.5, 229.5, 229.5); border-color: rgb(150.25, 150.25, 150.25); } .btn-default:hover { color: #858585; background-color: rgb(229.5, 229.5, 229.5); border-color: rgb(183.4, 183.4, 183.4); } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #858585; background-color: rgb(229.5, 229.5, 229.5); border-color: rgb(183.4, 183.4, 183.4); } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #858585; background-color: rgb(211.65, 211.65, 211.65); border-color: rgb(150.25, 150.25, 150.25); } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #ffffff; border-color: #d6d6d6; } .btn-default .badge { color: #ffffff; background-color: #858585; } .btn-primary { color: #fff; background-color: #009a44; border-color: #009a44; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: rgb(0, 103, 45.4805194805); border-color: rgb(0, 26.5, 11.7012987013); } .btn-primary:hover { color: #fff; background-color: rgb(0, 103, 45.4805194805); border-color: rgb(0, 92.8, 40.9766233766); } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: rgb(0, 103, 45.4805194805); border-color: rgb(0, 92.8, 40.9766233766); } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: rgb(0, 67.3, 29.7168831169); border-color: rgb(0, 26.5, 11.7012987013); } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #009a44; border-color: #009a44; } .btn-primary .badge { color: #009a44; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: rgb(76.0064102564, 174.4935897436, 76.0064102564); } .btn-success:focus, .btn-success.focus { color: #fff; background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692); border-color: rgb(37.3205128205, 85.6794871795, 37.3205128205); } .btn-success:hover { color: #fff; background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692); border-color: rgb(57.4371794872, 131.8628205128, 57.4371794872); } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692); border-color: rgb(57.4371794872, 131.8628205128, 57.4371794872); } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: rgb(57.4371794872, 131.8628205128, 57.4371794872); border-color: rgb(37.3205128205, 85.6794871795, 37.3205128205); } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: rgb(76.0064102564, 174.4935897436, 76.0064102564); } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: rgb(69.7715736041, 183.845177665, 217.7284263959); } .btn-info:focus, .btn-info.focus { color: #fff; background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919); border-color: rgb(26.8020304569, 108.8324873096, 133.1979695431); } .btn-info:hover { color: #fff; background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919); border-color: rgb(37.9081218274, 153.9299492386, 188.3918781726); } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919); border-color: rgb(37.9081218274, 153.9299492386, 188.3918781726); } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: rgb(37.9081218274, 153.9299492386, 188.3918781726); border-color: rgb(26.8020304569, 108.8324873096, 133.1979695431); } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: rgb(69.7715736041, 183.845177665, 217.7284263959); } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: rgb(238.0078125, 162.109375, 54.4921875); } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: rgb(236.015625, 151.21875, 30.984375); border-color: rgb(152.109375, 94.53125, 12.890625); } .btn-warning:hover { color: #fff; background-color: rgb(236.015625, 151.21875, 30.984375); border-color: rgb(213.2296875, 132.515625, 18.0703125); } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: rgb(236.015625, 151.21875, 30.984375); border-color: rgb(213.2296875, 132.515625, 18.0703125); } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: rgb(213.2296875, 132.515625, 18.0703125); border-color: rgb(152.109375, 94.53125, 12.890625); } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: rgb(238.0078125, 162.109375, 54.4921875); } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: rgb(212.4719626168, 62.5046728972, 58.0280373832); } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972); border-color: rgb(117.6074766355, 28.0654205607, 25.3925233645); } .btn-danger:hover { color: #fff; background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972); border-color: rgb(172.1345794393, 41.0775700935, 37.1654205607); } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972); border-color: rgb(172.1345794393, 41.0775700935, 37.1654205607); } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: rgb(172.1345794393, 41.0775700935, 37.1654205607); border-color: rgb(117.6074766355, 28.0654205607, 25.3925233645); } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: rgb(212.4719626168, 62.5046728972, 58.0280373832); } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #009a44; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: rgb(0, 77.5, 34.2207792208); text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #f4f4f4; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.625rem 1rem; font-size: 1.25rem; line-height: 1.3333333; border-radius: 0.375rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.3125rem 0.625rem; font-size: 0.85rem; line-height: 1.5; border-radius: 0.1875rem; } .btn-xs, .btn-group-xs > .btn { padding: 1px 0.3125rem; font-size: 0.85rem; line-height: 1.5; border-radius: 0.1875rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.3125rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .caret { display: inline-block; width: 0; height: 0; margin-left: 0.125rem; vertical-align: middle; border-top: 0.25rem dashed; border-top: 0.25rem solid \9 ; border-right: 0.25rem solid transparent; border-left: 0.25rem solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.3125rem 0; margin: 0.125rem 0 0; list-style: none; font-size: 1rem; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; -webkit-box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.175); box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: -0.2857142855rem 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 0.1875rem 1.25rem; clear: both; font-weight: normal; line-height: 1.428571429; color: #4d4d4d; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: rgb(64.25, 64.25, 64.25); background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #009a44; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #f4f4f4; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 0.1875rem 1.25rem; font-size: 0.85rem; line-height: 1.428571429; color: #f4f4f4; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 0.25rem dashed; border-bottom: 0.25rem solid \9 ; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 0.125rem; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -0.3125rem; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 0.3125rem; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 0.5rem; padding-right: 0.5rem; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group.btn-group-lg > .btn + .dropdown-toggle { padding-left: 0.75rem; padding-right: 0.75rem; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125); box-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 0.3125rem 0.3125rem 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 0.3125rem 0.3125rem; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .ecom-2 .input-group { border-collapse: separate; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: normal; line-height: 1; color: #858585; text-align: center; background-color: rgb(238.425, 238.425, 238.425); border: 1px solid #ccc; border-radius: 0.25rem; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.3125rem 0.625rem; font-size: 0.85rem; border-radius: 0.1875rem; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.625rem 1rem; font-size: 1.25rem; border-radius: 0.375rem; } .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 0.625rem 0.9375rem; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: rgb(238.425, 238.425, 238.425); } .nav > li.disabled > a { color: #f4f4f4; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #f4f4f4; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238.425, 238.425, 238.425); border-color: #009a44; } .nav .nav-divider { height: 1px; margin: -0.2857142855rem 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 0.125rem; line-height: 1.428571429; border: 1px solid transparent; border-radius: 0.25rem 0.25rem 0 0; } .nav-tabs > li > a:hover { border-color: rgb(238.425, 238.425, 238.425) rgb(238.425, 238.425, 238.425) #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #858585; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0.25rem; } .nav-pills > li + li { margin-left: 0.125rem; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #009a44; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 0.125rem; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 0.3125rem; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0.25rem; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 0.25rem 0.25rem 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 3.125rem; margin-bottom: 1.428571429rem; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 0.25rem; } } .navbar-collapse { overflow-x: visible; padding-right: 0.9375rem; padding-left: 0.9375rem; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 21.25rem; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 12.5rem; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -0.9375rem; margin-left: -0.9375rem; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 0.8482142855rem 0.9375rem; font-size: 1.25rem; line-height: 1.428571429rem; height: 3.125rem; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -0.9375rem; } } .navbar-toggle { position: relative; float: right; margin-right: 0.9375rem; padding: 0.5625rem 0.625rem; margin-top: 0.5rem; margin-bottom: 0.5rem; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 1.375rem; height: 0.125rem; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 0.25rem; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 0.4241071428rem -0.9375rem; } .navbar-nav > li > a { padding-top: 0.625rem; padding-bottom: 0.625rem; line-height: 1.428571429rem; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 0.3125rem 0.9375rem 0.3125rem 1.5625rem; } .navbar-nav .open .dropdown-menu > li > a { line-height: 1.428571429rem; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 0.8482142855rem; padding-bottom: 0.8482142855rem; } } .navbar-form { margin-left: -0.9375rem; margin-right: -0.9375rem; padding: 0.625rem 0.9375rem; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 0.4107142855rem; margin-bottom: 0.4107142855rem; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 0.3125rem; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 0.4107142855rem; margin-bottom: 0.4107142855rem; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 0.55rem; margin-bottom: 0.55rem; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 0.875rem; margin-bottom: 0.875rem; } .navbar-text { margin-top: 0.8482142855rem; margin-bottom: 0.8482142855rem; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 0.9375rem; margin-right: 0.9375rem; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -0.9375rem; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: rgb(231.425, 231.425, 231.425); } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(93.5, 93.5, 93.5); background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: rgb(231.425, 231.425, 231.425); } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231.425, 231.425, 231.425); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: rgb(231.425, 231.425, 231.425); color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: rgb(231.425, 231.425, 231.425); } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: rgb(8.5, 8.5, 8.5); } .navbar-inverse .navbar-brand { color: white; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: white; } .navbar-inverse .navbar-nav > li > a { color: white; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: rgb(8.5, 8.5, 8.5); } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgb(16.15, 16.15, 16.15); } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: rgb(8.5, 8.5, 8.5); color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(8.5, 8.5, 8.5); } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgb(8.5, 8.5, 8.5); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: white; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: rgb(8.5, 8.5, 8.5); } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: white; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: white; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .alert { padding: 0.9375rem; margin-bottom: 1.428571429rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 0.3125rem; } .alert-dismissable, .alert-dismissible { padding-right: 20.9375rem; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -0.125rem; right: -1.3125rem; color: inherit; } .alert-success { background-color: #dff0d8; border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333); color: #3c763d; } .alert-success hr { border-top-color: rgb(200.5555555556, 225.8333333333, 179.1666666667); } .alert-success .alert-link { color: rgb(42.808988764, 84.191011236, 43.5224719101); } .alert-info { background-color: #d9edf7; border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478); color: #31708f; } .alert-info hr { border-top-color: rgb(166.4434782609, 224.7043478261, 236.3565217391); } .alert-info .alert-link { color: rgb(35.984375, 82.25, 105.015625); } .alert-warning { background-color: #fcf8e3; border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355); color: #8a6d3b; } .alert-warning hr { border-top-color: rgb(247.064516129, 225.4623655914, 180.935483871); } .alert-warning .alert-link { color: rgb(102.2741116751, 80.7817258883, 43.7258883249); } .alert-danger { background-color: #f2dede; border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594); color: #a94442; } .alert-danger hr { border-top-color: rgb(227.5869565217, 185.4130434783, 192.4420289855); } .alert-danger .alert-link { color: rgb(132.3234042553, 53.2425531915, 51.6765957447); } table { background-color: transparent; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #f4f4f4; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 1.428571429rem; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 0.5rem; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 0.125rem solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 0.125rem solid #ddd; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 0.3125rem; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 0.125rem; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*=col-] { position: static; float: none; display: table-column; } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: rgb(232.25, 232.25, 232.25); } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: rgb(207.8888888889, 232.9166666667, 197.5833333333); } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: rgb(195.9347826087, 227.0217391304, 242.5652173913); } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: rgb(249.5322580645, 242.2419354839, 203.9677419355); } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: rgb(234.7934782609, 203.7065217391, 203.7065217391); } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 1.0714285718rem; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .panel { margin-bottom: 1.428571429rem; background-color: #fff; border: 1px solid transparent; border-radius: 0.25rem; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 0.9375rem; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 0.625rem 0.9375rem; border-bottom: 1px solid transparent; border-top-right-radius: -0.75rem; border-top-left-radius: -0.75rem; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 1.125rem; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 0.625rem 0.9375rem; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: -0.75rem; border-bottom-left-radius: -0.75rem; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: -0.75rem; border-top-left-radius: -0.75rem; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: -0.75rem; border-bottom-left-radius: -0.75rem; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 0.9375rem; padding-right: 0.9375rem; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: -0.75rem; border-top-left-radius: -0.75rem; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: -0.75rem; border-top-right-radius: -0.75rem; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: -0.75rem; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: -0.75rem; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: -0.75rem; border-bottom-left-radius: -0.75rem; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: -0.75rem; border-bottom-right-radius: -0.75rem; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: -0.75rem; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: -0.75rem; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 1.428571429rem; } .panel-group .panel { margin-bottom: 0; border-radius: 0.25rem; } .panel-group .panel + .panel { margin-top: 0.3125rem; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #4d4d4d; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #4d4d4d; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #009a44; } .panel-primary > .panel-heading { color: #fff; background-color: #009a44; border-color: #009a44; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #009a44; } .panel-primary > .panel-heading .badge { color: #009a44; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #009a44; } .panel-success { border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333); } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333); } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(213.7777777778, 232.9166666667, 197.5833333333); } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(213.7777777778, 232.9166666667, 197.5833333333); } .panel-info { border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478); } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478); } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(187.5086956522, 231.9108695652, 240.7913043478); } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(187.5086956522, 231.9108695652, 240.7913043478); } .panel-warning { border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355); } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355); } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(249.5322580645, 234.6478494624, 203.9677419355); } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(249.5322580645, 234.6478494624, 203.9677419355); } .panel-danger { border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594); } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594); } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(234.7934782609, 203.7065217391, 208.8876811594); } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(234.7934782609, 203.7065217391, 208.8876811594); } .close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.625rem; height: 100vh; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.375rem; -webkit-box-shadow: 0 0.1875rem 0.5625rem rgba(0, 0, 0, 0.5); box-shadow: 0 0.1875rem 0.5625rem rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 0.9375rem; border-bottom: 1px solid #e5e5e5; } .modal-header:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -0.125rem; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 0.9375rem; } .modal-footer { padding: 0.9375rem; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 0.3125rem; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -624.9375rem; width: 3.125rem; height: 3.125rem; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 37.5rem; margin: 1.875rem auto; } .modal-content { -webkit-box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.5); box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.5); } .modal-sm { width: 18.75rem; } } @media (min-width: 992px) { .modal-lg { width: 56.25rem; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: Gotham; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 0.85rem; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -0.1875rem; padding: 0.3125rem 0; } .tooltip.right { margin-left: 0.1875rem; padding: 0 0.3125rem; } .tooltip.bottom { margin-top: 0.1875rem; padding: 0.3125rem 0; } .tooltip.left { margin-left: -0.1875rem; padding: 0 0.3125rem; } .tooltip-inner { max-width: 12.5rem; padding: 0.1875rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; word-wrap: break-word; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -0.3125rem; border-width: 0.3125rem 0.3125rem 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 0.3125rem; margin-bottom: -0.3125rem; border-width: 0.3125rem 0.3125rem 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 0.3125rem; margin-bottom: -0.3125rem; border-width: 0.3125rem 0.3125rem 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -0.3125rem; border-width: 0.3125rem 0.3125rem 0.3125rem 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -0.3125rem; border-width: 0.3125rem 0 0.3125rem 0.3125rem; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -0.3125rem; border-width: 0 0.3125rem 0.3125rem; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 0.3125rem; margin-top: -0.3125rem; border-width: 0 0.3125rem 0.3125rem; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 0.3125rem; margin-top: -0.3125rem; border-width: 0 0.3125rem 0.3125rem; border-bottom-color: #000; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* 0 - 768: Phone 768 64rem: Tablet portrait 1024 - 75rem: Tablet landscape 1200 - 112.5rem: Desktop 112.5rem +: Big desktop */ .navbar { border-radius: 0; } @media (max-width: 991px) { #menu .container { width: auto; } .navbar-nav { margin: 0.46875rem -0.9375rem; float: none; } .navbar-nav > li { float: none; } .ecom-2 .navbar-nav { margin: auto; } } h1, .h1 { font-size: 1.625rem; font-weight: 700; display: block; } h3, .h3, h2, .h2 { font-size: 1.125rem; font-weight: 700; display: block; } .s4d-product h3, .s4d-product .h3 { font-size: 1rem; font-weight: 700; } .btn-search { background-color: #fff; border: 1px solid #ccc; } .btn { border-radius: 1.5625rem; } .btn:hover, .btn:focus, .btn.focus { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .btn.active, .btn:active { box-shadow: none; -webkit-box-shadow: none; } .btn-primary { color: #fff; border-color: #009a44; } .btn-primary.disabled { color: #f4f4f4; border-color: #f4f4f4; } .btn-primary:hover, .btn-primary:focus { background-color: #009a44; color: #ffffff; border-color: #009a44; } .btn-primary:active { background-color: #009a44; color: #ffffff; border-color: #009a44; } .btn-primary:focus { background-color: #009a44; } .btn-link { color: #4d4d4d; text-align: left; padding-left: 0; font-weight: 600; } .btn-link:hover, .btn-link:focus, .btn-link:active { color: #1a1a1a; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link::before { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e080"; margin-right: 0.3125rem; color: #009a44; position: relative; top: 1px; } .btn-link.s4d-btn-link-arrow-down::before { content: "\e114"; } .btn-link.s4d-btn-link-arrow-up::before { content: "\e113"; } .btn-link.s4d-btn-link-plus::before { content: "+"; } .btn-link.s4d-btn-link-arrow-back::before { content: "\e079"; } .btn-link.s4d-btn-link-remove::before { color: #d9534f; content: "\e014"; } .btn-link.s4d-btn-link-edit::before { content: "✏"; } .ecom-2 .btn-link::before { content: ""; } .btn-order { padding: 0.8125rem 2.0625rem; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; line-height: 1.5rem; color: #ffffff !important; background-color: #db2c27; } .btn-order:hover, .btn-order:focus { background-color: rgb(177.4285714286, 33.6785714286, 29.5714285714); color: #fff; } .btn-order:active, .btn-order.active { background-color: rgb(177.4285714286, 33.6785714286, 29.5714285714); color: #fff; } .btn-facebook { background-color: #3b5998; border: none; color: #fff !important; margin-bottom: 1.25rem; } .s4d-facebook-icon { margin-right: 0.3125rem; display: inline-block; vertical-align: -0.1875rem; background: url(/Content/Images/icons/icon-fb.png) no-repeat; width: 1rem; height: 1rem; background-size: contain; } .btn-facebook:hover, .btn-facebook:focus { background-color: #4e69a2; color: #fff; border-color: #223770; } .btn-facebook:active, .btn-facebook.active { background-color: #3b5998; color: #fff; border: none; } .btn-toggle { margin: 0.1875rem 0 0.1875rem; font-size: 0.875rem; font-weight: 700; padding: 0.5rem 0.8125rem; color: #4d4d4d; text-align: left; border: 1px solid #c5c5c5; -webkit-box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); } .btn-toggle span { display: block; font-size: 0.75rem; font-weight: 400; color: #858585; } .btn-toggle:hover, .btn-toggle:focus { color: #009a44; } .btn-toggle.active, .btn-toggle :active { color: #009a44; } .btn-input-toggle { position: relative; margin: 0.4375rem 0 0.1875rem !important; font-size: 0.875rem; font-weight: 700; padding: 0.625rem 0.8125rem; color: #4d4d4d; text-align: left; border-color: #cccccc; white-space: normal; background-color: #fff; } .btn-input-toggle.s4d-new-label-radio span { padding-left: 0.625rem; } .btn-input-toggle.s4d-new-label-radio .s4d-new-input-radio-btn { margin-left: 0; position: absolute; left: 0.625rem; top: 50%; margin-top: -0.46875rem; } .btn-input-toggle.s4d-new-label-radio .s4d-new-coupon-input-radio-btn { margin-right: 0; position: absolute; right: 0.625rem; top: 50%; margin-top: -0.46875rem; } .btn-input-toggle.s4d-new-label-radio .s4d-location-address { color: #009a44; display: block; } .btn-input-toggle.s4d-new-label-radio .s4d-applicable-coupon { color: #009a44; display: block; } .btn-input-toggle.s4d-new-label-radio .s4d-full-address { font-size: 0.875rem; color: #4d4d4d; font-weight: normal; } #checkout-paymentmethod-container .btn-input-toggle, .s4d-payment-fail .btn-input-toggle { padding-left: 2.5rem; } [data-toggle=buttons] > .btn-input-toggle input[type=radio] { margin-right: -1.25rem; position: static; display: inline-block; vertical-align: top; } [data-toggle=buttons] > .btn-input-toggle span { display: inline-block; padding-left: 1.4375rem; } .btn-input-toggle:hover, .btn-input-toggle:focus { color: #009a44; } .btn-input-toggle:active, .btn-input-toggle .active { top: 1px; color: #009a44; border-color: #009a44; } .s4d-toggle-buttons { position: relative; margin-top: 0.9375rem; width: 100%; height: 2.125rem; overflow: hidden; border-radius: 0.125rem; } .s4d-toggle-buttons input { position: absolute; top: -2.125rem; } .s4d-toggle-buttons label { position: absolute; margin: 0; top: 0; bottom: 0; right: 50%; left: 0; text-align: center; line-height: 2.125rem; background-color: #858585; color: #fff; font-weight: 400; cursor: pointer; } .s4d-toggle-buttons label .glyphicon, .s4d-toggle-buttons label .s4d-icon-trash, .s4d-toggle-buttons label .s4d-icon-info, .s4d-toggle-buttons label .s4d-icon-alert, .s4d-toggle-buttons label .s4d-icon-remove, .s4d-toggle-buttons label .s4d-icon-edit { font-size: 0.6875rem; display: none; } .s4d-toggle-buttons label:last-child { right: 0; left: 50%; } .s4d-toggle-buttons input:checked + label { background-color: #4d4d4d; box-shadow: rgba(0, 0, 0, 0.4) 0 0 0.625rem inset; font-weight: 700; } .s4d-toggle-buttons input:checked + label .glyphicon, .s4d-toggle-buttons input:checked + label .s4d-icon-trash, .s4d-toggle-buttons input:checked + label .s4d-icon-info, .s4d-toggle-buttons input:checked + label .s4d-icon-alert, .s4d-toggle-buttons input:checked + label .s4d-icon-remove, .s4d-toggle-buttons input:checked + label .s4d-icon-edit { display: inline-block; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { line-height: 1.49857; } .alert-danger { color: #fff; background-color: #bb0613; border-color: #bb0613; } .alert-danger-color { background-color: #f2dede; border-color: #f2dede; } .checkbox .label { min-height: 1.25rem; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; } .checkbox .label label { padding-left: 0; } .s4d-mandatory-field:after { content: " *"; color: #bb0613; } .s4d-select-box-label { display: block; } .s4d-select-box { margin-top: 0.5rem; padding-right: 1.875rem; background-image: url(/Content/Images/icons/dropdown-caret.png); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 400; } .s4d-select-box:focus { margin-top: 0.5rem; padding-right: 1.875rem; background-image: url(/Content/Images/icons/dropdown-caret.png); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 400; } .s4d-select-box::-ms-expand { display: none; } .s4d-select-box:hover { box-shadow: none; } .form-horizontal .control-label { text-align: left; font-weight: 700; } .NL .form-horizontal .control-label { text-transform: lowercase; } .NL .form-horizontal .control-label::first-letter, .NL .form-horizontal .control-label label:first-child::first-letter { text-transform: uppercase; } .form-control { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .has-error .form-control:not(select), .has-error .form-control:focus { border-color: #d9534f; background-image: url(/Content/Images/icons/input-error.png); background-position: calc(100% + 0.5rem) center; background-repeat: no-repeat; } .has-success .form-control:not(select), .has-success .form-control:focus { border-color: #5cb85c; background-image: url(/Content/Images/icons/input-valid.png); background-position: calc(100% + 0.5rem) center; background-repeat: no-repeat; } .validation-summary-errors { margin-bottom: 0.9375rem; padding: 0.9375rem; color: #fff; background-color: #bb0613; border-radius: 0.375rem; } .validation-summary-errors ul { list-style: none; padding: 0; margin: 0; } .validation-summary-errors ul li .btn-link { color: #fff; } .validation-summary-errors ul li .btn-link:hover { color: #000; } .validation-summary-errors ul li .btn-link::before { color: #000; } .s4d-input-loading { background-image: url(/Content/Images/ajax-input-loader.gif); background-repeat: no-repeat; background-position: 95% center; } .radio label, .checkbox label { margin-right: 0.625rem; } body.modal-open { /* smartphones, touchscreens */ } @media (hover: none) and (pointer: coarse) { body.modal-open { height: 100%; overflow: hidden; } } body.modal-open .modal { display: none; } .ecom-2 .form-group { margin: 0 !important; } @media (max-width: 1239px) { #header-app .ly-root { z-index: 3; } } #header-ecom2 { position: sticky; top: 0; z-index: 101; transition-duration: 250ms; } #header-ecom2 #mobile-menu { margin-top: 0; } @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -1.875rem, 0); transform: translate3d(0, -1.875rem, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -0.9375rem, 0); transform: translate3d(0, -0.9375rem, 0); } 90% { -webkit-transform: translate3d(0, -0.25rem, 0); transform: translate3d(0, -0.25rem, 0); } } @keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -1.875rem, 0); transform: translate3d(0, -1.875rem, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -0.9375rem, 0); transform: translate3d(0, -0.9375rem, 0); } 90% { -webkit-transform: translate3d(0, -0.25rem, 0); transform: translate3d(0, -0.25rem, 0); } } html, body { position: relative; width: 100%; -webkit-overflow-scrolling: touch; } .body-overflow-hidden { overflow: hidden !important; width: 100% !important; height: 100% !important; } #company-details-form { height: 20.625rem; } #company-details-form .field-validation-error { position: absolute; bottom: -11%; margin-left: -0.3125rem; padding: 0.125rem 0.75rem 1px; white-space: nowrap; border-radius: 0rem 0rem 0.1875rem 0.1875rem; z-index: 10; } #loading, #loading-bridge { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url("/Content/Images/loader-pizza.gif") no-repeat center center; background-size: 3.875rem; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; } #loading::after, #loading-bridge::after { content: " "; position: absolute; top: 50%; left: 50%; margin: -3.4375rem 0 0 -3.4375rem; width: 6.875rem; height: 6.875rem; background: #111111 url("/Content/Images/loader-pizza.gif") no-repeat center center; background-size: 3.875rem; border-radius: 0.375rem; } #loading__message, #loading-bridge__message { font-size: 1.125rem; color: #fff !important; text-align: center; overflow: hidden; text-overflow: ellipsis; width: 100%; margin: 0 auto; top: calc(50% + 4.375rem); position: fixed; } .pac-container { z-index: 1050; } .field-validation-error { position: absolute; bottom: 100%; left: 0.9375rem; padding: 0.125rem 0.75rem 1px; white-space: normal; color: #fff; background-color: #bb0613; border-radius: 0.1875rem 0.1875rem 0 0; z-index: 10; } .input-group .field-validation-error { left: 0.3125rem; } .s4d-p-big { font-size: 1.125rem; } .s4d-no-nowrap { white-space: normal; } .s4d-pointer { cursor: pointer; } .s4d-relative { position: relative; } .s4d-password-tooltip { margin: 0; } .s4d-text-color-dark { color: #4d4d4d; } .s4d-text-color-medium { color: #858585; } .s4d-text-color-header { color: #111111; } .s4d-text-color-light { color: #f4f4f4; } .s4d-text-color-facebook { color: #3b5998; } .s4d-text-color-primary { color: #009a44; } .p-coupon-warning { display: none; margin-top: 0.9375rem; } .s4d-background-pill { position: relative; padding: 0.9375rem; margin-bottom: 1px; background: #fff; border-radius: 0.125rem; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } .s4d-background-pill .content { padding: 1.25rem; margin-top: 2.1875rem; } .s4d-background-pill h4, .s4d-background-pill h3, .s4d-background-pill h2 { font-size: 1rem; } .s4d-background-pill h4.s4d-text-color-medium, .s4d-background-pill h3.s4d-text-color-medium, .s4d-background-pill h2.s4d-text-color-medium { margin-top: 0; } .s4d-contrast-bg { padding: 0.9375rem; margin-bottom: 1.875rem; background: #fff; -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); border-radius: 0.375rem; } @media (max-width: 20.625rem) { .hidden-xxs { display: none !important; } } .s4d-divider-full-after::after, .s4d-divider-full-before::before { height: 1px; width: 100%; content: " "; display: block; background-color: #dadada; margin: 1.25rem 0; } .s4d-row-gutter-bottom { margin-bottom: 1.875rem; } .s4d-divider-full-modal-before::after, .s4d-divider-full-modal-before::before { height: 0.625rem; width: 100%; content: ""; display: table; clear: both; } .alert-sticky { position: -webkit-sticky; position: sticky; top: 0.625rem; z-index: 10; } .s4d-alert-small { padding: 0.4375rem 0.8125rem; font-size: 0.75rem; margin-top: 0.4375rem; position: relative; } .s4d-alert-small .company::before { content: " "; position: absolute; top: -0.625rem; left: 50%; width: 0; height: 0; border-style: solid; border-style: solid; border-width: 0 0.4375rem 0.625rem 0.4375rem; border-color: transparent transparent #d9edf7 transparent; margin-left: -0.625rem; } .s4d-alert-small .alert-warning.company::before { border-color: transparent transparent #faebcc transparent; } @media (min-width: 768px) { .s4d-alert-small.company::before { top: 50%; left: -0.625rem; border-width: 0.46875rem 0.625rem 0.46875rem 0; border-color: transparent #d9edf7 transparent transparent; margin-left: 0; margin-top: -0.46875rem; } .s4d-alert-small.company::before .alert-warning.company::before { border-color: transparent #faebcc transparent transparent; } } .s4d-new-badge { color: #009a44; font-size: 0.75rem; position: relative; top: -0.5rem; left: 0.3125rem; } .s4d-input-group-btn .s4d-search-btn { background-color: #fff; height: 2.125rem; width: 2.125rem; padding: 0rem; color: #ccc; border: 1px solid #ccc; border-left: 0; } .s4d-product-property { background: none; padding: 0; float: left; margin-right: 0.3125rem; } .s4d-info-icon { margin-left: 0.3125rem; width: 0.875rem; height: 0.875rem; } @media (min-width: 992px) { .s4d-add-receipt-space { padding-right: 17.1875rem; } } @media (min-width: 1200px) { .s4d-add-receipt-space { padding-right: 18.5rem; } } @media (min-width: 992px) and (max-width: 1199px) { .container-new-receipt-space { padding-right: 6.25rem !important; } } @media (min-width: 1200px) and (max-width: calc(87.5rem - 1px)) { .container-new-receipt-space { padding-right: 7.1875rem !important; } } @media (min-width: 87.5rem) { .container-new-receipt-space { padding-right: 18.5rem !important; } } @media (min-width: 87.5rem) { .container-new-receipt-space-old-ecom2 { padding-right: 14.0625rem; } } .s4d-product-amount { float: left; height: 1.875rem; margin-top: 0.125rem; flex-shrink: 0; } .s4d-product-amount .s4d-product-amount-change-disabled { pointer-events: none; filter: opacity(0.2); } .s4d-product-amount a, .s4d-product-amount span { width: 1.875rem; height: 1.875rem; line-height: 1.75rem; text-align: center; display: block; float: left; text-decoration: none !important; border: 1px solid #b7b7b7; border-radius: 100%; font-size: 0.75rem; background-color: #ffffff; } .s4d-product-amount a .glyphicon.glyphicon-plus, .s4d-product-amount a .glyphicon-plus.s4d-icon-trash, .s4d-product-amount a .glyphicon-plus.s4d-icon-info, .s4d-product-amount a .glyphicon-plus.s4d-icon-alert, .s4d-product-amount a .glyphicon-plus.s4d-icon-remove, .s4d-product-amount a .glyphicon-plus.s4d-icon-edit, .s4d-product-amount span .glyphicon.glyphicon-plus, .s4d-product-amount span .glyphicon-plus.s4d-icon-trash, .s4d-product-amount span .glyphicon-plus.s4d-icon-info, .s4d-product-amount span .glyphicon-plus.s4d-icon-alert, .s4d-product-amount span .glyphicon-plus.s4d-icon-remove, .s4d-product-amount span .glyphicon-plus.s4d-icon-edit { left: 1px; } .s4d-product-amount a:hover { background: #d7d7d7; color: #fff; } .s4d-product-amount .s4d-product-amount-value { width: 1.625rem; font-size: 0.75rem; border: none; border-radius: 0; background-color: transparent !important; } @media (min-width: 480px) { .s4d-product-amount { height: 2.125rem; margin-top: 0; } .s4d-product-amount a, .s4d-product-amount span { width: 2.125rem; height: 2.125rem; line-height: 2rem; } .s4d-product-amount .s4d-product-amount-value { width: 2.375rem; font-size: 0.875rem; } } #s4d-website-alert { position: fixed; top: 0; left: 0; width: 100%; margin: 0; height: 3.4375rem; border-radius: 0; z-index: 100; font-size: 0.75rem; } @media (max-width: 61.9375rem) { .s4d-body-website-alert .s4d-header, .s4d-body-website-alert .s4d-menu, .s4d-body-website-alert .s4d-navigation, .s4d-body-website-alert #content { top: 3.4375rem !important; } } @media (min-width: 992px) { .s4d-body-website-alert { padding-top: 3.4375rem; } #s4d-website-alert { position: absolute; font-size: 0.875rem; } } @media (max-width: 61.9375rem) { #content { position: relative; top: 0; left: 0; right: 0; width: 100%; background-color: #ffffff; z-index: 2; transition: left 0.2s, right 0.2s; } #content.staticContent { position: static; } #content.s4d-menu-open { left: 14.0625rem; right: -14.0625rem; overflow-x: hidden; } #content.s4d-navigation-open { right: 14.0625rem; left: -14.0625rem; } } .s4d-eta-delivery-notification-toast { background: #009a44; border-radius: 1.5625rem; border: none; position: fixed; bottom: calc(0.3125rem + var(--mobile-bottom-safe-area-height)); color: #fff; z-index: 99; padding: 0.75rem 0.9375rem; left: 50%; transform: translateX(-50%); font-weight: 700; border: 1px solid #009a44; display: none; } .s4d-eta-delivery-notification-toast:hover { cursor: default; } @media (max-width: 61.9375rem) { .s4d-eta-delivery-notification-toast { display: block; } } .s4d-eta-delivery-notification-toast .order-tracker-eta-toast-text-container { margin-left: 1.25rem; margin-right: 1.25rem; } .s4d-order-tracking-toast { background-color: #009a44; padding: 0.9375rem 1.25rem; color: #fff; position: fixed; left: 0.3125rem; bottom: 0.3125rem; right: 0.3125rem; border-radius: 0.375rem; z-index: 99; max-width: 30rem; margin: 0 auto; font-size: 0.9375rem; border: 1px solid #fff; box-shadow: 0 0 0.6875rem rgba(0, 0, 0, 0.5); } .s4d-order-tracking-toast a { color: #fff; font-weight: 700; float: right; text-transform: uppercase; letter-spacing: 0.03125rem; } .s4d-de-close-overlay { position: fixed; z-index: 3000; top: 0; right: 0; bottom: 0; left: 0; background-color: #f4f4f4; } .s4d-de-close-overlay #video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; background-color: #fff; pointer-events: none; } .s4d-de-close-over-container { max-width: 34.375rem; width: 100%; margin: 0 auto; padding: 3.75rem 1.875rem; background: #fff; border-radius: 0.25rem; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; border-radius: 0.125rem; } .s4d-de-close-over-container > img { width: 100%; max-width: 16.25rem; display: block; margin: 0 auto; margin-bottom: 1.875rem; } .s4d-de-close-over-container > h4 { font-size: 1.625rem; color: #4d4d4d; margin-bottom: 0.625rem; font-weight: 700; text-align: center; } .s4d-tabs .s4d-tab-navigation { margin: 0; padding: 0; list-style: none; } .s4d-tabs .s4d-tab-navigation li { margin-right: 0.3125rem; float: left; cursor: pointer; } .s4d-tabs .s4d-tab-navigation li a { text-decoration: none; } .s4d-tabs .s4d-tab-navigation li a.active a { padding-bottom: 1px; margin-bottom: -1px; } .s4d-tabs .s4d-tab { display: none; } .s4d-tabs .active { display: block; } #checkout-validateLoader-overlay { display: none; position: fixed; top: 0rem; height: 100%; z-index: 1000; width: 100%; background-color: rgba(0, 0, 0, 0.75); left: 0%; } #checkout-validateLoader-overlay #checkout-validateLoader-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; } #checkout-validateLoader-overlay #checkout-validateLoader-wrapper #checkout-validateLoader-spinner { z-index: 1020; min-height: 4rem; background: url("/Content/Images/loader-pizza.gif") no-repeat center center; background-size: 3.875rem; margin-bottom: 0.625rem; } #checkout-validateLoader-overlay #checkout-validateLoader-wrapper #checkout-validateLoader-alert, #checkout-validateLoader-overlay #checkout-validateLoader-wrapper #checkout-validateLoader-text { font-size: 1.125rem; color: #fff !important; text-align: center; overflow: hidden; text-overflow: ellipsis; width: 95%; margin: 0 auto; } .s4d-content-tabs { margin-top: 1.25rem; margin-bottom: 1.25rem; background-color: #fff; border-radius: 0.125rem; box-shadow: 0rem 1px 0.25rem 0rem rgba(0, 0, 0, 0.19), 0rem 0.125rem 0.3125rem 0rem rgba(0, 0, 0, 0.1); } .s4d-content-tabs .s4d-tab-navigation { overflow: hidden; } .s4d-content-tabs .s4d-tab-navigation li { position: relative; line-height: 2.625rem; overflow: hidden; font-size: 0.75rem; } .s4d-content-tabs .s4d-tab-navigation li img { height: 1.375rem; } .s4d-content-tabs .s4d-tab-navigation li::after { position: absolute; top: 3.0625rem; left: 0; content: " "; height: 0.625rem; width: 100%; border-radius: 100%; } .s4d-content-tabs .s4d-tab-navigation li a { padding: 0.3125rem 0.625rem; display: block; text-align: center; color: #858585; font-weight: 500; } .s4d-content-tabs .s4d-tab-navigation li.active a { margin: 0; color: #009a44; border-bottom: 0.125rem solid #009a44; font-weight: 700; } .s4d-content-tabs .s4d-tab-navigation li.active::after { content: none; } .s4d-content-tabs .s4d-tab { position: relative; padding: 1.25rem; background-color: #fff; } .s4d-content-tabs #coupon.s4d-tab .input-group, .s4d-content-tabs #vipcard.s4d-tab .input-group, .s4d-content-tabs #pizza-cheque.s4d-tab .input-group, .s4d-content-tabs #discount.s4d-tab .input-group { max-width: 18.75rem; } .s4d-content-tabs .well:last-child { margin-bottom: 0; margin-top: 0.9375rem; } .s4d-content-tabs .input-group-btn .btn-default { border: 1px solid #ccc; line-height: 1.49; } @media (min-width: 480px) { .s4d-content-tabs .s4d-tab-navigation li { margin-right: 0.625rem; font-size: 0.875rem; } .s4d-content-tabs .s4d-tab-navigation li a { padding: 0.625rem 0.9375rem; } } @media (min-width: 768px) { .s4d-tabs .s4d-tab-navigation li a { font-size: 0.875rem; } } .s4d-receipt-latest-order, .s4d-receipt-active-order { margin-top: 0.625rem; margin-bottom: 2.5rem; position: relative; } .s4d-receipt-latest-order .s4d-receipt-order, .s4d-receipt-active-order .s4d-receipt-order { position: relative; z-index: 1; border: 1px solid #ccc; } .s4d-receipt-latest-order .s4d-btn-latestorder-add, .s4d-receipt-active-order .s4d-btn-latestorder-add { margin-left: 0.3125rem; padding: 0 0.25rem; line-height: 0.875rem; margin-top: 0.4375rem; } /*CookieBar*/ #cookie-alert { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2040; display: none; background-color: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 0.9375rem; overflow-y: auto; } #cookie-alert .s4d-cookie-container { background-color: #fff; max-width: 27.1875rem; margin: 0 auto; width: 100%; } #cookie-alert .s4d-cookie-container h2 { margin-top: 0; } #cookie-alert .s4d-cookie-container .s4d-cookie-image { background-image: url(/Content/Images/cookies-image.png); height: 8.4375rem; background-position: center; background-repeat: no-repeat; background-size: cover; } #cookie-alert .s4d-cookie-container .s4d-cookie-content { padding: 0.9375rem; text-align: center; } #cookie-alert .s4d-cookie-container .s4d-cookie-content p { font-size: 0.875rem; margin-bottom: 0.9375rem; } #cookie-alert .s4d-cookie-container .s4d-cookie-content p a { color: #858585; } #ProductDetails { z-index: 1150; } .s4d-store-block { margin-bottom: 0.9375rem; background: #f1f1f1; border: 1px solid #858585; padding: 0.9375rem; } .s4d-button-order-history { -webkit-box-shadow: 0 1px 0.25rem 0 rgba(0, 0, 0, 0.19), 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0.25rem 0 rgba(0, 0, 0, 0.19), 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0.25rem 0 rgba(0, 0, 0, 0.19), 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.1); border-color: transparent; } .s4d-one-click-btn { border-width: 0.125rem; background-color: #fff; font-size: 0.875rem; color: #858585; width: 100%; margin: 0.625rem 0; font-weight: 500; -webkit-box-shadow: 0rem 1px 0.25rem 0rem rgba(0, 0, 0, 0.19), 0rem 0.125rem 0.3125rem 0rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0rem 1px 0.25rem 0rem rgba(0, 0, 0, 0.19), 0rem 0.125rem 0.3125rem 0rem rgba(0, 0, 0, 0.1); box-shadow: 0rem 1px 0.25rem 0rem rgba(0, 0, 0, 0.19), 0rem 0.125rem 0.3125rem 0rem rgba(0, 0, 0, 0.1); border-color: transparent; } .s4d-one-click-btn br { display: none; } .s4d-one-click-btn .s4d-one-click-center { color: #009a44; font-weight: 700; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; } .s4d-one-click-btn:hover, .s4d-one-click-btn:active, .s4d-one-click-btn:focus { background-color: #009a44; color: #fff; } .s4d-one-click-btn:hover .s4d-one-click-center, .s4d-one-click-btn:active .s4d-one-click-center, .s4d-one-click-btn:focus .s4d-one-click-center { color: #fff; } .s4d-receipt-new-arrow { content: url(/Content/Images/receipt/receipt-new-arrow.png); float: right; margin-top: 0.625rem; } .s4d-receipt-new-arrow.de { content: url(/Content/Images/receipt/receipt-new-arrow-de.png); } .s4d-one-click-label { position: relative; padding: 0.375rem 0.75rem !important; font-weight: 700; text-align: left; border-radius: 0.125rem; width: 100%; min-height: 2.25rem !important; color: #858585; -webkit-box-shadow: 0 1px 0.25rem 0 rgba(0, 0, 0, 0.19), 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0.25rem 0 rgba(0, 0, 0, 0.19), 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0.25rem 0 rgba(0, 0, 0, 0.19), 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.1); } .s4d-one-click-label.s4d-one-click-link { text-align: center; margin-bottom: 0.625rem !important; } .s4d-one-click-label.checked { color: #009a44; } .s4d-one-click-label p { margin: 0; display: inline; } .s4d-one-click-label a { color: #818181; top: 0.375rem; } .s4d-one-click-label a:hover { color: #009a44; text-decoration: none; } .s4d-one-click-checbox { display: none; } .s4d-one-click-label:before { font-family: "Glyphicons Halflings"; display: inline-block; color: #009a44; font-size: 0.9375rem; position: relative; top: 0.125rem; font-weight: normal; content: "\e157"; } .s4d-one-click-label.checked:before { content: "\e067"; } .s4d-one-click-label.s4d-one-click-link:before { content: "\e013"; } .s4d-pizza-type-selector { margin: 0; padding: 0; list-style: none; } .s4d-pizza-type-selector ul { margin: 0; padding: 0; list-style: none; } .s4d-pizza-type-selector-items li { position: relative; padding: 0.1875rem 0.3125rem 0.25rem; color: #858585; cursor: pointer; font-size: 0.875rem; margin-left: -0.625rem; margin-right: -0.625rem; padding-left: 0.625rem; padding-right: 1.875rem; } .s4d-pizza-type-selector-items li .s4d-receipt-info { position: absolute; top: 0; right: 0; width: 1.25rem; text-align: center; height: 100%; line-height: 1.625rem; } .s4d-pizza-type-selector-items li.active, .s4d-pizza-type-selector-items li:hover { color: #4d4d4d; background-color: rgb(238.425, 238.425, 238.425); } .s4d-pizza-type-selector-items li.active { font-weight: 700; } .s4d-pizza-type-selector-items .s4d-pizza-type-description { display: none; } .s4d-pizza-type-selector-items .s4d-pizza-type-price { font-size: 0.875rem; } .s4d-pizza-type-selector-items .s4d-pizza-type-price.vip-price-active { font-weight: 700; } .s4d-pizza-type-selector-items .s4d-pizza-type-price.vip-price-active .s4d-vipcard-old-price { text-decoration: line-through; font-size: 0.75rem; margin-right: 0.3125rem; font-weight: 300; float: left; width: auto; } .s4d-carousel { display: none; } .s4d-cookie-form { border-bottom: 1px solid #ccc; padding-bottom: 0.9375rem; margin-bottom: 0.9375rem; } .s4d-cookie-form .checkbox label { position: relative; margin: 0.9375rem 0 0.625rem !important; font-size: 0.875rem; padding: 0.625rem 0.8125rem; color: #4d4d4d; text-align: left; border: 1px solid #ccc; display: block; background-color: #fff; } .s4d-cookie-form .checkbox label input[type=checkbox] { position: static; margin-right: 0.625rem; margin-left: 0; float: left; } .s4d-cookie-form .checkbox label span { display: block; color: #858585; } .s4d-cookie-form .checkbox label span.h4 { margin-top: 0; color: #009a44; font-weight: 700; font-size: 1rem; } @media (max-width: 768px) { input[type=radio], input[type=checkbox] { margin: 0; } } .s4d-product-added { margin-top: 0.3125rem; top: 100%; left: 0; opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; width: 10.3125rem; } .s4d-search-backdrop { position: fixed; left: 0; top: 0; transition: all 0.3s; opacity: 0; background-color: #000; display: block; z-index: 1000; } .s4d-search-active .s4d-search-backdrop { right: 0; bottom: 0; opacity: 0.8; } @media (min-width: 992px) { .s4d-menu-search-box.affix { position: fixed; top: 0.625rem; } .s4d-menu-search-box.affix .form-control { box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.11); } } .s4d-search-active .s4d-menu-search-box { z-index: 1010; } .s4d-search-active .form-control { box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.11); } .s4d-search-active .s4d-exit-search { position: absolute; right: 0.625rem; top: 0.4375rem; width: 1.625rem; height: 1.625rem; z-index: 99; cursor: pointer; display: block !important; color: #d9534f; text-align: center; line-height: 1.625rem; } .s4d-menu-search-results { position: absolute; top: 3.125rem; left: 0; right: 0; z-index: 1005; } .s4d-menu-search-results .s4d-search-suggestions { margin-top: 0.625rem; margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 0; list-style: none; background-color: #fff; border-radius: 0.125rem; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); overflow: hidden; } .s4d-menu-search-results .s4d-search-suggestions li { border-bottom: solid 1px #ccc; } .s4d-menu-search-results .s4d-search-suggestions li:last-child { border-bottom: 0; } .s4d-menu-search-results .s4d-search-suggestions li a { padding: 0.9375rem 1.25rem; color: #858585; font-style: italic; display: block; } .s4d-menu-search-results .s4d-search-suggestions li a.active, .s4d-menu-search-results .s4d-search-suggestions li a:hover, .s4d-menu-search-results .s4d-search-suggestions li a:focus { background-color: #f4f4f4; text-decoration: none; outline: 0; } #s4d-search-result-inner h3.s4d-search-result-title-divider { font-size: 1rem; color: #fff; text-align: center; font-style: normal; } #s4d-search-result-inner .s4d-products { padding-top: 0.625rem; } #s4d-search-result-inner .s4d-product { margin-bottom: 0.5rem; min-height: 8.125rem; } #s4d-search-result-inner .s4d-product .s4d-pizza-type-name { width: auto; } #s4d-search-result-inner .s4d-product-search-result { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #s4d-search-result-inner .s4d-product-search-result .s4d-product { border-radius: 0.125rem; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } #s4d-search-result-inner .s4d-search-product { padding-left: 5.9375rem; } #s4d-search-result-inner .s4d-search-product .s4d-product-decription { margin-bottom: 0.3125rem; } #s4d-search-result-inner .s4d-products .s4d-product div.s4d-product-decription { height: auto; } #s4d-search-result-inner .s4d-products .s4d-product-search-result .s4d-product .s4d-product-image { position: absolute; left: 0.9375rem; top: 0.9375rem; width: 5rem; height: 5rem; } #s4d-search-result-inner .s4d-product-controls .s4d-edit-pizza { display: block; position: static; padding: 0; margin-bottom: 0.3125rem; } #s4d-search-result-inner .s4d-product-controls .s4d-product-options { margin-top: 0; padding-left: 0; position: relative; } @media (max-width: 26.25rem) { #s4d-search-result-inner .s4d-product-controls .s4d-product-options .s4d-product-option-value { font-size: 0.75rem; } } #s4d-search-result-inner .s4d-product-controls .s4d-product-options label { display: block; left: 0 !important; position: static; height: 1.125rem; margin-bottom: -0.1875rem; } #s4d-search-result-inner .s4d-product-controls .s4d-product-options label.s4d-vipcard-old-price { position: absolute; left: auto !important; top: 0; } #s4d-search-result-inner .s4d-product-controls .s4d-product-options label.s4d-vipcard-old-price.static { top: -0.9375rem; } #s4d-search-result-inner .s4d-product-search-result .s4d-search-no-result { position: relative; padding: 0.9375rem; background: #fff; font-style: italic; border-radius: 0.125rem; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } #s4d-search-result-inner .s4d-product-amount-container .s4d-product-amount { left: -5.9375rem; } #s4d-search-result-inner .s4d-menu-overview-product-btn-block { padding-left: 0; } @media (min-width: 1200px) { #s4d-search-result-inner .s4d-product-amount .s4d-product-amount-value { width: 2.375rem; } } #s4d-search-result-inner .s4d-products .s4d-product.s4d-dtzs-product .s4d-product-image { height: 100%; } @media (min-width: 480px) { .s4d-menu-search-results #s4d-search-result-inner .s4d-search-product { padding-left: 6.875rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-product .s4d-product-image { width: 6.5625rem; height: 6.5625rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-product-amount-container .s4d-product-amount { left: -7.1875rem; } } @media (min-width: 768px) { .s4d-menu-search-results #s4d-search-result-inner .s4d-products { margin-left: -0.25rem; margin-right: -0.25rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-edit-pizza { position: initial; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product-search-result { margin-left: 0.5rem; margin-right: 0.5rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product-search-result:before, .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product-search-result:after { content: " "; display: table; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product-search-result:after { clear: both; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product { margin-left: -0.25rem; margin-right: 0.25rem; float: left; width: 50%; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product:nth-child(even) { margin-right: -0.25rem; margin-left: 0.25rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product .s4d-product-decription { min-height: 5.9375rem; height: auto; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-dtzs-product, .s4d-menu-search-results #s4d-search-result-inner .s4d-products h3 { max-width: 22.25rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-dtzs-product { margin-left: 0.25rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product-option-value-static { height: 2.8125rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-product-search-result .s4d-search-no-result { margin-left: -0.25rem; margin-right: -0.25rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product-search-result .s4d-product .s4d-product-image { width: 6.25rem; height: 6.25rem; } } @media (min-width: 992px) { .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product-search-result .s4d-product .s4d-product .s4d-product-image { width: 7.5rem; height: 7.5rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product-search-result .s4d-product .s4d-product-amount-container .s4d-product-amount { left: -7.8125rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product-search-result .s4d-product .s4d-edit-pizza { left: -8.125rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-search-product { padding-left: 8.125rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-dtzs-product, .s4d-menu-search-results #s4d-search-result-inner .s4d-products h3 { max-width: 21rem; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } } @media (min-width: 992px) { .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-dtzs-product, .s4d-menu-search-results #s4d-search-result-inner .s4d-products h3 { max-width: 26.59375rem; } } @media (min-width: 1200px) { .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product .s4d-product-decription { min-height: 4.6875rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-products .s4d-product .s4d-action-badge { top: 4.0625rem; } .s4d-menu-search-results #s4d-search-result-inner .s4d-product.s4d-dtzs-product .s4d-product-image { width: 8.4375rem; } } /*.s4d-dt-zs-modal-content .s4d-edit-toppings { display: none; }*/ .s4d-modal-content-sm { width: 18.75rem; padding: 0.625rem 1.5625rem; margin: 0 auto; } @media (min-width: 992px) { .modal-md { width: 45rem; } } .modal-content { border-radius: 0.125rem; padding: 1.875rem; } .modal-backdrop { background-color: rgba(0, 0, 0, 0.7); } .modal-header .close { position: absolute; top: 0.625rem; right: 0.625rem; z-index: 1; width: 1.875rem; height: 1.875rem; font-size: 1.5rem; color: #4d4d4d; float: none; } .modal-header .modal-title { margin-bottom: 0.625rem; font-size: 1.5rem; font-weight: bold; } .close { color: #858585; opacity: 1; } .modal-header { padding: 0; border-bottom: 0; } .modal-body { padding: 0; } .modal-footer { margin-top: 1.875rem; } @media (max-width: 992px) { .s4d-modal-dialog-in-form { top: 50%; margin-top: -8.75rem; } } @media (min-width: 1200px) { .modal-lg { width: 62.9375rem; } } .s4d-divider-full-modal-after::after, .s4d-divider-full-modal-before::before { display: none; } .s4d-search-pizza { border-right: 0; } .s4d-radio-inline { padding-left: 0; } .s4d-radio-inline label { display: inline-block; min-height: 1.625rem; position: relative; font-size: 0.875rem; margin-right: 0.3125rem; } .s4d-pizza-info-btn { padding: 0.125rem; color: #bcbcbc; background-color: #fff; } label.s4d-new-label-radio input[type=radio] { display: none !important; } label.s4d-new-label-radio input[type=radio]:checked ~ .s4d-new-input-radio-btn { background-color: #009a44; border-color: #009a44; } label.s4d-new-label-radio input[type=radio]:disabled ~ span { opacity: 0.3; } label.s4d-new-label-radio input[type=checkbox] { display: none !important; } label.s4d-new-label-radio input[type=checkbox] .s4d-new-coupon-input-radio-btn > .glyphicon, label.s4d-new-label-radio input[type=checkbox] .s4d-new-coupon-input-radio-btn > .s4d-icon-trash, label.s4d-new-label-radio input[type=checkbox] .s4d-new-coupon-input-radio-btn > .s4d-icon-info, label.s4d-new-label-radio input[type=checkbox] .s4d-new-coupon-input-radio-btn > .s4d-icon-alert, label.s4d-new-label-radio input[type=checkbox] .s4d-new-coupon-input-radio-btn > .s4d-icon-remove, label.s4d-new-label-radio input[type=checkbox] .s4d-new-coupon-input-radio-btn > .s4d-icon-edit { display: none; } label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn { background-color: #009a44; border-color: #009a44; } label.s4d-new-label-radio input[type=checkbox]:not(:checked) ~ .s4d-new-coupon-input-radio-btn > .glyphicon, label.s4d-new-label-radio input[type=checkbox]:not(:checked) ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-trash, label.s4d-new-label-radio input[type=checkbox]:not(:checked) ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-info, label.s4d-new-label-radio input[type=checkbox]:not(:checked) ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-alert, label.s4d-new-label-radio input[type=checkbox]:not(:checked) ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-remove, label.s4d-new-label-radio input[type=checkbox]:not(:checked) ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-edit { display: none; color: #fff; } label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .glyphicon, label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-trash, label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-info, label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-alert, label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-remove, label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-edit { display: inline-block; color: #fff; position: absolute; right: 0.125rem; top: 50%; margin-top: -0.46875rem; } label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .glyphicon::before, label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-trash::before, label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-info::before, label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-alert::before, label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-remove::before, label.s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn > .s4d-icon-edit::before { font-size: 1rem; } label.s4d-new-label-radio input[type=checkbox]:disabled ~ span { opacity: 0.3; } label.s4d-new-label-radio .s4d-new-input-radio-btn { content: ""; width: 0.9375rem; height: 0.9375rem; border: 0.125rem solid #858585; border-radius: 100%; display: inline-block; margin-left: -1.25rem; margin-right: 0.375rem; position: relative; top: 0.1875rem; padding: 0 !important; } label.s4d-new-label-radio .s4d-new-coupon-input-radio-btn { content: ""; width: 1.5625rem; height: 1.5625rem; border: 0.125rem solid #858585; border-radius: 100%; display: inline-block; margin-left: -1.25rem; margin-right: 0.375rem; position: relative; top: 0.1875rem; padding: 0 !important; } @media (min-width: 992px) { .s4d-radio-inline label { font-size: 0.75rem; min-height: 1.75rem; line-height: 1.75rem; } .s4d-pizza-info-btn { display: none; } .s4d-radio-inline .s4d-dt-label-row:hover .s4d-pizza-info-btn { display: inline-block; } } .s4d-modal-splash { z-index: 1052; padding-right: 0 !important; } .s4d-modal-splash .modal-content { padding: 0; } .s4d-modal-splash .modal-body { padding: 0; } .s4d-modal-splash .modal-body img { width: 100%; } .s4d-modal-splash .close { position: absolute; top: 0.625rem; right: 0.625rem; z-index: 1; width: 1.875rem; height: 1.875rem; font-size: 1.5rem; color: #fff; } .btn-facebook { margin-top: 0.9375rem; height: 2.1875rem; font-size: 1rem; } .s4d-modal-login-body { position: relative; min-height: 25rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .s4d-modal-login-body span.label { display: block; } .s4d-modal-login-body h1 { margin-top: 0.9375rem; } .s4d-modal-login-body .s4d-forgot-password { padding-right: 0; padding-top: 0.375rem; } @media (min-width: 992px) { .s4d-modal-login-body .s4d-forgot-password { float: right; } } .s4d-login-content-split-light { background: #fff; width: 100%; } .s4d-login-content-split-light h4 { margin-top: 0; } .s4d-modal-login-body .s4d-login-content-split-dark { overflow: hidden; } .s4d-modal-login-body .s4d-login-content-split-dark img { max-height: 100%; max-width: 100%; } .s4d-login-content-split-dark { background-color: #f4f4f4; box-shadow: inset 0 0.625rem 2.5rem -0.625rem rgba(0, 0, 0, 0.2); padding: 1.875rem 1.875rem 0.625rem 1.875rem; margin: 1.875rem -1.875rem -1.875rem -1.875rem; border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .s4d-login-register-partial h2 { margin-bottom: 1.4375rem; } .s4d-login-register-content { background-color: #fff; padding: 1.875rem 1.875rem 1.875rem; border-radius: 0.375rem; margin-top: 1.25rem; position: relative; } .s4d-login-register-content .appleid-signin-button { width: 100%; height: 2.25rem; font-weight: 700; } .s4d-login-register-content .appleid-signin-button-container { font-synthesis: none; -moz-font-feature-settings: kern; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; height: 100%; min-width: 8.125rem; min-height: 1.875rem; max-height: 4rem; position: relative; letter-spacing: initial; } .s4d-login-register-content .appleid-signin-button-text { padding-right: 8%; padding-left: 8%; position: absolute; box-sizing: border-box; width: 100%; height: 100%; } .s4d-login-register-content .appleid-signin-button-body { padding: 1px; width: 100%; height: 100%; box-sizing: border-box; } @media (min-width: 992px) { .s4d-login-modal-dialog { width: 52.5rem; } .s4d-login-modal-dialog .modal-content { border-radius: 0; padding: 0; } .s4d-modal-login-body { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .s4d-login-content-split-light { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; padding: 2.8125rem; min-height: 15.625rem; } .s4d-login-content-split-dark { box-shadow: none; padding: 2.8125rem 2.8125rem 1.875rem 2.8125rem; margin: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; right: 0; left: 50%; top: 0; bottom: 0; } .s4d-login-content-split-dark h2 { margin-top: 0.625rem; } .s4d-no-register-link { margin-top: 0.5rem; } } .s4d-infobox { padding: 0.9375rem; width: 18.75rem; font-family: arial, sans-serif; font-size: 0.6875rem; background: #fff; border: solid 1px #f4f4f4; border-radius: 0.375rem; -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); } .s4d-infobox .btn-link { margin-top: 0.3125rem; } .s4d-infobox::after { content: " "; display: block; width: 1.875rem; height: 1.375rem; position: absolute; bottom: -1.25rem; right: 8.4375rem; background: url(/Content/Images/tooltip-arrow.svg) no-repeat; background-size: contain; } .s4d-infobox .s4d-store-image { margin: 0.3125rem 1.25rem 1.25rem 0; width: 4.375rem; float: left; border-width: 0.3125rem; border-bottom-width: 0.625rem; } .s4d-infobox .s4d-store-image img { width: 100%; } .s4d-infobox .s4d-infobox-title { display: block; font-weight: 700; } .s4d-store-name { font-weight: 700; font-size: 1rem; } .s4d-infobox .s4d-store-business-hours { margin-top: 0.625rem; } .s4d-infobox table td { padding-right: 0.625rem; } .s4d-zipcodecheck-modal-v1#zipcodePriceCheckModal .modal-header .modal-title { font-size: 1.125rem; } @media (max-width: 61.9375rem) { .s4d-zipcodecheck-modal-v1 { padding-left: 0.625rem !important; } } .s4d-zipcodecheck-modal-v1 .easy-autocomplete { width: 100% !important; } .s4d-zipcodecheck-modal-v1 .s4d-zipcodeprice-button-divider { margin: 0.3125rem 0.625rem; color: #cccccc; text-align: center; font-size: 0.875rem; } .s4d-zipcodecheck-modal-v1 #zipcodepricecheck-delivery-btn, .s4d-zipcodecheck-modal-v1 #zipcodepricecheck-pickup-btn { width: auto; float: none !important; } @media (min-width: 768px) { .s4d-zipcodecheck-modal-v1 #zipcodepricecheck-submit { margin-top: 0; display: inline; width: auto; } .s4d-zipcodecheck-modal-v1 #zipcodepricecheck-delivery-btn { margin-top: 0; } .s4d-zipcodecheck-modal-v1 #zipcodepricecheck-delivery-btn, .s4d-zipcodecheck-modal-v1 #zipcodepricecheck-pickup-btn { display: inline-block; width: auto; } .s4d-zipcodecheck-modal-v1 .s4d-zipcodeprice-check-pill { margin-top: 1.25rem; } .s4d-zipcodecheck-modal-v1 .s4d-zipcodeprice-check-pill address { margin-top: 0; } .s4d-zipcodecheck-modal-v1 #s4d-zipcodeprice-store-address { max-height: none; overflow: visible; transition: none; } .s4d-zipcodecheck-modal-v1 #s4d-zipcodeprice-store-address.show { max-height: none; } .s4d-zipcodecheck-modal-v1 .s4d-zipcode-check-address-open { display: none; } .s4d-zipcodecheck-modal-v1 .s4d-zipcodeprice-check-pill h3 { font-size: 1rem; margin-bottom: 0.875rem; } .s4d-zipcodecheck-modal-v1 .zipcode-check-store-info { font-size: 0.8125rem; } } .s4d-form-submit-buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .s4d-form-submit-buttons #zipcodepricecheck-delivery-btn, .s4d-form-submit-buttons #zipcodepricecheck-pickup-btn { width: 100%; } @media (min-width: 768px) { .s4d-form-submit-buttons { display: block; -webkit-justify-content: initial; -moz-justify-content: initial; -ms-justify-content: initial; justify-content: initial; -ms-flex-pack: initial; } .s4d-form-submit-buttons #zipcodepricecheck-delivery-btn, .s4d-form-submit-buttons #zipcodepricecheck-pickup-btn { width: auto; } } @media (max-width: 61.9375rem) { .s4d-smartbanner .s4d-header { position: absolute; margin-top: 5.3125rem; } .s4d-smartbanner #s4d-website-alert { top: 5.3125rem; } .s4d-smartbanner #content { padding-top: 55.3125rem; } .s4d-smartbanner .s4d-navigation, .s4d-smartbanner .s4d-menu { top: 5.3125rem; } .s4d-smartbanner.s4d-header-banner .s4d-banner { position: relative; display: block; margin-top: 5.3125rem; } .s4d-smartbanner.s4d-header-banner #smartbanner.android { top: -5.3125rem !important; } .s4d-smartbanner.s4d-header-banner .s4d-header { margin-top: 6.25rem; } .s4d-smartbanner.s4d-header-banner #content { padding-top: 56.25rem; } } .modal-body.s4d-one-click-modal h3 { max-width: 12.1875rem; margin: 0 auto; border-bottom: 1px solid #4d4d4d; text-transform: uppercase; padding-bottom: 0.625rem; color: #4d4d4d; font-style: normal; } .modal-body.s4d-one-click-modal h2 { font-size: 1.75rem; color: #009a44; margin-top: 0.625rem; font-weight: 700; } .modal-body.s4d-one-click-modal h2 strong { color: #4d4d4d; font-weight: normal; } .modal-body.s4d-one-click-modal p { margin-bottom: 1.875rem; } .modal-body.s4d-one-click-modal.details p { margin-bottom: 0; } .modal-body.s4d-one-click-modal .s4d-one-click-step span { border-radius: 100%; border: 1px solid #4d4d4d; width: 2.0625rem; height: 2.0625rem; display: inline-block; color: #4d4d4d; line-height: 2.0625rem; font-weight: bold; } .modal-body.s4d-one-click-modal .s4d-one-click-step h4 { font-style: normal; font-size: 1rem; margin-bottom: 0.625rem; margin-top: 0.625rem; color: #009a44; font-weight: bold; } .modal-body.s4d-one-click-modal .s4d-one-click-modal-btns { margin: 0.9375rem 0 1.875rem 0; } .modal-body.s4d-one-click-modal.details .s4d-product { position: relative; } .modal-body.s4d-one-click-modal.details .s4d-product .h3 { margin-bottom: 0; display: block; padding-right: 1.875rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; color: #4d4d4d; } .modal-body.s4d-one-click-modal.details .s4d-product .s4d-receipt-info.pull-right { position: absolute; right: 0; left: auto; top: 0.625rem; } .modal-body.s4d-one-click-modal.details .s4d-product .s4d-product-price { position: absolute; right: 0; top: 0; } .modal-body.s4d-one-click-modal.details .s4d-product-order { position: relative; } .modal-body.s4d-one-click-modal.details .s4d-product-order .s4d-product-type { display: block; padding-right: 3.75rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .modal-body.s4d-one-click-modal.details .s4d-product-order .s4d-amount-order { top: 0; } .modal-body.s4d-one-click-modal .s4d-one-click-address, .modal-body.s4d-one-click-modal .s4d-one-click-payment-method { color: #858585; font-size: 0.75rem; } .modal-body.s4d-one-click-modal .s4d-one-click-address { padding: 1.25rem 0 0; } .modal-body.s4d-one-click-modal .s4d-one-click-payment-method { padding: 0.625rem 0 0; margin-bottom: 0.625rem; } .modal-body.s4d-one-click-modal .s4d-one-click-address span, .modal-body.s4d-one-click-modal .s4d-one-click-payment-method span { font-size: 1rem; line-height: 1.1875rem; font-style: normal; font-weight: 700; color: #4d4d4d; display: block; } .s4d-payment-logo { display: inline-block; vertical-align: middle; width: 2.1875rem; height: 1.5625rem; background: url(/Content/Images/payment/payment_sprite.png) no-repeat; } .s4d-payment-logo.ideal { width: 2.5rem; height: 2.1875rem; } .s4d-payment-logo.creditcard { background-position: 0 -2.6875rem; } .s4d-payment-logo.ippies { background-position: 0 -4.625rem; } .s4d-payment-logo.contant { background-position: 0 -6.375rem; } .s4d-payment-logo.pinnen { background-position: 0 -8.375rem; } .s4d-payment-logo.girocard { background-position: 0 -8.375rem; } .s4d-payment-logo.cash { background-position: 0 -6.375rem; } .s4d-payment-logo.company { background-position: 0 -10.875rem; } .s4d-payment-logo.sofort { background-position: 0 -13.0625rem; } .s4d-checkout-payment-company { margin-bottom: 1.25rem !important; } .s4d-checkout-payment-company.disabled { pointer-events: none; } .s4d-btn-ideal { position: relative; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 1.125rem; } .s4d-btn-ideal::after { content: ""; position: absolute; top: 0.625rem; right: 0; width: 6.125rem; height: 2.0625rem; background-image: url(/Content/Images/payment/ideal_gratis.png); background-repeat: no-repeat; background-position: center; z-index: 1; } .s4d-btn-ideal.active { border-color: #009a44; border-width: 0.125rem; color: #009a44; } #store-select-zipcode-search .input-group .form-control { height: 2.125rem; padding: 0.375rem 0.75rem; } #store-select-zipcode-search .input-group .btn.btn-search { height: 2.125rem; } #smartbanner { height: 5.3125rem; z-index: 999; transition: margin-top 0.6s; } #smartbanner.android { border-color: #ccc; background: #fff; border-top: 0.3125rem solid #009a44; box-shadow: none; } #smartbanner.s4d-smartbanner-hide { margin-top: -6.25rem; } #smartbanner.android .sb-info { text-shadow: none; color: #4d4d4d; width: 54%; top: 0.875rem; } #smartbanner.android .sb-info strong { font-size: 0.75rem; font-style: normal; font-weight: 500; color: #009a44; } #smartbanner.android .sb-info span:nth-child(2n) { display: none; } #smartbanner.android .sb-close { color: #ffffff; background: rgba(0, 0, 0, 0.59); text-shadow: none; box-shadow: none; border-radius: 50%; } #smartbanner .sb-icon { background: none; background-size: cover; box-shadow: none; } #smartbanner.android .sb-button { border: none; border-radius: 0.125rem; background-color: #009a44; border: none; color: #fff; font-weight: 700; text-transform: uppercase; width: auto; padding: 0 0.3125rem; min-height: 0; } #smartbanner.android .sb-button span, #smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background-color: transparent; background-image: none; padding: 0; } #smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background-color: #dc5d1b; background-image: -moz-linear-gradient(90deg, rgb(230, 121, 35) 0%, rgba(230, 121, 35, 0) 20%, rgba(230, 119, 35, 0.61) 85%, rgba(229, 117, 34, 0.74902) 100%); background-image: -webkit-linear-gradient(90deg, rgb(230, 121, 35) 0%, rgba(230, 121, 35, 0) 20%, rgba(230, 119, 35, 0.61) 85%, rgba(229, 117, 34, 0.74902) 100%); background-image: -ms-linear-gradient(90deg, rgb(230, 121, 35) 0%, rgba(230, 121, 35, 0) 20%, rgba(230, 119, 35, 0.61) 85%, rgba(229, 117, 34, 0.74902) 100%); } .s4d-coupon-fallback h2 { margin-top: 0; margin-bottom: 0.625rem; font-size: 1.125rem; } .s4d-coupon-fallback .s4d-coupon-fallback-content span { display: block; position: static; color: #009a44; } .s4d-coupon-fallback .s4d-coupon-fallback-content span.s4d-coupon-name { color: #009a44; font-size: 1.25rem; font-weight: 700; border-top: 1px solid #efefef; padding-top: 0.625rem; } .s4d-coupon-fallback .s4d-coupon-fallback-content span.s4d-coupon-cd { color: #b7b7b7; margin-bottom: 1.25rem; border-bottom: 1px solid #efefef; padding-bottom: 0.625rem; } .s4d-dropdown { background: none; width: 100%; height: 2.125rem; padding: 0.375rem 0.5rem; margin-top: 0.3125rem; color: #858585; border-bottom: 1px solid #f4f4f4; font-weight: 600; border: 1px solid #ccc; border-radius: 0.25rem; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .s4d-dropdown.with-icon { display: inline; width: calc(100% - 1.5rem); } .s4d-dropdown.s4d-option-selector-option .out-of-stock, .s4d-dropdown#OptionSelectorSubcategorySelect .out-of-stock, .s4d-dropdown.s4d-product-dropdown .out-of-stock, .s4d-dropdown.s4d-option-selector-subtype .out-of-stock { font-style: initial; color: initial; } .s4d-dropdown option:disabled { font-style: italic; color: #f4f4f4; } .s4d-product-description { margin: 0.5rem 0.25rem; } .ui-back-button-container { float: left; width: 6.875rem; overflow: hidden; position: absolute; z-index: 1; } .ui-back-button-container a:hover { text-decoration: none; } @media (max-width: 992px) { .ui-back-button-container { left: 1.875rem; } } .ui-back-button { display: flex; align-items: baseline; font-weight: bold; } .ui-back-button i { padding: 0rem; } .receipt-eta-delivery-content { background-color: white; box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); margin-top: 0.625rem; text-align: center; height: 2.5rem; display: grid; align-items: center; } @media (max-width: 61.9375rem) { .receipt-eta-delivery-content { display: none; } } /* Override: */ #ProductDetails .s4d-product-amount { margin: 0.3125rem 0; } @media (max-width: 47.9375rem) { #ProductDetails .s4d-product-amount { margin: 0; } } #ProductDetails .s4d-text-color-light { display: none; } .upsell-h3-font { margin-bottom: 0rem; } @media (max-width: 992px) { .upsell-h3-font { font-size: 0.8125rem !important; margin-top: 0rem; } } .upsell-text-allign { text-align: center; } @media (min-width: 992px) { .upsell-image { margin-left: -25%; } } #upsellType { width: 75%; float: left; } @media (max-width: 26.25rem) { #upsellType { font-size: 0.6875rem; } } #upsellPrice { width: 40%; float: left; } @media (max-width: 26.25rem) { #upsellPrice { font-size: 0.6875rem; } } #upsellContainer { margin-right: 1%; margin-bottom: 2%; margin-top: 1%; margin-left: 5%; } @media (max-width: 992px) { #upsellContainer { margin-left: 1% !important; width: 98%; } } @media (max-width: 992px) { #upsellContainer .tooltip { width: 5.6875rem; left: 0; } } .modal-title-margin { margin-left: 5%; } .button-margin { align-items: center; } @media (min-width: 992px) { .button-margin { margin-top: 2%; } } @media (min-width: 992px) { .upsell-product { margin-top: -3%; } } @media (max-width: 61.9375rem) { .s4d-desktop-content { display: none; } } @media (min-width: 992px) { .s4d-mobile-content { display: none; } } @media (min-width: 992px) { .s4d-menu-group-sticky { position: sticky; z-index: 150; top: 0; } .s4d-receipt-content-sticky.affix { top: -2.5rem !important; } .checkout-body .s4d-menu-group-sticky { position: inherit; z-index: inherit; top: auto; } .no-sub-navigation .s4d-receipt-content .s4d-receipt-order { padding-top: 2.5rem; } } #OrderDetailsModal ::-webkit-scrollbar { width: 0rem; } @media only screen and (max-device-width: 20rem) { #OrderDetailsModal .mobile-scaling { max-width: 9.6875rem; } } #OrderDetailsModal .image-delivery { background-image: url(/Content/Themes/TP/Icons/TP_Delivery_Rounded.svg); } #OrderDetailsModal .image-clock { background-image: url(/Content/Themes/TP/Icons/TP_clock.svg); margin-top: 0.5rem; max-width: 1.5rem; max-height: 1.5rem; margin-right: 0.625rem; } #OrderDetailsModal .image-store { background-image: url(/Content/Themes/TP/Icons/TP_store.svg); margin-top: 0.3125rem; max-width: 1.5rem; max-height: 1.5rem; margin-right: 0.625rem; padding-right: 1.5rem; } #OrderDetailsModal .orderDetails-time-paddings { padding-left: 0rem; padding-bottom: 0.3125rem; } #OrderDetailsModal .orderDetails-time-flex-wrapper { display: flex; flex-direction: column; } #OrderDetailsModal .disable-element-effect { opacity: 0.7; cursor: not-allowed; } #OrderDetailsModal .disable-cursor { pointer-events: none; } #OrderDetailsModal .paymentMethods-methods-container { display: flex; flex-direction: row; margin: 0.3125rem 1.25rem 0.3125rem 0rem; flex-wrap: wrap; flex-grow: 2; } #OrderDetailsModal .btn-order { padding: 0.8125rem 2.0625rem; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; line-height: 1.5rem; color: #fff !important; background-color: #e2001a; border-radius: 0.25rem; } #OrderDetailsModal .address-item { border-bottom: 0rem; } #OrderDetailsModal .store-data-size { width: 12.5rem; } #OrderDetailsModal .time-dropdown-label { font-weight: 700; color: #6a6a6a; font-size: 1rem; } @media only screen and (max-device-width: 31px) { #OrderDetailsModal #OrderDetailsTimeDopdownLabel { font-size: 0.875rem; } } #OrderDetailsModal .modal-footer { margin-top: 0rem; padding-top: 0.9375rem; padding-bottom: 0.9375rem; padding-left: 0rem; padding-right: 0rem; border-top: 0rem; } #OrderDetailsModal .storeIcon { font-size: 2rem; align-self: flex-start; margin-top: 0.3125rem; max-width: 2rem; } @media (min-width: 992px) { #OrderDetailsModal .modal-body { padding-top: 0.625rem; padding-bottom: 1.5625rem; } } @media only screen and (min-width: 992px) { #OrderDetailsModal .modal-content { padding-left: 6.25rem; padding-right: 6.25rem; } } #OrderDetailsModal .s4d-text-color-header { font-weight: bold; } #OrderDetailsModal .orderDetails-address-container { display: flex; flex-direction: row; } #OrderDetailsModal .orderDetails-modal-header { display: flex; align-items: center; } #OrderDetailsModal .orderDetails-store-container { display: flex; align-items: center; } #OrderDetailsModal .orderDetails-block-container { padding: 0.625rem 1.25rem; background: rgb(250, 250, 250); display: flex; flex-direction: column; margin-top: 0.9375rem; } #OrderDetailsModal .orderDetails-time-container { flex-direction: row; } #OrderDetailsModal .orderDetails-time-content { flex-direction: column; flex-grow: 2; } #OrderDetailsModal .orderDetails-orderTimes-select-container { display: flex; justify-content: left; padding-right: 1.875rem; } #OrderDetailsModal .orderDetails-orderTimes-select-content { min-width: 10.375rem; max-width: 10.375rem; } #OrderDetailsModal .orderDetails-flex-content-wrapper { display: flex; justify-content: space-between; } #OrderDetailsModal .orderDetails-flex-content-wrapper div { flex-basis: 48%; } @media only screen and (max-width: 61.9375rem) { #OrderDetailsModal .orderDetails-flex-content-wrapper { flex-direction: column; overflow: scroll; } } #OrderDetailsModal .orderDetails-start-order-button-container { justify-content: center; } #OrderDetailsModal .orderDetails-start-order-button { align-self: center; } @media (min-width: 992px) { #OrderDetailsModal .orderDetails-start-order-button { max-width: 18.75rem; } } .paymentMethods-container { display: flex; flex-direction: row; flex-wrap: wrap; } .paymentMethods-methods-container { display: flex; flex-direction: row; margin: 0.3125rem 1.25rem 0.3125rem 0rem; } .paymentMethods-singleMethod { display: flex; flex-direction: column; align-items: center; margin: 0.3125rem 0.625rem; } .change-delivery-address-buttons-container { display: flex; justify-content: center; } .change-delivery-address-buttons-container .btn-primary { margin: 0.625rem 1.25rem; min-width: 20%; } @media (max-width: 992px) { .change-delivery-address-buttons-container .btn-primary { min-width: 50%; margin: 0.625rem 0.3125rem; } } .order-sending-loader-container { text-align: center; } .order-sending-failure-message-container { margin-top: 1.5625rem; } .easy-autocomplete { width: 100% !important; } .s4d-custom-pizza-amount-container .s4d-product-amount { margin-right: 1.25rem; } .s4d-custom-pizza-amount-container .s4d-custom-product-amount { margin-right: 0rem; } @media (min-width: 768px) { .s4d-custom-pizza-amount-container-mobile { display: none; } } @media (max-width: 47.9375rem) { .s4d-custom-pizza-amount-container-mobile { display: block; } .s4d-custom-pizza-amount-container { display: none; } } .nopadding-top { padding-top: 0 !important; } .nopadding-bottom { padding-bottom: 0 !important; } .nomargin-bottom { margin-bottom: 0 !important; } .nomargin-top { margin-top: 0 !important; } .tip-container { display: grid; margin-right: -0.625rem; grid-template-columns: repeat(auto-fit, minmax(6.5625rem, 1fr)); } .tip-container > div { margin-right: 0.625rem; margin-top: 0.9375rem; } .tip-button { width: 100%; border-color: #009a44; color: #009a44; background-color: #009a44; } .tip-button.active, .tip-button:hover, .tip-buttonfocus { color: #009a44; } .btn:focus, .btn:hover { outline: none !important; } .easy-autocomplete-container { z-index: 11; } #clusterColor { display: none; background-color: #009a44; } #select-location-modal { padding-left: 0rem; } @media (max-width: 47.9375rem) { #select-location-modal .modal-dialog .modal-content { display: flex; flex-flow: column; height: 100%; } #select-location-modal .modal-dialog .modal-content .modal-body { height: 100%; overflow: hidden; } #select-location-modal .modal-dialog .modal-content .modal-body #map-location { position: relative; overflow: hidden; min-height: 100%; } } .expand { max-height: none !important; } @media (min-width: 87.5rem) { .hidden-checkout-desktop { display: none !important; } } .s4d-order-status-milestone-delivery-map { height: 20rem; } .s4d-store-information-tag-container { position: absolute; top: -3rem; display: flex; background-color: white; width: 15rem; height: 5.25rem; transform: translate(-50%, -100%); box-shadow: rgba(50, 50, 93, 0.25) 0rem 0.375rem 0.75rem -0.125rem, rgba(0, 0, 0, 0.3) 0rem 0.1875rem 0.4375rem -0.1875rem; border-radius: 0.25rem; } .s4d-store-information-tag-container::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0); border-left: 0.375rem solid transparent; border-right: 0.375rem solid transparent; border-top: 0.5rem solid white; } .s4d-store-information-tag-icon-container { background-color: black; width: 2.5rem; padding: 0.5rem; justify-content: center; align-items: center; display: flex; flex-direction: row; border-radius: 0.25rem 0rem 0rem 0.25rem; } .s4d-store-information-tag-content-container { display: flex; flex-direction: column; padding: 0.5rem 0.5rem 0.5rem 0.75rem; width: 12.5rem; text-align: left; font-style: normal; font-weight: bold; } .s4d-store-information-tag-content-store-name-container { flex: 80%; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.00625rem; } .s4d-store-information-tag-google-map-link-container { font-size: 0.75rem; line-height: 1rem; padding: 0.375rem 0.5rem 0.375rem 0rem; } .s4d-store-information-tag-popup-container { cursor: auto; height: 0; position: absolute; width: 15rem; } .s4d-store-information-tag-google-map-link-text { white-space: pre; } .s4d-custom-marker { cursor: auto; position: absolute; } .s4d-custom-marker-image { background-color: #009a44; border-radius: 1.875rem; padding: 0.125rem; width: 1.5rem; height: 1.5rem; margin-left: 0.6875rem; margin-top: 0.625rem; } .s4d-marker-pulsing { transform: translateX(-50%) translateY(-50%); width: 1.875rem; height: 1.875rem; } .s4d-marker-pulsing:before { content: ""; position: relative; display: block; width: 3.125rem; height: 3.125rem; box-sizing: border-box; top: -1.4375rem; left: 0.8125rem; border-radius: 2.8125rem; background-color: #009a44; animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } .s4d-marker-pulsing:after { content: ""; position: absolute; left: 0; top: 0; display: block; background-color: #009a44; border-radius: 0.9375rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; } .s4d-payment-fail { padding-bottom: 4rem; } @keyframes pulse-ring { 0% { transform: scale(0.33); } 80%, 100% { opacity: 0; } } .validation-summary-valid { display: none !important; } .s4d-menu-body .modal .storeSelection-popup-modal .storeSelection-body .storeSelection-body__store-selector .storeSelection-body__delivery-content .s4d-button-transparent { background-color: transparent; border-color: transparent; text-decoration: underline; margin-top: 0.3125rem; cursor: default; } .heading-xl { font-family: GothamV2; font-size: calc(2.25 * 1rem); font-style: normal; font-weight: 700; line-height: 1.875rem; letter-spacing: 0rem; } .heading-l { font-family: GothamV2; font-size: calc(1.5 * 1rem); font-style: normal; font-weight: 700; line-height: 1.875rem; letter-spacing: 0rem; } .heading-m { font-family: GothamV2; font-size: calc(1.125 * 1rem); font-style: normal; font-weight: 700; line-height: 1.375rem; letter-spacing: 0.009375rem; } .heading-s { font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .subheading-l { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .subheading-m { font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } .subheading-s { font-family: GothamV2; font-size: calc(0.625 * 1rem); font-style: normal; font-weight: 700; line-height: 0.875rem; letter-spacing: 0.021875rem; } .menu-l { font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 700; line-height: 1.25rem; letter-spacing: 0rem; } .menu-m { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0rem; } .menu-s { font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 700; line-height: 1.25rem; letter-spacing: 0rem; } .body-l { font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 200; line-height: 1.375rem; letter-spacing: 0.0125rem; } .body-m { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .body-s { font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; } .body-xs { font-family: GothamV2; font-size: calc(0.625 * 1rem); font-style: normal; font-weight: 300; line-height: 0.875rem; letter-spacing: 0.021875rem; } .altheading-xl { font-family: Tungsten; font-size: calc(1.8 * 1.25rem); font-style: normal; font-weight: 700; line-height: 2.25rem; letter-spacing: 0.015625rem; } .altheading-l { font-family: Tungsten; font-size: calc(1.5 * 1.25rem); font-style: normal; font-weight: 700; line-height: 2rem; letter-spacing: 0.015625rem; } .altheading-m { font-family: Tungsten; font-size: calc(1.2 * 1.25rem); font-style: normal; font-weight: 600; line-height: 1.5rem; letter-spacing: 0.01875rem; } .altheading-s { font-family: Tungsten; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 1.25rem; letter-spacing: 0.021875rem; } .btn-primary-filled { height: 2.25rem; border-radius: 1.125rem; color: #ffffff; background-color: #009a44; border: 1px solid #009a44; cursor: pointer; border-radius: 1.5625rem; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .btn-primary-filled:focus { color: #ffffff; background-color: #009a44; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .btn-primary-filled:hover { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .btn-primary-filled:active { color: #ffffff; background-color: #009a44; border: 1px solid #009a44; } .btn-primary-filled:disabled, .btn-primary-filled[disabled], .btn-primary-filled.disabled { color: #ffffff; background-color: #cccccc; border: #cccccc; } .btn-primary-filled-large { height: 2.875rem; border-radius: 1.125rem; color: #ffffff; background-color: #009a44; border: 1px solid #009a44; cursor: pointer; border-radius: 1.5625rem; font-family: GothamV2; font-size: calc(1.125 * 1rem); font-style: normal; font-weight: 700; line-height: 1.375rem; letter-spacing: 0.009375rem; } .btn-primary-filled-large:focus { color: #ffffff; background-color: #009a44; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .btn-primary-filled-large:hover { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .btn-primary-filled-large:active { color: #ffffff; background-color: #009a44; border: 1px solid #009a44; } .btn-primary-filled-large:disabled, .btn-primary-filled-large[disabled], .btn-primary-filled-large.disabled { color: #ffffff; background-color: #cccccc; border: #cccccc; } .btn-secondary-filled { height: 2.25rem; border-radius: 1.125rem; color: #111111; background-color: #ffd700; border: 1px solid #ffd700; border-radius: 1.5625rem; cursor: pointer; border-radius: 1.5625rem; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .btn-secondary-filled:focus { color: #111111; background-color: #ffd700; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .btn-secondary-filled:hover { color: #111111; background-color: #fffbe5; border: 1px solid #ffd700; } .btn-secondary-filled:active { color: #111111; background-color: #ffd700; border: 1px solid #ffd700; } .btn-secondary-filled:disabled, .btn-secondary-filled [disabled], .btn-secondary-filled.disabled { color: #858585; background-color: #cccccc; border: 1px solid #cccccc; } .btn-secondary-outlined { height: 2.25rem; border-radius: 1.125rem; color: #009a44; background-color: #ffffff; border: 1px solid #009a44; cursor: pointer; border-radius: 1.5625rem; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .btn-secondary-outlined:focus { color: #009a44; background-color: #ffffff; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .btn-secondary-outlined:hover { color: #ffffff !important; background-color: #009a44 !important; border: 1px solid #009a44 !important; } .btn-secondary-outlined:active { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .btn-secondary-outlined:disabled, .btn-secondary-outlined [disabled], .btn-secondary-outlined.disabled { color: #a8a8a8; background-color: #ffffff; border: #a8a8a8; } .btn-secondary-outlined-small { height: 1.875rem; border-radius: 1.125rem; color: #009a44; background-color: #ffffff; border: 1px solid #009a44; cursor: pointer; border-radius: 1.5625rem; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .btn-secondary-outlined-small:focus { color: #009a44; background-color: #ffffff; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .btn-secondary-outlined-small:hover { color: #ffffff !important; background-color: #009a44 !important; border: 1px solid #009a44 !important; } .btn-secondary-outlined-small:active { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .btn-secondary-outlined-small:disabled, .btn-secondary-outlined-small [disabled], .btn-secondary-outlined-small.disabled { color: #a8a8a8; background-color: #ffffff; border: #a8a8a8; } .flavor-selector__block, .flavor-selector__button-block { display: flex; padding: 0.875rem 1rem 0.875rem 1rem; align-items: flex-start; background: #ffffff; border-radius: 0.5rem; margin-bottom: 1.5rem; position: relative; } .flavor-selector__block:hover, .flavor-selector__button-block:hover { box-shadow: 0rem 0rem 0.625rem rgba(0, 0, 0, 0.1); } .flavor-selector__block:focus, .flavor-selector__button-block:focus { box-shadow: 0rem 0rem 0.5rem #0057ff; } .flavor-selector__block.active, .flavor-selector__button-block.active { box-shadow: 0rem 0.25rem 1.25rem rgba(0, 0, 0, 0.16); } .flavor-selector__block.active .flavor-selector__title, .flavor-selector__button-block.active .flavor-selector__title { font-weight: 700 !important; color: #009a44; } .flavor-selector__block.active .flavor-selector__select-text, .flavor-selector__button-block.active .flavor-selector__select-text { font-weight: 700 !important; } .flavor-selector__block.selected, .flavor-selector__button-block.selected { padding-top: 0.5rem; padding-bottom: 0.5rem; } .flavor-selector__block.selected .flavor-selector__button-container, .flavor-selector__button-block.selected .flavor-selector__button-container { height: 5.3125rem; } .flavor-selector__block.selected .flavor-selector__delete-action, .flavor-selector__button-block.selected .flavor-selector__delete-action { margin-top: auto; } .flavor-selector__show-all-products-button { align-items: center; cursor: pointer; } .flavor-selector__image { width: 5rem; height: 5rem; margin-right: 1rem; position: relative; } .flavor-selector__image img { width: inherit; height: inherit; border-radius: 0.625rem 0rem; } .flavor-selector__image .s4d-product-properties { position: absolute; top: 3.125rem; left: 0; max-width: none; } .flavor-selector__image .s4d-product-properties .s4d-product-property { float: none; width: 1.25rem; height: 1.25rem; padding: 0.1875rem; background-color: #ffffff; box-shadow: 0 0.1875rem 0.25rem 0 rgba(0, 0, 0, 0.15); display: inline-block; border-radius: 50%; line-height: 0; } .flavor-selector__image .s4d-product-properties .s4d-product-property img { width: 100% !important; height: 100%; object-fit: contain; } .flavor-selector__product-block { margin-top: 0.125rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .flavor-selector__title { margin-top: 0; margin-bottom: 0.1875rem; color: #616161; } .flavor-selector__default-text { margin: 0; color: #111111; } .flavor-selector__button-container { margin-left: auto; display: flex; flex-direction: column; align-items: end; position: absolute; right: 0.625rem; } .flavor-selector__button { display: flex; align-items: center; color: #009a44; font-weight: 700 !important; cursor: pointer; } .flavor-selector__button:focus, .flavor-selector__button:hover { color: #fcd500; font-weight: 700 !important; } .flavor-selector__button span { text-decoration: none; text-underline-offset: 0.125rem; text-transform: none; } .flavor-selector__button .s4d-chevron-right { font-size: 1.125rem; } .flavor-selector__product-name { font-weight: 700 !important; margin-bottom: 0.1875rem; color: #111111; overflow: inherit; text-overflow: inherit; white-space: inherit; } .flavor-selector__product-description { margin: 0; color: #111111; overflow: inherit; text-overflow: inherit; white-space: inherit; } .flavor-selector__xtasty-slice-block { overflow: inherit; text-overflow: inherit; white-space: inherit; } .flavor-selector__xtasty-product-slice { margin: 0; color: #111111; overflow: inherit; text-overflow: inherit; white-space: inherit; } .flavor-selector__product-topping { margin: 0; color: #111111; overflow: hidden; display: flex; white-space: break-spaces; align-items: start; } .flavor-selector__product-topping .s4d-icons { padding-right: 0.3125rem; line-height: inherit; } .flavor-selector__delete-action { border: 0; cursor: pointer; background-color: transparent; color: #da291c; margin-top: 0.25rem; } .flavor-selector__product-edit { font-weight: 700 !important; margin-top: 0.375rem; display: block; overflow: inherit; text-overflow: inherit; white-space: inherit; color: #009a44; text-decoration: none; text-underline-offset: 0.125rem; } .flavor-selector__product-edit:focus, .flavor-selector__product-edit:hover { text-decoration: none; color: #fcd500; font-weight: 700 !important; } .flavor-selector__product-edit .s4d-icon-edit { margin-right: 0.1875rem; height: 0.75rem; } .flavor-selector__add-flavor-container { padding-left: 0.625rem; margin-top: 1.375rem; margin-bottom: 1.5rem; } .flavor-selector__add-flavor-container a { line-height: 1.125rem; color: #009a44; cursor: pointer; display: flex; align-items: center; } .flavor-selector__add-flavor-container a:hover, .flavor-selector__add-flavor-container a:focus { text-decoration: none; } .flavor-selector__add-flavor-container a:hover .flavor-selector__add-flavor-container, .flavor-selector__add-flavor-container a:hover span, .flavor-selector__add-flavor-container a:focus .flavor-selector__add-flavor-container, .flavor-selector__add-flavor-container a:focus span { color: #fcd500; } .flavor-selector__add-flavor-container a span { text-decoration: underline; text-underline-offset: 0.125rem; } .flavor-selector__add-flavor-container .flavor-selector__add-flavor-container { margin-right: 0.375rem; } .flavor-selector__xtasty-slice-block .flavor-selector__product-topping { margin-left: 0.625rem; } .xtasty-flavor-selector__container { display: flex; flex-direction: column; } @media (min-width: 992px) { .xtasty-flavor-selector__container { flex-direction: row; flex-wrap: wrap; } } .xtasty-flavor-selector__container .flavor-selector__slice-block { flex: calc(50% - 2 * 0.625rem); margin-bottom: 1rem; border-radius: 0.125rem; position: relative; } @media (min-width: 992px) { .xtasty-flavor-selector__container .flavor-selector__slice-block { max-width: calc(50% - 0.625rem); } .xtasty-flavor-selector__container .flavor-selector__slice-block:nth-of-type(odd) { margin-right: 0.625rem; } .xtasty-flavor-selector__container .flavor-selector__slice-block:nth-of-type(even) { margin-left: 0.625rem; } } .xtasty-flavor-selector__container .flavor-selector__block { align-items: center; padding: 0.625rem 0.625rem 0.625rem 1rem; margin-bottom: 0; border-radius: 0.125rem; height: 3.75rem; } @media (min-width: 992px) { .xtasty-flavor-selector__container .flavor-selector__block { background-color: #fafafa; } } .xtasty-flavor-selector__container .flavor-selector__block:hover { box-shadow: none; background-color: #f4f4f4; } .xtasty-flavor-selector__container .flavor-selector__button-container { position: initial; } .basic-dropdown__container { position: relative; width: inherit; } .basic-dropdown__container::after { content: ""; display: inline-block; position: absolute; width: 1.25rem; height: 1.25rem; margin: auto 0.625rem auto auto; top: 0; left: 0; bottom: 0; right: 0; background-color: #111111; -webkit-mask-image: url(/Content/Images/icons/cheveron-down.svg); mask-image: url(/Content/Images/icons/cheveron-down.svg); pointer-events: none; } .basic-dropdown__container.disabled::after { background-color: #858585; } .basic-dropdown__container.opened::after { transform: rotate(180deg); } .basic-dropdown__container.opened .basic-dropdown__select { border: 1px solid #009a44 !important; } .basic-dropdown__container.opened .basic-dropdown__select ~ label { color: #009a44 !important; } .basic-dropdown__select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cccccc; box-shadow: none; height: inherit; padding: 0 1.875rem 0 0.875rem; border-radius: 0.25rem; background: none !important; width: inherit; color: #616161; } .basic-dropdown__select:hover { border: 1px solid #a8a8a8 !important; color: #616161; } .basic-dropdown__select.filled { border: 1px solid #616161; color: #111111; } .basic-dropdown__select.filled ~ label { top: -0.5rem; display: block; color: #616161; } .basic-dropdown__select:disabled { background-color: #f4f4f4; color: #616161; } .basic-dropdown__select.filled:disabled ~ label { background: linear-gradient(0deg, #f4f4f4 50%, #ffffff 50%); color: #858585; } .basic-dropdown__label { position: absolute; padding: 0 0.25rem; color: #616161; display: none; align-items: center; top: 0.375rem; left: 0.75rem; transform-origin: 0% 0%; background-color: inherit; pointer-events: none; } .simple-switch__container { position: relative; display: block; margin: 0; } .simple-switch__input { position: absolute; top: 0; left: 0; opacity: 0; } .simple-switch__input:checked ~ .simple-switch__slider { background-color: #009a44; } .simple-switch__input:checked ~ .simple-switch__slider:before { background-color: #ffffff; } .simple-switch__input:disabled ~ .simple-switch__slider { cursor: not-allowed; } .simple-switch__input:not(:checked):disabled ~ .simple-switch__slider { opacity: 0.5; } .simple-switch__slider { position: absolute; cursor: pointer; inset: 0; background-color: #616161; border-radius: 2.5rem; } .simple-switch__slider:before { position: absolute; content: ""; background-color: #ffffff; transition: 0.4s; border-radius: 50%; } .checkbox-register input[type=checkbox] { margin: 0.4375rem; line-height: normal; width: 1.125rem; height: 1.125rem; border: 0.125rem solid #a8a8a8; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: 0 1px 0.1875rem -1px rgba(0, 0, 0, 0.16); } .checkbox-register input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-size: 1.125rem 1.125rem; border: none; background-color: #009a44; -webkit-mask: url(/Content/Images/checkbox.svg) no-repeat 100%; mask: url(/Content/Images/checkbox.svg); } .checkbox-register input[type=checkbox][disabled] { background-color: #f4f4f4; } .checkbox-register input[type=checkbox]:focus, .checkbox-register input[type=checkbox].focus, .checkbox-register input[type=checkbox]:active:focus, .checkbox-register input[type=checkbox]:active.focus, .checkbox-register input[type=checkbox].active:focus, .checkbox-register input[type=checkbox].active.focus { outline: none !important; } .checkbox-register__label { display: flex; margin-bottom: 0.25rem; font-style: normal; font-weight: normal; font-size: 0.875rem; vertical-align: middle; align-items: center; gap: 0.25rem; } .s4d-radio-button { display: inline-flex; align-items: center; cursor: pointer; } .s4d-radio-button input[type=radio] { display: none !important; } .s4d-radio-button input[type=radio]:checked ~ .s4d-radio-button-input:after { background-color: #009a44; -webkit-mask-image: url("/Content/Images/icons/radioButton-selected.svg"); mask-image: url("/Content/Images/icons/radioButton-selected.svg"); } .s4d-radio-button input[type=radio]:checked:hover ~ .s4d-radio-button-input { background: rgba(0, 154, 68, 0.1); } .s4d-radio-button input[type=radio]:hover ~ .s4d-radio-button-input { background: #f4f4f4; border-radius: 50%; } .s4d-radio-button .s4d-radio-button-input { height: 2rem; width: 2rem; margin-right: 0.25rem; } .s4d-radio-button .s4d-radio-button-input:after { content: ""; position: absolute; background-color: #a8a8a8; width: 2rem; height: 2rem; -webkit-mask-image: url("/Content/Images/icons/radioButton-unselected.svg"); mask-image: url("/Content/Images/icons/radioButton-unselected.svg"); -webkit-mask-size: 1.5rem; mask-size: 1.5rem; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .price-block { font-weight: 700; } .price-block .old-price { text-decoration: line-through; font-size: 0.625rem; color: #616161; } .price-block .price { font-size: 0.875rem; font-weight: bold; color: #111111; } .s4d-my-latest-order .s4d-receipt-latest-order .s4d-receipt-order, .s4d-receipt-active-order .s4d-receipt-order { color: #111111; } .s4d-my-latest-order .s4d-receipt-latest-order .h3, .s4d-receipt-active-order .h3 { color: #111111 !important; } .s4d-my-latest-order .s4d-receipt-latest-order small, .s4d-receipt-active-order small { color: #111111; } .s4d-my-latest-order .s4d-receipt-latest-order .s4d-product, .s4d-receipt-active-order .s4d-product { color: #111111; } .s4d-my-latest-order .s4d-receipt-latest-order .s4d-receipt-order, .s4d-receipt-active-order .s4d-receipt-order { box-shadow: 0rem 0.125rem 0.125rem rgba(0, 0, 0, 0.1), 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15); border: 1px solid #dfdfdf; } @media (max-width: 1199px) { .s4d-my-latest-order .s4d-receipt-latest-order, .s4d-receipt-active-order { margin-top: 0; max-width: none; } .s4d-my-latest-order .s4d-receipt-latest-order .s4d-receipt-order, .s4d-receipt-active-order .s4d-receipt-order { padding: 0.9375rem; background-color: #ffffff; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); position: relative; z-index: 1; border: 1px solid #ccc; max-width: none; } .s4d-my-latest-order .s4d-receipt-latest-order::after, .s4d-receipt-active-order::after { height: 3.125rem; content: ""; display: block; } } .s4d-my-latest-order .s4d-receipt-latest-order .s4d-my-latest-order .s4d-receipt-latest-order::before, .s4d-receipt-active-order .s4d-my-latest-order .s4d-receipt-latest-order::before { display: none; } .s4d-my-latest-order .s4d-receipt-latest-order .s4d-receipt-active-order .h3, .s4d-receipt-active-order .s4d-receipt-active-order .h3 { width: 75%; } .s4d-button-save-lacomanda { margin: 0.9375rem auto; white-space: normal; display: block; } .s4d-lacomanda-item { width: 16.375rem; } .s4d-lacomanda-item .s4d-receipt-latest-order { margin-top: 7.6875rem; margin-bottom: 0 !important; } .s4d-lacomanda-item .s4d-receipt-order .h3 { margin-top: 0; } .s4d-lacomanda-item .s4d-receipt-order { position: relative; z-index: 0; } .s4d-lacomanda-item .s4d-receipt-price-rules { margin-top: 0.625rem; } @media (min-width: 480px) { .s4d-receipt-latest-order::before { top: -5.1875rem; } } .s4d-lacomanda-one-click-label { position: absolute; top: -2.1875rem; left: 0.625rem; padding: 0 0.625rem; color: #ffffff; background-color: #009a44; border-radius: 0.1875rem; } .s4d-lacomanda-remove { position: absolute; top: -2.5rem; right: 0.9375rem; margin-left: 0.3125rem; width: 0.875rem; height: 0.875rem; overflow: hidden; text-indent: 2.5rem; white-space: nowrap; display: inline-block; cursor: pointer; margin-right: -0.6875rem; padding: 1rem; } .s4d-lacomanda-explanation { margin-top: 0.625rem; margin-bottom: 2em; position: relative; padding-left: 4.0625rem; } .s4d-lacomanda-explanation-nr { position: absolute; top: -0.375rem; left: 1.25rem; display: inline-block; color: #fff; background-color: #009a44; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; text-align: center; border-radius: 50%; } #MyOrderHistory { padding-bottom: 1.5rem; } #MyOrderHistory h1 { font-family: GothamV2; font-size: calc(1.5 * 1rem); font-style: normal; font-weight: 700; line-height: 1.875rem; letter-spacing: 0rem; } #MyOrderHistory .col-sm-6 { padding: 0 0.75rem; } @media (max-width: 767px) { #MyOrderHistory .col-sm-6 { padding: 0 1.375rem; } } #MyOrderHistory .row { max-width: 46.125rem; } #MyOrderHistory .tooltip .tooltip-arrow { border-top-color: #009a44; } #MyOrderHistory .tooltip .tooltip-inner { background-color: #009a44; min-width: 12.5rem; } #MyOrderHistory .gray-box { background-color: #fafafa; color: #858585; padding: 1rem; border-radius: 0.25rem; display: inline-block; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } #MyOrderHistory .lower-title { margin: 1.5rem 0; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } #MyOrderHistory #no-favorite-orders { display: none; } #MyOrderHistory .s4d-receipt-latest-order, #MyOrderHistory .s4d-receipt-active-order { margin-bottom: 1rem; margin-top: 0; } #MyOrderHistory .s4d-receipt-latest-order:after, #MyOrderHistory .s4d-receipt-active-order:after { height: 0; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order { min-height: 26.875rem; padding: 1rem; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.25rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .h3, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .h3 { margin: 0; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .history-order-title, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .history-order-title { font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .history-order-time, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .history-order-time { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product { margin: 1rem 0 0 0; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories { margin-left: 0.375rem; font-size: 0.6875rem !important; min-width: 9.375rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories-container, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories-container { display: flex; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories-icon, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories-icon { width: 0.75rem; height: 0.75rem; background-image: url(/Content/Images/calories.svg); -webkit-mask: url(/Content/Images/calories.svg) no-repeat 100%; mask: url(/Content/Images/calories.svg); mask-repeat: no-repeat; margin-left: 1rem; margin-top: 0.1875rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories-icon.history-order, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories-icon.history-order { margin-left: 0.625rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-header, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-header { display: flex; align-items: center; margin-bottom: 0.75rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-header .h3, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-header .h3 { font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; max-width: 70%; padding-top: 0; margin-right: auto; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-header .s4d-receipt-info, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-header .s4d-receipt-info { color: #858585; top: 0; width: 1rem; height: 1.125rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-header .s4d-btn-latestorder-add, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-header .s4d-btn-latestorder-add { border: none; color: #111111; border: none; font-size: 1.25rem; line-height: 1rem; height: 1.125rem; margin-top: 0; background-color: #f4f4f4; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product description-section, #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-type, #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .option-list, #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product description-section, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-type, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .option-list, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; max-width: 70%; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .option-list, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .option-list { display: block; white-space: nowrap; overflow: hidden; position: relative; text-overflow: ellipsis; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order { line-height: 2rem; width: 100%; display: flex; align-items: center; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-type, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-type { color: #616161; margin-left: 1rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-price, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-price { margin-left: auto; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-amount .s4d-product-amount-value, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-amount .s4d-product-amount-value { width: 2.375rem; height: 2rem; line-height: 1.875rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-amount a, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-amount a { width: 2rem; height: 2rem; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .favorite-icon, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .favorite-icon { width: 2.25rem; height: 2.25rem; cursor: pointer; fill: none; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .favorite-icon .favorite-circle, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .favorite-icon .favorite-circle { width: 2.1875rem; height: 2.1875rem; stroke: #009a44; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .favorite-icon .heart-stroke, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .favorite-icon .heart-stroke { stroke: #009a44; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .favorite-icon .heart-fill, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .favorite-icon .heart-fill { fill: #009a44; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .favorite-icon .favorite-background, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .favorite-icon .favorite-background { fill: white; width: 2.1875rem; height: 2.1875rem; } @media (min-width: 992px) { #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .favorite-icon:hover .heart-stroke, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .favorite-icon:hover .heart-stroke { fill: #009a44; stroke: none; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .favorite-icon:hover .heart-fill, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .favorite-icon:hover .heart-fill { stroke: #009a44; fill: none; } } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .buttons-panel, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .buttons-panel { margin-top: 0.625rem; } #birth-form .row, #name-form .row { width: auto; } .s4d-vipcardbadges-title { margin-top: 0rem; } .s4d-address-block { padding: 1rem; margin: 0.5rem 0rem; position: relative; background: #ffffff; border-radius: 0.125rem; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } .s4d-address-block .s4d-is-default { position: absolute; right: 0; top: 0; background-color: #009a44; padding: 0.1875rem 0.625rem; color: #ffffff; border-radius: 0 0.75rem; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } .s4d-address-block h6, .s4d-address-block h5 { margin-top: 0; } .s4d-address-block h5 { font-weight: 700; } .s4d-adres { display: block; margin-top: 0.625rem; margin-bottom: 0.5rem; word-break: break-word; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 200; line-height: 1.375rem; letter-spacing: 0.0125rem; } .s4d-oneClickPayments__card { border-style: solid; border-color: #fafafa; border-width: 1px; padding: 0.625rem 1rem 0 0.625rem; } .s4d-oneClickPayments__main { display: flex; flex-direction: row; } .s4d-oneClickPayments__main-img { padding: 0.625rem 0 0 0.625rem; } .s4d-oneClickPayments__main-img img { width: 2rem; height: 1.5rem; } .s4d-oneClickPayments__main-text { padding: 0.625rem 0 0 0.625rem; display: flex; flex-direction: column; } .s4d-oneClickPayments__main-text-name { font-size: 0.875rem; padding-left: 0.75rem; } .s4d-oneClickPayments__main-text-date { color: #6a6a6a; font-size: 0.75rem; padding-left: 0.75rem; } .s4d-mydetails__section-title { margin-top: 1.5rem; margin-bottom: 1.5rem; } .s4d-mydetails__form-group { display: flex; } .s4d-mydetails__label { font-weight: 500; } .s4d-mydetails__link { margin-top: 1.25rem; margin-bottom: 1.25rem; } .s4d-mydetails__radio-button { margin-right: 2.5rem; } .s4d-mydetails__favorite-payments { display: flex; } .s4d-mydetails__header { margin-bottom: 0; font-family: GothamV2; font-size: calc(1.5 * 1rem); font-style: normal; font-weight: 700; line-height: 1.875rem; letter-spacing: 0rem; } .broken-down-date { display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 0.5rem; } .s4d-vipcardbadges-header { margin-bottom: 0.9375rem; } .s4d-vipcardbadges-block { padding: 1.875rem 0; } .s4d-vipcard-image { margin: 0 auto; display: block; width: 14.375rem; background-size: contain; background-repeat: no-repeat; height: 9.375rem; margin-bottom: 1.25rem; } .s4d-vipcard-image.s4d-vip { background-image: url("/Content/Themes/Default/Images/cards/vip-card.png"); } .s4d-vipcard-image.s4d-discount { background-image: url("/Content/Themes/Default/Images/cards/discout-card.png"); } .s4d-vipcard-code { font-size: 1.125rem; margin-bottom: 1.25rem; } .s4d-edit-vipcard-code { margin-bottom: 0.6875rem; } .s4d-input-group-md .s4d-toggle-vipcard { padding: 0.3125rem 0.8125rem; } @media (min-width: 480px) { .s4d-vipcardbadges-block { padding-top: 0.9375rem; padding-left: 16.25rem; position: relative; } .s4d-vipcard-image { position: absolute; left: 0; top: 0.9375rem; } } .s4d-pizzapoints-content { padding: 0.9375rem; position: relative; margin-bottom: 1.875rem; background: #ffffff; border-radius: 0.125rem; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } .s4d-pizzapoints-content h3 { margin-top: 0; margin-bottom: 0.9375rem; } #use-points { padding: 1.25rem 2.5rem 2.5rem; } #use-points .h1 em { color: #ff7000; font-style: normal; } #add-points { padding: 2.5rem 2.5rem 1.25rem; } .s4d-text-pizzapoints-header em { color: #ff7000; font-style: normal; } .s4d-product-properties { position: absolute; top: 0.625rem; left: 0.9375rem; z-index: 1; } .s4d-products.s4d-pizzapoints-products .s4d-product { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: calc(100% - 1.875rem); padding: 0; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-image-container { position: relative; -webkit-box-flex: 0 0 35%; -moz-box-flex: 0 0 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; min-width: 35%; overflow: hidden; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-image-container .s4d-product-image { height: 100%; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-image-container .s4d-product-image img { position: absolute; float: none; height: 100%; width: 150%; left: -50%; top: 0; right: 0; bottom: 0; object-fit: cover; object-position: right; max-width: none; max-height: none; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-inner-content { width: 100%; margin-top: auto; padding: 0.9375rem; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-inner-content .s4d-product-description { margin: 0; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-menu-overview-product-btn-block { padding-left: 0 !important; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-controls .s4d-product-options { padding: 0; margin-top: 0; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value-static { height: auto; font-size: 0.875rem; } @media (min-width: 480px) { .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value-static { padding-top: 0.3125rem; } } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value-static .s4d-pizza-type-name { float: inherit; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value-static .s4d-pizza-type-price { line-height: 1.125rem; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-image { width: 100%; text-align: center; margin-right: 0; } .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na { min-height: 10rem; } .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na .s4d-product-inner-content { padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; } .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na .s4d-product-inner-content > * { width: 100%; text-align: center; } .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na .s4d-product-required { position: absolute; width: 4.375rem; height: 4.375rem; left: 10%; top: 50%; margin-top: -2.1875rem; background-image: url(/Content/Images/product/pizza-points-blanco-lg.png); background-repeat: no-repeat; background-position: center; background-size: 100%; text-align: center; padding-top: 0.625rem; font-size: 1.0625rem; color: #fff; font-weight: 700; z-index: 1; } @media (min-width: 480px) { .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na .s4d-product-required { left: 50%; margin-left: -2.1875rem; top: 1.5625rem; margin-top: 0; } } .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na .s4d-product-image-container, .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na .s4d-product-description { opacity: 0.3; } .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na .s4d-pizzapoints-untill-order { color: #009a44; font-weight: 700; display: block; } @media (min-width: 480px) { .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na .s4d-pizzapoints-untill-order { text-align: center; } } @media (min-width: 480px) { .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na { min-height: inherit; } .s4d-products.s4d-pizzapoints-products .s4d-product.s4d-pp-na .s4d-product-inner-content { margin-top: auto; padding: 0.9375rem; } } @media (min-width: 480px) { .s4d-products.s4d-pizzapoints-products .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .s4d-products.s4d-pizzapoints-products .s4d-product { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-image-container { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; margin: 0; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-image-container .s4d-product-image { height: 6.5625rem; } .s4d-products.s4d-pizzapoints-products .s4d-product .s4d-product-image-container .s4d-product-image img { position: relative; max-width: 100%; max-height: 100%; left: 0; width: auto; } } @media (min-width: 992px) { .s4d-reset-password .s4d-password-strength-animated .s4d-password-strength-container { left: 0; margin-top: -1.375rem; } } .forgot-password__header { font-family: GothamV2; font-size: calc(1.5 * 1rem); font-style: normal; font-weight: 700; line-height: 1.875rem; letter-spacing: 0rem; margin-bottom: 1.5rem; } .forgot-password__subheader { font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; margin-top: 0; } .forgot-password__text { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; margin-top: 0; } .forgot-password__input.form-control:not(.input) { font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 200; line-height: 1.375rem; letter-spacing: 0.0125rem; height: 3rem; margin-bottom: 0.6875rem; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .s4d-carousel-container { overflow: hidden; border-radius: 0rem; margin-top: 0rem; } .s4d-carousel-container.s4d-split-carousel:first-child { padding-bottom: 0 !important; } .s4d-carousel-container.s4d-split-carousel::after { clear: both; display: table; content: ""; } @media (min-width: 480px) { .s4d-carousel-container.s4d-split-carousel .s4d-carousel { width: 50%; float: left; } } .s4d-carousel-container .s4d-carousel { position: relative; touch-action: pan-y; } .s4d-carousel-container .s4d-carousel.s4d-carousel-single-item { display: block; } .s4d-carousel-container .s4d-carousel.s4d-carousel-single-item a { display: block; } .s4d-carousel-container .s4d-carousel.s4d-carousel-single-item img { width: 100%; } .s4d-carousel-container .s4d-carousel .item a { display: block; } .s4d-carousel-container .s4d-carousel .owl-dots { margin-top: -1.5rem; text-align: center; position: relative; z-index: 1; } .s4d-carousel-container .s4d-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; border: none; background-color: transparent; padding-left: 0rem; margin: -0.25rem; } .s4d-carousel-container .s4d-carousel .owl-dots .owl-dot span { width: 0.625rem; height: 0.625rem; margin: 0.3125rem; background-color: transparent; border: 1px solid #fff; display: block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius: 1.875rem; } .s4d-carousel-container .s4d-carousel .owl-dots .owl-dot.active span { background-color: #fff; } .s4d-addresses .btn-input-toggle { position: relative; } .s4d-addresses .btn-input-toggle.s4d-default-address { padding-right: 6.875rem; } .s4d-addresses .btn-input-toggle.active .s4d-is-default { background-color: #009a44; color: #fff; } .s4d-addresses .btn-input-toggle .s4d-is-default { position: absolute; right: 0; top: 0; background-color: #e2e2e2; padding: 0.1875rem 0.625rem; font-size: 0.6875rem; font-weight: 500; color: #858585; } #coupons-apply-error-container { display: none; } #pizza-loader-bg { border-radius: 100%; height: 4rem; width: 4rem; background: url("/Content/Images/loader-pizza.gif") no-repeat center center; background-color: rgba(0, 0, 0, 0.7); background-size: 3.125rem; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .main-content--below-header { margin-top: 3.375rem; } } .order-sending-loader-container p { text-align: center; } .form-group.address-panel-row .s4d-address-search { position: relative; } .form-group.address-panel-row .s4d-address-search::before { font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; content: "\e003"; font-size: 0.875rem; position: absolute; left: 1.5625rem; top: 0.5rem; pointer-events: none; } .form-group.address-panel-row .s4d-address-search .form-control { text-indent: 1.125rem; } .form-group.address-panel-row .s4d-address-search .s4d-delete-suggestion { position: absolute; right: 1.0625rem; top: 0.125rem; width: 2.125rem; height: 1.875rem; font-size: 1rem; text-align: center; line-height: 1.9375rem; background-color: #eeeeee; cursor: pointer; } .form-group.address-panel-row .s4d-address-search .s4d-delete-suggestion:hover { color: #d9534f; } .form-group.address-panel-row .s4d-address-search .s4d-check-address-label { color: #f0ad4e; display: block; margin-top: 0.3125rem; font-weight: 700; position: relative; padding-left: 1.375rem; } .form-group.address-panel-row .s4d-address-search .s4d-check-address-label::before { font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; content: "\e086"; display: inline-block; margin-right: 0.3125rem; position: absolute; top: 50%; left: 0; margin-top: -0.5625rem; } @media (min-width: 992px) { .s4d-coupon { max-width: calc(100% - 13.125rem); } } .s4d-coupon, .s4d-vip-card { position: relative; width: auto; height: 5.0625rem; display: block; background-color: #fff; border-radius: 0.25rem; box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); border: 1px solid #ccc; z-index: 2; } .s4d-coupon .s4d-card-label, .s4d-vip-card .s4d-card-label { font-size: 0.75rem; color: #858585; text-transform: uppercase; padding: 0.625rem 0.625rem 0 0.625rem; display: block; } .s4d-coupon .s4d-coupon-code, .s4d-coupon .s4d-vip-card-code, .s4d-vip-card .s4d-coupon-code, .s4d-vip-card .s4d-vip-card-code { color: #009a44; } .s4d-coupon .btn-link, .s4d-vip-card .btn-link { position: relative; bottom: 0.625rem; left: 0.625rem; } @media (min-width: 480px) { .s4d-coupon, .s4d-vip-card { float: left; } } .s4d-coupon-no-delete { position: relative; width: 8.8125rem; height: 5.0625rem; float: left; background-color: #009a44; background-size: 100%; } .s4d-coupon-code, .s4d-vip-card-code { padding: 0 0.625rem; font-weight: 700; font-size: 1.125rem; overflow: hidden; display: inline-block; white-space: normal; width: 100%; text-overflow: ellipsis; } .s4d-toggle-order-as .btn-input-toggle.s4d-new-label-radio span { padding-left: 1.25rem; } .s4d-discount-decoration { padding: 1.25rem 0 0 2.1875rem; font-weight: 700; font-size: 3rem; color: #4d4d4d; margin: 0 auto; position: relative; } .s4d-discount-decoration small { font-size: 1.125rem; color: #858585; margin-right: 0.3125rem; display: inline-block; } .s4d-discount-decoration .s4d-discount-decoration-decimals { position: relative; top: -0.875rem; left: -0.625rem; font-size: 1.875rem; } .s4d-discount-decoration .s4d-discount-label-text { position: absolute; left: 3.25rem; top: 0.875rem; font-size: 0.875rem; text-transform: uppercase; font-weight: 700; color: #6c2d6f; white-space: nowrap; } .s4d-discount-decoration svg { position: absolute; left: -0.375rem; top: -1.8125rem; width: 3.75rem; height: 3.4375rem; transform: rotate(-150deg) scaleX(-1); z-index: 1; } .s4d-discount-decoration svg .cls-1 { fill: none; stroke: #009a44; stroke-miterlimit: 10; stroke-width: 0.625rem; } .s4d-discount-decoration svg polygon { fill: #009a44; } @media (min-width: 480px) { .s4d-discount-decoration .s4d-discount-label-text { left: 3.75rem; top: 0.75rem; width: 7.5rem; } .s4d-discount-decoration svg { left: -0.375rem; top: 0.9375rem; transform: rotate(0) scaleX(1); } } @media (min-width: 480px) { .s4d-vip-card { float: left; margin: 0; } .s4d-discount-decoration { float: left; margin: 0; margin-left: 1.25rem; } } @media (min-width: 375px) { .s4d-openinghours-day { display: inline-block !important; width: 20%; } .s4d-openinghours-time { display: inline-block !important; max-width: 80%; } } .s4d-toggle-block { display: none; } .s4d-toggle-block.active { display: block; } .s4d-checkout-signup { font-weight: 500; } .s4d-checkout-signup h3 { font-style: normal; color: #4d4d4d; font-size: 0.875rem; } .s4d-checkout-signup .navbar-form { padding-left: 0; padding-right: 0; } @media (min-width: 480px) and (max-width: 1199px) { .checkout-body #receipt-items-wrapper:not(.receipt__items-wrapper) { position: relative; margin-right: -0.75rem; margin-bottom: 0.3125rem; overflow: hidden; } .checkout-body #receipt-items-wrapper:not(.receipt__items-wrapper)::after { content: " "; position: absolute; left: 0; right: 0.75rem; top: 100%; height: 1.25rem; background-color: rgba(0, 0, 0, 0.45); box-shadow: rgba(0, 0, 0, 0.45) 0 0 0.9375rem; border-radius: 100%; } } .s4d-checkout-company-label { margin-top: 0.9375rem; } .s4d-personal-VAT-form .s4d-checkout-personal-vat-label { margin-top: 0.9375rem; } .s4d-personal-VAT-form .field-validation-error { position: absolute; bottom: -25%; padding: 0.125rem 0.75rem 1px; white-space: nowrap; border-radius: 0rem 0rem 0.1875rem 0.1875rem; z-index: 10; } .s4d-personal-VAT-form .form-group { margin: 0; margin-bottom: 0.3125rem; position: relative; } .s4d-succes-row { position: relative; margin-bottom: 1.875rem; } .s4d-succes-row:first-child { margin-top: 0.9375rem; } .s4d-succes-row .s4d-success-icon { width: 1.875rem; font-size: 1.875rem; position: absolute; left: 0.3125rem; top: 0; } .s4d-succes-row .glyphicon.glyphicon-ok.s4d-success-icon, .s4d-succes-row .glyphicon-ok.s4d-success-icon.s4d-icon-trash, .s4d-succes-row .glyphicon-ok.s4d-success-icon.s4d-icon-info, .s4d-succes-row .glyphicon-ok.s4d-success-icon.s4d-icon-alert, .s4d-succes-row .glyphicon-ok.s4d-success-icon.s4d-icon-remove, .s4d-succes-row .glyphicon-ok.s4d-success-icon.s4d-icon-edit, .s4d-succes-row .glyphicons.glyphicons-coins.s4d-success-icon, .s4d-succes-row .glyphicon.glyphicon-time.s4d-success-icon, .s4d-succes-row .glyphicon-time.s4d-success-icon.s4d-icon-trash, .s4d-succes-row .glyphicon-time.s4d-success-icon.s4d-icon-info, .s4d-succes-row .glyphicon-time.s4d-success-icon.s4d-icon-alert, .s4d-succes-row .glyphicon-time.s4d-success-icon.s4d-icon-remove, .s4d-succes-row .glyphicon-time.s4d-success-icon.s4d-icon-edit, .s4d-succes-row .glyphicons.glyphicons-circle-plus.s4d-success-icon { font-size: 1.875rem; color: #858585; text-align: left; } .s4d-succes-row .glyphicon.glyphicon-ok.s4d-success-icon, .s4d-succes-row .glyphicon-ok.s4d-success-icon.s4d-icon-trash, .s4d-succes-row .glyphicon-ok.s4d-success-icon.s4d-icon-info, .s4d-succes-row .glyphicon-ok.s4d-success-icon.s4d-icon-alert, .s4d-succes-row .glyphicon-ok.s4d-success-icon.s4d-icon-remove, .s4d-succes-row .glyphicon-ok.s4d-success-icon.s4d-icon-edit, .s4d-succes-row .glyphicons.glyphicons-circle-plus.s4d-success-icon { color: #009a44; } .s4d-succes-row .s4d-succes-text { margin-left: 3.75rem; } .s4d-order-info-row.s4d-succes-row .s4d-succes-text { margin-right: 0; } .s4d-succes-row .s4d-succes-text h1, .s4d-succes-row .s4d-succes-text .h1 { margin-top: 0; margin-bottom: 0; } .s4d-succes-row .s4d-succes-text .h1 span { color: #4d4d4d; display: block; } .s4d-succes-row .s4d-succes-text p small { display: block; color: #858585; font-size: 0.75rem; font-style: italic; font-weight: 500; } .s4d-loginregsiter-title { color: rgb(230, 121, 35); font-weight: 700; } .s4d-pickuptime { width: 8.125rem; margin-top: 0rem; } .s4d-pickuptime .glyphicon.glyphicon-time, .s4d-pickuptime .glyphicon-time.s4d-icon-trash, .s4d-pickuptime .glyphicon-time.s4d-icon-info, .s4d-pickuptime .glyphicon-time.s4d-icon-alert, .s4d-pickuptime .glyphicon-time.s4d-icon-remove, .s4d-pickuptime .glyphicon-time.s4d-icon-edit { float: left; display: inline-block; font-size: 2.625rem; margin-right: 1.25rem; color: #858585; } .s4d-pickuptime .s4d-time { display: inline-block; line-height: 1.3125rem; } .s4d-pickuptime .s4d-time small { margin-bottom: 0rem; } .s4d-pickuptime .s4d-time span { color: #858585; font-size: 1.875rem; } .s4d-order-info-row.s4d-succes-row .btn-primary { margin-right: 1.25rem; } .noValidationStyle { background-image: none !important; border-color: #ccc !important; } #grant-pizzapoints { font-weight: 400; } #grant-pizzapoints .form-control { height: 1.9375rem; } #grant-pizzapoints .control-label { font-weight: 400; } .s4d-checkout-call-store-text { font-size: 0.875rem; } .s4d-checkout-call-store-text a { color: #009a44; font-size: 1rem; font-weight: 500; } .s4d-checkout-order-secure { color: #009a44; position: relative; margin-bottom: 0.625rem; } .s4d-checkout-order-secure.summary { margin-top: 0.625rem; } .s4d-checkout-order-secure .glyphicon, .s4d-checkout-order-secure .s4d-icon-trash, .s4d-checkout-order-secure .s4d-icon-info, .s4d-checkout-order-secure .s4d-icon-alert, .s4d-checkout-order-secure .s4d-icon-remove, .s4d-checkout-order-secure .s4d-icon-edit { position: absolute; left: 0; top: 0.3125rem; width: 1rem; height: 1.5625rem; } .s4d-checkout-order-secure p { margin-left: 1.875rem; } .s4d-receipt-summary { width: 100%; font-size: 0.75rem; } .s4d-receipt-summary tr td { padding: 0.625rem 0; width: 50%; vertical-align: top; } .s4d-receipt-summary .s4d-receipt-summary-label { font-weight: 700; } .s4d-add-tip { padding: 0; margin-right: 0.9375rem; } .s4d-add-tip button { font-size: 1rem; background-color: #0f9b49; color: #fff; } .s4d-add-tip button:hover, .s4d-add-tip button:active, .s4d-add-tip button:focus { color: #fff; } .s4d-add-new-address { float: left !important; } @media (min-width: 480px) { .s4d-succes-row .s4d-succes-text .h1 span { display: inline-block; } .s4d-add-new-address { float: right !important; } } @media (min-width: 480px) { .s4d-succes-row .s4d-succes-text { margin-left: 3.75rem; margin-right: 1.875rem; } .s4d-pickuptime { position: absolute; right: 0; top: 0; width: 8.125rem; margin-left: 0; margin-top: 0; } } @media (min-width: 1200px) { .s4d-pickuptime { right: 5rem; } } .s4d-route-map { position: relative; } .s4d-route-map p span { color: #009a44; } .s4d-your-store-block { position: relative; } .s4d-your-store-block strong { color: #4d4d4d; } .s4d-your-store-block .s4d-store-address { font-weight: normal; } #clip-content.clipped-content { margin-bottom: 0.625rem; position: relative; max-height: 13.125rem; overflow: hidden; } .s4d-your-store-block .s4d-your-store-content { margin-bottom: 1.875rem; } @media (min-width: 480px) { .s4d-your-store-block .s4d-store-address { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .s4d-your-store-block .s4d-store-address .s4d-store-address-item { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .s4d-your-store-block .s4d-store-address .s4d-store-address-item span { display: inline-block; } .s4d-your-store-block .s4d-store-address .s4d-store-address-item .s4d-openinghours-item span:nth-child(2) { margin-left: 2.5rem; } .s4d-your-store-block .s4d-store-address .s4d-store-address-item .s4d-openinghours-item .s4d-openinghours-day { width: 20%; } .s4d-your-store-block .s4d-store-address .s4d-store-address-item .s4d-openinghours-item .s4d-openinghours-time { max-width: 75%; margin-left: 0rem !important; } } #map-pickup-store { width: 100%; height: 20rem; margin-bottom: 1.25rem; position: relative; } .s4d-directions-travelmode { position: absolute; z-index: 1; left: 2.5rem; top: 4.375rem; background-color: #fff; box-shadow: 0.03125rem 0.054125rem 0.25rem 0rem rgba(0, 0, 0, 0.43); } .s4d-directions-travelmode .s4d-travelmode { width: 3.125rem; height: 2.1875rem; overflow: hidden; text-indent: 62.4375rem; float: left; } .s4d-directions-travelmode .s4d-travelmode:hover, .s4d-directions-travelmode .s4d-travelmode.selected { border-bottom: 0.1875rem solid #3983de; } .s4d-directions-travelmode .s4d-travelmode.driving { background-image: url(/Content/Images/maps/maps_car.png); background-position: center 0.4375rem; background-repeat: no-repeat; background-size: 1.25rem; } .s4d-directions-travelmode .s4d-travelmode.driving.selected { background-position: center -1.6875rem; } .s4d-directions-travelmode .s4d-travelmode.walking { background-image: url(/Content/Images/maps/maps_walk.png); background-position: center 0.4375rem; background-repeat: no-repeat; background-size: 1.6875rem; } .s4d-directions-travelmode .s4d-travelmode.walking.selected { background-position: center -2.8125rem; } .s4d-directions-travelmode .s4d-travelmode.bycicle { background-image: url(/Content/Images/maps/maps_bicycle.png); background-position: center 0.4375rem; background-repeat: no-repeat; background-size: 1.625rem; } .s4d-directions-travelmode .s4d-travelmode.bycicle.selected { background-position: center -2.625rem; } @media (min-width: 480px) { .s4d-directions-travelmode { left: 5rem; top: 5.625rem; } } @media (min-width: 1200px) { #map-pickup-store { height: 26.25rem; } } .s4d-fail-content h1 { margin-top: 0; margin-bottom: 0; color: #db2c27; } .s4d-buttons-block a:first-child { margin-left: 0; } .s4d-buttons-block a { margin: 0.3125rem; } #directions { width: 100%; } #directions .adp { display: block; position: relative; padding: 0.9375rem; margin-bottom: 1.875rem; background: #fff; -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); border-radius: 0.375rem; line-height: 1.6875rem; } #directions td.adp-text { font-size: 1.125rem; font-weight: 700; color: #009a44; } #directions img.adp-marker { margin: 0rem 1.25rem 0.625rem 0rem; } #directions .adp-placemark { background-color: #fff; border: none; border-bottom: 1px solid #e36e1f; } .s4d-global-generic-coupon-success { position: relative; margin-top: 1.25rem; margin-bottom: 2.5rem; padding-left: 9.0625rem; padding-bottom: 3.75rem; padding-top: 1.25rem; padding-right: 1.25rem; min-height: 8.75rem; background-color: #ffffff; border: solid 1px #dadada; } .s4d-global-generic-coupon-success .s4d-title { font-size: 1rem; font-weight: 700; color: #009a44; display: block; } .s4d-global-generic-coupon-success .s4d-decscription { color: #4d4d4d; } .s4d-global-generic-coupon-success .s4d-image { position: absolute; top: 0; left: 0; bottom: 0; width: 7.8125rem; overflow: hidden; } .s4d-global-generic-coupon-success .s4d-image img { position: absolute; left: 0; right: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 991px) { .s4d-global-generic-coupon-success { margin-left: -0.9375rem; margin-right: -0.9375rem; border-left: 0; border-right: 0; } } @media (min-width: 480px) { .s4d-global-generic-coupon-success .s4d-title { font-size: 1.375rem; } .s4d-global-generic-coupon-success .s4d-decscription { font-size: 1.125rem; } } .s4d-email-check-text { margin-top: 0.3125rem; display: block; } .s4d-email-check-text p { margin-bottom: 0; } .s4d-checkout-register-password { margin-bottom: 0.9375rem; } .s4d-checkout-login-fb .s4d-facebook-inlog-btn { margin-top: 0; margin-bottom: 0; } .s4d-create-account-container { padding: 0.9375rem; background-color: #eaeaea; border: 1px solid #fff; border-radius: 0.125rem; } .s4d-create-account-container label small { font-weight: 500; } .s4d-checkout-login-block { margin-top: 0.3125rem; margin-bottom: -1.25rem; } .s4d-checkout-login-block .s4d-or-divider { display: block; text-align: center; } .s4d-checkout-login-block .s4d-or-divider::before { content: ""; height: 1px; background-color: #e2e2e2; display: block; position: relative; top: 0.9375rem; z-index: -1; } .s4d-checkout-login-block .s4d-or-divider span { background-color: #f4f4f4; padding: 0.3125rem 1.25rem; display: inline-block; } #checkout-paymentmethod-container .s4d-checkout-payment-method { padding-left: 2.5rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; flex-wrap: wrap; align-content: center; } #checkout-paymentmethod-container .s4d-checkout-payment-method .s4d-payment-logo { position: absolute; left: 2.1875rem; top: 50%; transform: translateY(-50%); } #checkout-paymentmethod-container .s4d-checkout-payment-method .s4d-payment-nologo { padding-left: 0; padding-right: 1.25rem; } #checkout-paymentmethod-container .s4d-checkout-payment-method .s4d-payment-type { padding-left: 0; display: block; } #checkout-paymentmethod-container .s4d-checkout-payment-method .s4d-payment-type .s4d-text-color-light { font-size: 0.75rem; font-weight: 500; } #checkout-paymentmethod-container .s4d-checkout-payment-method.s4d-btn-ideal { padding-left: 2.5rem; } #checkout-paymentmethod-container .s4d-checkout-payment-method.s4d-btn-ideal .s4d-payment-logo { left: 2.5rem; } @media (min-width: 480px) { .s4d-order-tracking.pickup ul::before { bottom: auto; right: 12.5%; left: 12.5%; } .s4d-order-tracking.pickup ul li { width: 25%; } } .s4d-password div:nth-child(2) { margin-bottom: 0.9375rem; } @media (min-width: 480px) { .s4d-password div:nth-child(2) { margin-bottom: 0; } } .s4d-order-status-image { overflow: hidden; margin: -1px -0.9375rem 1.875rem -0.9375rem; } .s4d-order-status-image img { width: 100%; height: auto; object-fit: cover; } .s4d-delivery-estimation { margin: 0 0 1.875rem 0; text-align: center; } .s4d-delivery-estimation .s4d-order-status { margin: 0 0 1.25rem 0; } .s4d-delivery-estimation .s4d-order-status span { font-weight: 700; color: #009a44; display: block; font-size: 1.375rem; } @media (min-width: 480px) { .s4d-delivery-estimation { margin: 3.125rem 0; } } .s4d-order-tracking { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (min-width: 480px) { .s4d-order-tracking { margin: 0 6.25rem; } } .s4d-order-tracking .s4d-order-tracking-item { display: inline-block; background: #fff; color: #009a44; border: 1px solid #009a44; width: 1.875rem; min-width: 1.875rem; height: 1.875rem; line-height: 1.875rem; border-radius: 100%; text-align: center; font-weight: 500; } .s4d-order-tracking .s4d-order-tracking-item.active, .s4d-order-tracking .s4d-order-tracking-item.done { color: #fff; background: #009a44; } .s4d-order-tracking .s4d-order-tracking-divider { border-bottom: 0.125rem dashed #4d4d4d; height: 1px; width: 1.875rem; } .s4d-order-tracking .s4d-order-tracking-divider:last-child { display: none; } .s4d-order-tracking .s4d-order-tracking-divider.done { border-bottom: 0.1875rem solid #4d4d4d; } @media (min-width: 480px) { .s4d-order-tracking .s4d-order-tracking-divider { width: 6.25rem; } } .s4d-order-container { padding: 1.5625rem; } @media (max-width: 480px) { .s4d-order-container h1 { margin-top: 0; font-size: 1.125rem; } } .s4d-order-delivery-time { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; color: #4d4d4d; font-weight: 700; padding: 0 0 1.25rem 0; border-bottom: 0.125rem solid #eee; } .s4d-order-delivery-time .s4d-order-delivery-label-ontime { background-color: #5cb85c; color: #fff; border-radius: 0.625rem; padding: 0 0.625rem; margin: 0 0 0 0.625rem; font-size: 0.75rem; } .s4d-order-delivery-time .s4d-order-delivery-label-delay { background-color: #f0ad4e; color: #fff; border-radius: 0.625rem; padding: 0 0.625rem; margin: 0 0 0 0.625rem; font-size: 0.75rem; } .s4d-order-delivery-time .s4d-order-delivery-number { margin-left: auto; font-size: 1.125rem; } .s4d-order-delivery-time .s4d-order-delivery-number .s4d-order-delivery-number-name { font-size: 0.6875rem; } .s4d-order-delivery-time .s4d-order-progress-bar { display: none; } @media (max-width: 767px) { .s4d-order-delivery-time { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: fixed; background: #ffffff; left: 0; right: 0; top: 3.75rem; z-index: 10; padding: 0.9375rem; -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); border-bottom: 0; transition: left 0.2s, right 0.2s; } .s4d-order-delivery-time .s4d-order-progress-bar { display: block; height: 0.625rem; width: 100%; background: #858585; -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0 -0.9375rem -1.25rem -0.9375rem; } .s4d-order-delivery-time .s4d-order-progress-bar .s4d-order-progress-bar-indicator { background: #5cb85c; height: 0.625rem; display: block; } .s4d-menu-open .s4d-order-delivery-time { left: 14.0625rem; right: -14.0625rem; } .s4d-navigation-open .s4d-order-delivery-time { left: -14.0625rem; right: 14.0625rem; } } .s4d-order-info-items { margin: 1.875rem 0 0 0; } @media (min-width: 480px) { .s4d-order-info-items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } } .s4d-order-info-items .s4d-order-info-item { margin: 0 0 1.25rem 0; } .s4d-order-info-items .s4d-order-info-item:last-child { margin: 0; } @media (min-width: 480px) { .s4d-order-info-items .s4d-order-info-item { margin: 0; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .s4d-order-info-items .s4d-order-info-item .s4d-order-info-icon { font-size: 1.5625rem; color: #dedede; } .s4d-order-info-items .s4d-order-info-item .s4d-order-info-icon.glyphicons { vertical-align: baseline; } @media (min-width: 480px) { .s4d-order-info-items .s4d-order-info-item .s4d-order-info-icon { font-size: 1.875rem; } } .s4d-order-info-items .s4d-order-info-item .s4d-order-info-text { font-weight: 700; display: inline-block; margin-left: 1.25rem; } .s4d-order-info-items .s4d-order-info-item .s4d-order-info-text .s4d-order-info-title { display: block; color: #4d4d4d; } .s4d-your-store-container { margin-top: 2.5rem; } .s4d-your-store-container .s4d-your-store-block .s4d-store-address-item { border-bottom: 0; } @media (min-width: 767px) { .s4d-your-store-container { margin-top: 1.875rem; } } .s4d-succes-order-text .s4d-checkout-call-store-text a { text-decoration: underline; font-weight: 400; color: #858585; } .checkout-body .hidden-at-checkout { display: none !important; } .checkout-body .s4d-order-info-row { margin: 0; } .checkout-body .s4d-order-info-row .s4d-succes-text { margin-right: 0; margin-left: 0; } .checkout-body .s4d-order-info-row .s4d-succes-text h2 { margin-top: 0; } .checkout-body .s4d-order-info-row .s4d-succes-text button { display: block; } @media (max-width: 991px) { .checkout-body .s4d-receipt-delivery-type { display: none; position: relative; padding: 0; } .checkout-body .s4d-product-upsell-block { display: none; position: relative; padding: 0; } .checkout-body #checkout-one-click-container { display: none; position: relative; padding: 0; } .checkout-body #receipt-place-order:not(.receipt__checkout-button) { display: none; position: relative; padding: 0; } .checkout-body .s4d-header { box-shadow: none; height: 3.75rem; } .checkout-body .s4d-header .container::before { bottom: 0rem; } } @media (max-width: 767px) { .checkout-body .h1 { font-size: 1.125rem; } .checkout-body h2, .checkout-body .h2 { font-size: 1rem; } } @media (max-width: 767px) and (max-width: 767px) { .checkout-body .s4d-header .s4d-phone { top: 0.625rem; left: unset; right: 0.625rem; } } @media (min-width: 992px) { .checkout-body .s4d-menu-group-sticky-quick-menu { z-index: inherit; top: auto; } } .checkout-body .field-validation-error { position: inherit; } #checkout-form-container { padding-bottom: 3.125rem; } #empty-receipt { margin-bottom: 3.125rem; } .external-customer-code-container { padding: 1.25rem; padding-top: 0rem; } .external-customer-code-container #addCustomerCodeItem { font-size: 0.8125rem; line-height: 1rem; color: #858585; text-decoration: underline; } .external-customer-modal-header { padding-top: 0rem; margin: 0rem; margin-bottom: 0rem; margin-bottom: 0.625rem; font-size: 1.375rem; line-height: 1.875rem; font-weight: 700; } .external-customer-modal-padding { padding-top: 1.25rem; } .ext-customer-container { padding: 1.5rem; padding-top: 0rem; } .external-customer-code-padding { padding: 1.25rem; padding-top: 0rem; margin-top: 0rem; margin-bottom: 0rem; } .external-customer-code-container-v2 { margin-top: -1.875rem; margin-bottom: -1.875rem; padding: 0rem; } @media (max-width: 480px) { #external-tracking-map-container { padding: 0; } } .external-order-tracker-container { height: 80vh; } .s4d-company-dashboard h2 { font-size: 1.5rem; } .s4d-company-dashboard .s4d-text-color-header.h1 a:hover { text-decoration: none; } .s4d-contrast-block { position: relative; padding: 0.9375rem; margin-bottom: 1.875rem; background: #fff; box-shadow: 0rem 1px 0.25rem 0rem rgba(0, 0, 0, 0.19), 0rem 0.125rem 0.3125rem 0rem rgba(0, 0, 0, 0.1); border-radius: 0.125rem; } .s4d-company-general .row { margin-bottom: 1.25rem; } .s4d-dashboard-badge { border-radius: 50%; background-color: rgb(220, 93, 27); width: 1.125rem; height: 1.125rem; font-size: 0.75rem; color: #fff; display: inline-block; text-align: center; line-height: 1.1875rem; margin-left: 0.25rem; position: relative; top: -0.5rem; } .s4d-company-users .table, .s4d-company-invoices .table { margin-bottom: 0.3125rem; } .s4d-company-users .table tr td { padding: 0.625rem 0.3125rem 0.25rem 0.3125rem; line-height: 1.375rem; } .s4d-company-users .table tr:last-child td { border-bottom: 1px solid #dddddd; } .s4d-edit-btn { color: #818181; } .s4d-company-invoices .table tr td { padding: 0.75rem 0.5rem 0.75rem 0.5rem; } .s4d-company-invoices .table tr:last-child td { border-bottom: 1px solid #dddddd; } .s4d-company-user { padding: 1.5625rem; } .s4d-company-user .s4d-company-user-title-bar { margin-bottom: 1em; padding-bottom: 0.8em; border-bottom: solid 1px #ddd; } .s4d-company-user .s4d-company-user-title-bar h2 { margin: 0; display: inline-block; } .s4d-company-user .s4d-company-user-title-bar .btn { margin-top: -0.125rem; } #CompanyUserDetailsModal h1 { margin: 0; } #CompanyUserDetailsModal h2 { margin: 0; } .s4d-addresses { margin-top: 0.9375rem; } .s4d-select-company-adres { display: block; opacity: 0.5; transition: all 0.2s; position: relative; cursor: pointer; background-color: #fff; box-shadow: 0rem 1px 0.25rem 0rem rgba(0, 0, 0, 0.19), 0rem 0.125rem 0.3125rem 0rem rgba(0, 0, 0, 0.1); padding: 0.9375rem; } .s4d-select-company-adres.active { opacity: 1; } .s4d-select-company-adres.active .glyphicon, .s4d-select-company-adres.active .s4d-icon-trash, .s4d-select-company-adres.active .s4d-icon-info, .s4d-select-company-adres.active .s4d-icon-alert, .s4d-select-company-adres.active .s4d-icon-remove, .s4d-select-company-adres.active .s4d-icon-edit { color: #009a44; } .s4d-select-company-adres.active .glyphicon-check { display: block; } .s4d-select-company-adres.active .glyphicon-unchecked { display: none; } .s4d-select-company-adres .btn-link { display: block; } .s4d-select-company-adres .glyphicon, .s4d-select-company-adres .s4d-icon-trash, .s4d-select-company-adres .s4d-icon-info, .s4d-select-company-adres .s4d-icon-alert, .s4d-select-company-adres .s4d-icon-remove, .s4d-select-company-adres .s4d-icon-edit { position: absolute; right: 0.625rem; top: 0.625rem; font-size: 1.25rem; color: #ddd; } .s4d-select-company-adres .glyphicon-check { display: none; } .s4d-select-company-adres .glyphicon-unchecked { display: block; } .s4d-select-company-adres .s4d-address-block { display: block; } .s4d-select-company-adres .s4d-address-block input[type=checkbox] { display: none; } #CompanyUserDetailsModal .s4d-addresses .s4d-address-block { background-color: #f8f8f8; } .s4d-btn-search { padding-left: 0.625rem; padding-right: 0.625rem; } .s4d-company-orderhistory { padding: 0.9375rem; background-color: #fff; box-shadow: 0rem 1px 0.25rem 0rem rgba(0, 0, 0, 0.19), 0rem 0.125rem 0.3125rem 0rem rgba(0, 0, 0, 0.1); border-radius: 0.125rem; margin-bottom: 1.875rem; } .s4d-company-orderhistory .company-order__list--name { overflow: hidden; text-overflow: ellipsis; } .s4d-company-orderhistory .company-order__list--buttons { display: inline-flex; max-width: 100%; width: 100%; } .s4d-company-orderhistory .company-order__list--buttons button { padding-right: 0.375rem; flex-basis: 50%; overflow: hidden; text-overflow: ellipsis; } .s4d-company-orderhistory .company-order__list--buttons .company-order__list--single { flex-basis: 100%; } .s4d-company-orderhistory .h3 { margin-top: 0; } .s4d-pagination li a { color: #6e6e6e; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #ffffff; background-color: #009a44 !important; border-color: #009a44 !important; } .s4d-pagination-chevron .glyphicons { top: 0.125rem; } @media (min-width: 480px) { .s4d-company-orderhistory { height: 12.5rem; } } .s4d-register-company-modal { padding: 0.625rem 1.875rem 1.875rem; display: block; background-color: rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); margin: -1.9375rem -1.875rem -0.625rem -1.875rem; } .s4d-search-form { padding: 0.9375rem; background-color: #fff; margin: 0 0.9375rem; } .s4d-register-page .s4d-register-company-modal { height: auto; margin-top: 0.9375rem; padding-top: 0.625rem; border: 1px solid #f4f4f4; margin-left: 0; margin-right: 0; margin-bottom: -1rem; } @media (min-width: 480px) { .s4d-register-company-modal { height: 24.0625rem; padding-top: 4rem; margin-top: -4.125rem; border-left: 1px solid #f4f4f4; margin-left: -1.9375rem; } .s4d-register-btn { margin-top: 0.625rem; } } .s4d-register-company-modal.s4d-login-company-modal { margin: 0rem -1.875rem -0.625rem -1.875rem; } @media (min-width: 480px) { .s4d-register-company-modal.s4d-login-company-modal { margin-bottom: 0rem; height: auto; padding-bottom: 0.625rem; margin-top: -4.125rem; } } .s4d-order-details { margin-bottom: 1.25rem; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 0.625rem 0rem; } .s4d-order-company-divider { border-bottom: 1px solid #f4f4f4; } .s4d-order-company-row { margin-top: 0.625rem; } .s4d-order-company-row h3 { margin-top: 0; font-size: 1.0625rem; font-style: normal; font-weight: 700; text-transform: uppercase; } .s4d-order-company-row small { font-size: 0.75rem; color: #858585; text-transform: none; } .s4d-company-price { font-weight: bold; } @media (min-width: 480px) { .s4d-company-price { text-align: right; } } .s4d-company-container .form-control.input-sm, .s4d-company-container .input-group-sm > .form-control, .s4d-company-container .input-group-sm > .input-group-btn > .form-control.btn { height: 2.125rem; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.42857; } .s4d-company-container .btn-search { line-height: 1.492857; } .s4d-googlemaps { position: relative; height: 32.5rem; overflow: hidden; } .s4d-googlemaps .s4d-map-canvas { height: 18rem; } @media (min-width: 480px) { .s4d-googlemaps { position: relative; height: auto; overflow: visible; } .s4d-googlemaps .s4d-map-canvas { width: 100%; } } .s4d-gray-divider { border-color: #cccccc; } .s4d-card-lightest.s4d-cs-block h2 { font-size: 0.875rem; font-weight: 300; margin-bottom: 0.9375rem; } .s4d-card-lightest.s4d-cs-block .s4d-store-info, .s4d-card-lightest.s4d-cs-block .s4d-store-zipcode-check { padding-left: 3.4375rem; position: relative; } .s4d-card-lightest.s4d-cs-block .s4d-store-info img, .s4d-card-lightest.s4d-cs-block .s4d-store-zipcode-check img { position: absolute; left: 0; top: 0; } .s4d-card-lightest.s4d-cs-block .s4d-store-info a { display: block; } .s4d-card-lightest.s4d-cs-block .s4d-store-info h4 { color: #4d4d4d; font-weight: 700; font-size: 0.875rem; margin-bottom: 0.125rem; } .s4d-card-lightest.s4d-cs-block .s4d-store-info h5 { font-size: 1rem; font-weight: 700; margin-top: 0; margin-bottom: 0; } .s4d-card-lightest.s4d-cs-block .s4d-store-zipcode-check .btn-primary { background-color: #009a44; color: #fff; } .s4d-required label::after { content: "*"; color: #bb0613; display: inline-block; margin-left: 0.3125rem; } .container .row .col-md-11 .form-horizontal .grecaptcha-badge { position: static !important; float: left; margin: 0rem 4rem 1rem 1rem; } .s4d-lead { font-size: 1rem; font-weight: 300; margin-bottom: 0.9375rem; } .s4d-card-lightest { position: relative; padding: 1.25rem; margin-bottom: 1.875rem; background: #fff; border-radius: 0.125rem; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } .s4d-card-lightest h2, .s4d-card-lightest h3 { font-size: 1rem; font-weight: 700; color: #4d4d4d; margin-top: 0; } .s4d-card-lightest .s4d-search { position: relative; margin-bottom: 1.25rem; } .s4d-card-lightest .s4d-search .s4d-search-icon { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 1.75rem; height: 2.0625rem; position: absolute; left: 0; top: 0; color: #f4f4f4; text-align: right; line-height: 2.0625rem; } .s4d-card-lightest .s4d-search .s4d-search-icon::before { content: "\e003"; } .s4d-card-lightest .s4d-search .s4d-search-input { padding-left: 2.1875rem; } .s4d-card-lightest .s4d-faq-group-header { position: relative; padding-left: 1.875rem; padding-bottom: 0.9375rem; } .s4d-card-lightest .s4d-faq-group-header img { position: absolute; left: 0; top: 0; width: 1.125rem; } .s4d-card-lightest .s4d-faq-group-header h3 { font-size: 1.125rem; margin-bottom: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .s4d-card-lightest .s4d-faq-group-list { border-top: 1px solid #ccc; list-style: none; padding: 0; margin: 0 -1.25rem; } .s4d-card-lightest .s4d-faq-group-list li a { position: relative; padding: 0.9375rem 2.5rem 0.9375rem 1.25rem; display: block; border-bottom: 1px solid #ccc; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .s4d-card-lightest .s4d-faq-group-list li a .glyphicons { color: #858585; position: absolute; right: 1.25rem; top: 1.0625rem; } .s4d-card-lightest .s4d-highlight { color: #fff; background-color: #db2c27; } .s4d-card-lightest .btn-link { margin-top: 0.3125rem; margin-bottom: -0.625rem; } .s4d-faq-git { border-top: 1px solid #ccc; padding-top: 0.625rem; padding-bottom: 0.625rem; } .s4d-faq-git h2 { margin-bottom: 1.25rem; } .s4d-faq-git .s4d-text-content { padding-left: 4.6875rem; position: relative; font-size: 1rem; font-weight: 300; } .s4d-faq-git .s4d-text-content img { position: absolute; left: 0; top: 0.625rem; } @keyframes animfaqitem { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { opacity: 1; } } .s4d-faq-group-nav { list-style: none; padding: 0; background-color: #fff; margin-bottom: -1.25rem; margin-left: -1.25rem; margin-right: -1.25rem; border-top: 1px solid #ccc; padding-left: 1.25rem; padding-right: 1.25rem; } .s4d-faq-group-nav li { display: inline-block; } .s4d-faq-group-nav li a { padding: 0.625rem; display: block; border-bottom: 1px solid transparent; } .s4d-faq-group-nav li a:hover, .s4d-faq-group-nav li a:active { text-decoration: none; border-bottom: 1px solid #009a44; } .s4d-faq-list-container .s4d-faq-group-header h3 { color: #009a44; margin-bottom: 0.9375rem; } .s4d-faq-list-container .s4d-faq-lists { padding-bottom: 0.9375rem; } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list { display: block; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-highlight { color: #fff; background-color: #db2c27; } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor { display: block; color: #696969; padding: 1.25rem 2.5rem 1.25rem 1.25rem; background-color: #fff; font-size: 1rem; border-radius: 0.125rem; border-bottom: 1px solid #ddd; position: relative; transition: all 0.2s; font-weight: 700; cursor: pointer; } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor:hover, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor:focus, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor:active { text-decoration: none; color: #009a44; } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .glyphicon, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .s4d-icon-trash, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .s4d-icon-info, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .s4d-icon-alert, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .s4d-icon-remove, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .s4d-icon-edit { position: absolute; right: 0.9375rem; top: 50%; height: 0.75rem; margin-top: -0.375rem; color: rgba(0, 0, 0, 0.3); } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .glyphicon.glyphicon-chevron-up, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .glyphicon-chevron-up.s4d-icon-trash, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .glyphicon-chevron-up.s4d-icon-info, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .glyphicon-chevron-up.s4d-icon-alert, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .glyphicon-chevron-up.s4d-icon-remove, .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-faq-anchor .glyphicon-chevron-up.s4d-icon-edit { display: none; } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-answer { display: none; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.25rem; font-size: 0.9375rem; opacity: 0; transition: opacity 0.3s ease-in-out; } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list .s4d-answer img { max-width: 100% !important; } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list.s4d-show .s4d-answer { display: block; opacity: 1; animation: animfaqitem 0.3s ease-in-out; } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list.s4d-show .s4d-faq-anchor { color: #009a44; } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list.s4d-show .s4d-faq-anchor .glyphicon-chevron-up { display: block; } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list.s4d-show .s4d-faq-anchor .glyphicon-chevron-down { display: none; } @media (min-width: 480px) { .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list { -webkit-transition: margin 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: margin 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .s4d-faq-list-container .s4d-faq-lists .s4d-faq-list.s4d-show { -webkit-box-shadow: 0 0.3125rem 0.6875rem 0 rgba(0, 0, 0, 0.18), 0 0.25rem 0.9375rem 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0.3125rem 0.6875rem 0 rgba(0, 0, 0, 0.18), 0 0.25rem 0.9375rem 0 rgba(0, 0, 0, 0.15); margin: 0.9375rem 0; } } .s4d-footer { padding-bottom: 3.125rem; position: relative; background-color: #e0e0e0; padding-top: 1.875rem; z-index: 206; } .s4d-footer h4 { font-size: 1rem; font-weight: 700; color: #4d4d4d; margin-bottom: 1.25rem; } .s4d-footer .s4d-footer-navigation { padding: 0; margin: 0; list-style: none; } .s4d-footer .s4d-footer-navigation li { margin: 0.5rem 0; } .s4d-footer .s4d-footer-navigation a { font-size: 0.875rem; color: #858585; text-decoration: none; } .s4d-footer .s4d-footer-navigation-social li { background: none; padding-left: 0; margin-right: 0.9375rem; display: inline; } .s4d-footer .footer-branding { background-color: #009a44; margin-bottom: 0.9375rem; margin-top: -1.875rem; width: 100%; margin-right: 0; margin-left: 0; } .s4d-footer .footer-branding .footer-branding-logo { margin: 0.625rem auto 0; width: 100%; height: 2.8125rem; display: block; background-image: url(/Content/Themes/NYP/Images/logo.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } .s4d-footer .footer-branding .branding-text { color: #ffffff; font-size: 1.25rem; text-align: center; line-height: 3.125rem; } @media (max-width: 480px) { .s4d-footer .footer-branding .branding-text { line-height: 1.875rem; } } @media (min-width: 480px) { .s4d-footer .footer-branding .branding-text { line-height: 1.875rem; } .s4d-footer .footer-branding .s4d-footer-navigation-social li img { height: 1.875rem; width: 1.875rem; } .s4d-footer .footer-branding .s4d-footer-navigation-social { padding: 1.25rem 0; } } @media (min-width: 480px) { .s4d-footer .footer-branding .branding-text { line-height: 3.125rem; } .s4d-footer .footer-branding .s4d-footer-navigation-social li img { height: 3.125rem; width: 3.125rem; } .s4d-footer .footer-branding .footer-branding-logo { margin: 0.625rem auto 0; height: 4.1875rem; background-image: url(/Content/Themes/NYP/Images/logo.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } } @media (min-width: 480px) { .s4d-footer .navbar-form { padding: 0; } .pull-right-md { float: right; } .branding-text { margin-left: -1.5625rem; padding-top: 1.25rem; } } @media (max-width: 767px) { .footer-branding { text-align: center; } .footer-branding .branding-text { line-height: 0.625rem; } .footer-branding .s4d-footer-navigation-social { padding: 0rem 0rem 1.25rem 0rem; } } #footer-app .flex-row { z-index: 206; } @media (max-width: 767px) { .s4d-product-simple .s4d-gluten-warning { position: fixed; top: 40%; left: 1.25rem; width: calc(100% - 2.5rem); } } #CustomPizza .modal-dialog { transform: unset; } @media (max-width: 767px) { #CustomPizza .s4d-gluten-warning, #ProductDetails .s4d-gluten-warning, #XTastyModal .s4d-gluten-warning { transform: translateY(2.5rem); } } @media (max-width: 767px) { #ProductDetails .s4d-gluten-warning { top: 30%; position: fixed; } } @media (max-width: 767px) { #XTastyModal .s4d-gluten-warning { top: 10%; } } .s4d-gluten-warning { position: absolute; top: -70%; } .s4d-gluten-warning, #XTastyModal .s4d-gluten-warning, #ProductDetails .s4d-gluten-warning { left: 0; color: #111111; z-index: 201; background: #ffffff; transition: all 0.2s ease-out; opacity: 0; transform: translateY(-2.5rem); pointer-events: none; flex-direction: column; vertical-align: middle; align-items: flex-end; padding: 1rem 1.5rem 1.5rem; box-shadow: 0 0.5rem 0.625rem rgba(0, 0, 0, 0.14), 0 0.1875rem 0.875rem rgba(0, 0, 0, 0.12), 0 0.3125rem 0.3125rem rgba(0, 0, 0, 0.2); border-radius: 0.25rem; justify-content: flex-start; } @media (min-width: 768px) { .s4d-gluten-warning, #XTastyModal .s4d-gluten-warning, #ProductDetails .s4d-gluten-warning { position: fixed; top: 30%; left: calc(50% - 12.8125rem); max-width: 25.625rem; } } .s4d-gluten-warning p, #XTastyModal .s4d-gluten-warning p, #ProductDetails .s4d-gluten-warning p { line-height: 1.25rem; font-weight: 400; font-size: 0.875rem; } .s4d-gluten-warning button, #XTastyModal .s4d-gluten-warning button, #ProductDetails .s4d-gluten-warning button { width: unset; border: unset; box-shadow: unset; } .s4d-gluten-warning button:before, #XTastyModal .s4d-gluten-warning button:before, #ProductDetails .s4d-gluten-warning button:before { all: unset; } .s4d-gluten-warning.shown, #XTastyModal .s4d-gluten-warning.shown, #ProductDetails .s4d-gluten-warning.shown { opacity: 1; transform: translateY(0); pointer-events: all; } .s4d-gluten-warning__header, #XTastyModal .s4d-gluten-warning__header, #ProductDetails .s4d-gluten-warning__header { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; align-self: stretch; margin-bottom: 1rem; } .s4d-gluten-warning__header h3, #XTastyModal .s4d-gluten-warning__header h3, #ProductDetails .s4d-gluten-warning__header h3 { font-style: normal; font-size: 1.125rem; line-height: 1.5rem; font-weight: bold; margin: 0; } .s4d-gluten-warning__header-close, #XTastyModal .s4d-gluten-warning__header-close, #ProductDetails .s4d-gluten-warning__header-close { background-color: transparent; border: none; padding: 0.25rem 0.375rem 1px 0.25rem; line-height: 1.25rem; height: unset; } .s4d-gluten-warning__header-close-icon, #XTastyModal .s4d-gluten-warning__header-close-icon, #ProductDetails .s4d-gluten-warning__header-close-icon { fill: #009a44; width: 0.9375rem; height: 0.9375rem; } .s4d-gluten-warning__content, #XTastyModal .s4d-gluten-warning__content, #ProductDetails .s4d-gluten-warning__content { margin: 0; line-height: 1.43856; font-weight: 400; font-size: 0.875rem; } .s4d-gluten-warning__content-toppings, #XTastyModal .s4d-gluten-warning__content-toppings, #ProductDetails .s4d-gluten-warning__content-toppings { list-style: disc inside; padding-left: 0; font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; list-style-position: inside; } .s4d-gluten-warning__content-toppings li, #XTastyModal .s4d-gluten-warning__content-toppings li, #ProductDetails .s4d-gluten-warning__content-toppings li { display: list-item; } .s4d-gluten-warning__content-toppings li:after, #XTastyModal .s4d-gluten-warning__content-toppings li:after, #ProductDetails .s4d-gluten-warning__content-toppings li:after { content: ","; } .s4d-gluten-warning__content-toppings li:last-child:after, #XTastyModal .s4d-gluten-warning__content-toppings li:last-child:after, #ProductDetails .s4d-gluten-warning__content-toppings li:last-child:after { content: "."; } .s4d-gluten-warning__buttons, #XTastyModal .s4d-gluten-warning__buttons, #ProductDetails .s4d-gluten-warning__buttons { display: flex; flex-direction: row; justify-content: flex-end; } .s4d-gluten-warning__buttons .btn-light, #XTastyModal .s4d-gluten-warning__buttons .btn-light, #ProductDetails .s4d-gluten-warning__buttons .btn-light { height: 2.25rem; font-size: 0.875rem; margin-right: 0.5rem; color: #009a44; background-color: #ffffff; border: 1px solid #009a44; cursor: pointer; border-radius: 1.5625rem; } .s4d-gluten-warning__buttons .btn-light:focus, #XTastyModal .s4d-gluten-warning__buttons .btn-light:focus, #ProductDetails .s4d-gluten-warning__buttons .btn-light:focus { color: #009a44; background-color: #ffffff; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .s4d-gluten-warning__buttons .btn-light:hover, #XTastyModal .s4d-gluten-warning__buttons .btn-light:hover, #ProductDetails .s4d-gluten-warning__buttons .btn-light:hover { color: #ffffff !important; background-color: #009a44 !important; border: 1px solid #009a44 !important; } .s4d-gluten-warning__buttons .btn-light:active, #XTastyModal .s4d-gluten-warning__buttons .btn-light:active, #ProductDetails .s4d-gluten-warning__buttons .btn-light:active { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .s4d-gluten-warning__buttons .btn-light:disabled, .s4d-gluten-warning__buttons .btn-light [disabled], .s4d-gluten-warning__buttons .btn-light.disabled, #XTastyModal .s4d-gluten-warning__buttons .btn-light:disabled, #XTastyModal .s4d-gluten-warning__buttons .btn-light [disabled], #XTastyModal .s4d-gluten-warning__buttons .btn-light.disabled, #ProductDetails .s4d-gluten-warning__buttons .btn-light:disabled, #ProductDetails .s4d-gluten-warning__buttons .btn-light [disabled], #ProductDetails .s4d-gluten-warning__buttons .btn-light.disabled { color: #a8a8a8; background-color: #ffffff; border: #a8a8a8; } .s4d-gluten-warning__buttons .btn-primary, #XTastyModal .s4d-gluten-warning__buttons .btn-primary, #ProductDetails .s4d-gluten-warning__buttons .btn-primary { height: 2.25rem; font-size: 0.875rem; color: #ffffff; background-color: #009a44; border: 1px solid #009a44; cursor: pointer; border-radius: 1.5625rem; } .s4d-gluten-warning__buttons .btn-primary:focus, #XTastyModal .s4d-gluten-warning__buttons .btn-primary:focus, #ProductDetails .s4d-gluten-warning__buttons .btn-primary:focus { color: #ffffff; background-color: #009a44; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .s4d-gluten-warning__buttons .btn-primary:hover, #XTastyModal .s4d-gluten-warning__buttons .btn-primary:hover, #ProductDetails .s4d-gluten-warning__buttons .btn-primary:hover { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .s4d-gluten-warning__buttons .btn-primary:active, #XTastyModal .s4d-gluten-warning__buttons .btn-primary:active, #ProductDetails .s4d-gluten-warning__buttons .btn-primary:active { color: #ffffff; background-color: #009a44; border: 1px solid #009a44; } .s4d-gluten-warning__buttons .btn-primary:disabled, .s4d-gluten-warning__buttons .btn-primary[disabled], .s4d-gluten-warning__buttons .btn-primary.disabled, #XTastyModal .s4d-gluten-warning__buttons .btn-primary:disabled, #XTastyModal .s4d-gluten-warning__buttons .btn-primary[disabled], #XTastyModal .s4d-gluten-warning__buttons .btn-primary.disabled, #ProductDetails .s4d-gluten-warning__buttons .btn-primary:disabled, #ProductDetails .s4d-gluten-warning__buttons .btn-primary[disabled], #ProductDetails .s4d-gluten-warning__buttons .btn-primary.disabled { color: #ffffff; background-color: #cccccc; border: #cccccc; } .s4d-gluten-warning__backdrop, #XTastyModal .s4d-gluten-warning__backdrop, #ProductDetails .s4d-gluten-warning__backdrop { background: #ffffff; opacity: 0.6; z-index: 200; top: 0; left: 0; position: fixed; transition: all 0.3s; display: block; pointer-events: visibleStroke; } .s4d-gluten-warning__backdrop-show, #XTastyModal .s4d-gluten-warning__backdrop-show, #ProductDetails .s4d-gluten-warning__backdrop-show { opacity: 0.6; bottom: 0; right: 0; } .strikethrough { position: relative; } .strikethrough:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } html.s4d-menu-open { overflow-x: hidden; } html.full-screen-menu-open { overflow-x: hidden; overflow-y: hidden; } img.s4d-user-image { position: relative; width: 1.8125rem; border-radius: 100%; margin-right: 0.625rem; } .s4d-vip-decoration { position: absolute; bottom: 2.5rem; left: 1.25rem; z-index: 1; width: 1.875rem; } #auth-menu .s4d-vip-decoration { bottom: 1.75rem; left: 1rem; } .s4d-branding { margin: 0.4375rem auto 0; width: 10rem; height: 2.8125rem; display: block; background-image: url(/Content/Themes/NYP/Images/logo.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 991px) { .s4d-navigation { position: fixed; top: 0; right: 0; width: 14.0625rem; height: 100%; background: #f4f4f4; z-index: 2; opacity: 0; transition: opacity 1s; border: none; } .s4d-navigation #auth-menu { display: block !important; background-color: #fff; margin-top: 0; padding-top: 0.6875rem; } .s4d-navigation #auth-menu a { color: #4d4d4d; } .s4d-navigation #auth-menu a:hover, .s4d-navigation #auth-menu a:active, .s4d-navigation #auth-menu a:focus { background-color: rgba(0, 0, 0, 0.11); } .s4d-navigation #auth-menu img.s4d-user-image { margin-right: 0.625rem; top: 0; } .s4d-navigation #auth-menu .s4d-account-menu { width: 100%; } .s4d-navigation ul.navbar-nav li a { color: #fff; padding-top: 0.25rem; padding-bottom: 0.25rem; font-weight: 500; } .s4d-navigation ul.navbar-nav li a:hover, .s4d-navigation ul.navbar-nav li a:active, .s4d-navigation ul.navbar-nav li a:focus { background-color: #000; } .s4d-navigation .s4d-show-viewport { white-space: nowrap; } .s4d-navigation-open .s4d-navigation { z-index: 2; overflow-y: auto; opacity: 1; transition: none; } .s4d-menu { position: fixed; top: 0; left: 0; width: 14.0625rem; height: 100%; background-color: #ffffff; z-index: 1; border: 0; opacity: 0; transition: opacity 1s; } .s4d-menu .navbar-nav { margin-top: 0; } .s4d-menu .navbar-nav li a { padding: 0 0.9375rem; color: #fff; font-size: 0.9375rem; font-weight: 700; line-height: 2.75rem; cursor: pointer; } .s4d-menu .s4d-submenu { position: relative; padding-bottom: 0.875rem; margin-bottom: 0.375rem; min-height: 3.125rem; border: 0; background: #009a44; display: block !important; } .s4d-menu .s4d-submenu ul { margin: 0; padding: 0; } .s4d-menu .s4d-submenu ul li { margin: 0 0.8125rem; list-style: none; } .s4d-menu .s4d-submenu ul li a { color: #fff; font-weight: 500; font-size: 0.875rem; line-height: 2.125rem; display: block; text-decoration: none; } .s4d-menu .s4d-submenu ul li a h1 { margin: 0; display: inline; font-size: 1rem; line-height: 2.125rem; } .s4d-menu .s4d-submenu ul li a em { font-style: normal; } .s4d-menu .s4d-submenu ul li a.active h1, .s4d-menu .s4d-submenu ul li a:hover h1, .s4d-menu .s4d-submenu ul li a.active span, .s4d-menu .s4d-submenu ul li a:hover span { border-bottom: solid 1px #fff; } .s4d-menu-open .s4d-menu { z-index: 2; overflow-y: auto; opacity: 1; transition: none; } .full-screen-menu { position: fixed; z-index: 20; top: 0; left: -100vw; width: 100vw; height: 100%; background: #ffffff; border: 0; opacity: 0; transition: opacity 1s, left 0.2s, right 0.2s; overflow-x: hidden; margin: 0; } .full-screen-menu .container { padding: 0; width: 100%; } .full-screen-menu #auth-menu { margin: 0; } .full-screen-menu #auth-menu li { background: #f4f4f4; } .full-screen-menu #auth-menu .dropdown { border-bottom-width: 0; } .full-screen-menu #auth-menu .dropdown .dropdown-menu { width: 100%; } .full-screen-menu #auth-menu img { order: -1; background: #ccc; width: 1.5rem; height: 1.5rem; } } @media (max-width: 991px) and (min-width: 992px) { .full-screen-menu__mobile-header { display: none; } } @media (max-width: 991px) and (max-width: 991px) { .full-screen-menu__mobile-header { width: 100%; height: 3.75rem; -webkit-transform: translate3d(0, 0, 0); position: -webkit-sticky; position: sticky; display: inline-block; text-align: right; padding: 1.3125rem; border-bottom: 1px solid #e5e5e5; background-color: #ffffff; z-index: 10; } .full-screen-menu__mobile-header__close-button { background: transparent; border: 0; opacity: 1; padding: 0; } .full-screen-menu__mobile-header__close-button__icon { width: 1.5rem; height: 1.5rem; fill: #009a44; overflow: hidden; } } @media (max-width: 991px) { .full-screen-menu .navbar-nav { margin: 0.46875rem -0.9375rem 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .full-screen-menu .navbar-nav li { border-bottom: solid 1px #e5e5e5; -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .full-screen-menu .navbar-nav li .menu__item-icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 1.8rem; height: 1.8rem; display: inline-block; position: absolute; top: 1.25rem; right: 2.5rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .full-screen-menu .navbar-nav li h3, .full-screen-menu .navbar-nav li a { padding: 1.25rem 1.5625rem; margin: 0; color: #111111; } .full-screen-menu .navbar-nav li h3:hover, .full-screen-menu .navbar-nav li a:hover { background-color: transparent; } .full-screen-menu .navbar-nav :nth-child(2):not(.crown, .nyp-pizza-points, .company-name) { order: -1; } .full-screen-menu .navbar-nav li.active .menu__item-icon { transform: rotate(-90deg); -webkit-transition: all 0.2s; } .full-screen-menu .navbar-nav li.active ul { display: block; max-height: 624.9375rem; transition-delay: -0.1s; transition-timing-function: cubic-bezier(1, 0, 1, 0); } .full-screen-menu .navbar-nav li a { font-weight: 700; margin: 0rem 0; cursor: pointer; } .full-screen-menu .navbar-nav li a:focus { background-color: transparent; } .full-screen-menu .navbar-nav .dropdown-toggle { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .full-screen-menu .navbar-nav .dropdown-toggle i.glyphicon, .full-screen-menu .navbar-nav .dropdown-toggle i.s4d-icon-trash, .full-screen-menu .navbar-nav .dropdown-toggle i.s4d-icon-info, .full-screen-menu .navbar-nav .dropdown-toggle i.s4d-icon-alert, .full-screen-menu .navbar-nav .dropdown-toggle i.s4d-icon-remove, .full-screen-menu .navbar-nav .dropdown-toggle i.s4d-icon-edit { margin-left: auto; } .full-screen-menu .s4d-submenu { position: relative; padding-bottom: 0; margin-bottom: 0; min-height: 0rem; border: 0; display: block !important; } .full-screen-menu .s4d-submenu .container { padding: 0; width: 100%; margin: 0; } .full-screen-menu .s4d-submenu ul { margin: 0; padding: 0; display: block; border-bottom: none; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1) -0.2s; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1) -0.2s; background: #f2f2f2; } .full-screen-menu .s4d-submenu ul li { list-style: none; border-bottom: solid 1px #fff; } .full-screen-menu .s4d-submenu ul li a { color: #111111; font-weight: 500; font-size: 0.875rem; display: block; text-decoration: none; } .full-screen-menu .s4d-submenu ul li a:hover { text-decoration: none; color: #fcd500 !important; } .full-screen-menu .s4d-submenu ul li a h1 { margin: 0; display: inline; font-size: 1rem; line-height: 2.125rem; } .full-screen-menu .s4d-submenu ul li a em { font-style: normal; } .full-screen-menu-open .full-screen-menu { overflow-y: auto; opacity: 1; transition: left 0.2s, right 0.2s; left: 0; right: 100vw; z-index: 101; } .s4d-header { position: sticky; top: 0; left: 0; right: 0; min-height: fit-content; height: 6.25rem; background-color: #ffffff; z-index: 4; transition: margin-left 0.2s, margin-right 0.2s; -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); } .s4d-header .container::after { background-color: rgb(216.75, 216.75, 216.75); width: 100%; height: 1px; content: ""; position: absolute; top: 3.625rem; left: 0; right: 0; z-index: 1; } .s4d-header .s4d-user-filled-header { display: none; } .s4d-header-banner .s4d-header { position: absolute; margin-top: 6.25rem; } .s4d-banner { position: absolute; top: 0; left: 0; width: 100%; height: 6.25rem; z-index: 3; } .s4d-banner img { width: 100%; height: 6.25rem; max-width: 31.25rem; object-fit: cover; } .s4d-banner.s4d-promotion-banner { background-color: transparent !important; } .s4d-banner.s4d-promotion-banner::before { position: absolute; top: -1.875rem; left: 0; right: 0; bottom: 0; content: ""; display: block; z-index: -1; background-image: url(/Content/Images/banners/header-image-lg-action.jpg); background-size: cover; } .s4d-header.s4d-menu-open, .s4d-banner.s4d-menu-open { margin-left: 14.0625rem; margin-right: -14.0625rem; } .s4d-header.s4d-navigation-open, .s4d-banner.s4d-navigation-open { margin-right: 14.0625rem; margin-left: -14.0625rem; } .s4d-header .s4d-phone { position: absolute; top: 4.3125rem; left: 0.9375rem; color: #f4f4f4; font-weight: 700; } .s4d-header .s4d-phone .s4d-phone-nr { display: inline-block; color: #f4f4f4; font-size: 0.875rem; } .s4d-header .s4d-phone i.s4d-cost-info { font-size: 0.5625rem; display: block; margin-top: -0.125rem; font-weight: 500; color: #a0a0a0; } .s4d-receipt-toggle-wrapper { background-color: #ffffff; display: block; position: inherit; height: auto; width: 100%; z-index: 3; -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); overflow: hidden; } .s4d-receipt-toggle-wrapper p { margin: 0rem; } .s4d-receipt-toggle-wrapper .s4d-receipt-toggle { right: 0rem; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-bottom: 0.375rem; padding-top: 0.5625rem; width: 100%; z-index: 100; display: inline-block; font-weight: 700; font-size: 0.875rem; color: black; background-color: #f5f5f5; } .s4d-receipt-toggle-wrapper .s4d-receipt-toggle::after { position: relative; top: 0.125rem; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-size: 0.6875rem; font-weight: 200; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e114"; margin-left: 0.3125rem; margin-right: 0.1875rem; color: gray; float: right; } .s4d-receipt-toggle-wrapper .s4d-receipt-toggle.highlight { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .s4d-receipt-toggle-wrapper .s4d-receipt-toggle:hover, .s4d-receipt-toggle-wrapper .s4d-receipt-toggle:active, .s4d-receipt-toggle-wrapper .s4d-receipt-toggle:focus { text-decoration: none; color: black; } .s4d-receipt-toggle-wrapper .s4d-receipt-toggle .header-receipt-toggle-label { font-weight: 400; font-size: 0.6875rem; text-decoration: underline; color: #f4f4f4; float: right; } .s4d-receipt-toggle-wrapper .s4d-receipt-toggle #header-total-price { color: black; font-weight: 700; margin-left: 0.9375rem; } .s4d-receipt-toggle-wrapper .s4d-receipt-toggle #header-total-price-before-discount { color: #f4f4f4; font-weight: 200; } .s4d-receipt-toggle-wrapper .s4d-receipt-toggle #header-total-price-before-discount.strikethrough:before { color: red; } .s4d-receipt-toggle-close { position: absolute; top: 0.625rem; right: 0; width: 1.6875rem; height: 1.6875rem; color: #4d4d4d; text-align: center; cursor: pointer; font-size: 1rem; } .s4d-receipt-toggle-close span { top: 0.1875rem; } .toggle-menu-container { height: 3.6875rem; display: flex; align-items: center; position: absolute; top: 0rem; left: 0rem; } #toggle-menu { padding: 0rem 0.9375rem; color: #ffffff; text-decoration: none; font-weight: 700; font-size: 1.5625rem; line-height: 1.5625rem; } .header-icon { display: flex; height: 2.5rem; flex-direction: column; justify-content: space-between; align-items: center; min-width: 1.5rem; text-align: center; } .header-icon > *:not(:last-child) { margin-top: auto !important; margin-bottom: auto !important; } .header-icon-text { font-size: 0.625rem; line-height: 0.875rem; font-weight: 400; color: #009a44; } #toggle-navigation { display: flex; align-items: center; position: absolute; top: 0; right: 0; padding: 0rem 1rem; height: 3.6875rem; } #toggle-navigation svg { fill: #ffffff; } .header-login-button, .header-login { z-index: 100; } } @media (max-width: 991px) and (max-width: 992px) { .container-md-narrow { width: calc(100% - 5rem); } } @media (max-width: 991px) { .s4d-account-menu { margin-bottom: 0.3125rem; padding-left: 0; position: static; border: 0; box-shadow: none; background: none; display: block; } .s4d-header-icon { width: 1.25rem; height: 1.25rem; fill: #ffffff; margin-left: 0.9375rem; margin-top: 0.1875rem; } #menu-expand { display: none; } } .s4d-banner { text-align: center; transition: margin-left 0.2s, margin-right 0.2s; } .s4d-banner img:last-child { width: 100%; max-width: 71.25rem; } .s4d-navigation ul > li { list-style: none; } .s4d-navigation ul > li a { padding: 0 0.8125rem; color: #4d4d4d; line-height: 2.125rem; text-decoration: none; } .s4d-navigation-click-overlay { position: absolute; top: 50rem; bottom: 0; left: 0; right: 0; z-index: 999999; } .s4d-nav-divider { content: " "; display: block; border: 1px solid #fff; } @media (min-width: 480px) { .s4d-receipt-toggle-close { display: none; } .s4d-navigation-click-overlay { display: none; } } .s4d-menu .navbar-nav > li > a:focus { background: transparent; } .s4d-menu .navbar-nav > li.active > a, .s4d-menu .navbar-nav > li:hover > a, .s4d-menu .navbar-nav > li:hover > a:focus, .s4d-menu .navbar-nav > li > a:hover, .s4d-menu .navbar-nav > li.open > a { background-color: #009a44; text-shadow: none; } .s4d-menu .navbar-nav .dropdown-menu > .active > a, .s4d-menu .navbar-nav .dropdown-menu > .active > a:hover, .s4d-menu .navbar-nav .dropdown-menu > .active > a:focus { background-color: #009a44; color: #fff; } @media (min-width: 480px) { img.s4d-user-image { top: 0.5rem; width: 2.125rem; } #auth-menu .s4d-vip-decoration { bottom: 1.875rem; width: 2.125rem; left: 1.25rem; } .s4d-navigation { background: #f4f4f4; min-height: 1.875rem; border: 0; margin-bottom: 0; z-index: 2; } .s4d-navigation ul { margin: 0; padding: 0; float: none; text-align: center; } .s4d-navigation ul li { margin: 0 0.625rem; list-style: none; display: inline; } .s4d-navigation ul li a { color: #fff; line-height: 1.875rem; display: inline; padding: 0.375rem 0.8125rem; } .s4d-navigation ul li a:hover, .s4d-navigation ul li a:active, .s4d-navigation ul li a :focus { background-color: rgba(0, 0, 0, 0.11); } .s4d-banner { position: absolute; top: 1.875rem; left: 0; width: 100%; height: 6.25rem; z-index: 1; } .s4d-banner.s4d-promotion-banner { background-color: transparent !important; } .s4d-banner.s4d-promotion-banner::before { position: absolute; top: -1.875rem; left: 0; right: 0; bottom: 0; content: ""; display: block; z-index: -1; background-image: url(/Content/Images/banners/header-image-lg-action.jpg); background-size: cover; } .s4d-header { height: 5.875rem; position: relative; } .s4d-header .container { position: relative; } .s4d-header .s4d-phone { position: absolute; top: 50%; margin-top: -1.5rem; right: 0.9375rem; width: 15.1875rem; text-align: center; line-height: 1.5rem; } .s4d-header .s4d-phone span { font-size: 0.875rem; } .s4d-header .s4d-phone-nr { display: block; font-size: 1.5rem; color: #4d4d4d; font-weight: 700; } .s4d-header i.s4d-cost-info { font-size: 0.5625rem; display: block; margin-top: -0.125rem; font-weight: 500; color: #a0a0a0; } .s4d-header::before { position: absolute; top: -1.875rem; left: 0; right: 0; bottom: 0; content: ""; display: block; z-index: -1; background-color: #ffffff; background-image: url(/Content/Themes/NYP/Images/header-image-lg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } .s4d-branding { margin: 0.9375rem auto 0; width: 14.875rem; height: 4.1875rem; background-image: url(/Content/Themes/NYP/Images/logo.svg); } #menu-categories { width: 43.4375rem; } .s4d-menu { margin-bottom: 0; border: 0; background-color: #ffffff; z-index: 100; } .s4d-menu .navbar-nav > li { position: relative; } .s4d-menu .navbar-nav > li .menu__item-icon { display: none; } .s4d-menu .navbar-nav > li a { padding: 0 0.625rem; color: #fff; font-size: 0.9375rem; line-height: 2.9375rem; border-bottom: 0.1875rem solid transparent; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; } .s4d-menu .navbar-nav > li a .glyphicon, .s4d-menu .navbar-nav > li a .s4d-icon-trash, .s4d-menu .navbar-nav > li a .s4d-icon-info, .s4d-menu .navbar-nav > li a .s4d-icon-alert, .s4d-menu .navbar-nav > li a .s4d-icon-remove, .s4d-menu .navbar-nav > li a .s4d-icon-edit { font-size: 0.625rem !important; } .s4d-menu .navbar-nav > li#s4d-promotion-menu-item a { font-weight: 700; color: #6c2d6f; } .s4d-menu .navbar-nav > li#s4d-mealDeal-menu-item a { font-weight: 700; color: #6c2d6f; } .s4d-menu .navbar-nav > li:first-child::before, .s4d-menu .navbar-nav > li.active + li::before { display: none; } .s4d-menu .navbar-nav > li.active > a, .s4d-menu .navbar-nav > li.open > a { background-color: transparent; border-bottom: 0.1875rem solid #009a44; font-weight: 700; } .s4d-menu .navbar-nav > li > a:hover, .s4d-menu .navbar-nav > li > a:focus, .s4d-menu .navbar-nav > li > a:active { border-bottom: 0.1875rem solid #009a44; background-color: transparent; } .s4d-menu .dropdown-menu { width: 100%; border: none; } .s4d-menu .dropdown-menu li a { color: #009a44; background-color: transparent !important; } .s4d-menu .dropdown-menu li a span { text-overflow: ellipsis; white-space: nowrap; height: 1.5625rem; line-height: 1.5625rem; overflow: hidden; display: block; } .s4d-menu .s4d-navbar-auth { float: right; width: 15.1875rem; display: inline-flex; } .s4d-menu .s4d-navbar-auth li { width: 100%; } .s4d-menu .s4d-navbar-auth li a { font-weight: 700; } .s4d-menu .s4d-navbar-auth li .s4d-caret { position: absolute; bottom: 1.25rem; right: 0.625rem; display: block; width: 0.5625rem; height: 0.5rem; background: url(/Content/Images/icons/nav-arrow-down.png) right center no-repeat; } .s4d-menu .s4d-navbar-auth .s4d-account-menu a { color: #4d4d4d; line-height: normal; padding: 0.375rem 0.9375rem; font-weight: 700; font-size: 0.875rem; } .s4d-menu .s4d-navbar-no-auth { float: right; width: 15.1875rem; } .s4d-menu .s4d-navbar-no-auth li { margin: 0; float: left; } .s4d-menu .s4d-navbar-no-auth li a { line-height: 2.125rem; text-align: center; background-color: #fff; margin-left: 0.3125rem; margin-right: 0.3125rem; color: #009a44; font-weight: 700; font-size: 0.875rem; position: relative; top: 1.875rem; -webkit-box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; border-radius: 0.125rem; } .s4d-menu .s4d-navbar-no-auth li a:hover, .s4d-menu .s4d-navbar-no-auth li a:focus, .s4d-menu .s4d-navbar-no-auth li a:active { background-color: #fff !important; -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); } .s4d-menu .s4d-navbar-no-auth li:hover a, .s4d-menu .s4d-navbar-no-auth li:focus a, .s4d-menu .s4d-navbar-no-auth li:active a { background-color: #fff !important; } .s4d-menu .s4d-navbar-no-auth li::before { content: none; } .s4d-submenu { background-color: #ffffff; min-height: 3.125rem; padding-bottom: 0; margin-bottom: 0; border: 0; box-shadow: 0rem 0.125rem 0.1875rem 0rem rgba(0, 0, 0, 0.2); z-index: 50; } .s4d-submenu ul { padding-left: 0.875rem; float: left; margin-bottom: 0; } .s4d-submenu ul li { margin: 0 0.9375rem 0 0; display: inline; } .s4d-submenu ul li a { font-size: 0.8125rem; line-height: 3.125rem; display: inline; color: #999999; font-weight: 400; } .s4d-submenu ul li a em { font-style: normal; } .s4d-submenu ul li a.active { color: #4d4d4d; font-weight: 700; } } @media (min-width: 1200px) { .s4d-header .s4d-phone { width: 16.375rem; } .s4d-menu .s4d-navbar-no-auth, .s4d-menu .s4d-navbar-auth { width: 16.375rem; display: inline-flex !important; } #menu-categories { width: 54.375rem; } .s4d-menu .navbar-nav > li > a { padding: 0 0.8125rem; } .s4d-menu .navbar-nav > li > a > .glyphicon, .s4d-menu .navbar-nav > li > a > .s4d-icon-trash, .s4d-menu .navbar-nav > li > a > .s4d-icon-info, .s4d-menu .navbar-nav > li > a > .s4d-icon-alert, .s4d-menu .navbar-nav > li > a > .s4d-icon-remove, .s4d-menu .navbar-nav > li > a > .s4d-icon-edit { font-size: 0.75rem !important; } } .s4d-menu-search { position: relative; height: 2.5rem; margin-top: 0.9375rem; margin-bottom: 0.9375rem; } .s4d-menu-search-box { position: fixed; top: 7.1875rem; margin: 0; width: calc(100% - 1.875rem); z-index: 10; } @media (max-width: 991px) { .s4d-menu-search-box { z-index: 1010; } } @media (min-width: 480px) and (max-width: 991px) { .s4d-menu-search-box { width: 45rem; } } @media (min-width: 480px) { .s4d-menu-search-box { position: absolute; top: 0; width: 100%; max-width: 42.5rem; } } @media (min-width: 1200px) { .s4d-menu-search-box { max-width: 53.6875rem; } } .s4d-menu-search-box .form-control { position: relative; padding: 0.625rem 0.75rem; height: 2.5rem; text-indent: 1.875rem; border: solid 1px #ccc; border-radius: 0.1875rem; background-color: #fff; z-index: 99; } .s4d-menu-search-box .s4d-search-icon { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0.9375rem; top: 0.75rem; width: 1rem; height: 1rem; z-index: 999; color: #f4f4f4; } .s4d-menu-search-box .s4d-search-icon::before { content: "\e003"; } .s4d-menu-search-box .s4d-exit-search { display: none; } @media (max-width: 992px) { .s4d-body-website-alert .s4d-menu-search-box { top: 10.3125rem; } } @media (max-width: 991px) { .s4d-header-banner-nav-fixed #content { padding-top: 56.25rem; } .s4d-header-banner .s4d-menu-search-box { top: 0; position: absolute; right: 0; left: 0; width: 100%; } header.s4d-search-active { display: none; } } .s4d-navigation.s4d-quick-menu-desktop { background: #ffffff; } @media (min-width: 992px) { .s4d-navigation.s4d-quick-menu-desktop { z-index: 206; } } .s4d-sub-menu-redesigned { box-shadow: none; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .s4d-sub-menu-redesigned { width: 58.75rem; } } @media (min-width: 1200px) { .s4d-sub-menu-redesigned { width: 72.1875rem; } } .s4d-sub-menu-redesigned .container { padding: 0rem; margin-right: unset; margin-left: unset; border-bottom: solid 1px #fafafa; } @media (min-width: 992px) and (max-width: 1199px) { .s4d-sub-menu-redesigned .container { width: 53.4375rem; } } @media (min-width: 1200px) and (max-width: calc(87.5rem - 1px)) { .s4d-sub-menu-redesigned .container { width: 65rem; } } @media (min-width: 87.5rem) { .s4d-sub-menu-redesigned .container { width: 54.8125rem; } } @media (min-width: 992px) { .s4d-quick-menu-desktop { min-height: 3.125rem; height: 3.25rem; } } @media (max-width: 991px) { .s4d-quick-menu-desktop-disabled { opacity: 0.6; pointer-events: none; } } @media (min-width: 1200px) { .s4d-quick-menu-desktop #auth-menu { padding-top: 0; left: 50%; right: unset; max-height: 3.25rem; } .s4d-quick-menu-desktop #auth-menu .dropdown-menu.s4d-account-menu { width: 18.75rem; top: 3rem; left: unset; right: 0rem; } } @media (min-width: 992px) { .s4d-quick-menu-desktop #auth-menu { line-height: 3.125rem; max-height: 3.25rem; } .s4d-quick-menu-desktop #auth-menu .dropdown-menu.s4d-account-menu { width: 15.375rem; top: 3rem; left: unset; right: 0rem; } .s4d-quick-menu-desktop #auth-menu .dropdown-menu.s4d-account-menu li { cursor: pointer; width: 100%; padding: 1.25rem; display: flex; border-bottom: solid 1px #fafafa; } .s4d-quick-menu-desktop #auth-menu .dropdown-menu.s4d-account-menu li a { font-size: 1rem; line-height: 0.8125rem; padding-left: 0; white-space: normal; word-break: break-all; width: 100%; } } .s4d-quick-menu-desktop .container { height: inherit; } .s4d-quick-menu-desktop .container #auth-menu { float: right; } .s4d-quick-menu-desktop .container #auth-menu li:first-child a.login-account::before { content: ""; background: url(/Content/Images/decoration/silhouette-user.png); background-size: 1.875rem auto; width: 1.875rem; height: 1.875rem; border-radius: 100%; position: relative; display: inline-block; top: 0.625rem; margin-right: 0.3125rem; } .s4d-quick-menu-desktop .container #auth-menu li:first-child a.dropdown-toggle img { display: inline; width: 2rem; margin-right: 0rem; top: 0rem; } .s4d-quick-menu-desktop .container #auth-menu li a { color: #111111 !important; font-weight: 700 !important; } .s4d-quick-menu-desktop .container ul:last-child { float: left; } .s4d-quick-menu-desktop .container ul { line-height: 3.125rem; } .s4d-quick-menu-desktop .container ul li { padding: 0rem; margin: 0rem; } .s4d-quick-menu-desktop .container ul li:first-child { padding-left: 0.875rem; } .s4d-quick-menu-desktop .container ul li a { padding: 0rem 0.625rem 0rem 0rem; color: #858585 !important; } .s4d-quick-menu-desktop .s4d-phone { display: none !important; } .s4d-quick-menu-desktop .s4d-branding { float: unset; } @media (min-width: 992px) { .s4d-quick-menu-desktop .s4d-branding { float: left; height: 4.375rem; margin: 1.1875rem auto 0; margin-left: 0.875rem; } } .s4d-quick-menu-desktop #menu-search { position: relative; height: 6.5625rem; width: 100%; visibility: visible; overflow: visible; background-color: transparent; max-width: 36rem; float: left; } .s4d-quick-menu-desktop #menu-search .form-control { border-radius: 0.3125rem; } .s4d-header.s4d-quick-menu-desktop { height: 6.5625rem; } .s4d-header.s4d-quick-menu-desktop #menu-search .form-control { padding-left: 0rem; margin-top: 0.625rem; } .s4d-header.s4d-quick-menu-desktop #menu-search .form-control::placeholder { color: #858585; } .s4d-header.s4d-quick-menu-desktop .search-bar__icon { left: 0.6875rem; margin-top: 0.3125rem; } .s4d-header.s4d-quick-menu-desktop .search-bar__icon svg { fill: #009a44; } .s4d-header.s4d-quick-menu-desktop .s4d-mobile-menu { box-shadow: 0rem 0.3125rem 0.5625rem -0.1875rem rgba(0, 0, 0, 0.4); } .s4d-header.s4d-quick-menu-desktop .s4d-mobile-menu ul { padding-top: 0.5rem !important; padding-bottom: 0.5625rem !important; height: 3.0625rem !important; margin: 0 !important; } @media (max-width: 992px) { .s4d-header.s4d-quick-menu-desktop { height: auto; border-bottom: solid 1px #fafafa; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .s4d-header.s4d-quick-menu-desktop .container { min-height: 3.6875rem; overflow: auto; width: fit-content; } .s4d-header.s4d-quick-menu-desktop .container::before { content: none; } .s4d-header.s4d-quick-menu-desktop #mobile-menu { margin-top: 0; } .s4d-header.s4d-quick-menu-desktop .s4d-header-icon { fill: #009a44; margin-left: 0; margin-top: 0; } .s4d-header.s4d-quick-menu-desktop .s4d-branding { margin-top: 0.4375rem; } .s4d-header.s4d-quick-menu-desktop #s4d-user-profile { position: absolute; top: 0; right: 0; padding: 0rem 0.9375rem; display: flex; text-align: center; align-items: center; height: 3.6875rem; } .s4d-header.s4d-quick-menu-desktop #s4d-user-profile > * { margin-right: 0.625rem; } .s4d-header.s4d-quick-menu-desktop #s4d-user-profile a { text-decoration: none; } .s4d-header.s4d-quick-menu-desktop #s4d-user-profile a:last-child { margin-right: 0; } .s4d-header.s4d-quick-menu-desktop #s4d-user-profile img.s4d-user-image { width: 1.5rem; height: 1.5rem; margin-right: 0; } .s4d-header.s4d-quick-menu-desktop #s4d-user-profile #header-cart .s4d-shopping-cart { font-size: 1.25rem; color: #009a44; display: block; } .s4d-header.s4d-quick-menu-desktop #s4d-user-profile #header-cart img { display: block; } } @media (min-width: 992px) { .s4d-header.s4d-quick-menu-desktop.s4d-header-without-search .s4d-branding { margin-left: auto; float: unset; } } .s4d-menu-group-sticky-quick-menu { display: block; position: sticky; z-index: 150; top: 0; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .s4d-menu-group-sticky-quick-menu { width: 58.75rem; } } @media (min-width: 1200px) { .s4d-menu-group-sticky-quick-menu { width: 72.1875rem; } } .s4d-menu-group-sticky-quick-menu .container { padding: 0rem; margin: 0rem; } @media (min-width: 992px) and (max-width: 1199px) { .s4d-menu-group-sticky-quick-menu .container { width: 53.4375rem; } } @media (min-width: 1200px) and (max-width: calc(87.5rem - 1px)) { .s4d-menu-group-sticky-quick-menu .container { width: 65rem; } } @media (min-width: 87.5rem) { .s4d-menu-group-sticky-quick-menu .container { width: 54.8125rem; } } @media (min-width: 1200px) { .s4d-menu-group-sticky-quick-menu .container { min-height: 3.125rem; } } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories { display: flex; justify-content: start; width: 100%; padding: 0rem; align-items: center; height: 3.125rem; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li { border-radius: 1.5625rem; list-style: none; font-weight: 700; margin-right: 0.3125rem; white-space: nowrap; transition: background-color ease-in-out 0.2s; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li:hover a { background-color: transparent !important; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li:hover .s4d-menu-category-icon-img { filter: invert(96%) sepia(7%) saturate(130%) hue-rotate(201deg) brightness(115%) contrast(100%); } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li:focus { outline: none; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li:last-child { padding-right: 0.625rem; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li a { background-color: none !important; border-bottom: none !important; color: #111111; padding: 0.25rem 1rem; line-height: 1.25rem; font-size: 0.875rem; display: flex; flex-direction: row; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li a:hover { text-decoration: none; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li a .s4d-menu-category-container { display: flex; flex-direction: row; align-items: center; height: 1.5rem; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li a .s4d-menu-category-icon { display: flex; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li a .s4d-menu-category-icon-img { filter: none; height: 1.5rem; order: 1; margin-right: 0.25rem; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li a .s4d-menu-category-text { order: 2; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li.active { background: #009a44; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li.active .s4d-menu-category-icon-img { filter: invert(96%) sepia(7%) saturate(130%) hue-rotate(201deg) brightness(115%) contrast(100%); } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li.active a { color: #ffffff; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li#s4d-promotion-menu-item.active { background: #009a44; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li#s4d-promotion-menu-item.active a { color: #ffffff; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories li#s4d-promotion-menu-item a { color: #111111; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories #menu-expand a { display: flex; align-items: center; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories #menu-expand a .menu-expand__text { height: 1.5rem; display: flex; align-items: center; } .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories #menu-expand a .glyphicon-chevron-down { top: 0; margin-left: 0.625rem; color: #111111; } @media (min-width: 992px) { .s4d-menu-group-sticky-quick-menu #sub-menu li, .s4d-menu-group-sticky-quick-menu .quick-menu-promotions li { margin: 0rem 0.5rem 0rem 0rem; } .s4d-menu-group-sticky-quick-menu #sub-menu li a, .s4d-menu-group-sticky-quick-menu .quick-menu-promotions li a { font-size: 0.75rem; } .s4d-menu-group-sticky-quick-menu #sub-menu li a:hover, .s4d-menu-group-sticky-quick-menu .quick-menu-promotions li a:hover { color: #fcd500 !important; text-decoration: none; } } @media (min-width: 1200px) { .s4d-menu-group-sticky-quick-menu #sub-menu li, .s4d-menu-group-sticky-quick-menu .quick-menu-promotions li { margin: 0rem 1rem 0rem 0rem; } } .s4d-menu-group-sticky-quick-menu #sub-menu a, .s4d-menu-group-sticky-quick-menu .quick-menu-promotions a { color: #111111; } .s4d-menu-group-sticky-quick-menu #sub-menu a.active, .s4d-menu-group-sticky-quick-menu .quick-menu-promotions a.active { font-weight: 500; } @media (min-width: 992px) { .s4d-menu-group-sticky-quick-menu .s4d-submenu #sub-menu-categories, .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories { border-bottom: solid 1px #fafafa; } } .s4d-menu-group-sticky-quick-menu .s4d-menu { margin-bottom: 0rem; background-color: #ffffff; } .s4d-menu-group-sticky-quick-menu .s4d-menu .s4d-navbar-no-auth { display: none !important; } .s4d-menu-group-sticky-quick-menu .dropdown-menu-right { left: 0; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu { background-color: #ffffff; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu #menu-categories { margin-top: 0; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu #menu-categories > li { background-color: #ffffff; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu #menu-categories li .menu__item-icon { color: #858585; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu #menu-categories li a { color: #111111; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu #menu-categories .s4d-menu-category-container { display: flex; flex-direction: row; align-items: center; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu #menu-categories .s4d-menu-category-icon { order: 1; display: flex; margin-right: 0.5rem; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu #menu-categories .s4d-menu-category-icon-img { height: 1.5rem; filter: none; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu #menu-categories .s4d-menu-category-text { order: 2; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu #auth-menu li { background-color: #ffffff; } .with-receipt .s4d-submenu #sub-menu-categories, .with-receipt .s4d-menu #menu-categories, .with-receipt > .s4d-submenu, .with-receipt .s4d-menu { box-shadow: none; } @media (min-width: 992px) and (max-width: 1199px) { .with-receipt .s4d-submenu #sub-menu-categories, .with-receipt .s4d-menu #menu-categories, .with-receipt > .s4d-submenu, .with-receipt .s4d-menu { width: 53.4375rem; } } @media (min-width: 1200px) and (max-width: calc(87.5rem - 1px)) { .with-receipt .s4d-submenu #sub-menu-categories, .with-receipt .s4d-menu #menu-categories, .with-receipt > .s4d-submenu, .with-receipt .s4d-menu { width: 65rem; } } @media (min-width: 87.5rem) { .with-receipt .s4d-submenu #sub-menu-categories, .with-receipt .s4d-menu #menu-categories, .with-receipt > .s4d-submenu, .with-receipt .s4d-menu { width: 54.8125rem; } } .without-receipt .s4d-submenu #sub-menu-categories, .without-receipt .s4d-menu #menu-categories, .without-receipt > .s4d-submenu, .without-receipt .s4d-menu { box-shadow: none; } @media (min-width: 992px) and (max-width: 1199px) { .without-receipt .s4d-submenu #sub-menu-categories, .without-receipt .s4d-menu #menu-categories, .without-receipt > .s4d-submenu, .without-receipt .s4d-menu { width: 53.4375rem; } } @media (min-width: 1200px) and (max-width: calc(87.5rem - 1px)) { .without-receipt .s4d-submenu #sub-menu-categories, .without-receipt .s4d-menu #menu-categories, .without-receipt > .s4d-submenu, .without-receipt .s4d-menu { width: 65rem; } } @media (min-width: 87.5rem) { .without-receipt .s4d-submenu #sub-menu-categories, .without-receipt .s4d-menu #menu-categories, .without-receipt > .s4d-submenu, .without-receipt .s4d-menu { width: 54.8125rem; } } .quick-menu-promotions { margin-left: auto; margin-right: auto; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .quick-menu-promotions { width: 58.75rem; } } @media (min-width: 1200px) { .quick-menu-promotions { width: 72.1875rem; } } .quick-menu-promotions .s4d-submenu, .quick-menu-promotions .container, .quick-menu-promotions ul { padding: 0rem; box-shadow: none; } @media (min-width: 992px) and (max-width: 1199px) { .quick-menu-promotions .s4d-submenu, .quick-menu-promotions .container, .quick-menu-promotions ul { width: 53.4375rem; } } @media (min-width: 1200px) and (max-width: calc(87.5rem - 1px)) { .quick-menu-promotions .s4d-submenu, .quick-menu-promotions .container, .quick-menu-promotions ul { width: 65rem; } } @media (min-width: 87.5rem) { .quick-menu-promotions .s4d-submenu, .quick-menu-promotions .container, .quick-menu-promotions ul { width: 54.8125rem; } } .quick-menu-promotions ul { border-bottom: solid 1px #fafafa; } .s4d-receipt-content-quickmenu { padding-top: 0 !important; padding-bottom: 0 !important; top: unset !important; z-index: 151 !important; } @media (min-width: 992px) { .s4d-receipt-content-quickmenu { transform: translateY(-6.25rem); } } .s4d-receipt-content-quickmenu.affix { top: 5rem !important; padding-top: 0 !important; } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu .dropdown { width: max-content; } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu .dropdown.loyalty-dropdown { display: flex; } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu .dropdown.loyalty-dropdown .dropdown-toggle { display: flex; align-items: center; } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu .dropdown.open .rotate { transform: rotate(180deg); } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu #user-dropdown { line-height: 3.25rem; align-items: center; } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu a { display: flex; } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu li:first-child a.dropdown-toggle img { margin-right: 1rem; } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu li:first-child .chevron-container { padding-left: 0.875rem; align-items: center; display: flex; } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu li:first-child .chevron-container .s4d-chevron-down { font-size: 1.125rem; display: flex; } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu li:first-child .s4d-logout { display: inherit; margin-right: 1.375rem; margin-top: -0.1875rem; font-size: 1.25rem; } .s4d-quick-menu-desktop-new-receipt .container form .auth-menu-container #auth-menu li:first-child .s4d-logout-link a:hover { color: #fcd500 !important; } @media (min-width: 62rem) { .s4d-quick-menu-desktop-new-receipt .container { display: flex; width: 100%; padding-right: 0rem; max-height: 3.375rem; } .s4d-quick-menu-desktop-new-receipt .container .login-container { width: 50%; display: flex; align-items: center; justify-content: flex-start; } .s4d-quick-menu-desktop-new-receipt .container .login-container.loyalty-login-container { justify-content: flex-end; width: auto; } .s4d-quick-menu-desktop-new-receipt .container .login-container form .auth-menu-container { width: auto; } .s4d-quick-menu-desktop-new-receipt .container .login-container form .auth-menu-container #auth-menu .dropdown-menu.s4d-account-menu { left: unset; right: 0rem; top: 3rem; width: 22.5rem; } } @media (min-width: 62rem) and (max-width: calc(87.5rem - 1px)) { .s4d-quick-menu-desktop-new-receipt .container .login-container form .auth-menu-container #auth-menu .dropdown-menu.s4d-account-menu { width: 15.375rem; } } @media (min-width: 62rem) { .s4d-quick-menu-desktop-new-receipt .container .login-container form .auth-menu-container #auth-menu .dropdown-menu.s4d-account-menu li { height: 3.5rem; padding-right: 1.5rem; padding-left: 1.5rem; } .s4d-quick-menu-desktop-new-receipt .container .login-container form .auth-menu-container #auth-menu .dropdown-menu.s4d-account-menu a { display: flex; } .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container { margin-left: 21.5625rem; display: flex; } .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container #auth-menu { display: flex; height: inherit; } .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container #auth-menu.s4d-navbar-no-auth { margin-right: 0rem !important; } .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container #auth-menu.s4d-navbar-no-auth li { height: inherit; } .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container #auth-menu.s4d-navbar-no-auth li a { white-space: nowrap; max-width: 8.75rem; overflow: hidden; text-overflow: ellipsis; display: flex; line-height: 3.25rem; } .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container #auth-menu li:first-child a.login-account::before { margin-right: 1rem; } .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container #auth-menu li a:hover, .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container #auth-menu li a:active, .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container #auth-menu li a:focus { background-color: transparent; } } @media (min-width: 62rem) and (max-width: calc(75rem - 1px)) { .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container { margin-left: 17.25rem; } } @media (min-width: 62rem) and (min-width: 75rem) and (max-width: calc(87.5rem + 4rem)) { .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container { margin-left: 19.5625rem; } } @media (min-width: 62rem) { .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container.loyalty-auth-menu-container { width: 44.4375rem; max-height: 3.375rem; display: flex; justify-content: flex-end; margin-left: 0rem; } } @media (min-width: 62rem) and (max-width: 87.5rem) { .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container.loyalty-auth-menu-container { width: 100%; justify-content: flex-start; } } @media (min-width: 62rem) and (min-width: 87.5rem) and (max-width: calc(87.5rem + 4rem)) { .s4d-quick-menu-desktop-new-receipt .container .login-container .auth-menu-container.loyalty-auth-menu-container { width: 42.5rem; justify-content: flex-end; } } @media (min-width: 62rem) { .s4d-quick-menu-desktop-new-receipt .container .links-container { width: 50%; display: flex; justify-content: flex-end; } .s4d-quick-menu-desktop-new-receipt .container .links-container ul { display: flex; width: 36.0625rem; justify-content: flex-start; white-space: nowrap; } } @media (min-width: 62rem) and (max-width: calc(87.5rem - 12.5625rem)) { .s4d-quick-menu-desktop-new-receipt .container .links-container ul { width: 29.875rem; } } @media (min-width: 62rem) { .s4d-quick-menu-desktop-new-receipt .container #auth-menu.s4d-navbar-no-auth li a:hover { color: #fcd500 !important; background-color: transparent; } .s4d-quick-menu-desktop-new-receipt .container .nav .open > a, .s4d-quick-menu-desktop-new-receipt .container .nav .open > a:hover, .s4d-quick-menu-desktop-new-receipt .container .nav .open > a:focus { background-color: transparent; } } .s4d-menu-body .sticky_sentinel.sticky_sentinel--top { position: absolute; left: 0; right: 0; height: 0.3125rem; top: 9.8125rem; } .s4d-menu-text { padding: 0.9375rem; background-color: #fff; border-radius: 0.125rem; margin-bottom: 0.625rem; margin-top: 0.625rem; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } @media (min-width: 1200px) { .menu-overview-list { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .s4d-products { margin-top: 1.25rem; } .s4d-products .s4d-product-rm-btn { padding: 0; } .s4d-products .s4d-product-banner { display: block; margin-bottom: 1.875rem; background: #fff; border-radius: 0.125rem; overflow: hidden; } .s4d-products .s4d-product-banner img { width: 100%; } .s4d-products .s4d-product-banner-column:nth-child(2n) { display: none; } @media (min-width: 480px) { .s4d-products .s4d-product-banner-column:nth-child(2n) { display: inline-block; } } .s4d-products .s4d-product.s4d-product-favorite-product { padding-top: 0.8125rem; padding-bottom: 0.8125rem; text-align: center; box-shadow: 0 0.3125rem 0 #009a44; border: 0.125rem solid #009a44; } .s4d-products .s4d-product.s4d-product-favorite-product h3 { text-transform: none; font-family: aktuelleregular; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 3rem; font-weight: 400; text-shadow: -0.1875rem 0 #fff, 0 0.1875rem #fff, 0.1875rem 0 #fff, 0 -0.1875rem #fff; background-image: url(/Content/Images/decoration/favorite-product-text-underline.png); background-repeat: no-repeat; background-position: center bottom; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-bottom: 0.375rem; position: absolute; top: 6.25rem; width: 100%; left: 0; } /*double tasty and custom pizza images*/ .s4d-zs-image, .s4d-dt-image { background-size: cover; background-repeat: no-repeat; background-position: center; } .s4d-zs-image { background-image: url("/Content/Themes/Default/Images/product/zs-image.jpg"); } .s4d-dt-image { background-image: url("/Content/Themes/Default/Images/product/dt-image.jpg"); } .s4d-products .s4d-product { position: relative; padding: 0.9375rem; margin-bottom: 1.875rem; background: #fff; border-radius: 0.125rem; -webkit-box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); -moz-box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); } .s4d-products .s4d-product h3 { margin: 0 0 0.5rem; } .s4d-products .s4d-product h3 .s4d-action-text { color: #db2c27; font-weight: 700; } .s4d-products .s4d-product .s4d-product-image { position: relative; margin-right: 0.9375rem; width: 5rem; height: 5rem; display: block; float: left; overflow: hidden; } .s4d-products .s4d-product .s4d-product-image img { max-width: 100%; max-height: 100%; } .s4d-products .s4d-product .s4d-product-decription { margin: 0; overflow: hidden; } .s4d-products .s4d-product .s4d-product-decription__customize-button { bottom: 0; width: 100%; margin-top: auto; } @media (min-width: 48rem) { .s4d-products .s4d-product .s4d-product-decription__customize-button { display: none; } } .s4d-products .s4d-product .s4d-product-decription.s4d-dtzs-product { padding-left: 6.875rem; position: relative; } .s4d-products .s4d-product .s4d-product-decription.s4d-dtzs-product .s4d-product-image { width: 5.9375rem; position: absolute; left: 0; top: 0; bottom: 0; height: auto; overflow: hidden; margin: 0; } .s4d-products .s4d-product .s4d-product-decription.s4d-dtzs-product .s4d-product-image img { width: 100%; height: 100%; object-fit: cover; } .s4d-products .s4d-product .s4d-product-decription.s4d-dtzs-product h3 { color: #4d4d4d; } .s4d-products .s4d-product .s4d-product-decription.s4d-dtzs-product h3 p { margin: 0; display: inline; } .s4d-products .s4d-product .s4d-product-decription .upsell { padding-bottom: 0.625rem; background-color: rgb(244, 244, 244); font-size: 0.75rem; } .s4d-products .s4d-product .s4d-product-decription .upsell__text--no-mobile { display: block; text-align: left; text-indent: 0.9375rem; margin-top: 0.625rem; } .s4d-products .s4d-product .s4d-product-decription .upsell__text--mobile { display: none; } @media (max-width: 991px) { .s4d-products .s4d-product .s4d-product-decription .upsell__text--no-mobile { display: none; } .s4d-products .s4d-product .s4d-product-decription .upsell__text--mobile { display: block; font-size: 1.25rem; text-indent: 0rem; margin-top: 1.25rem; } } @media (max-width: 400px) { .s4d-products .s4d-product .s4d-product-decription .upsell__text--mobile { font-size: 1rem; } } .s4d-products .s4d-product .s4d-product-decription .upsell__content { display: inline-flex; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (max-width: 991px) { .s4d-products .s4d-product .s4d-product-decription .upsell__content { padding-left: 0rem; padding-right: 0rem; } } .s4d-products .s4d-product .s4d-product-decription .upsell__content__left { padding-right: 0.3125rem; max-width: 4.6875rem; } @media (max-width: 991px) { .s4d-products .s4d-product .s4d-product-decription .upsell__content__left { width: 35%; max-width: none; } } .s4d-products .s4d-product .s4d-product-decription .upsell__content__left img { width: 4.375rem; } @media (max-width: 991px) { .s4d-products .s4d-product .s4d-product-decription .upsell__content__left img { width: 7.5rem; margin-right: auto; margin-left: auto; display: block; margin-top: 1.25rem; } } @media (max-width: 400px) { .s4d-products .s4d-product .s4d-product-decription .upsell__content__left img { width: 6.25rem; } } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right { width: 100%; } @media (max-width: 991px) { .s4d-products .s4d-product .s4d-product-decription .upsell__content__right { width: 65%; padding-left: 0.9375rem; padding-right: 0.9375rem; } } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .price-and-title .title { margin-bottom: 0.625rem; } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .price-and-title .title, .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .price-and-title .price { font-size: 0.75rem; color: #484848; text-align: left; margin-top: 0rem; display: block; font-weight: 500; } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .price-and-title .price { margin-bottom: 0.625rem; } @media (max-width: 991px) { .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .price-and-title .title, .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .price-and-title .price { font-size: 1.25rem; text-indent: 0rem; display: inline-block; } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .price-and-title .title { float: left; } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .price-and-title .price { float: right; } } @media (max-width: 400px) { .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .price-and-title .title, .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .price-and-title .price { font-size: 1rem; } } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control { position: relative; } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control .s4d-product-amount { line-height: 1.5rem; } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control .s4d-product-amount .s4d-product-amount-minus, .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control .s4d-product-amount .s4d-product-amount-plus { width: 1.5625rem; height: 1.5625rem; min-width: 1.5625rem; line-height: 1.5625rem; } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control .btn { font-size: 0.75rem; position: absolute; right: 0; } @media (max-width: 991px) { .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control { padding-top: 1.875rem; clear: both; } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control .s4d-product-amount { line-height: 1.75rem; } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control .s4d-product-amount .s4d-product-amount-minus, .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control .s4d-product-amount .s4d-product-amount-plus { width: 1.875rem; height: 1.875rem; min-width: 1.875rem; line-height: 1.75rem; } .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control .btn { font-size: 0.875rem; position: absolute; right: 0; } } @media (max-width: 400px) { .s4d-products .s4d-product .s4d-product-decription .upsell__content__right .s4d-product-order-control { padding-top: 0.625rem; } } .s4d-products .s4d-product .s4d-product-decription .s4d-product__lowest-price { align-self: stretch; color: #484848; display: inline-flex; font-size: 0.875rem; line-height: 1.25rem; white-space: nowrap; } .s4d-products .s4d-product .s4d-product-decription .s4d-product__lowest-price__value { padding-left: 0.3125rem; } @media (max-width: 767px) { .btn-xs-droplines { white-space: normal; height: fit-content !important; line-height: 1.25rem !important; display: inline-flex; align-items: center; justify-content: center; min-height: 2.25rem; width: 100%; } } .row-aligncenter { align-items: center; } .s4d-products .s4d-product .s4d-product-controls { position: relative; clear: both; } .s4d-products .s4d-product .s4d-product-controls .s4d-product__lowest-price { display: none; } @media (max-width: 767px) { .s4d-products .s4d-product .s4d-product-controls.s4d-product-controls-dt-zs { display: none; } } .s4d-products .s4d-product .s4d-product-controls.s4d-product-controls-dt-zs .btn-primary { margin-left: auto; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options { margin-top: 0.3125rem; margin-bottom: 0.9375rem; display: block; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options label { font-style: italic; font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-vipcard-old-price { right: 1.5rem; left: auto; text-decoration: line-through; position: absolute; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-vipcard-old-price.static { right: 0; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value-static { font-weight: 700; height: 2.25rem; line-height: 2.25rem; display: block; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value-static .s4d-pizza-type-name { width: 6.5625rem; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; } @media (max-width: 480px) { .s4d-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value-static .s4d-pizza-type-name { width: fit-content; max-width: 7.1875rem; } } @media (max-width: 360px) { .s4d-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value-static .s4d-pizza-type-name { width: fit-content; max-width: 6.5625rem; } } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value-static .s4d-pizz-type-name-glutenfree { width: calc(100% - 4.375rem); float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value { position: relative; padding: 0 1.5625rem 0 0; font-size: 0.8125rem; border-bottom: 1px solid #858585; background-color: #fff; background-image: url(/Content/Images/icons/dropdown-caret.png); background-repeat: no-repeat; background-position: right center; height: 1.875rem; line-height: 1.75rem; display: block; cursor: pointer; color: #4d4d4d; font-weight: 700; } .s4d-products .s4d-product .s4d-action-badge { width: 3.125rem; height: 3.125rem; position: absolute; left: 3.125rem; top: 3.125rem; z-index: 1; } .s4d-products .s4d-product .s4d-action-badge img { width: 100%; height: 100%; } @media (min-width: 360px) { .s4d-products .s4d-product .s4d-action-badge { top: 4.375rem; } } @media (min-width: 480px) { .s4d-products .s4d-product .s4d-action-badge { left: 4.375rem; } } @media (min-width: 1200px) { .s4d-products .s4d-product .s4d-action-badge { left: 5rem; top: 5.625rem; } } .s4d-products .s4d-product .s4d-out-of-stock-label { background-color: #b5b5b5; color: #ffffff; font-weight: 700; padding: 0.3125rem 0.625rem; font-size: 0.75rem; border-radius: 0rem 0.1875rem 0.1875rem 0rem; position: absolute; left: 0; top: 1.125rem; z-index: 9; } .s4d-products .s4d-product .add-menu-overview-product-button:disabled, .s4d-products .s4d-product .add-menu-overview-customer-product-button:disabled, .s4d-products .s4d-product .add-search-product-button:disabled { background-color: #858585; border-color: #858585; color: #ffffff; } .s4d-products .s4d-product .add-menu-overview-product-button:disabled:hover, .s4d-products .s4d-product .add-menu-overview-customer-product-button:disabled:hover, .s4d-products .s4d-product .add-search-product-button:disabled:hover { color: #ffffff; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-product-decription { padding-right: 0.3125rem; padding-left: 0.3125rem; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-favorite-product-imagelabel { display: block; padding-bottom: 0.125rem; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-product-image { float: none; display: inline-block; margin-right: 0; width: 5.625rem; height: 5.625rem; border-radius: 3.125rem; border: 0.25rem solid #6c2d6f; margin-top: 0.75rem; margin-bottom: 1.375rem; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-product-image img { width: 100%; height: 100%; } .s4d-products .s4d-product a.s4d-product-image::after { content: " "; position: absolute; bottom: 0; right: 0; left: 0; top: 0; background: url(/Content/Images/product/product-hover-zoom.png) center no-repeat; opacity: 0; transition: all 0.2s; } .s4d-products .s4d-product a.s4d-product-image:hover::after { opacity: 1; } .s4d-product-properties { position: absolute; top: 0.625rem; left: 0.9375rem; z-index: 1; } .s4d-product-search-result .s4d-search-no-result { position: relative; padding: 0.9375rem; margin-bottom: 1.875rem; background: #fff; -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); border-radius: 0.375rem; font-style: italic; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-product-controls .s4d-product-options .s4d-product-option-value .s4d-pizza-type-name { float: left; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-product-controls .s4d-product-options .s4d-text-color-light { display: none; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-product-option-value.active { z-index: 11; border-bottom-color: transparent; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-amount { position: absolute; bottom: 0; left: 0; padding-right: 0; } .s4d-products .s4d-product .s4d-product-controls .s4d-menu-overview-product-btn-block { padding-left: 5.9375rem; } .s4d-products .s4d-product .s4d-product-controls .btn-primary { display: block; width: 100%; } .s4d-products .s4d-product-facebook-friends { padding-top: 0.9375rem; height: 5.75rem; } .s4d-products .s4d-product-facebook-friends .s4d-product-facebook-friends-title { margin-bottom: 0.3125rem; display: block; color: #3b5998; } .s4d-products .s4d-product-facebook-friends img { display: inline-block; margin: 0 0.125rem; width: 2.1875rem; border-radius: 100%; border: solid 0.1875rem #3b5998; } .s4d-products .s4d-product-upsell { position: relative; margin-left: -0.9375rem; background-image: none; background-size: 100%; margin-right: -0.9375rem; margin-bottom: -0.9375rem; padding: 0.9375rem; margin-top: 0.9375rem; } .s4d-products .s4d-product-upsell .s4d-upsell-inner { padding-left: 5.625rem; } .s4d-products .s4d-product-upsell .s4d-product-image { position: absolute; left: 0.9375rem; top: 0.9375rem; } .s4d-products .s4d-product-upsell .btn { float: right; } .s4d-products .s4d-product-upsell .btn-light { border-radius: 0.125rem; background-color: #fff; padding: 0.15625rem 0.8125rem; font-size: 0.75rem; -webkit-box-shadow: 0rem 1px 0.25rem 0rem rgba(0, 0, 0, 0.19), 0rem 0.125rem 0.3125rem 0rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0rem 1px 0.25rem 0rem rgba(0, 0, 0, 0.19), 0rem 0.125rem 0.3125rem 0rem rgba(0, 0, 0, 0.1); box-shadow: 0rem 1px 0.25rem 0rem rgba(0, 0, 0, 0.19), 0rem 0.125rem 0.3125rem 0rem rgba(0, 0, 0, 0.1); } .s4d-products .s4d-product-upsell .btn-light:hover, .s4d-products .s4d-product-upsell .btn-light:focus { background-color: #f7f7f7; } .s4d-products .s4d-product-upsell .s4d-upsell-amount { height: 1.5rem; } .s4d-products .s4d-product-upsell .s4d-upsell-amount span, .s4d-products .s4d-product-upsell .s4d-upsell-amount a { height: 1.5rem; width: 1.5rem; min-width: 1.5rem; line-height: 1.3125rem; font-size: 0.75rem; } .s4d-products .s4d-product-upsell .s4d-upsell-amount a { font-size: 0.5625rem; } .s4d-products .s4d-product-upsell .s4d-product-image img { height: 4rem; } .s4d-products .s4d-product-upsell h4, .s4d-products .s4d-product-upsell .h4 { margin: 0.5em 0 0.375rem; font-size: 0.75rem; display: block; } .s4d-products .s4d-product-upsell h4 { color: #4d4d4d; font-weight: 700; margin-bottom: 0.5rem; } .s4d-products .s4d-product-upsell .h4 { font-weight: 400; margin-top: 0; } .s4d-products .s4d-product-upsell .s4d-product-price { font-size: 0.75rem; font-weight: 700; display: block; } .s4d-products .s4d-product-upsell .s4d-product-price .s4d-vipcard-old-price { text-decoration: line-through; font-style: italic; font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; margin-right: 0.3125rem; } @media (min-width: 480px) { .s4d-products .s4d-product-upsell .s4d-product-price .s4d-vipcard-old-price { margin-top: -1rem; margin-right: 0; display: block; } } .s4d-products .s4d-product-upsell .s4d-product-upsell-name { display: block; line-height: 1.4; } .s4d-products .s4d-product-decoration img { width: 100%; } .s4d-products .s4d-dtzs-product .s4d-product-controls .btn-primary { margin-left: 0; white-space: normal; } .s4d-products .s4d-product .s4d-product-controls .s4d-edit-pizza { white-space: normal; line-height: normal; font-weight: 500; color: #009a44; padding: 0.3125rem 0rem; } .s4d-products .s4d-product .s4d-product-controls .s4d-edit-pizza::before { display: none; } @media (min-width: 360px) { .s4d-products .s4d-product .s4d-product-controls .s4d-product-options { padding-left: 5.9375rem; margin-top: 1.25rem; margin-bottom: 0.9375rem; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-product-controls .s4d-product-options { padding-left: 0; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options label { position: absolute; top: -1.125rem; left: 5.9375rem; } .s4d-products .s4d-product .s4d-product-controls .s4d-edit-pizza { max-width: 6rem; position: absolute; top: 1px; left: 0; } } @media (min-width: 480px) { .s4d-products .s4d-product-upsell .s4d-upsell-inner { padding-left: 7.5rem; } .s4d-products .s4d-product-upsell .s4d-product-price { float: right; } .s4d-products .s4d-product-upsell .s4d-product-upsell-name { display: inline-block; } .s4d-products .s4d-product .s4d-product-image { width: 6.5625rem; height: 6.5625rem; } .s4d-products .s4d-dtzs-product .s4d-product-image { width: 6.5625rem; height: 6.5625rem; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options { padding-left: 7.5rem; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options label { left: 7.5rem; } .s4d-products .s4d-dtzs-product .s4d-product-controls .btn-primary { margin-left: 0; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-product-controls .s4d-product-amount { left: 0; } .s4d-products .s4d-product .s4d-product-controls .s4d-menu-overview-product-btn-block { padding-left: 7.5rem; } .s4d-products .s4d-product .s4d-product-controls .s4d-edit-pizza { max-width: none; } } @media (min-width: 480px) { .s4d-products .s4d-product .s4d-product-decription { height: 8.625rem; } .s4d-products .s4d-product .s4d-product-decription p.small { font-size: 0.6875rem; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-product-decription { height: 3.125rem; } .s4d-products .s4d-dtzs-product .s4d-product-image { width: 5rem; height: 5rem; } .s4d-products .s4d-product-decoration { max-height: 5.625rem; margin-top: 0.125rem; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-product-decoration { display: none; } .s4d-products .s4d-product-upsell { padding-top: 0.9375rem; } .s4d-products .s4d-product-upsell .s4d-product-upsell-name { max-width: 9.375rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } @media (min-width: 480px) { .s4d-products .s4d-product-upsell .s4d-product-upsell-name { max-width: 8.125rem; } } @media (min-width: 1200px) { .s4d-products .s4d-product .s4d-product-decription { height: 6.75rem; } .s4d-products .s4d-product .s4d-product-decription p.small { font-size: 85%; } .s4d-products .s4d-product-upsell .s4d-upsell-inner { padding-left: 8.4375rem; } .s4d-products .s4d-product-upsell .s4d-product-upsell-name { max-width: 13.75rem; } .s4d-products .s4d-product .s4d-product-image { width: 7.5rem; height: 7.5rem; } .s4d-products .s4d-product.s4d-dtzs-product { padding-left: 9.375rem; } .s4d-products .s4d-product.s4d-dtzs-product .s4d-product-image { width: 8.125rem; height: 100%; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-amount { left: 0.3125rem; } .s4d-products .s4d-product.s4d-product-favorite-product .s4d-product-controls .s4d-product-amount { left: 0; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options { padding-left: 8.4375rem; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options label { left: 8.4375rem; } .s4d-products .s4d-product .s4d-product-controls .s4d-menu-overview-product-btn-block { padding-left: 8.4375rem; } .s4d-products .s4d-product-facebook-friends img { width: 2.8125rem; } } @media (min-width: 1200px) { .s4d-products .s4d-product-facebook-friends img { width: 3.125rem; } } @media (min-width: 480px) { .s4d-products .s4d-dtzs-product { cursor: pointer; } .s4d-products .s4d-dtzs-product .s4d-product-decription { height: 6rem; } .s4d-products .s4d-dtzs-product .s4d-product-controls { clear: none; } } @media (min-width: 1200px) { .s4d-products .s4d-dtzs-product .s4d-product-decription { height: 5.3125rem; } } .s4d-empty-message { content: " "; display: block; height: 1px; } /*Simple product blocks*/ .s4d-products .s4d-product-simple { background-color: #fff; box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.9375rem; padding: 0; border-radius: 0; } .s4d-products .s4d-product-simple .s4d-out-of-stock-label { background-color: #b5b5b5; color: #fff; font-weight: 700; padding: 0.3125rem 0.625rem; font-size: 0.75rem; border-radius: 0rem 0.1875rem 0.1875rem 0rem; position: absolute; left: 0.9375rem; top: 1.125rem; z-index: 9; } .s4d-products .s4d-product-simple .s4d-product-properties { position: absolute; width: 35%; text-align: center; max-width: none; left: 0.9375rem; top: 0.9375rem; } .s4d-products .s4d-product-simple .s4d-product-properties .s4d-product-property { float: none; width: 1.25rem; height: 1.25rem; display: inline-block; border-radius: 50%; line-height: 0; padding: 0.1875rem; background-color: #fff; box-shadow: 0rem 0.1875rem 0.25rem 0rem rgba(0, 0, 0, 0.15); } .s4d-products .s4d-product-simple .s4d-product-decription { max-width: 65%; -webkit-box-flex: 0 0 65%; -moz-box-flex: 0 0 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; } .s4d-products .s4d-product-simple .upsell { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .s4d-products .s4d-product-simple .s4d-product-image { -webkit-box-flex: 0 0 35%; -moz-box-flex: 0 0 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; min-width: 35%; position: relative; overflow: hidden; width: auto; height: 10.375rem; float: none; margin: 0; padding: 0.25rem; align-self: center; } .s4d-products .s4d-product-simple .s4d-product-image img { object-fit: contain; } .s4d-products .s4d-product-simple .s4d-product-image a { display: block; height: 100%; } .s4d-products .s4d-product-simple .s4d-product-image .s4d-product-img { width: 100%; height: 100%; object-fit: cover; object-position: -5rem; } @media (min-width: 480px) { .s4d-products .s4d-product-simple .s4d-product-image .s4d-product-img { object-position: 0; object-fit: contain; } } .s4d-products .s4d-product-simple .s4d-product-image .s4d-action-badge { position: absolute; right: 0; left: auto; top: 50%; width: 3.125rem; height: 3.125rem; margin-top: -1.5625rem; } .s4d-products .s4d-product-simple .s4d-product-image .s4d-action-badge img { width: 100%; } .s4d-products .s4d-product-simple .s4d-product-image .s4d-edit-pizza { background-color: #fff; box-shadow: 0rem 0.1875rem 0.25rem 0rem rgba(0, 0, 0, 0.15); position: absolute; left: 50%; bottom: 0.9375rem; border-radius: 0.8125rem; transform: translate(-50%, 0); text-align: center; height: auto; line-height: 1.25; white-space: break-spaces; margin-right: -25%; } .s4d-products .s4d-product-simple .s4d-product-image.s4d-dt-image, .s4d-products .s4d-product-simple .s4d-product-image.s4d-zs-image { background-position: 110% 50%; background-size: 150%; } .s4d-products .s4d-product-simple .btn-link { color: #858585; } .s4d-products .s4d-product-simple .btn-link::before { display: none; } .s4d-products .s4d-product-simple .s4d-product-decription { width: 100%; padding: 0.9375rem; height: auto; overflow: visible; } .s4d-products .s4d-product-simple .s4d-product-decription h3 { margin-top: 0; font-size: 1rem; color: #484848; margin-bottom: 0.3125rem; } .s4d-products .s4d-product-simple .s4d-product-decription h3 .s4d-action-text { color: #009a44; } .s4d-products .s4d-product-simple .s4d-product-options { margin: 0 !important; padding: 0 !important; } .s4d-products .s4d-product-simple .s4d-product-options label { display: none; } .s4d-products .s4d-product-simple .s4d-product-options .s4d-dropdown { font-size: 0.8125rem; margin-bottom: 0.625rem; } .s4d-products .s4d-product-simple .s4d-product-options .s4d-product-option-value-static { display: block; width: 100%; height: 2.125rem; text-align: left; margin-bottom: 0.625rem; margin-top: 0.9375rem; padding: 0.375rem 0.5rem; } .s4d-products .s4d-product-simple .s4d-product-order-control { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 360px) { .s4d-products .s4d-product-simple .s4d-product-order-control { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .s4d-products .s4d-product-simple .s4d-product-order-control .s4d-menu-overview-product-btn-block { margin-top: 0.8125rem; } } .s4d-products .s4d-product-simple .s4d-product-order-control .s4d-product-amount { height: 1.875rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-right: 0.625rem; position: relative; } .s4d-products .s4d-product-simple .s4d-product-order-control .s4d-product-amount .s4d-product-amount-value { width: 1.125rem; min-width: 1.125rem; } .s4d-products .s4d-product-simple .s4d-product-order-control .s4d-menu-overview-product-btn-block { width: 100%; padding: 0; } .s4d-products .s4d-product-simple .s4d-product-order-control .s4d-menu-overview-product-btn-block .btn { width: 100%; } .s4d-products .s4d-product-simple.out-of-stock .s4d-product-image img { -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */ filter: grayscale(50%); opacity: 0.5; } .s4d-products .s4d-product-simple.out-of-stock .s4d-product-order-control .s4d-menu-overview-product-btn-block .btn { border: 1px solid #b7b7b7; color: #b7b7b7; } @media (min-width: 480px) { .s4d-products .s4d-product-simple { margin-bottom: 1.875rem; } .s4d-products .s4d-product-simple .s4d-product-decription h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 1.3125rem; } } @media (min-width: 480px) { .s4d-products .s4d-product-simple { text-align: center; height: calc(100% - 1.875rem); -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .s4d-products .s4d-product-simple .s4d-product-properties { left: 0.9375rem; right: 0.9375rem; width: auto; max-width: none; } .s4d-products .s4d-product-simple .s4d-product-decription { max-width: unset; text-align: center; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .s4d-products .s4d-product-simple .upsell { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .s4d-products .s4d-product-simple .s4d-product-image { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; overflow: visible; height: 10.625rem; } .s4d-products .s4d-product-simple .s4d-product-image .s4d-product-img { position: static; width: 100%; height: 10.625rem; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-top: 0.9375rem; object-fit: contain; object-position: center; } .s4d-products .s4d-product-simple .s4d-product-image .s4d-action-badge { right: 1.875rem; } .s4d-products .s4d-product-simple .s4d-product-image.s4d-dt-image, .s4d-products .s4d-product-simple .s4d-product-image.s4d-zs-image { background-position: center; background-size: contain; width: 100%; display: block; } .s4d-products .s4d-product-simple .s4d-product-decription { margin-top: auto; } } @media (min-width: 1200px) { .s4d-products .s4d-product-simple .s4d-product-image { height: 13.75rem; } .s4d-products .s4d-product-simple .s4d-product-image .s4d-product-img { height: 13.75rem; } } @media (min-width: 480px) { .s4d-products .s4d-product-simple .s4d-product-amount a, .s4d-products .s4d-product-simple .s4d-product-amount span { width: 1.875rem; height: 1.875rem; min-width: 1.875rem; line-height: 1.75rem; } } @media (min-width: 480px) { .s4d-product-flex-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .s4d-product-flex-row .col-md-4 { -webkit-box-flex: 0 0 33.33333%; -moz-box-flex: 0 0 33.33333%; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; } } @media (min-width: 0\0 ) { .s4d-product-flex-row { width: calc(100% + 1.875rem); } } @media (min-width: 0\0 ) and (min-width: 480px) { .s4d-product-flex-row { width: calc(100% - 3.75rem); } .s4d-product-flex-row .s4d-product-simple .s4d-product-image .s4d-product-img { width: auto; } } @media (min-width: 0\0 ) and (max-width: 991px) { .s4d-products .s4d-product-simple .s4d-product-image .s4d-product-img { height: 150%; top: -25%; } } #s4d-search-result-inner .s4d-product-search-result .s4d-product { width: 100%; } .s4d-pizza-circle-mobile-container { display: none; } @media (max-width: 767px) { .s4d-pizza-circle-mobile-container { display: flex; flex-direction: row; justify-content: center; } } .s4d-pizza-circle { position: relative; width: 12.5rem; height: 12.5rem; border-radius: 50%; list-style: none; overflow: hidden; } .s4d-pizza-slice { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% 100%; background-image: url(/Content/Images/product/nothing-selected.png); } .s4d-pizza-2-slice-1 { clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%); } .s4d-pizza-2-slice-2 { clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%); } .s4d-pizza-3-slice-1 { clip-path: polygon(50% 50%, 21% 0%, 100% 0%, 100% 50%); } .s4d-pizza-3-slice-2 { clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 21% 100%); } .s4d-pizza-3-slice-3 { clip-path: polygon(50% 50%, 21% 100%, 0% 100%, 0% 0%, 21% 0%); } .s4d-pizza-4-slice-1 { clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%); } .s4d-pizza-4-slice-2 { clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 50% 100%); } .s4d-pizza-4-slice-3 { clip-path: polygon(0% 50%, 50% 50%, 50% 100%, 0% 100%); } .s4d-pizza-4-slice-4 { clip-path: polygon(0% 0%, 50% 0%, 50% 50%, 0% 50%); } .s4d-pizza-5-slice-1 { clip-path: polygon(50% 50%, 66% 0%, 100% 0%, 100% 50%); } .s4d-pizza-5-slice-2 { clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 66% 100%); } .s4d-pizza-5-slice-3 { clip-path: polygon(50% 50%, 66% 100%, 0% 100%, 0% 86%); } .s4d-pizza-5-slice-4 { clip-path: polygon(50% 50%, 0% 86%, 0% 13%); } .s4d-pizza-5-slice-5 { clip-path: polygon(50% 50%, 0% 13%, 0% 0%, 66% 0%); } .s4d-pizza-6-slice-1 { clip-path: polygon(50% 50%, 21% 0%, 79% 0%); } .s4d-pizza-6-slice-2 { clip-path: polygon(50% 50%, 79% 0%, 100% 0%, 100% 50%); } .s4d-pizza-6-slice-3 { clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 79% 100%); } .s4d-pizza-6-slice-4 { clip-path: polygon(50% 50%, 79% 100%, 21% 100%); } .s4d-pizza-6-slice-5 { clip-path: polygon(50% 50%, 21% 100%, 0% 100%, 0% 50%); } .s4d-pizza-6-slice-6 { clip-path: polygon(50% 50%, 0% 50%, 0% 0%, 21% 0%); } .s4d-pizza-7-slice-1 { clip-path: polygon(50% 50%, 39% 0%, 90% 0%); } .s4d-pizza-7-slice-2 { clip-path: polygon(50% 50%, 90% 0%, 100% 0%, 100% 50%); } .s4d-pizza-7-slice-3 { clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 90% 100%); } .s4d-pizza-7-slice-4 { clip-path: polygon(50% 50%, 90% 100%, 36% 100%); } .s4d-pizza-7-slice-5 { clip-path: polygon(50% 50%, 36% 100%, 0% 100%, 0% 74%); } .s4d-pizza-7-slice-6 { clip-path: polygon(50% 50%, 0% 74%, 0% 25%); } .s4d-pizza-7-slice-7 { clip-path: polygon(50% 50%, 0% 25%, 0% 0%, 39% 0%); } .s4d-pizza-8-slice-1 { clip-path: polygon(50% 50%, 50% 0%, 100% 0%); } .s4d-pizza-8-slice-2 { clip-path: polygon(50% 50%, 100% 0%, 100% 50%); } .s4d-pizza-8-slice-3 { clip-path: polygon(50% 50%, 100% 50%, 100% 100%); } .s4d-pizza-8-slice-4 { clip-path: polygon(50% 50%, 100% 100%, 50% 100%); } .s4d-pizza-8-slice-5 { clip-path: polygon(50% 50%, 50% 100%, 0% 100%); } .s4d-pizza-8-slice-6 { clip-path: polygon(50% 50%, 0% 100%, 0% 50%); } .s4d-pizza-8-slice-7 { clip-path: polygon(50% 50%, 0% 50%, 0% 0%); } .s4d-pizza-8-slice-8 { clip-path: polygon(50% 50%, 0% 0%, 50% 0%); } .s4d-pizza-2-slice-1-margin { clip-path: polygon(0% 0%, 49.275% 0%, 49.275% 100%, 0% 100%); } .s4d-pizza-2-slice-2-margin { clip-path: polygon(50.543% 0%, 100% 0%, 100% 100%, 50.543% 100%); } .s4d-pizza-3-slice-1-margin { clip-path: polygon(50.362% 49.457%, 21.92% 0%, 100% 0%, 100% 49.457%); } .s4d-pizza-3-slice-2-margin { clip-path: polygon(50.362% 50.543%, 100% 50.543%, 100% 100%, 21.92% 100%); } .s4d-pizza-3-slice-3-margin { clip-path: polygon(49.457% 50%, 20.652% 100%, 0% 100%, 0% 0%, 20.652% 0%); } .s4d-pizza-4-slice-1-margin { clip-path: polygon(50.725% 49.457%, 50.725% 0%, 100% 0%, 100% 49.457%); } .s4d-pizza-4-slice-2-margin { clip-path: polygon(50.725% 50.725%, 100% 50.725%, 100% 100%, 50.725% 100%); } .s4d-pizza-4-slice-3-margin { clip-path: polygon(49.457% 50.725%, 49.457% 100%, 0% 100%, 0% 50.725%); } .s4d-pizza-4-slice-4-margin { clip-path: polygon(49.457% 49.457%, 0% 49.457%, 0% 0%, 49.457% 0%); } .s4d-pizza-5-slice-1-margin { clip-path: polygon(50.906% 49.457%, 66.848% 0%, 100% 0%, 100% 49.457%); } .s4d-pizza-5-slice-2-margin { clip-path: polygon(50.906% 50.724%, 100% 50.724%, 100% 100%, 66.848% 100%); } .s4d-pizza-5-slice-3-margin { clip-path: polygon(49.819% 50.906%, 65.761% 100%, 0% 100%, 0% 87.138%); } .s4d-pizza-5-slice-4-margin { clip-path: polygon(49.095% 50.181%, 0% 85.688%, 0% 14.493%, 49.095% 50%); } .s4d-pizza-5-slice-5-margin { clip-path: polygon(49.819% 49.275%, 0% 13.043%, 0% 0%, 65.761% 0%); } .s4d-pizza-6-slice-1-margin { clip-path: polygon(51.087% 49.457%, 79.529% 0%, 100% 0%, 100% 49.457%); } .s4d-pizza-6-slice-2-margin { clip-path: polygon(51.087% 50.725%, 100% 50.725%, 100% 100%, 79.529% 100%); } .s4d-pizza-6-slice-3-margin { clip-path: polygon(50.181% 51.268%, 78.261% 100%, 21.92% 100%, 50% 51.268%); } .s4d-pizza-6-slice-4-margin { clip-path: polygon(49.094% 50.725%, 20.652% 100%, 0% 100%, 0% 50.725%); } .s4d-pizza-6-slice-5-margin { clip-path: polygon(49.094% 49.457%, 0% 49.457%, 0% 0%, 20.652% 0%); } .s4d-pizza-6-slice-6-margin { clip-path: polygon(50% 48.913%, 21.92% 0%, 78.261% 0%, 50.181% 48.913%); } .s4d-pizza-7-slice-1-margin { clip-path: polygon(51.268% 49.457%, 90.761% 0%, 100% 0%, 100% 49.457%); } .s4d-pizza-7-slice-2-margin { clip-path: polygon(51.268% 50.725%, 100% 50.725%, 90.761% 100%); } .s4d-pizza-7-slice-3-margin { clip-path: polygon(50.362% 51.268%, 89.312% 100%, 39.312% 100%); } .s4d-pizza-7-slice-4-margin { clip-path: polygon(49.275% 51.087%, 38.043% 100%, 0% 100%, 0% 74.819%); } .s4d-pizza-7-slice-5-margin { clip-path: polygon(48.732% 50.181%, 0% 73.551%, 0% 26.63%, 48.732% 50%); } .s4d-pizza-7-slice-6-margin { clip-path: polygon(49.275% 49.094%, 0% 25.362%, 0% 0%, 38.043% 0%); } .s4d-pizza-7-slice-7-margin { clip-path: polygon(50.362% 48.913%, 39.312% 0%, 89.312% 0%); } .s4d-pizza-8-slice-1-margin { clip-path: polygon(50.725% 48.732%, 50.725% 0%, 99.094% 0%); } .s4d-pizza-8-slice-2-margin { clip-path: polygon(51.449% 49.457%, 100% 0.906%, 100% 49.457%); } .s4d-pizza-8-slice-3-margin { clip-path: polygon(51.449% 50.725%, 100% 50.725%, 100% 99.094%); } .s4d-pizza-8-slice-4-margin { clip-path: polygon(50.725% 51.449%, 99.094% 100%, 50.725% 100%); } .s4d-pizza-8-slice-5-margin { clip-path: polygon(49.457% 51.449%, 49.457% 100%, 0.906% 100%); } .s4d-pizza-8-slice-6-margin { clip-path: polygon(48.732% 50.725%, 0% 99.094%, 0% 50.725%); } .s4d-pizza-8-slice-7-margin { clip-path: polygon(48.732% 49.457%, 0% 49.457%, 0% 0.906%); } .s4d-pizza-8-slice-8-margin { clip-path: polygon(49.457% 48.732%, 0.906% 0%, 49.457% 0%); } .XTastyPizzaList { height: 5.3125rem; } #mobile-menu { width: 100%; scrollbar-width: none; } #mobile-menu::-webkit-scrollbar { display: none; } #mobile-menu ul { display: flex; justify-content: space-between; width: 100%; padding: 0 0.9375rem; align-items: center; margin-top: 0.3125rem; margin-bottom: 0.3125rem; height: 1.875rem; } #mobile-menu ul .s4d-menu-category-container { display: flex; flex-direction: row; align-items: center; } #mobile-menu ul .s4d-menu-category-icon { display: flex; } #mobile-menu ul .s4d-menu-category-icon-img { filter: none; height: 1.5rem; order: 1; margin-right: 0.25rem; } #mobile-menu ul .s4d-menu-category-text { order: 2; color: #111111; } #mobile-menu ul .menu__item { border-radius: 1.5625rem; list-style: none; font-weight: 700; padding: 0 0.9375rem; white-space: nowrap; } #mobile-menu ul .menu__item .menu__link { color: #111111; } #mobile-menu ul .menu__item .menu__link:hover { text-decoration: none; } #mobile-menu ul .menu__item:last-child { padding-right: 0.625rem; } #mobile-menu ul .menu__item.active { padding: 0.3125rem 0.625rem; background: #009a44; } #mobile-menu ul .menu__item.active .s4d-menu-category-text { color: #ffffff; } #mobile-menu ul .menu__item.active .s4d-menu-category-icon-img { filter: invert(96%) sepia(7%) saturate(130%) hue-rotate(201deg) brightness(115%) contrast(100%); } @media (max-width: 991px) { #mobile-menu { background-color: #fff; overflow-x: scroll; margin-top: 0.5rem; } } .s4d-content-desktop-banner { padding-top: 1.25rem; } .s4d-content-desktop-banner img { max-height: 21.875rem; width: 100%; border-radius: 0.625rem 0rem; } @media (max-width: 991px) { .s4d-body-website-alert .search-bar { top: 3.4375rem; } } .s4d-submenu-without-category { display: none; } @media (max-width: 767px) { .row-xs-nosidepadding { padding-left: 0rem; padding-right: 0rem; } } @media (max-width: 767px) { .container-xs-biggerpadding { padding-left: 1.25rem; padding-right: 1.25rem; } } .s4d-menu-overview-bottom-text { margin-bottom: 2rem; } .s4d-menu-overview-bottom-text *:first-child { margin-top: 0; } .s4d-product-info-modal-dialog { border-radius: 0.625rem 0 0.625rem 0; overflow: hidden; } @media (min-width: 480px) { .s4d-product-info-modal-dialog { width: 23.125rem !important; max-height: 27.125rem; margin: 1.875rem auto 1.875rem; height: auto; left: 0rem; top: 0rem; background-color: #fff; } } .s4d-product-info-modal-dialog .product-info-header { background-image: none; height: 2.5rem; height: 3.375rem; padding: 1.125rem 1.25rem; width: 100%; display: flex; background: #fff; z-index: 11; position: sticky; top: 0; } .s4d-product-info-modal-dialog .product-info-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: auto; } .s4d-product-info-modal-dialog .s4d-product-info-button-container { padding-right: 0.9375rem; padding-bottom: 0.9375rem; } .s4d-product-info-modal-dialog .modal-container { padding-left: 0.9375rem; padding-right: 0.9375rem; } .s4d-product-info-modal-dialog .header-padding { margin-left: -0.3125rem; } .s4d-product-info-modal-dialog .product-button-cancel { width: auto; } @media (min-width: 480px) { .product-info-popup { top: 30%; } } @media (max-width: 991px) { .product-info-popup { top: 50%; } .s4d-product-info-modal-dialog { width: 94%; height: auto; background-color: #fff; margin-left: 3%; } } .category-layout__productgroup-description { margin-bottom: 1.875rem; } .in-menu-receipt-item { display: block; } .in-menu-receipt-item .receipt__product { padding: 1.5rem; border-bottom: 1px solid #f4f4f4; } .in-menu-receipt-item .receipt__product-header { display: flex; flex-direction: row; align-items: flex-start; min-height: 4rem; } .in-menu-receipt-item .receipt__product-header-text { order: 0; max-width: calc(100% - 4.375rem); display: flex; flex-direction: column; } .in-menu-receipt-item .receipt__product-header-text-name { color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .in-menu-receipt-item .receipt__product-header-text-type { margin-top: 0.5rem; color: #858585; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .in-menu-receipt-item .receipt__product-header-image-element { width: 4rem; height: 4rem; order: 1; object-position: unset !important; margin-left: auto; overflow: hidden; border-radius: 0.5rem 0rem; } .in-menu-receipt-item .receipt__product-header-image-element img, .in-menu-receipt-item .receipt__product-header-image-element .receipt__product-header-default-coupon-image { width: 100%; height: 100%; object-fit: contain; } .in-menu-receipt-item .receipt__product-header-default-coupon-image { display: block; background-color: #009a44; -webkit-mask: url(/Content/Images/receipt/default-coupon.svg) 100% 100%/contain no-repeat; mask: url(/Content/Images/receipt/default-coupon.svg) 100% 100%/contain no-repeat; } .in-menu-receipt-item .receipt__product-description { margin: 1rem 0; } .in-menu-receipt-item .receipt__product-description-taste-span { white-space: nowrap; color: #111111; display: block; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .in-menu-receipt-item .receipt__product-description-topping-span { display: block; margin-bottom: 0.5rem; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .in-menu-receipt-item .receipt__product-description-topping-span .s4d-icons { position: relative; top: 0.03125rem; margin-right: 0.5rem; } .in-menu-receipt-item .receipt__product-description-product { margin-top: 0.5rem; } .in-menu-receipt-item .receipt__product-description-product-price-strike { text-decoration: line-through; float: right; } .in-menu-receipt-item .receipt__product-description-product-option { margin: 0.25rem 0.25rem 0.25rem 1.125rem; display: block; color: #858585; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .in-menu-receipt-item .receipt__product-description-edit { margin-top: 0.5rem; display: flex; align-items: center; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; color: #009a44; } .in-menu-receipt-item .receipt__product-description-edit .s4d-icon-edit { margin-right: 0.25rem; } .in-menu-receipt-item .receipt__product-description-edit:focus, .in-menu-receipt-item .receipt__product-description-edit:hover { text-decoration: none; color: #fcd500; } .in-menu-receipt-item .receipt__product-summary { display: flex; max-height: 2.5rem; align-items: center; } .in-menu-receipt-item .receipt__product-summary-amount--disabled { pointer-events: none; color: #ccc !important; } .in-menu-receipt-item .receipt__product-summary-price { text-align: right; margin-left: auto; color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .in-menu-receipt-item .receipt__product-summary-price--strike { text-decoration-line: line-through; font-weight: 400; margin-right: 0.25rem; } .in-menu-receipt-item .receipt__product-summary-loyalty-icon { height: 1.25rem; margin-bottom: 0.25rem; width: auto; vertical-align: middle; fill: #009a44; } .in-menu-receipt-item .receipt__product.complete-order-coupon-item { padding-top: 0; padding-bottom: 0; } .in-menu-receipt-item .receipt__product.complete-order-coupon-item .receipt__alert-box { margin-top: -0.5rem; margin-bottom: 1rem; } .in-menu-receipt-item .receipt__product .complete-order-coupon-container { background-color: #ffda28; display: flex; height: 3rem; margin: 1rem 0rem 1rem 0rem; border-radius: 0.5rem; color: white; padding: 0; } .in-menu-receipt-item .receipt__product .complete-order-coupon-container .coupon-icon { margin: auto 0.5rem auto 0.75rem; flex-shrink: 0; } .in-menu-receipt-item .receipt__product .complete-order-coupon-container .coupon-details { display: flex; flex-direction: column; justify-content: center; margin-left: 0.125rem; margin-right: 0.4375rem; flex-grow: 4; overflow: hidden; } .in-menu-receipt-item .receipt__product .complete-order-coupon-container .coupon-details .description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; color: #1d2532; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .in-menu-receipt-item .receipt__product .complete-order-coupon-container .remove-icon { width: 0.8125rem; margin: 0.6875rem; cursor: pointer; flex-shrink: 0; } .in-menu-receipt-item .receipt__product .complete-order-coupon-container .remove-icon:hover { filter: brightness(60%); } .in-menu-receipt-item .receipt__product .receipt__alert-box { margin-top: 1rem; grid-area: alert; } @media (min-width: 87.5rem) { .in-menu-receipt-item { display: none; } } .s4d-container-simple-v2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 0.9375rem; } @media (min-width: 992px) { .s4d-container-simple-v2 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 768px) { .s4d-container-simple-v2 { column-gap: 1.875rem; } } .s4d-products .s4d-product-simple-v2 { background-color: #ffffff; box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.9375rem; padding: 0; border-radius: 0; text-align: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .s4d-products .s4d-product-simple-v2 .s4d-out-of-stock-label { background-color: #b5b5b5; color: #ffffff; font-weight: 700; padding: 0.3125rem 0.625rem; font-size: 0.75rem; border-radius: 0 0.1875rem 0.1875rem 0; position: absolute; left: 0.9375rem; top: 1.125rem; z-index: 9; } .s4d-products .s4d-product-simple-v2 .s4d-product-properties { position: absolute; text-align: center; left: 0.9375rem; right: 0.9375rem; width: auto; max-width: none; left: 0.9375rem; top: 0.9375rem; } .s4d-products .s4d-product-simple-v2 .s4d-product-properties .s4d-product-property { float: none; width: 1.25rem; height: 1.25rem; display: inline-block; border-radius: 50%; line-height: 0; padding: 0.1875rem; background-color: #ffffff; box-shadow: 0 0.1875rem 0.25rem 0 rgba(0, 0, 0, 0.15); } .s4d-products .s4d-product-simple-v2 .s4d-product-decription { display: flex; flex-direction: column; flex: 1; justify-content: space-between; width: 100%; padding: 0.9375rem; height: auto; max-width: unset; text-align: center; overflow: visible; } @media (max-width: 767px) { .s4d-products .s4d-product-simple-v2 .s4d-product-decription { display: flex; flex-direction: column; padding: 0.625rem; } } .s4d-products .s4d-product-simple-v2 .s4d-product-decription h3 { margin-top: 0; font-size: 1rem; color: #111111; margin-bottom: 0.25rem; } .s4d-products .s4d-product-simple-v2 .s4d-product-decription h3 .s4d-action-text { color: #009a44; } .s4d-products .s4d-product-simple-v2 .s4d-product-decription .s4d-product-details-link { font-weight: 700 !important; margin-top: 0.25rem; margin-bottom: 0.25rem; display: block; overflow: inherit; text-overflow: inherit; white-space: inherit; color: #009a44; text-decoration: none; text-underline-offset: 0.125rem; } .s4d-products .s4d-product-simple-v2 .s4d-product-decription .s4d-product-details-link:focus, .s4d-products .s4d-product-simple-v2 .s4d-product-decription .s4d-product-details-link:hover { text-decoration: none; color: #fcd500; font-weight: 700 !important; } .s4d-products .s4d-product-simple-v2 .s4d-product-decription .s4d-product-controls { margin-top: auto; } .s4d-products .s4d-product-simple-v2 .upsell { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .s4d-products .s4d-product-simple-v2 .s4d-product-image { position: relative; width: auto; float: none; margin: 0; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; overflow: visible; height: 10.625rem; } @media (min-width: 360px) { .s4d-products .s4d-product-simple-v2 .s4d-product-image { height: auto; } } .s4d-products .s4d-product-simple-v2 .s4d-product-image a { display: block; height: 100%; } .s4d-products .s4d-product-simple-v2 .s4d-product-image img { max-width: 100%; max-height: 100%; object-fit: contain; } .s4d-products .s4d-product-simple-v2 .s4d-product-image .s4d-action-badge { position: absolute; left: auto; top: 50%; width: 3.125rem; height: 3.125rem; margin-top: -1.5625rem; right: 1.875rem; } .s4d-products .s4d-product-simple-v2 .s4d-product-image .s4d-action-badge img { width: 100%; } .s4d-products .s4d-product-simple-v2 .s4d-product-image .s4d-edit-pizza { background-color: #ffffff; color: #6a6a6a; position: absolute; left: 50%; bottom: 0.9375rem; max-width: 80%; border-radius: 0.25rem; transform: translate(-50%, 0); text-align: center; line-height: 0; height: 2rem; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; letter-spacing: 1px; border: 1px solid #6a6a6a; } .s4d-products .s4d-product-simple-v2 .s4d-product-image.s4d-dt-image, .s4d-products .s4d-product-simple-v2 .s4d-product-image.s4d-zs-image { background-position: center; background-size: contain; width: 100%; display: block; } .s4d-products .s4d-product-simple-v2 .btn-link { color: #858585; } .s4d-products .s4d-product-simple-v2 .btn-link::before { display: none; } .s4d-products .s4d-product-simple-v2 .s4d-product-options { margin: 0.25rem 0 !important; padding: 0 !important; } .s4d-products .s4d-product-simple-v2 .s4d-product-options label { display: none; } .s4d-products .s4d-product-simple-v2 .s4d-product-options .s4d-dropdown { font-size: 0.8125rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } .s4d-products .s4d-product-simple-v2 .s4d-product-options .s4d-product-option-value-static { display: block; width: 100%; height: 2.125rem; text-align: left; margin-bottom: 0.625rem; margin-top: 0.9375rem; padding: 0.375rem 0.5rem; } .s4d-products .s4d-product-simple-v2 .s4d-product-order-control { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 360px) { .s4d-products .s4d-product-simple-v2 .s4d-product-order-control { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .s4d-products .s4d-product-simple-v2 .s4d-product-order-control .s4d-product-amount { display: none; } .s4d-products .s4d-product-simple-v2 .s4d-product-order-control .s4d-menu-overview-product-btn-block { width: 100%; padding: 0; } .s4d-products .s4d-product-simple-v2 .s4d-product-order-control .s4d-menu-overview-product-btn-block .btn { width: 100%; } .s4d-products .s4d-product-simple-v2.out-of-stock .s4d-product-image img { -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */ filter: grayscale(50%); opacity: 0.5; } .s4d-products .s4d-product-simple-v2.out-of-stock .s4d-product-order-control .s4d-menu-overview-product-btn-block .btn { border: 1px solid #b7b7b7; color: #b7b7b7; } @media (min-width: 768px) { .s4d-products .s4d-product-simple-v2 { margin-bottom: 1.875rem; } .s4d-products .s4d-product-simple-v2 .s4d-product-decription h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 1.3125rem; } } .s4d-products .s4d-product-simple-v2 .upsell { display: none; } .s4d-products .s4d-product-simple-v2 .s4d-product-image { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; overflow: visible; height: 10.625rem; } .s4d-products .s4d-product-simple-v2 .s4d-product-image .s4d-product-img { position: static; width: 100%; height: 10.625rem; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-top: 0.9375rem; object-fit: contain; object-position: center; } .s4d-products .s4d-product-simple-v2 .s4d-product-image .s4d-action-badge { right: 1.875rem; } .s4d-products .s4d-product-simple-v2 .s4d-product-image.s4d-dt-image, .s4d-products .s4d-product-simple-v2 .s4d-product-image.s4d-zs-image { background-position: center; background-size: contain; width: 100%; display: block; } @media (min-width: 1200px) { .s4d-products .s4d-product-simple-v2 .s4d-product-image { height: 13.75rem; } .s4d-products .s4d-product-simple-v2 .s4d-product-image .s4d-product-img { height: 13.75rem; } } .s4d-product-detail { position: relative; padding: 0.9375rem; margin-bottom: 1.875rem; background: #fff; border-radius: 0.125rem; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } .s4d-product-detail h2 { font-size: 1rem; margin-bottom: 0; } .s4d-product-detail h1 { margin-top: 0.625rem; color: #4d4d4d; font-size: 1.875rem; } .s4d-product-detail .s4d-product-image { height: 9.375rem; overflow: hidden; position: relative; } .s4d-product-detail .s4d-product-image .s4d-product-inactive-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); text-align: center; display: flex; justify-content: center; align-items: center; color: #4d4d4d; font-weight: 700; } .s4d-product-detail .s4d-product-image img { width: 100%; max-width: 27.75rem; display: block; margin: 0 auto; } @media (min-width: 480px) { .s4d-product-detail .s4d-product-image { height: 15rem; } } .s4d-product-detail .s4d-product-image .s4d-show-image { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 50%; width: 2.5rem; height: 2.5rem; background-color: #fff; position: absolute; left: 50%; margin-left: -1.25rem; bottom: -1.25rem; z-index: 2; top: auto; text-align: center; color: #f4f4f4; line-height: 2rem; } .s4d-product-detail .s4d-product-image .s4d-show-image::before { content: "\e114"; } .s4d-product-detail .s4d-product-image .s4d-show-image:hover, .s4d-product-detail .s4d-product-image .s4d-show-image:active, .s4d-product-detail .s4d-product-image .s4d-show-image:focus { text-decoration: none; } .s4d-product-detail .s4d-product-image::after { position: absolute; top: 100%; left: 2.5rem; right: 2.5rem; content: ""; display: block; background-color: #000; border-radius: 100%; height: 6.25rem; margin-top: 1.25rem; box-shadow: 0 0 3.75rem 1.875rem black; z-index: 1; opacity: 0.8; } .s4d-product-detail .s4d-product-image.show { height: auto; overflow: visible; } .s4d-product-detail .s4d-product-image.show::after { display: none; } .s4d-product-detail .s4d-product-image.show .s4d-product-inactive-overlay { display: none; } .s4d-product-detail .s4d-product-image.show .s4d-show-image::before { content: "\e113"; } .s4d-product-detail .s4d-product-info { margin-top: 1.875rem; } .s4d-product-detail .s4d-product-info .s4d-product-seo-text { height: 9.625rem; overflow: hidden; margin-bottom: 0.9375rem; } @media (min-width: 480px) { .s4d-product-detail .s4d-product-info .s4d-product-seo-text { height: 4.8125rem; } } .s4d-product-detail .s4d-product-info .s4d-read-more { color: #4d4d4d; font-weight: 700; } .s4d-product-detail .s4d-product-info.show .s4d-product-seo-text { height: auto; overflow: visible; margin-bottom: 0; } .s4d-product-detail .s4d-content-tabs { box-shadow: none; border-radius: 0; margin-left: -0.9375rem; margin-right: -0.9375rem; border-top: 1px solid #ccc; } .s4d-product-detail .s4d-content-tabs .s4d-tab-navigation { text-align: center; } .s4d-product-detail .s4d-content-tabs .s4d-tab-navigation li { margin-right: 0; display: inline-block; float: none; line-height: 1.375rem; margin-bottom: -0.25rem; } .s4d-product-detail .s4d-content-tabs .s4d-tab { background-color: #f7f7f7; padding: 0; font-size: 0.75rem; } @media (max-width: 480px) { .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive { overflow-x: scroll; } } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table { border: none; margin-bottom: 0; } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table thead tr th { color: #4d4d4d; font-weight: 700; border-bottom: 0; } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table thead tr th:first-child { border-left: 0; } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table thead tr th:last-child { border-right: 0; } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table thead tr th .form-control { background-color: transparent; padding: 0; border: 0; height: auto; color: #4d4d4d; font-size: 0.75rem; } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table thead tr th .form-control:focus { box-shadow: none; outline: none; } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table tbody tr:last-child td { border-bottom: 0; } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table tbody tr:hover td { background-color: #e6e6e6; } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table tbody tr td.label { color: #4d4d4d; font-weight: 700; } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table tbody tr td:first-child { padding-left: 0.9375rem; border-left: 0; } .s4d-product-detail .s4d-content-tabs .s4d-tab .s4d-table-responsive .table tbody tr td:last-child { padding-right: 0.9375rem; border-right: 0; } .s4d-product-detail .s4d-content-tabs .s4d-tab.loader table { opacity: 0.6; } .s4d-product-detail .s4d-content-tabs .s4d-tab.loader::before { content: " "; position: absolute; top: 50%; left: 50%; margin: -2.1875rem 0 0 -2.1875rem; width: 4.375rem; height: 4.375rem; background: #111111 url("/Content/Images/loader-pizza.gif") no-repeat center center; background-size: 3.125rem; border-radius: 0.375rem; z-index: 1; } .s4d-product-detail .s4d-content-tabs .s4d-table-information { padding: 0.9375rem; border-top: 1px solid #ccc; } .s4d-product-detail .s4d-product-amount { float: none; display: inline-block; } @media (max-width: 767px) { .s4d-product-detail .s4d-product-amount { margin-bottom: 1.25rem; } } .s4d-product-detail .s4d-product-options { margin-top: 0.3125rem; margin-bottom: 0.9375rem; display: block; position: relative; } .s4d-product-detail .s4d-product-options .s4d-vipcard-old-price { right: 1.5625rem; left: auto; text-decoration: line-through; position: absolute; top: -1rem; z-index: 1; } .s4d-product-detail .s4d-product-options .s4d-vipcard-old-price.static { right: 0; } .s4d-product-detail .s4d-product-options label { font-style: italic; font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; } .s4d-product-detail .s4d-product-options .s4d-product-option-value-static { font-size: 0.75rem; height: 1.875rem; line-height: 1.75rem; display: block; } .s4d-product-detail .s4d-product-options .s4d-product-option-value-static .s4d-pizza-type-name { width: 7.5rem; float: left; line-height: 1.125rem; } .s4d-product-detail .s4d-product-options .s4d-product-option-value { position: relative; padding: 0 1.5625rem 0 0; font-size: 0.875rem; border-bottom: 1px solid #858585; border-radius: 0.1875rem; background-color: #fff; background-image: url(/Content/Images/icons/dropdown-caret.png); background-repeat: no-repeat; background-position: right center; height: 1.875rem; line-height: 1.75rem; display: block; cursor: pointer; color: #4d4d4d; font-weight: 700; } .s4d-product-detail .small.text-center p { margin-bottom: 1.25rem; } #ProductDetails .modal-content { padding: 0; } #ProductDetails .modal-content .modal-body .s4d-product-detail { padding: 0.9375rem; margin-bottom: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #ProductDetails .modal-content .modal-body .s4d-product-detail .s4d-product-seo-text { height: auto; } @media (min-width: 480px) { .order-product-block-no-quantity { display: flex; } } .add-product-details-product-button-container { align-self: flex-end; } @media (min-width: 480px) { .add-product-details-product-button { margin-bottom: 0.9375rem; } } .add-product-details-product-button:disabled { background-color: #858585; border-color: #858585; color: #ffffff; } .add-product-details-product-button:disabled:hover { color: #ffffff; } .s4d-address-result-list ul { margin: 0.8125rem 0 0 0.8125rem; } #PromotionConfigurator .tooltip { z-index: 1150; } #PromotionConfigurator .row { position: static; } #PromotionConfiguratorConfirm .s4d-divider-full-modal-before { padding-bottom: 0.625rem; } .s4d-coupon-modal .modal-dialog { height: auto; } .s4d-coupon-modal .modal-dialog .modal-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: 0; overflow: hidden; padding-bottom: 2.875rem; padding-top: 0; height: calc(100vh - 2.5rem); overflow-y: auto; -webkit-overflow-scrolling: touch; } .s4d-coupon-modal .modal-dialog .modal-content .modal-header .alert:last-child { margin-bottom: 0; } .s4d-coupon-modal .modal-dialog .modal-content .modal-body { margin: 0 -1.25rem; } .s4d-coupon-modal .modal-dialog .modal-content .s4d-coupon-edit-toppings { height: auto; } .s4d-coupon-modal .modal-dialog .modal-content .s4d-coupon-edit-toppings .s4d-edit-coupon-topping-footer button { padding: 0; } .s4d-configurator-loyalty { line-height: 1.5rem; padding: 0 0 0.75rem 0; font-size: 0.875rem; word-spacing: 0.125rem; } .s4d-configurator-loyalty__icon { height: 1.5rem; width: auto; margin-bottom: 0.1875rem; fill: #009a44; vertical-align: middle; } .s4d-configurator-products { padding: 1.25rem 1.25rem 2.5rem 1.25rem; background-color: #f4f4f4; } .s4d-configurator-products .s4d-product { background-color: #fff; box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 0.9375rem; padding: 0; border-radius: 0; } .s4d-configurator-products .s4d-product .s4d-product-image-modal { -webkit-box-flex: 0 0 8.125rem; -moz-box-flex: 0 0 8.125rem; -webkit-flex: 0 0 8.125rem; -ms-flex: 0 0 8.125rem; flex: 0 0 8.125rem; min-width: 8.125rem; position: relative; overflow: hidden; } .s4d-configurator-products .s4d-product .s4d-product-image-modal .s4d-product-image img { width: 100%; height: 100%; object-fit: cover; max-width: none; max-height: none; } .s4d-configurator-products .s4d-product .s4d-product-image-modal .s4d-product-image.s4d-product-image-dt { padding: 0.9375rem; display: block; height: 8.125rem; width: 8.125rem; margin: 0 auto; } .s4d-configurator-products .s4d-product .s4d-product-image-modal .s4d-product-properties { position: absolute; left: 0.9375rem; right: 0.9375rem; top: 0.9375rem; max-width: none; } .s4d-configurator-products .s4d-product .s4d-product-image-modal .s4d-product-properties .s4d-product-property { float: none; width: 1.25rem; height: 1.25rem; padding: 0.1875rem; background-color: #fff; box-shadow: 0rem 0.1875rem 0.25rem 0rem rgba(0, 0, 0, 0.15); display: inline-block; border-radius: 50%; line-height: 0; } .s4d-configurator-products .s4d-product .s4d-product-image-modal .s4d-product-properties .s4d-product-property img { width: 100%; height: 100%; object-fit: contain; } @media (min-width: 480px) { .s4d-configurator-products .s4d-product .s4d-product-image-modal .s4d-product-properties { text-align: center; } } .s4d-configurator-products .s4d-product .s4d-product-image-modal .s4d-edit-pizza { background-color: #fff; box-shadow: 0rem 0.1875rem 0.25rem 0rem rgba(0, 0, 0, 0.15); position: absolute; left: 50%; bottom: 0.9375rem; border-radius: 0.8125rem; transform: translate(-50%, 0); text-align: center; height: 1.625rem; line-height: 0; } .s4d-configurator-products .s4d-product .s4d-product-configuration { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0.9375rem; } .s4d-configurator-products .s4d-product .s4d-product-configuration .h3 { margin-top: 0; font-size: 1rem; } .s4d-configurator-products .s4d-product .s4d-product-configuration .s4d-product-options { position: relative; display: block; } .s4d-configurator-products .s4d-product .s4d-product-configuration .s4d-product-options .s4d-fixed-option { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-color: #ccc; } .s4d-configurator-products .s4d-product .s4d-product-configuration .s4d-product-options .s4d-fixed-option::-ms-expand { display: none; } .s4d-configurator-products .s4d-product .s4d-product-configuration .s4d-product-options .s4d-product-option-value-static { height: 2.125rem; padding: 0.375rem 0.5rem; display: block; } .s4d-configurator-products .s4d-product .s4d-product-configuration .s4d-product-options .s4d-product-option-value { position: relative; font-size: 0.875rem; border-radius: 0.1875rem; background-color: #fff; background-image: url(/Content/Images/icons/dropdown-caret.png); background-repeat: no-repeat; background-position: right center; height: 1.875rem; font-weight: 700; cursor: pointer; border-bottom: 1px solid #4d4d4d; color: #4d4d4d; padding-right: 0.9375rem; } .s4d-configurator-products .s4d-product .s4d-product-configuration .s4d-product-options .s4d-product-option-value .s4d-pizza-type-name { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .s4d-configurator-products .s4d-product .s4d-product-configuration .s4d-product-options .s4d-product-option-value.active { border-radius: 0.1875rem 0.1875rem 0 0; border-bottom-color: #fff; z-index: 11; } @media (min-width: 480px) { .s4d-configurator-products .s4d-product-configuration-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 -0.3125rem; } .s4d-configurator-products .s4d-product-configuration-row .s4d-product-options { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.3125rem; padding-right: 0.3125rem; } } .s4d-configurator-products .s4d-product-suboptions-container { margin-top: 0.625rem; } .s4d-configurator-products .s4d-product .s4d-price-addition { padding-left: 5.9375rem; color: #e30613; } @media (min-width: 480px) { .s4d-configurator-products { -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .s4d-configurator-products .s4d-product .s4d-product-image-modal { -webkit-box-flex: 0 0 20%; -moz-box-flex: 0 0 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; min-width: 20%; } .s4d-configurator-products .s4d-product .s4d-product-image-modal .s4d-product-image img { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; object-fit: contain; object-position: center; max-width: none; max-height: none; } .s4d-configurator-products .s4d-product .s4d-product-configuration { -webkit-box-flex: 0 0 80%; -moz-box-flex: 0 0 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; min-width: 80%; } } .s4d-coupon-modal .s4d-coupon-edit-toppings { height: 100vh; height: calc(var(--vh, 1vh) * 100); position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1060; padding: 1.25rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; transform: translate3d(0, 100%, 0); transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .s4d-coupon-modal .s4d-coupon-edit-toppings.slide-in-view { -webkit-transform: translateZ(0); transform: translateZ(0); } .s4d-coupon-modal .s4d-coupon-edit-toppings h3 { margin-top: 0; margin-bottom: 1.25rem; font-size: 1.25rem; } .s4d-coupon-modal .s4d-coupon-edit-toppings .s4d-coupon-edit-toppings-container { height: auto; background-color: #fff; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin: 0 -1.25rem; padding: 1.25rem; height: calc(var(--vh, 1vh) * 100); overflow-y: auto; } .s4d-coupon-modal .s4d-coupon-edit-toppings .s4d-edit-coupon-topping-footer { padding-top: 1.25rem; } .s4d-coupon-modal .s4d-coupon-edit-toppings .s4d-edit-coupon-topping-footer .btn { padding: 0.75rem; } .s4d-coupon-modal .s4d-coupon-edit-toppings .s4d-edit-coupon-topping-footer .btn.s4d-apply-toppings { background-color: #ed0000; color: #fff; } .s4d-btn-delete-action-choice { position: absolute; top: 0; right: 0.9375rem; width: 0.9375rem; height: 0.9375rem; border: 0; cursor: pointer; background-color: transparent; color: #d9534f; } .s4d-btn-add-action-choice { margin-left: 0.9375rem; font-weight: 700; outline: 0 !important; } .s4d-btn-order-promotion:disabled { background-color: #858585; border-color: #858585; color: #ffffff; pointer-events: none; } .s4d-single-use-coupon-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 -0.625rem; } .s4d-single-use-coupon-container .s4d-single-use-coupon-item { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 0.625rem; } .s4d-single-use-coupon-container .s4d-single-use-coupon-item .s4d-single-use-coupon-image img { width: 100%; } .s4d-promotion-content .s4d-coupon-item { margin-bottom: 1.875rem; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link { position: relative; padding: 0.9375rem; background: #fff; border-radius: 0.125rem; box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); cursor: pointer; display: block; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link:hover { text-decoration: none; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link img { width: calc(100% + 1.875rem); min-height: 9.375rem; object-fit: contain; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: -0.9375rem; border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link h3 { margin-top: 0; font-size: 0.875rem; color: #484848; margin-bottom: 0.625rem; margin-top: 0.9375rem; word-break: break-all; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link .s4d-price { color: #858585; display: block; margin-bottom: 0.625rem; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link .btn-primary { margin-top: auto; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape { position: relative; padding: 0.9375rem; background: #fff; border-radius: 0.125rem; box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); cursor: pointer; display: block; text-align: center; height: 100%; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape:hover { text-decoration: none; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape h3 { margin-top: 0; font-size: 0.875rem; color: #484848; margin-bottom: 0.625rem; margin-top: 0.9375rem; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape .s4d-price { color: #858585; display: block; margin-bottom: 0.625rem; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape .btn-primary { margin-top: auto; height: auto; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape img { width: calc(100% + 1.875rem); margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: -0.9375rem; border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } @media (max-width: 767px) { .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape { display: flex; flex-direction: row; min-height: 8.75rem; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape h3 { margin-left: 0; margin-top: 0; text-align: left; font-size: 1rem; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape img { width: 6.25rem; max-width: 6.25rem; margin-left: 0; margin-right: 0; margin-top: 0; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape .s4d-coupon-details { display: flex; flex-direction: column; max-width: 70%; width: 70%; margin-left: 0.9375rem; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape span.s4d-price { text-align: left; } .s4d-promotion-content .s4d-coupon-item .s4d-coupon-link-landscape .btn-primary { white-space: normal; } } @media (min-width: 480px) { .s4d-promotion-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.9375rem; margin-left: -0.9375rem; } .s4d-promotion-content .s4d-coupon-item { flex: 0 0 50%; max-width: 50%; padding-right: 0.9375rem; padding-left: 0.9375rem; position: relative; width: 100%; } } @media (min-width: 1200px) { .s4d-promotion-content .s4d-coupon-item { flex: 0 0 33.3333%; max-width: 33.3333%; } } .s4d-promotion-content { position: relative; padding: 0.3125rem; margin-bottom: 1.875rem; border-radius: 0.125rem; } .s4d-promotion-content .s4d-local-action-modifier { width: 50%; float: left; } .s4d-promotion-content .s4d-local-action-modifier .s4d-coupon-link img { width: calc(100% + 1.875rem); position: relative; } @media (min-width: 480px) { .s4d-promotion-content .s4d-local-action-modifier { float: left; width: 25%; } } .s4d-product-suboptions-group .h4 { font-size: 0.875rem; font-weight: 700; display: block; } .s4d-product-suboptions-group .s4d-product-suboptions .s4d-product-suboption-dropdown { left: 0; right: 0; width: 100%; } .s4d-product-suboptions-group .s4d-product-suboptions .s4d-product-suboption-dropdown .s4d-pizza-type-selector-items li { border-bottom: 1px solid #ccc; line-height: 1.25rem; padding-top: 0.3125rem; padding-bottom: 0.3125rem; padding-right: 1.5625rem; position: relative; } .s4d-product-suboptions-group .s4d-product-suboptions .s4d-product-suboption-dropdown .s4d-pizza-type-selector-items li .s4d-receipt-info { position: absolute; right: 0.3125rem; top: 0; left: auto; } .s4d-store-image { border-bottom: 1.25rem solid #009a44; border-top: 0.4375rem solid #009a44; border-right: 0.4375rem solid #009a44; border-left: 0.4375rem solid #009a44; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg); max-width: 8.75rem; } .s4d-store-image img { max-width: 100%; max-height: 100%; } .maps-placeholder { width: 100%; height: 100%; } .maps-placeholder .magnifier-primary { fill: #44c369; } .maps-placeholder .magnifier-secondary { fill: #2f994e; } .maps-placeholder .magnifier-tertiary { fill: #217e3c; } .s4d-store-selector .btn-toggle { white-space: normal; margin-bottom: 0.5rem; } .s4d-map-store-selector { width: 100%; height: 28.125rem; } .select-location-header { display: flex; align-items: baseline; } .select-location-header .modal-title { font-weight: 800; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0.009375rem; } .select-location-header .s4d-cross { position: relative; margin-left: auto; cursor: pointer; } .select-location-message { background: #fff3cc; border-radius: 0.25rem; padding: 1rem; font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0.015625rem; } .select-location-message b { display: block; margin-bottom: 0.625rem; } .select-location-message.select-pickup { background: #ffe9e7; color: #692017; } .select-location-buttons { float: right; margin-top: 1rem; display: flex; align-items: center; } .select-location-buttons .btn { margin: 0 0.25rem; height: 2.25rem; } .select-location-buttons .btn-location-selector-ok { color: #ffffff; background-color: #009a44; border: 1px solid #009a44; cursor: pointer; border-radius: 1.5625rem; } .select-location-buttons .btn-location-selector-ok:focus { color: #ffffff; background-color: #009a44; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .select-location-buttons .btn-location-selector-ok:hover { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .select-location-buttons .btn-location-selector-ok:active { color: #ffffff; background-color: #009a44; border: 1px solid #009a44; } .select-location-buttons .btn-location-selector-ok:disabled, .select-location-buttons .btn-location-selector-ok[disabled], .select-location-buttons .btn-location-selector-ok.disabled { color: #ffffff; background-color: #cccccc; border: #cccccc; } .select-location-buttons .btn-location-selector-pickup { color: #ffffff; background-color: #009a44; border: 1px solid #009a44; cursor: pointer; border-radius: 1.5625rem; } .select-location-buttons .btn-location-selector-pickup:focus { color: #ffffff; background-color: #009a44; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .select-location-buttons .btn-location-selector-pickup:hover { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .select-location-buttons .btn-location-selector-pickup:active { color: #ffffff; background-color: #009a44; border: 1px solid #009a44; } .select-location-buttons .btn-location-selector-pickup:disabled, .select-location-buttons .btn-location-selector-pickup[disabled], .select-location-buttons .btn-location-selector-pickup.disabled { color: #ffffff; background-color: #cccccc; border: #cccccc; } #select-location-modal .select-pickup { display: none; } @media (max-width: 992px) { #select-location-modal .redirect-map { display: none; } } .s4d-store-selector .s4d-scroll-box { position: relative; padding: 0; } .s4d-store-selector .s4d-text-shadow { position: absolute; bottom: 0; left: 0; height: 0.75rem; width: 100%; overflow: hidden; } .s4d-store-selector .s4d-text-shadow::after { position: absolute; top: 0.75rem; left: 0; content: " "; height: 1.5625rem; width: 100%; border-radius: 100%; box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.75); } .s4d-store-selector .s4d-scroll-content { overflow: auto; max-height: 25.3125rem; } @media (min-width: 480px) { .s4d-scroll-trigger-up, .s4d-scroll-trigger-down { position: absolute; top: 0; left: 0; height: 1.6875rem; width: 100%; text-align: center; color: #009a44; font-size: 1.25rem; } .s4d-scroll-trigger-up::before, .s4d-scroll-trigger-down::before { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .s4d-scroll-trigger-up::before { content: "\e113"; } .s4d-scroll-trigger-down { top: auto; bottom: 0; padding-top: 0.3125rem; } .s4d-scroll-trigger-down::before { content: "\e114"; } } .s4d-store-detail-address { font-weight: normal; margin-bottom: 1.25rem; } .s4d-store-detail-address .s4d-store-phone { color: #858585; } .s4d-openinghours-table { margin-bottom: 0.625rem; } .s4d-store-socialmedia { list-style: none; margin-top: 1.875rem; width: 100%; } .s4d-store-socialmedia li { width: 33.3333333%; padding: 0; float: left; text-align: center; } .s4d-store-information h2 { margin-top: 0; margin-bottom: 1.25rem; } .s4d-store-information-text { font-size: 0.75rem; } .s4d-store-information-text img { margin-right: 1.875rem; margin-bottom: 1.875rem; float: left; } .s4d-store-average-rating { border-bottom: 1px solid #858585; padding-bottom: 0.625rem; } .s4d-store-rating { margin-bottom: -0.3125rem; } .s4d-store-rating .glyphicons { color: #858585; font-size: 1.5rem; } .s4d-store-review { border-bottom: 1px solid #858585; padding-bottom: 0.3125rem; padding-top: 0.4375rem; } .s4d-store-review .s4d-store-review-name { color: #009a44; font-weight: 700; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; } .s4d-store-review .s4d-store-review-date { display: block; } .s4d-store-review .s4d-store-rating { margin-top: 0.125rem; margin-bottom: 1px; float: none; display: block; } .s4d-store-review .s4d-store-rating .glyphicons { font-size: 1.125rem; } .s4d-store-review .s4d-store-review-text { font-size: 0.75rem; } .s4d-store-review .s4d-store-review-text label { margin-bottom: 0; } #map-store { width: 100%; min-height: 21.875rem; -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); border-radius: 0 0 0.375rem 0.375rem; } .s4d-store-detail-address .btn-link { margin-top: 0.3125rem; margin-bottom: 0.125rem; } .s4d-btn-print-direction { position: absolute; right: 1.875rem; top: 1.25rem; z-index: 1; } .s4d-search-zipcode { border-right: none; } .s4d-store-zipcodes { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; padding: 0.3125rem 0; } .s4d-store-zipcodes li { padding: 0 0.3125rem; } .s4d-store-links a { white-space: normal; } .s4d-store-rating .glyphicon, .s4d-store-rating .s4d-icon-trash, .s4d-store-rating .s4d-icon-info, .s4d-store-rating .s4d-icon-alert, .s4d-store-rating .s4d-icon-remove, .s4d-store-rating .s4d-icon-edit { margin-right: 0.1875rem; } .s4d-modal-map { position: relative; } .s4d-modal-map button.close { position: absolute; top: -0.625rem; right: -0.8125rem; z-index: 1; } @media print { #s4d-receipt-content { display: none; } } @media (min-width: 480px) { .s4d-store-rating .glyphicon, .s4d-store-rating .s4d-icon-trash, .s4d-store-rating .s4d-icon-info, .s4d-store-rating .s4d-icon-alert, .s4d-store-rating .s4d-icon-remove, .s4d-store-rating .s4d-icon-edit { font-size: 1.25rem; } .s4d-modal-map #map-store { min-height: 29.375rem; } .s4d-store-socialmedia { text-align: right; } .s4d-store-socialmedia li { width: auto; padding: 0 0.3125rem; float: none; } } @media (min-width: 1200px) { .s4d-store-rating .glyphicon, .s4d-store-rating .s4d-icon-trash, .s4d-store-rating .s4d-icon-info, .s4d-store-rating .s4d-icon-alert, .s4d-store-rating .s4d-icon-remove, .s4d-store-rating .s4d-icon-edit { font-size: 1.5rem; } } .s4d-store-detail-coupon img { width: 100%; } .s4d-map-store-finder { width: 100%; height: 37.5rem; -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.12); border-radius: 0 0 0.375rem 0.375rem; } #s4d-marker-overlay-store img { background-image: url("/Content/Themes/Default/Images/maps/map-store-marker.png"); background-size: cover; object-position: -6249.9375rem 6249.9375rem; } #s4d-marker-overlay-slice img { background-image: url("/Content/Themes/Default/Images/maps/map-slice-store-marker.png"); background-size: cover; object-position: -6249.9375rem 6249.9375rem; } #s4d-store-finder-results .h3 { margin-top: 0.625rem; } .s4d-map-legend-label { margin: 1.875rem 0.9375rem 0; display: inline-block; } #s4d-store-finder-results .s4d-scroll-content { height: 21.875rem; } @media (min-width: 480px) { #s4d-store-finder-results .s4d-scroll-content { height: 25.9375rem; } #s4d-store-finder-results.s4d-no-store-results .s4d-scroll-content { height: 21.875rem; } } #s4d-store-finder-results .s4d-store-result { margin: 0.1875rem 0 0.625rem; font-size: 0.875rem; font-weight: 700; padding: 0.5rem 0.8125rem; color: #4d4d4d; text-align: left; border: 1px solid #c5c5c5; background-color: #fff; box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); } #s4d-store-finder-results .s4d-store-result-title { display: block; font-weight: 700; } #s4d-store-finder-results div.small { margin-bottom: 0.625rem; font-weight: normal; } .s4d-store-selector .form-control.input-sm, .s4d-store-selector .input-group-sm > .form-control, .s4d-store-selector .input-group-sm > .input-group-btn > .form-control.btn { height: 2.125rem; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.42857; } #streetnumber-error { display: none; } .s4d-signup-win { margin: 1.875rem 0 0.9375rem; padding: 1.875rem 1.875rem 1.25rem; border-radius: 0.375rem; background-color: #fff; box-shadow: 0 0.3125rem 0 0 rgb(178, 155, 125); } .s4d-signup-win h2 { margin-bottom: 1.25rem; margin-top: 0; } .s4d-signup-win-image { display: none; } .s4d-signup-win-alert { position: relative; font-size: 1.125rem; margin-bottom: -0.9375rem; } .s4d-signup-win-alert:before { position: absolute; top: 100%; left: 1.875rem; content: ""; margin-top: -1px; width: 0; height: 0; border-left: 0.625rem solid transparent; border-right: 0.625rem solid transparent; border-top: 0.625rem solid #dff0d8; z-index: 2; } .s4d-signup-win-alert:after { position: absolute; top: 100%; left: 1.875rem; content: ""; width: 0; height: 0; border-left: 0.625rem solid transparent; border-right: 0.625rem solid transparent; border-top: 0.625rem solid #d6e9c6; z-index: 1; } @media (min-width: 480px) { .s4d-signup-win { position: relative; padding-right: 20.625rem; overflow: hidden; } .s4d-signup-win-image { position: absolute; right: 0; top: 0; bottom: 0; width: 18.75rem; overflow: hidden; display: block; } .s4d-signup-win-image img { min-width: 100%; min-height: 100%; height: 100%; } } .s4d-sub-nav ul { display: none; } .s4d-sub-nav .s4d-category-divider { color: #4d4d4d; font-size: 1rem; margin-top: 0.625rem; font-weight: 700; border-top: 1px solid #ccc; padding-top: 0.625rem; margin-bottom: 0.3125rem; } .s4d-sub-nav .s4d-category-divider + ul { margin-top: 0.9375rem; } .s4d-sub-nav select { width: 100%; height: 2.125rem; text-indent: 0.1875rem; } .s4d-page-nav-container .s4d-btn-link-arrow-back { margin-top: 0.9375rem; margin-bottom: -0.625rem; display: block; } @media (max-width: 767px) { .s4d-page-nav-container .s4d-btn-link-arrow-back { margin-bottom: 0; } .s4d-page-nav-container .s4d-toggle-page-nav { padding: 0.9375rem; color: #009a44; border: 1px solid #009a44; background-color: #fff; display: block; margin: 0.9375rem 0; font-weight: 700; } .s4d-page-nav-container .s4d-toggle-page-nav .s4d-burger-menu { display: inline-block !important; height: 1.25rem; width: 1.5rem; float: left; margin-right: 0.3125rem; fill: #009a44; } .s4d-page-nav-container .s4d-toggle-page-nav:focus, .s4d-page-nav-container .s4d-toggle-page-nav:active, .s4d-page-nav-container .s4d-toggle-page-nav:hover { text-decoration: none; } .s4d-page-nav-container .s4d-collapse-page-nav { display: none; margin-top: -0.9375rem; border: 1px solid #009a44; border-top-color: #ccc; background-color: #fff; position: absolute; left: 0.9375rem; right: 0.9375rem; top: calc(100% + 0.875rem); z-index: 1; padding: 0.9375rem; max-height: 15.625rem; overflow-y: auto; } .s4d-page-nav-container .s4d-collapse-page-nav ul { margin-bottom: 0; } .s4d-page-nav-container .s4d-collapse-page-nav ul li { margin-bottom: 0.3125rem; } .s4d-page-nav-container .s4d-collapse-page-nav ul li a { display: block; padding: 0.625rem 0; font-weight: 700; } .s4d-page-nav-container .s4d-collapse-page-nav ul li a.active { pointer-events: none; border-left: 0.125rem solid #009a44; padding-left: 0.625rem; color: #858585; } .s4d-page-nav-container .s4d-collapse-page-nav ul li:last-child { margin-bottom: 0; } .s4d-page-nav-container .s4d-collapse-page-nav.open { display: block; } .s4d-page-nav-container .s4d-collapse-page-nav.open ul { display: block; } } @media (min-width: 480px) { .s4d-sub-nav ul { display: block; margin-top: 1.625rem; } .s4d-sub-nav ul li a { padding: 0 0.3125rem 0 0.625rem; display: block; color: #858585; border-left: 0.1875rem solid transparent; margin: 0.625rem 0; transition: all 0.2s; } .s4d-sub-nav ul li a.active { color: #009a44; font-weight: bold; border-left: 0.1875rem solid #009a44; } .s4d-sub-nav ul li a:hover { border-left: 0.1875rem solid #009a44; text-decoration: none; } .s4d-sub-nav select { display: none; } } .s4d-template-page img { max-width: 100% !important; height: auto !important; } .s4d-contrast-container { background-color: rgba(255, 255, 255, 0.8); padding: 1.5625rem; border-radius: 0.125rem; margin-top: -2.3125rem; box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } .s4d-contrast-container h2 { font-size: 1.125rem; font-weight: 700; display: block; color: #009a44; } .s4d-contrast-container .s4d-company-steps { border: 1px solid #ccc; background-color: #f4f4f4; font-size: 0.875rem; padding: 1.25rem; margin: 0.9375rem 0; border-radius: 0.125rem; } .s4d-contrast-container .s4d-company-steps h4 { text-transform: uppercase; margin-top: 0; font-weight: 700; font-size: 1rem; } .s4d-contrast-container .s4d-company-steps ol { padding-left: 1.25rem; margin-bottom: 0; } .s4d-contrast-container .s4d-company-steps ol li { margin-bottom: 0.3125rem; } .s4d-contrast-container .s4d-company-advantages { color: #db2c27; font-weight: 700; line-height: 1.75rem; } .s4d-region-container .s4d-region-nav { margin-top: 1.875rem; } .s4d-region-container .s4d-region-nav h4 { margin-top: 0; } .s4d-region-container .s4d-region-nav .s4d-sub-nav ul { margin-top: 0.9375rem; } .s4d-region-container .s4d-contrast-container { margin-top: 1.875rem; } .s4d-region-container .s4d-contrast-container h1 { margin-top: 0; } .s4d-region-container .s4d-search-container { margin-top: 0.9375rem; margin-bottom: 0.9375rem; position: relative; } .s4d-region-container .s4d-search-container .glyphicons { position: absolute; left: 0.625rem; top: 0.5625rem; } .s4d-region-container .s4d-search-container .form-control { text-indent: 1.25rem; } .s4d-region-container .s4d-region-cards .s4d-region-card { background-color: #fff; padding: 0.9375rem; border-radius: 0.125rem; box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); margin-bottom: 1.875rem; } .s4d-region-container .s4d-region-cards .s4d-region-card h4 { margin-top: 0; font-size: 1rem; color: #4d4d4d; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .s4d-region-container .s4d-region-cards .s4d-region-card address { margin-bottom: 0.625rem; height: 3.5625rem; } .s4d-region-container .s4d-region-cards .s4d-region-card > a { color: #4d4d4d; text-align: left; } .s4d-region-container .s4d-region-cards .s4d-region-card > a::before { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e080"; margin-right: 0.3125rem; color: #009a44; } .s4d-region-container #region-cards-container { position: relative; } .s4d-product-overview-container .s4d-contrast-container { margin-top: 1.875rem; } .s4d-product-overview-container .s4d-contrast-container h1 { margin-top: 0; } .s4d-product-overview-container .s4d-contrast-container .s4d-products-nav { border-top: 1px solid #ccc; padding-left: 1.5625rem; padding-right: 1.5625rem; margin-top: 1.25rem; margin-right: -1.5625rem; margin-left: -1.5625rem; margin-bottom: -1.5625rem; overflow-x: auto; overflow-y: hidden; } .s4d-product-overview-container .s4d-contrast-container .s4d-products-nav ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .s4d-product-overview-container .s4d-contrast-container .s4d-products-nav ul li { display: inline-block; } .s4d-product-overview-container .s4d-contrast-container .s4d-products-nav ul li a { display: block; padding: 0.9375rem 0.75rem; font-weight: 700; border-bottom: 0.125rem solid transparent; white-space: nowrap; } .s4d-product-overview-container .s4d-contrast-container .s4d-products-nav ul li a:hover, .s4d-product-overview-container .s4d-contrast-container .s4d-products-nav ul li a:focus, .s4d-product-overview-container .s4d-contrast-container .s4d-products-nav ul li a:active { border-bottom: 0.125rem solid #009a44; text-decoration: none; } .s4d-product-overview-container .s4d-prodoct-category { margin-bottom: 1.25rem; } .s4d-product-overview-container .s4d-prodoct-category h2 { color: #009a44; font-size: 1.375rem; margin-top: 1.875rem; margin-bottom: 1.25rem; padding-left: 0.9375rem; border-left: 0.1875rem solid #009a44; } .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item { background-color: #fff; padding-left: 5.9375rem; padding-right: 1.875rem; padding-top: 0.9375rem; padding-bottom: 0.9375rem; border-radius: 0.125rem; box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); margin-bottom: 1.25rem; display: block; position: relative; } .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item img { position: absolute; left: 0; top: 0; height: 100%; width: 5.625rem; object-fit: contain; padding: 0.3125rem; } .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item h4 { color: #4d4d4d; font-weight: 700; font-size: 1rem; margin-bottom: 0.3125rem; margin-top: 0; } @media (min-width: 480px) { .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item h4 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.375rem; } } .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item.s4d-inactive h4 { color: #858585; } .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item .s4d-description { display: block; font-size: 0.75rem; height: 2.375rem; line-height: 1.125rem; overflow: hidden; color: #858585; } .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item .glyphicons { display: block; position: absolute; right: 0.9375rem; top: 50%; width: 0.9375rem; height: 1.25rem; margin-top: -0.625rem; transition: right 0.3s; } .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item:hover, .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item:active, .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item:focus { text-decoration: none; } .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item:hover .glyphicons, .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item:active .glyphicons, .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items .s4d-product-item:focus .glyphicons { right: 0.625rem; } .s4d-product-overview-container .s4d-prodoct-category .s4d-product-items h3 { margin-top: 0; margin-bottom: 0.9375rem; font-size: 1rem; } .btn-search-stores { height: 2.125rem; } .s4d-icon-search { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 1.625rem; height: 2.0625rem; position: absolute; left: 0; top: 0; color: #f4f4f4; text-align: center; line-height: 2.0625rem; } .s4d-icon-search::before { content: "\e003"; } .s4d-tooltip-product-info > .tooltip-inner { color: #fff; background-color: #009a44; } .s4d-tooltip-product-info.top > .tooltip-arrow { border-top-color: #009a44; } .s4d-tooltip-product-info.bottom > .tooltip-arrow { border-bottom-color: #009a44; } .s4d-prop1-tooltip + .tooltip > .tooltip-inner { white-space: nowrap; background-color: #45a800; } .s4d-prop1-tooltip + .tooltip.top > .tooltip-arrow { border-top-color: #45a800; } .s4d-prop2-tooltip + .tooltip > .tooltip-inner { white-space: nowrap; background-color: #ed1c24; } .s4d-prop2-tooltip + .tooltip.top > .tooltip-arrow { border-top-color: #ed1c24; } .s4d-prop3-tooltip + .tooltip > .tooltip-inner { white-space: nowrap; background-color: #00acef; } .s4d-prop3-tooltip + .tooltip.top > .tooltip-arrow { border-top-color: #00acef; } .s4d-prop4-tooltip + .tooltip > .tooltip-inner { white-space: nowrap; background-color: #bb0613; } .s4d-prop4-tooltip + .tooltip.top > .tooltip-arrow { border-top-color: #bb0613; } .tooltip.s4d-tooltip-fb > .tooltip-inner { background-color: #3b5998; } .tooltip.s4d-tooltip-fb.bottom > .tooltip-arrow { border-top-color: #3b5998; } #s4d-receipt { display: none; position: relative; padding: 0.9375rem; background-color: #fff; -webkit-box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); -moz-box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); } @media (max-width: 991px) { #s4d-receipt { display: none; position: relative; padding-bottom: 0.9375rem; z-index: 2000; } #s4d-receipt.open { display: block; } .s4d-receipt-order { margin: 0 auto; max-width: 30rem; } } @media (min-width: 480px) { #s4d-receipt { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; } .s4d-receipt-order { padding: 0.9375rem; background-color: #fff; -webkit-box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); -moz-box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); box-shadow: 0rem 0.1875rem 0.3125rem 0rem rgba(0, 0, 0, 0.11); } .s4d-receipt-content { position: absolute; top: 5.3125rem; left: 50%; padding-top: 8.125rem; padding-bottom: 3.0625rem; margin-left: 14.1875rem; width: 15.1875rem; z-index: 20; } .s4d-body-website-alert .s4d-receipt-content { top: 8.4375rem; } #s4d-receipt-content.affix { position: fixed; top: -8.6875rem; } #s4d-receipt-content.affix-bottom { position: absolute; } .s4d-receipt-content #s4d-receipt { position: relative; margin-bottom: 1.875rem; display: block; } .no-sub-navigation .s4d-menu .s4d-navbar-no-auth li a { top: 0.4375rem; } .no-sub-navigation #s4d-receipt-content.affix { top: -5.625rem; } .no-sub-navigation .s4d-receipt-content { padding-top: 4.6875rem; } .no-sub-navigation .s4d-receipt-content .s4d-receipt-order { padding-top: 1.875rem; } } .s4d-receipt-order .s4d-ordered-as-company { position: absolute; top: -1.5rem; left: 0.9375rem; font-weight: 700; z-index: 1; } .s4d-receipt-order .h3 { margin-bottom: 0.625rem; margin-top: 0; font-weight: 500; font-size: 1rem; } .no-sub-navigation .s4d-receipt-order .h3 { margin-top: 0; } .s4d-receipt-sep-line { height: 1px; background-color: #f4f4f4; width: 100%; content: " "; display: block; margin-bottom: 0.3125rem; } .s4d-receipt-sep span { color: #7b7b7b; font-weight: 700; display: block; text-align: center; padding: 0 0.3125rem; margin-top: 0.625rem; } .s4d-receipt-tooltip + .tooltip > .tooltip-inner { color: #fff; background-color: #009a44; min-width: 12.5rem; } .s4d-receipt-tooltip.s4d-checkout-tooltip + .tooltip.in { opacity: 1; } .s4d-receipt-tooltip + .tooltip.top > .tooltip-arrow { border-top-color: #009a44; } .s4d-receipt-tooltip + .tooltip.left > .tooltip-arrow { border-left-color: #009a44; } .s4d-receipt-pizza-info { padding: 0.625rem; text-align: left; } .s4d-receipt-info, .s4d-receipt-remove, .s4d-receipt-edit { margin-left: 0.3125rem; width: 0.9375rem; height: 0.9375rem; display: inline-block; cursor: pointer; font-size: 0.9375rem; text-align: right; position: relative; top: 0.125rem; } .s4d-receipt-remove { color: #d9534f; } .s4d-receipt-info { color: #f4f4f4; } .s4d-receipt-product-edit { display: table-cell; cursor: pointer; min-width: 0.9375rem; overflow: hidden; color: #f4f4f4; margin-left: 0.3125rem; } .s4d-receipt-product-edit:hover { text-decoration: none; } @media (max-width: 991px) { .s4d-receipt-product-edit i { display: none; } } .s4d-receipt-product-edit .s4d-receipt-product-edit-btn { color: #009a44; margin: 0 0.3125rem; vertical-align: top; font-weight: 700; } @media (min-width: 480px) { .s4d-receipt-product-edit .s4d-receipt-product-edit-btn { display: none; } } .s4d-receipt-info.s4d-checkout-tooltip { color: #009a44; top: 0; } .s4d-receipt-remove.pull-right, .s4d-receipt-info.pull-right, .s4d-receipt-edit.pull-right { margin-left: 0.9375rem; top: 0.5rem; } .s4d-receipt-info.pull-right { margin-left: 0.3125rem; } .s4d-button-order-history { white-space: normal; margin: 0.9375rem auto; white-space: normal; max-width: 18.125rem; display: block; } .no-sub-navigation .s4d-receipt-order { padding-top: 0.9375rem; } .s4d-receipt-order .s4d-receipt-price-rule-group { margin-bottom: 0.3125rem; position: relative; color: #4d4d4d; } .s4d-receipt-order .s4d-receipt-price-rule { line-height: 1.25rem; font-size: 0.8125rem; font-weight: 700; } .s4d-receipt-order .s4d-receipt-price-rule .s4d-receipt-info.s4d-receipt-tooltip { margin-top: -0.625rem; margin-bottom: -0.625rem; } .s4d-receipt-order .s4d-receipt-price { float: right; } .strikethrough { position: relative; } .strikethrough:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: #ff0000; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } .s4d-receipt-order .s4d-receipt-price-rule-total, .s4d-receipt-order .s4d-receipt-loyalty-points-total { padding-top: 0.3125rem; margin-bottom: 0.625rem; font-size: 0.9375rem; color: #4d4d4d; } .s4d-receipt-order-content-point-icon { height: 1.25rem; width: auto; vertical-align: bottom; } .s4d-receipt-order-loyalty-coupon { padding: 0.5rem 0; font-style: normal; font-weight: bold; font-size: 0.75rem; line-height: 1.25rem; display: flex; justify-content: space-between; } .s4d-receipt-order-loyalty-coupon-text { color: #858585; } .s4d-receipt-order .s4d-receipt-price-rule-discount { color: #800000; } .s4d-receipt-order .s4d-product { margin-top: 0.625rem; margin-bottom: 1.875rem; } .s4d-receipt-order .s4d-product .s4d-product-header { margin-bottom: 0.3125rem; } .s4d-receipt-order .s4d-product .h3 { margin: 0; white-space: nowrap; width: 12.5rem; text-overflow: ellipsis; overflow: hidden; display: inline-block; float: left; padding-top: 0.5rem; color: #4d4d4d; font-size: 0.9375rem; font-weight: 700; } .s4d-receipt-order .s4d-product .s4d-product-order { margin-bottom: 0.3125rem; line-height: 1.875rem; } .s4d-receipt-order .s4d-product .s4d-product-order.s4d-receipt-item-highlight .s4d-receipt-product-edit, .s4d-receipt-order .s4d-product .s4d-product-order.s4d-receipt-item-highlight .s4d-product-type { color: #f0ad4e; } .s4d-custom-pizza-tooltip { color: #f0ad4e; } .s4d-receipt-order .s4d-product-amount { margin-right: 0.3125rem; } .s4d-receipt-order .s4d-product-amount a, .s4d-receipt-order .s4d-product-amount span { width: 1.5625rem; height: 1.5625rem; line-height: 1.375rem; } .s4d-receipt-order .s4d-product-amount a i, .s4d-receipt-order .s4d-product-amount span i { font-size: 0.6875rem; } .s4d-receipt-order .s4d-product-type { vertical-align: top; font-size: 0.6875rem; margin-left: 0.3125rem; } .s4d-receipt-order .s4d-product-price, .s4d-receipt-order .s4d-reward-points, .s4d-receipt-order .s4d-reward-points-total { vertical-align: top; font-size: 0.6875rem; font-weight: 700; float: right; } .s4d-receipt-order .s4d-reward-points-total { font-size: 0.9375rem; } .s4d-receipt-loyalty-points-multiplication { text-transform: lowercase; } .s4d-receipt-order .s4d-product-price-inline { vertical-align: top; font-size: 0.6875rem; font-weight: 700; white-space: nowrap; margin-right: 0.3125rem; } .s4d-price-inline { display: inline-flex; vertical-align: top; flex-direction: row; flex-wrap: nowrap; justify-content: end; align-content: space-around; white-space: nowrap; float: right; } .s4d-product-name-with-prices { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; } .s4d-name-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .s4d-receipt-delivery-type { margin-top: 0.4375rem; } .s4d-receipt-delivery-type .s4d-tab-navigation { overflow: hidden; } .s4d-receipt-delivery-type .s4d-tab-navigation li { line-height: 1.875rem; width: 50%; float: left; margin-right: 0; } .s4d-receipt-delivery-type .s4d-tab-navigation li a { display: block; width: 100%; text-align: center; color: #858585; font-weight: 500; font-size: 0.875rem; padding: 0.3125rem 0.625rem; } .s4d-receipt-delivery-type .s4d-tab-navigation li a:hover, .s4d-receipt-delivery-type .s4d-tab-navigation li a:focus { color: #009a44; } .s4d-receipt-delivery-type .s4d-tab-navigation li.active a { color: #009a44; border-bottom: 0.125rem solid #009a44; font-weight: 700; } #select-store-tab a { color: #009a44; font-weight: 700; } .s4d-receipt-store { display: none; } .s4d-receipt-delivery-type-text { display: block; color: #b1b1b1; font-size: 0.75rem; } .s4d-receipt-delivery-type-text.s4d-receipt-delivery-type-text-checkout { border-bottom: 0; } .s4d-receipt-delivery-type-text.warning { padding: 0.625rem; color: #853308; border-radius: 0.25rem; border: 1px solid #d2997b; background-color: #eecbb9; } .s4d-receipt-delivery-type-name { margin-bottom: 0.3125rem; font-size: 0.875rem !important; font-weight: 700; display: block; color: #4d4d4d; } .s4d-receipt-delivery-type-address { margin-bottom: 0.3125rem; display: block; } .s4d-receipt-delivery-type-hours { margin-bottom: 0.3125rem; } .s4d-receipt-delivery-type .s4d-tab { padding-top: 0.9375rem; padding-bottom: 0; } .s4d-receipt-delivery-type .s4d-tab .s4d-receipt-zipcodecheck .col-sm-6:first-child { width: 70%; float: left; } .s4d-receipt-delivery-type .s4d-tab .s4d-receipt-zipcodecheck .col-sm-6:last-child { width: 30%; float: left; } .s4d-receipt-delivery-type .s4d-tab .s4d-receipt-zipcodecheck .col-sm-6 .btn { width: 100%; background-color: #009a44; color: #fff; } .s4d-receipt-delivery-type .s4d-tab .s4d-receipt-zipcodecheck .col-sm-6 .btn:hover, .s4d-receipt-delivery-type .s4d-tab .s4d-receipt-zipcodecheck .col-sm-6 .btn:focus, .s4d-receipt-delivery-type .s4d-tab .s4d-receipt-zipcodecheck .col-sm-6 .btn:active { background-color: #fff; color: #009a44; border: 1px solid #009a44; } .select-store-click .s4d-receipt-delivery-type-text { margin-bottom: 0.3125rem; } .store-click img, .s4d-store-result-title img, .s4d-store-detail-address img { height: 1em; width: 1em; } .s4d-empty-receipt { margin: 0.3125rem 0 0 0; display: block; } .s4d-empty-receipt .strong { display: block; } .s4d-empty-receipt .s4d-receipt-arrow { margin: 0.625rem auto 0; display: none; content: url(/Content/Images/receipt/receipt-empty-arrow-down.png); } .s4d-receipt-store small, .s4d-receipt-store .small { font-size: 0.75rem; } @media (min-width: 480px) { .s4d-button-order-history, .s4d-button-save-lacomanda { margin: 0.9375rem 0 0; min-width: 100%; display: inline-block; } } @media (min-width: 480px) { .s4d-receipt-order .s4d-product-amount a, .s4d-receipt-order .s4d-product-amount span { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; line-height: 1.125rem; text-align: center; display: block; float: left; } .s4d-receipt-order .s4d-product-amount a i, .s4d-receipt-order .s4d-product-amount span i { font-size: 0.5625rem; } .s4d-receipt-order .s4d-product-amount .s4d-product-amount-value { width: 1.25rem; font-size: 0.75rem; } .s4d-receipt-order .s4d-product .s4d-product-order { line-height: 1.25rem; } .s4d-empty-receipt .s4d-receipt-arrow { margin: 0.625rem 0 0 0.625rem; content: url(/Content/Images/receipt/receipt-empty-arrow-left.png); } .s4d-receipt-order .s4d-product .h3 { width: 10rem; } .s4d-receipt-order .s4d-coupon-product .s4d-static-amount { font-size: 0.6875rem; } .s4d-receipt-order .s4d-coupon-product .s4d-product-order::after { clear: both; content: ""; display: table; } .s4d-receipt-order .s4d-coupon-product .s4d-product-type { height: auto; width: 9.375rem; display: inline-block; } .s4d-receipt-order .s4d-coupon-product .s4d-product-amount .s4d-product-amount-value { width: auto; font-size: 0.6875rem; } .s4d-receipt-order .s4d-automatic-generic-coupon-product { margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 0.3125rem; margin-bottom: 0.625rem; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-top: 0.3125rem; padding-bottom: 0.3125rem; background-color: #009a44; } .s4d-receipt-order .s4d-automatic-generic-coupon-product .h3, .s4d-receipt-order .s4d-automatic-generic-coupon-product .s4d-product-type, .s4d-receipt-order .s4d-automatic-generic-coupon-product .s4d-amount-order, .s4d-receipt-order .s4d-automatic-generic-coupon-product .s4d-product-price, .s4d-receipt-order .s4d-automatic-generic-coupon-product .s4d-product-price, .s4d-receipt-order .s4d-automatic-generic-coupon-product .s4d-product-amount-value { color: #fff; } .s4d-receipt-order .s4d-product .s4d-product-header { position: relative; } .s4d-receipt-order .s4d-receipt-price-rule .s4d-receipt-info.s4d-receipt-tooltip { margin-top: -0.625rem; margin-bottom: -0.625rem; } .s4d-receipt-order .s4d-product-type { max-width: 5rem; width: auto; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (min-width: 1200px) { .s4d-receipt-content { margin-left: 19.25rem; width: 16.375rem; } .s4d-receipt-order .s4d-product .h3 { width: auto; max-width: 8.875rem; } .s4d-receipt-order .s4d-product-type { max-width: 6.25rem; } .s4d-receipt-delivery-type .s4d-tab-navigation li a { width: 6.5625rem; } .s4d-receipt-delivery-type-hours { white-space: nowrap; } } .s4d-receipt-order .scrollbar-inner { max-height: 8.75rem !important; overflow: auto; white-space: nowrap; padding-right: 0 !important; padding-bottom: 0.3125rem !important; position: relative; } .s4d-receipt-order .s4d-product-upsell-block { margin-left: -0.9375rem; margin-right: -0.9375rem; margin-bottom: 0.625rem; margin-top: 1.25rem; background-color: #f4f4f4; position: relative; } .s4d-receipt-order .s4d-product-upsell-block .scrollbar-inner { overflow: hidden; } .s4d-receipt-order .s4d-product-upsell-block > .s4d-background-pill.first-child { border-bottom: 1px solid #fff; background-color: #f4f4f4; padding: 0.625rem 0.9375rem; } .s4d-receipt-order .s4d-product-upsell { width: 15rem; display: inline-block; background-color: #f4f4f4; vertical-align: top; } .s4d-receipt-order .scrollbar-inner .s4d-product-upsell { border-right: 1px solid #f4f4f4; vertical-align: top; margin-bottom: 0; background-color: transparent; } .s4d-receipt-order .scrollbar-inner .s4d-product-upsell, .s4d-receipt-order .s4d-product-upsell-block > .s4d-background-pill.first-child { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .s4d-receipt-order .scrollbar-inner .s4d-product-upsell:last-child { border-right: none; } .s4d-receipt-order .scrollbar-inner .s4d-product-upsell .tooltip { display: none !important; } .s4d-receipt-order .s4d-product-upsell-block .s4d-products-upsell { margin-bottom: 1px; margin-left: -0.25rem; color: #858585; font-weight: bold; min-width: 100%; box-shadow: inset 0 0.125rem 1px -1px #f4f4f4; } .s4d-receipt-order .s4d-product-upsell-block .s4d-background-pill h3 { margin-bottom: 0; font-size: 0.875rem; color: #009a44; } .s4d-receipt-order .s4d-product-image { width: 3.125rem; height: 3.125rem; float: left; margin-right: 0.3125rem; } .s4d-receipt-order .s4d-product-image img { max-width: 100%; max-height: 100%; white-space: normal; } .s4d-receipt-order .s4d-product-upsell h4 { margin-top: 0; margin-bottom: 0; font-weight: 700; font-size: 0.75rem; white-space: normal; } .s4d-receipt-order .s4d-product-upsell .btn-default { float: right; background-color: #009a44; color: #fff; border-color: #009a44; padding: 0.15625rem 0.8125rem; font-size: 0.75rem; } .s4d-receipt-order .s4d-product-upsell .btn-default:hover, .s4d-receipt-order .s4d-product-upsell .btn-default:active, .s4d-receipt-order .s4d-product-upsell .btn-default:focus { background-color: #009a44; color: #fff; border-color: #009a44; } .s4d-receipt-order .s4d-product-upsell .s4d-product-price { display: block; font-size: 0.75rem; float: none; } .s4d-receipt-order .s4d-product-upsell-block .s4d-uppsell-overflow-img { top: 0rem; height: 5.8125rem; width: 2.8125rem; content: ""; position: absolute; z-index: 100; background-size: cover; } .s4d-receipt-order .s4d-product-upsell-block .s4d-uppsell-overflow-img.right { background-image: url(/Content/Images/receipt/scroll-upsell-bg.png); right: 0; } .s4d-receipt-order .s4d-product-upsell-block .s4d-uppsell-overflow-img.left { display: none; background-image: url(/Content/Images/receipt/scroll-upsell-bg-left.png); left: 0; } @media (min-width: 480px) { .s4d-receipt-order .s4d-product-upsell-block .s4d-uppsell-overflow-img { top: 2.1875rem; height: 5.9375rem; } } .s4d-global-generic-coupon-popup { padding-left: 9.0625rem; padding-bottom: 3.75rem; padding-top: 1.25rem; padding-right: 1.25rem; min-height: 8.75rem; z-index: 21000; -webkit-box-shadow: 0 0 2.375rem rgba(0, 0, 0, 0.3), 0 0 0.75rem rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 2.375rem rgba(0, 0, 0, 0.3), 0 0 0.75rem rgba(0, 0, 0, 0.22); -ms-box-shadow: 0 0 2.375rem rgba(0, 0, 0, 0.3), 0 0 0.75rem rgba(0, 0, 0, 0.22); box-shadow: 0 0 2.375rem rgba(0, 0, 0, 0.3), 0 0 0.75rem rgba(0, 0, 0, 0.22); } .s4d-global-generic-coupon-popup .s4d-title { font-size: 1rem; font-weight: 700; color: #009a44; display: block; } .s4d-global-generic-coupon-popup .s4d-decscription { color: #4d4d4d; } .s4d-global-generic-coupon-popup .s4d-image { position: absolute; top: 0; left: 0; bottom: 0; width: 7.8125rem; overflow: hidden; } .s4d-global-generic-coupon-popup .s4d-image img { position: absolute; left: 0; right: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .s4d-global-generic-coupon-popup .s4d-buttons { position: absolute; bottom: 1.25rem; left: 9.0625rem; right: 1.25rem; display: flex; } .s4d-global-generic-coupon-popup .s4d-buttons .btn { padding: 0.15625rem 0.8125rem; font-size: 0.75rem; border-radius: 0.125rem; } .s4d-global-generic-coupon-popup .s4d-buttons .s4d-btn-decline { background-color: #fff; border-color: #fff; -webkit-box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); } .s4d-global-generic-coupon-popup .s4d-buttons .s4d-btn-aprove { margin-right: 0.625rem; color: #fff; background-color: #009a44; border-color: #009a44; -webkit-box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 1px -0.125rem rgba(0, 0, 0, 0.2), 0 1px 0.3125rem 0 rgba(0, 0, 0, 0.12); } .s4d-global-generic-coupon-popup .s4d-buttons .s4d-amount-textbox { margin-right: 0.625rem; } @media (max-width: 991px) { .s4d-global-generic-coupon-popup { position: fixed; bottom: 0; left: 0; right: 0; top: auto !important; background-color: #fff; -webkit-transform: translateY(110%); -moz-transform: translateY(110%); -ms-transform: translateY(110%); transform: translateY(110%); -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; -ms-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; } .s4d-global-generic-coupon-popup.s4d-show { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @media (max-width: 400px) { .s4d-global-generic-coupon-popup { padding-left: 8.4375rem; padding-bottom: 4.25rem; padding-top: 0.625rem; padding-right: 0.625rem; font-size: 0.75rem; } .s4d-global-generic-coupon-popup .s4d-title { font-size: 0.875rem; } .s4d-global-generic-coupon-popup .s4d-buttons { bottom: 0; left: 8.4375rem; right: 0.625rem; display: block !important; } .s4d-global-generic-coupon-popup .s4d-buttons .btn { margin: 0 0 0.625rem 0 !important; display: block !important; width: 100% !important; } } @media (min-width: 480px) { .s4d-global-generic-coupon-popup { position: absolute; top: 1.5625rem; right: 100%; margin-top: 8.4375rem; margin-right: 0.625rem; width: 25.9375rem; background-color: #ffffff; opacity: 0; -webkit-transform: translateX(-2.5rem); -moz-transform: translateX(-2.5rem); -ms-transform: translateX(-2.5rem); transform: translateX(-2.5rem); -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: transform 0.2s ease-out, opacity 0.2s ease-out; -ms-transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; } .s4d-global-generic-coupon-popup.s4d-show { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .s4d-global-generic-coupon-popup .s4d-buttons .btn { flex-grow: 1; } .s4d-global-generic-coupon-popup::after { content: ""; position: absolute; top: 0.3125rem; left: 100%; width: 0; height: 0; border-top: 0.5rem solid transparent; border-bottom: 0.5rem solid transparent; border-left: 0.5rem solid #ffffff; } } .s4d-download-app-content { margin: 0.9375rem; text-align: center; display: none; } .s4d-download-app-content:after { clear: both; content: ""; display: block; } .s4d-download-app-content h4.s4d-text-color-medium { text-align: center; } .s4d-download-app-link { width: 6.75rem; height: 1.75rem; display: inline-block; } .s4d-download-app-link img { max-width: 100%; } @media (min-width: 480px) { .s4d-download-app-content { margin: 0; text-align: left; display: block; } .s4d-download-app-content .s4d-download-app-link { width: 50%; float: left; } .s4d-download-app-content h3.s4d-text-color-medium { text-align: left; } } @media (min-width: 1200px) { .s4d-download-app-link { width: 7.4375rem; } } .s4d-amount-order { top: -1px; position: relative; } .s4d-receipt-zipcodecheck .col-sm-6 { width: 100%; } .s4d-receipt-pizzapunten { text-align: center; background: url(/Content/Images/receipt/receipt-empty-arrow-down-left.png) no-repeat; background-position: bottom left; width: 12.5rem; margin: 0 auto; padding-bottom: 0.3125rem; } .s4d-receipt-pizzapunten .s4d-empty-receipt { margin-bottom: 0.3125rem; } .s4d-receipt-or { text-align: center; font-size: 1rem; font-weight: bold; position: relative; } .s4d-receipt-or:before { content: ""; position: absolute; height: 1px; width: 100%; left: 0; top: 50%; background-color: #f4f4f4; } .s4d-receipt-or span { position: relative; display: inline-block; width: 2.625rem; background-color: #fff; } .s4d-store-address-item { border-bottom: 1px solid #ccc; padding-bottom: 0.625rem; margin-bottom: 0.625rem; } .s4d-store-address-item span { display: block; } .s4d-store-address-item .s4d-type { font-size: 1rem; color: #009a44; font-weight: 700; } .s4d-store-address-item .s4d-openinghours { font-size: 0.75rem; font-weight: 500; margin-bottom: 0.3125rem; } .s4d-store-address-item .s4d-store-name { font-size: 0.75rem; font-weight: 400; } .s4d-store-address-item .s4d-address { font-size: 0.75rem; } .s4d-store-address-item .s4d-address span.s4d-address-rule { display: inline; word-wrap: break-word; } .s4d-store-address-item .s4d-address .s4d-address-phone { display: block; } .s4d-edit-zipcode-container .s4d-receipt-zipcode-based-on { font-size: 0.75rem; display: block; } .s4d-edit-zipcode-container .s4d-receipt-zipcode-based-on strong { font-weight: 500; color: #009a44; } .s4d-receipt-reverse-order-rule-total { display: flex; flex-direction: column-reverse; } .s4d-prices-after-discount { display: inline-flex; flex-direction: row; } /*START EDIT PIZZA*/ .s4d-dt-zs-modal-content { padding-bottom: 11.25rem; } #XTastyModal .modal h3, #XTastyModal .modal h4, #CustomPizza .modal h3, #CustomPizza .modal h4 { font-weight: 700; line-height: 1.875rem; margin-bottom: 0; } .modal .s4d-dt-zs-subtitle { margin-top: 0; margin-bottom: 0; color: #4d4d4d; font-weight: 700; } .s4d-topping { padding-bottom: 0.625rem; margin-bottom: 0.625rem; border-bottom: 1px solid #ddd; } .s4d-topping-col { margin-left: 0.9375rem; margin-right: 0.9375rem; } .topping-row.first .topping-label { font-weight: 700; } .topping-row { display: block; } .topping-row.s4d-disabled-topping { display: none; } .topping-row .topping-option label { margin-bottom: 0; } .s4d-toppings .topping-label { width: 8.75rem; float: left; color: #4d4d4d; font-size: 0.875rem; } .s4d-toppings .topping-option { width: 2.8125rem; float: left; text-align: center; font-style: italic; font-size: 0.75rem; } .s4d-product-text { margin-left: 5.9375rem; } .s4d-dt-label-row { position: relative; display: block; white-space: nowrap; } .s4d-new-label-radio .s4d-edit-toppings { display: none; padding: 0; color: #bcbcbc; } .s4d-new-label-radio input[type=radio]:checked ~ .s4d-edit-toppings { display: inline; margin-left: 0.3125rem; } .s4d-new-label-radio input[type=radio]:checked ~ .s4d-edit-toppings .glyphicon, .s4d-new-label-radio input[type=radio]:checked ~ .s4d-edit-toppings .s4d-icon-trash, .s4d-new-label-radio input[type=radio]:checked ~ .s4d-edit-toppings .s4d-icon-info, .s4d-new-label-radio input[type=radio]:checked ~ .s4d-edit-toppings .s4d-icon-alert, .s4d-new-label-radio input[type=radio]:checked ~ .s4d-edit-toppings .s4d-icon-remove, .s4d-new-label-radio input[type=radio]:checked ~ .s4d-edit-toppings .s4d-icon-edit { top: 0; right: -0.1875rem; } .s4d-dt-half { width: 50%; float: left; height: 100%; overflow: hidden; background-size: 200% 100%; background-repeat: no-repeat; display: none; } .s4d-dt-half.one { border-right: 0.125rem dashed #fff; background-position: left center; } .s4d-dt-half.two { border-right: 0.125rem dashed #fff; background-position: right center; } .s4d-modal-radiobuttons label { display: block; margin-bottom: 0.625rem; } .s4d-dt-half { display: block; } @media (min-width: 480px) { .s4d-toppings .topping-label { width: 12.5rem; } .s4d-product-text { margin-left: 8.4375rem; } .s4d-modal-radiobuttons label { display: inline-block; margin-bottom: 0.625rem; } } @media (min-width: 480px) { .s4d-toppings .topping-label { width: 8.75rem; } } @media (min-width: 480px) { .s4d-dt-zs-modal-content { padding-bottom: 1.875rem; } } .s4d-pizza-type-selector .s4d-pizza-type-category { display: block; line-height: 0.875rem; font-weight: 700; color: #009a44; border-bottom: 1px solid #999999; padding: 0.625rem; margin: -0.6875rem -0.625rem 0rem -0.625rem; } .s4d-pizza-type-selector li:last-child .s4d-pizza-type-category { border-top: 1px solid #999999; margin-top: 0; } .s4d-pizza-type-selector .s4d-pizza-type-category span { display: none; } .s4d-topping-img { width: 2.375rem; vertical-align: middle; } .s4d-topping-label-modifier { display: inline-flex; align-items: center; margin-bottom: 0rem; } .s4d-modal-pizza-selector label { line-height: 1.875rem; width: 100%; margin-bottom: 0; cursor: pointer; } .s4d-modal-pizza-selector .s4d-pizza-type-category { color: #4d4d4d; margin: 0; padding: 0.625rem; text-decoration: none; transition: all 0.3s; } .s4d-modal-pizza-selector .s4d-pizza-type-category span { display: block; float: none !important; font-weight: 400; font-size: 0.75rem; color: #999999; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items { transition: all 0.3s; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li { line-height: 0.6875rem; margin: 0; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li label { position: relative; font-weight: 400; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li label .s4d-new-input-radio-btn { float: left; margin-left: 0; top: 0.4375rem; left: -0.625rem; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li label input[type=radio] { display: none; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li label input[type=radio]:checked + .s4d-pizza-type-image::before { border-color: #009a44; background-color: #009a44; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li label input[type=radio]:checked + .s4d-new-input-radio-btn + .s4d-pizza-type-image + span { color: #4d4d4d; font-weight: 700; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li label input[type=checkbox] { display: none; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li label input[type=checkbox]:checked + .s4d-pizza-type-image::before { border-color: #009a44; background-color: #009a44; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li label input[type=checkbox]:checked + .s4d-new-input-radio-btn + .s4d-pizza-type-image + span { color: #4d4d4d; font-weight: 700; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li:hover .s4d-pizza-type-description, .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li:hover .s4d-pizza-type-price { color: #4d4d4d; } .s4d-modal-pizza-selector .s4d-pizza-type-image { background-repeat: no-repeat; background-size: 100%; width: 2.8125rem; height: 2.8125rem; margin: 0.3125rem 1.25rem 0.3125rem 1.25rem; display: none; } #productAccordion.s4d-pizza-type-selector .s4d-pizza-type-category { border-color: #e3e3e3; border-style: solid; border-width: 1px 1px 0 1px; } #productAccordion.s4d-pizza-type-selector .s4d-pizza-type-category:hover { background: #fafafa; text-decoration: none; } #productAccordion.s4d-pizza-type-selector .panel { margin: 0; border: 0; } #productAccordion.s4d-pizza-type-selector .s4d-pizza-type-selector-items { border-top: 1px solid #e3e3e3; } #productAccordion.s4d-pizza-type-selector li:last-child .s4d-pizza-type-category { border: 1px solid #e3e3e3; } #productAccordion.s4d-pizza-type-selector .panel:last-child .s4d-pizza-type-selector-items { border: 0; } @media (min-width: 480px) { .s4d-modal-pizza-selector .s4d-pizza-type-image { display: block; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li label { line-height: 3.375rem; } .s4d-modal-pizza-selector .s4d-pizza-type-selector-items li label .s4d-new-input-radio-btn { margin-top: 0.75rem; left: 0.625rem; } } .s4d-modal-pizza-selector .s4d-pizza-type-category .s4d-pizza-type-popover { padding: 0.1875rem; background-color: transparent; } .s4d-modal-pizza-selector .s4d-pizza-type-category .glyphicon.glyphicon-search, .s4d-modal-pizza-selector .s4d-pizza-type-category .glyphicon-search.s4d-icon-trash, .s4d-modal-pizza-selector .s4d-pizza-type-category .glyphicon-search.s4d-icon-info, .s4d-modal-pizza-selector .s4d-pizza-type-category .glyphicon-search.s4d-icon-alert, .s4d-modal-pizza-selector .s4d-pizza-type-category .glyphicon-search.s4d-icon-remove, .s4d-modal-pizza-selector .s4d-pizza-type-category .glyphicon-search.s4d-icon-edit { font-family: "Glyphicons Halflings"; color: #009a44; font-size: 1rem; float: right !important; position: relative; top: -0.625rem; } .s4d-radio-inline .s4d-dt-label-row .s4d-product-popover { display: none; position: absolute; bottom: 100%; left: 0; right: 0; background-color: #fff; box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1), 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.1); border: 1px solid #ccc; border-radius: 0.125rem; padding: 0.9375rem; z-index: 10; margin-bottom: 1.25rem; width: 13.9375rem; } .s4d-radio-inline .s4d-dt-label-row .s4d-product-popover .s4d-product-image { width: 100%; height: 7.5rem; display: block; margin-top: 0.9375rem; text-align: center; } .s4d-radio-inline .s4d-dt-label-row .s4d-product-popover .s4d-product-image img { max-width: 100%; max-height: 100%; } .s4d-radio-inline .s4d-dt-label-row .s4d-product-popover .s4d-product-text { display: block; margin-left: 0; } .s4d-radio-inline .s4d-dt-label-row .s4d-product-popover .s4d-product-text .h3 { font-size: 0.9375rem; font-style: normal; text-transform: uppercase; margin: 0 0 0.3125rem; line-height: normal; } .s4d-radio-inline .s4d-dt-label-row .s4d-product-popover .s4d-product-arrow { content: ""; width: 0; height: 0; border-style: solid; border-width: 0.9375rem 0.625rem 0 0.625rem; border-color: #009a44 transparent transparent transparent; position: absolute; left: 50%; right: 0; bottom: -0.9375rem; margin-left: -0.625rem; } @media (min-width: 480px) { .s4d-radio-inline { width: 100%; } .s4d-toppings .topping-label { width: 8.125rem; font-size: 0.75rem; } .s4d-topping-col { width: 50%; float: left; position: relative; min-height: 1px; padding-right: 0.9375rem; padding-left: 0.9375rem; margin-left: 0; margin-right: 0; } .s4d-dt-toppings .s4d-topping-col { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 0.9375rem; padding-left: 0.9375rem; margin-left: 0; margin-right: 0; } } @media (min-width: 1200px) { .s4d-radio-inline .s4d-dt-label-row .s4d-product-popover { left: -50%; right: 10%; width: auto; } .s4d-radio-inline .s4d-dt-label-row .s4d-product-popover .s4d-product-image { width: 7.5rem; height: 7.5rem; display: block; float: left; } .s4d-radio-inline .s4d-dt-label-row .s4d-product-popover .s4d-product-text { margin-left: 8.4375rem; } .s4d-radio-inline .s4d-dt-label-row .s4d-product-popover .s4d-product-text .s4d-product-decription { display: block; } } /*END EDIT PIZZA*/ /*START NEW CUSTOM EDIT PIZZA*/ .s4d-dt-zs-modal { overflow-y: scroll !important; } .s4d-dt-zs-modal .modal-dialog .s4d-image-placeholder-mobile { display: none; } .s4d-dt-zs-modal .modal-dialog .modal-header h4 { font-weight: 700; font-size: 1.5rem; } @media (max-width: 767px) { .s4d-dt-zs-modal .modal-dialog { margin: 0; min-height: 100vh; } .s4d-dt-zs-modal .modal-dialog .s4d-image-placeholder-mobile { position: relative; z-index: 1; display: block; margin-left: -1.25rem; margin-right: -1.25rem; margin-top: -1.25rem; } .s4d-dt-zs-modal .modal-dialog .s4d-image-placeholder-mobile::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; left: -1.25rem; right: -1.25rem; bottom: 0; height: 30%; z-index: 10; content: ""; display: block; opacity: 0.7; } .s4d-dt-zs-modal .modal-dialog .s4d-image-placeholder-mobile s4d-product-img-mobile { max-height: 10.625rem; width: 100%; object-fit: cover; object-position: top; } .s4d-dt-zs-modal .modal-dialog .s4d-image-placeholder-mobile .s4d-zs-image { height: 10rem; display: block; background-image: url("/Content/Themes/Default/Images/product/zs-image-mobile.jpg"); } .s4d-dt-zs-modal .modal-dialog .s4d-image-placeholder-mobile.s4d-dt-images { height: 9.375rem; position: sticky; top: 0; z-index: 10; background-color: #f4f4f4; box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.2); } .s4d-dt-zs-modal .modal-dialog .s4d-image-placeholder-mobile.s4d-dt-images:before { left: 0; right: 0; } .s4d-dt-zs-modal .modal-dialog .s4d-image-placeholder-mobile.s4d-dt-images .s4d-dt-half { background-size: 200%; display: block !important; } .s4d-dt-zs-modal .modal-dialog .s4d-image-placeholder-mobile.s4d-dt-images .s4d-dt-half.one { background-position: left 0; border-right: 0.25rem solid #fff; } .s4d-dt-zs-modal .modal-dialog .s4d-image-placeholder-mobile.s4d-dt-images .s4d-dt-half.two { background-position: right 0; } .s4d-dt-zs-modal .modal-dialog .modal-header { margin-bottom: 0.9375rem; margin-top: 1.25rem; } .s4d-dt-zs-modal .modal-dialog .modal-header h5 { color: #fff; position: relative; top: -1.1875rem; z-index: 2; margin-top: -0.3125rem; } .s4d-dt-zs-modal .modal-dialog .modal-header .close { width: 2.1875rem; height: 2.1875rem; background-color: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 100%; border: 1px solid #fff; line-height: 1rem; z-index: 20; } .s4d-dt-zs-modal .modal-dialog .modal-header .close span { display: inline-block; height: 1.5rem; font-size: 1.125rem; line-height: 1.625rem; } } @media (min-width: 480px) { .s4d-dt-zs-modal .modal-dialog { width: 100%; margin: 0 auto; } .s4d-dt-zs-modal .modal-dialog .modal-header h5 { margin-bottom: 0.3125rem; } .s4d-dt-zs-modal .modal-dialog .modal-header h4 { font-size: 1.5rem; font-weight: 700; margin-top: 0; } .s4d-dt-zs-modal .modal-dialog .modal-body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-content { -webkit-box-flex: 0 0 60%; -moz-box-flex: 0 0 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt { background-color: #f2f2f2; margin-left: 1.25rem; margin-right: -1.25rem; width: 100%; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock { position: sticky; top: 0; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-image .s4d-zs-image, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-image .s4d-zs-image { height: 8.5625rem; width: 100%; display: block; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-image .s4d-product-img, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-image .s4d-product-img { max-width: 100%; margin: 0 auto; display: block; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-text, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-text { margin-left: 0; padding: 0.9375rem; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-text h3, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-text h3 { margin-top: 0; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-text h3 small, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-text h3 small { color: #009a44; display: block; margin-bottom: 0.3125rem; font-size: 0.875rem; font-weight: 700; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-text .s4d-product-price, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-text .s4d-product-price { font-size: 1.125rem; color: #4d4d4d; font-weight: 700; display: block; margin-bottom: 0.9375rem; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-text .s4d-product-price small, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-text .s4d-product-price small { font-size: 100%; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-text .btn-primary, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-text .btn-primary { background-color: #009a44; display: block; width: 100%; color: #fff; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-info-container, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-info-container { display: flex; padding-bottom: 0.3125rem; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-info-container .s4d-custom-pizza-amount-container, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-info-container #x-tasty-price, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-info-container #custom-pizza-price, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-info-container .s4d-custom-pizza-amount-container, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-info-container #x-tasty-price, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-info-container #custom-pizza-price { flex: 1; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-info-container .s4d-custom-pizza-amount-container .s4d-product-amount, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-info-container .s4d-custom-pizza-amount-container .s4d-product-amount { float: right; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #CustomPizzaOrderBlock .s4d-product-info-container .s4d-product-price, .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-info-container .s4d-product-price { line-height: 2rem; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-image { height: 12.5rem; width: 12.5rem; padding: 0.625rem; margin: 0 auto; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-image .s4d-dt-half { display: block !important; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-image .s4d-dt-half.one { border-right: 0.25rem solid #fff; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-receipt #XTastyOrderBlock .s4d-product-image .s4d-dt-half.two { border-right: 0; } } @media (min-width: 480px) { .s4d-dt-zs-modal .modal-dialog { width: 57.5rem; margin: 1.25rem auto; } .s4d-dt-zs-modal .modal-dialog .modal-body .s4d-custom-pizza-content { -webkit-box-flex: 0 0 65%; -moz-box-flex: 0 0 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; } } .s4d-dt-zs-modal .modal-dialog .modal-content { border: none; padding: 1.25rem 1.25rem 0 1.25rem; } @media (max-width: 767px) { .s4d-dt-zs-modal .modal-dialog .modal-content { overflow-x: hidden; padding-top: 0; height: 100vh; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 3.125rem; } } .s4d-dt-zs-modal .modal-dialog .modal-content .s4d-form-group { margin-bottom: 1.25rem; } .s4d-dt-zs-modal .modal-dialog .modal-content .s4d-smooth-scroll { font-weight: 700; margin-top: 0.5rem; display: inline-block; } .s4d-dt-zs-modal .modal-dialog .modal-content .s4d-double-tasty-toppings { margin-top: 1.25rem; padding: 0.625rem; background-color: #f4f4f4; } .s4d-dt-zs-modal .modal-dialog .modal-content .s4d-double-tasty-toppings h3 { color: #4d4d4d; margin-bottom: 0.9375rem; margin-top: 0; } .s4d-dt-zs-modal .modal-dialog .modal-content .s4d-double-tasty-toppings h3 small { display: block; margin-bottom: 0.625rem; font-size: 0.875rem; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default { border-radius: 0; padding: 0; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading { padding: 0; background-color: transparent; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading h4 a { padding: 0.625rem 0.9375rem; display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading h4 a .s4d-toppings-amount { background-color: #858585; color: #fff; width: 0.9375rem; height: 0.9375rem; border-radius: 100%; display: inline-block; font-size: 0.625rem; text-align: center; line-height: 0.9375rem; margin-left: 0.3125rem; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading h4 a:hover, .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading h4 a:focus { text-decoration: none; background-color: #f4f4f4; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading h4 a .glyphicon-chevron-up, .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading h4 a .glyphicon-chevron-down { margin-left: auto; font-size: 0.75rem; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading h4 a .glyphicon-chevron-down { display: block; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading h4 a .glyphicon-chevron-up { display: none; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading h4 a.collapsed .glyphicon-chevron-down { display: none; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-heading h4 a.collapsed .glyphicon-chevron-up { display: block; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-top: 0.3125rem; min-height: 2.125rem; position: relative; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item .topping-label { cursor: pointer; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item .topping-label input[type=checkbox] { margin: 0; position: absolute; top: 0.5rem; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item .topping-label span { font-weight: normal; display: inline-block; padding-left: 1.25rem; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item .topping-label span.s4d-topping-noimage-span-modifier { padding-left: 0rem; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item .topping-label span.s4d-topping-span-modifier { padding-left: 0.3125rem; vertical-align: middle; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item .s4d-product-amount { margin-left: auto; min-width: 5.9375rem; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item .s4d-product-amount a, .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item .s4d-product-amount span { width: 1.875rem; height: 1.875rem; line-height: 1.75rem; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item .s4d-product-amount .s4d-product-amount-value { width: 1.5625rem; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel-default .panel-body .s4d-topping-item .s4d-topping-amount { min-width: unset; display: flex; margin-right: 0.3125rem; } .s4d-dt-zs-modal .s4d-custom-pizza-content .s4d-topping-list .panel + .panel { margin-top: -1px; } @media (min-width: 480px) { .s4d-dt-zs-modal .s4d-custom-pizza-content .topping-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .s4d-dt-zs-modal .s4d-custom-pizza-content .topping-row .s4d-topping-item { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 0.3125rem; } } .s4d-zs-dt-mobile-receipt { display: none; } @media (max-width: 767px) { .s4d-custom-pizza-receipt { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1100; display: block; } .s4d-custom-pizza-receipt .s4d-product-price { position: absolute; right: 1.25rem; top: 0.75rem; color: #fff; font-weight: 700; font-size: 1rem; z-index: 1; } .s4d-custom-pizza-receipt .s4d-product-price small { font-size: 100%; } .s4d-custom-pizza-receipt .btn { width: 100%; background-color: #009a44; color: #fff; padding: 0.75rem; font-size: 1rem; } .s4d-custom-pizza-receipt .s4d-product-text { margin-left: 0; } .s4d-custom-pizza-receipt .s4d-product-image, .s4d-custom-pizza-receipt h3, .s4d-custom-pizza-receipt .s4d-product-decription { display: none; } } /*END NEW CUSTOM EDIT PIZZA*/ .s4d-order-promotion-container { position: sticky; bottom: 0rem; left: 0rem; display: block; background-color: #fff; z-index: 1060; margin-top: auto; } @media (min-width: 480px) { .s4d-order-promotion-container { width: 57.5rem; } } .s4d-order-promotion-container .s4d-btn-order-promotion { position: absolute; bottom: 0; background-color: #009a44; color: #fff; font-size: 1rem; border-radius: 0; } .s4d-order-promotion-container .s4d-btn-order-promotion:hover + .s4d-product-price-container { color: #009a44; } .s4d-order-promotion-container .s4d-product-price-container { font-size: 1rem; color: #fff; position: absolute; bottom: 0; right: 1.25rem; } .s4d-order-promotion-container .s4d-product-price-container .s4d-product-price { font-weight: 700; line-height: 2.1875rem; } .s4d-order-promotion-container .s4d-product-price-container .s4d-product-price small { font-size: 1rem; } #max-toppings-alert { position: absolute; z-index: 99; width: 16.5625rem; } @media (max-width: 480px) { #max-toppings-alert { width: 15rem; } } #VerifyAccountModal, #OptOutFromProgramModal, #LoyaltyInvitationModal { z-index: 2050; } .loyalty-white-background { background-color: #ffffff; } @media (max-width: 991px) { .loyalty-white-background .container { padding: 0; } } .loyalty-checkout-point-icon { width: 1.5625rem; } .loyalty-checkout-point-icon { filter: invert(100%) sepia(85%) saturate(189%) hue-rotate(159deg) brightness(110%) contrast(15%); } .loyalty-checkout-default-point-icon { vertical-align: super; font-size: 1.5625rem; color: lightgrey; } .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link { display: inline-flex !important; flex-direction: row; justify-content: space-between; align-items: center; padding-right: 0rem; } @media (max-width: 991px) { .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link { display: flex !important; } .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link.split { flex-direction: row-reverse !important; } } .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link__points { text-align: end; font-weight: bold; font-size: 1.1875rem; font-family: Tungsten !important; padding-left: 1.25rem; } .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link__points__icon, .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link__points__icon--secondary, .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link__points__icon--primary { padding-bottom: 0.1875rem; vertical-align: middle; width: 1.25rem; height: 1.25rem; background-color: transparent !important; } .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link__points__icon--primary { fill: #009a44; } .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link__points__icon--secondary { fill: #ffffff; } .loyalty-profile__reward { display: flex; } .loyalty-profile__reward__container { max-width: 66%; word-break: break-word; } .loyalty-profile__container { background-color: #ffffff; } .loyalty-profile__header { font-size: 1.5rem; } .loyalty-profile__close:focus { outline: none; } .loyalty-profile__close-icon { fill: #009a44; width: 0.9375rem; height: 0.9375rem; } .loyalty-profile__rewards-header { position: relative; display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; padding: 1.5rem 1rem 0.5rem; background-color: #ffffff; z-index: 4; } .loyalty-profile__rewards-header h1 { font-size: 1.5rem; line-height: 1.875rem; margin: 0rem; } .loyalty-profile__rewards-header__see_all { display: flex; align-items: center; height: 1.75rem; margin-left: 0.75rem; font-size: 0.75rem; font-weight: bold; line-height: 1rem; color: #111111; white-space: nowrap; } .loyalty-profile__rewards-header__see_all img { width: 1rem; height: 1rem; margin-left: 0.25rem; } .loyalty-profile__tier-chips::-webkit-scrollbar { display: none; } .loyalty-profile__tier-chips { padding-top: 1rem; padding-bottom: 1rem; background-color: #ffffff; z-index: 1; overflow-y: hidden; overflow-x: auto; min-height: 4.25rem; height: 4.25rem; } .loyalty-profile__tier-chips ul { display: flex; width: 100%; padding: 0 0rem; align-items: center; flex-direction: row; margin-bottom: 0rem; justify-content: center; } @media (min-width: 48rem) { .loyalty-profile__tier-chips ul { justify-content: left; } } .loyalty-profile__tier-chips__item { list-style: none; white-space: nowrap; color: #111111; padding-left: 0.25rem; padding-right: 0.25rem; } .loyalty-profile__tier-chips__item:hover { text-decoration: none; } .loyalty-profile__tier-chips__item input { height: 2.25rem; border-radius: 1.125rem; list-style: none; padding: 0 0.9375rem; white-space: nowrap; font-size: 0.875rem; font-weight: 400; text-align: center; line-height: 1.125rem; letter-spacing: 0.015625rem; color: #616161; background-color: #ffffff; border: 1px solid #e5f5ec; } .loyalty-profile__tier-chips__item.active input { line-height: 1.25rem; color: #009a44; background-color: #e5f5ec; font-weight: bold; letter-spacing: 0.00625rem; } .loyalty-profile__tier-chips__item:first-child { padding-left: 1rem; } .loyalty-profile__tier-chips__item:last-child { padding-right: 1rem; } .loyalty-profile__your-rewards { padding-bottom: 0.5rem; overflow: hidden; } .loyalty-profile__your-rewards__sticky-header { height: 2.25rem; padding-left: 1rem; font-size: 1rem; line-height: 1.25rem; display: flex !important; align-items: flex-end; font-weight: bold; background-color: #ffffff; } .loyalty-profile__your-rewards__tier-chips { z-index: 3; } @media (min-width: 48rem) { .loyalty-profile__your-rewards__tier-chips { position: sticky; top: 6.75rem; margin-top: -2.25rem; } } @media (min-width: 62rem) { .loyalty-profile__your-rewards__tier-chips { top: 3.125rem; } } .loyalty-profile__your-rewards__shadow { height: 1.875rem; widht: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 53.65%, rgba(0, 0, 0, 0.08) 100%); } .loyalty-profile__your-rewards__container { touch-action: pan-y; } .loyalty-profile__tiers-progress { display: none; background-color: #f4f4f4 !important; border-radius: 0.625rem; margin-bottom: 1rem; padding: 1rem; } .loyalty-profile__tiers-progress__header { display: flex; flex-direction: row; align-items: flex-end; } .loyalty-profile__tiers-progress__header-font { font-size: 1rem; font-weight: 600; line-height: 1.25rem; min-width: 2.0625rem; text-align: end; margin-left: 0.25rem; } .loyalty-profile__tiers-progress__bar-container { font-size: 0.875rem; display: flex; margin-top: 0.5rem; height: 1rem; align-items: baseline; } .loyalty-profile__tiers-progress__bar-percentage { line-height: 1rem; font-size: 0.75rem; font-weight: 600; min-width: 2.0625rem; text-align: end; } .loyalty-profile__tiers-progress__bar-border { border-radius: 0.25rem; height: 0.5rem; border: 1px solid #dfdfdf; box-sizing: border-box; flex: 1; } .loyalty-profile__tiers-progress__bar-margin { margin: -1px; overflow: hidden; border-radius: 0.25rem; } .loyalty-profile__tiers-progress__bar-progress { position: relative; height: 0.5rem; border-radius: 0.25rem; } .loyalty-profile__tiers-progress__icon { position: static; } .loyalty-profile__reward { display: flex; height: 100%; border-radius: 0.5rem 0rem; overflow: hidden; background-size: cover; } .loyalty-profile__reward__value { display: inline-flex; align-items: center; color: white; border-radius: 0rem 0rem 0.5rem 0rem; letter-spacing: 0.021875rem; height: 2.25rem; } .loyalty-profile__reward__lock-opacity { opacity: 0.5; } .loyalty-profile__reward__lock-redeem-button { pointer-events: none; } .loyalty-profile__reward__right-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; } .loyalty-profile__reward__right-container__locked { display: inline-flex; align-items: center; border-radius: 0rem 0rem 0rem 0.5rem; letter-spacing: 0.021875rem; height: 2.25rem; background: #000; color: #ffffff; position: absolute; } .loyalty-profile__reward__right-container__locked img { padding: 0 0.5rem; } .loyalty-profile__reward__right-container__locked__text { padding-right: 0.5rem; font-style: normal; font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.01875rem; } .loyalty-profile__reward__right-container__image { height: 13rem; width: 8.75rem; min-width: 8.75rem; text-align: right; object-fit: contain; } .loyalty-profile__reward__right-container__image img { height: 100%; } .loyalty-profile__reward__icon { margin: 0.5rem 0.3125rem 0.5rem 0.625rem; } .loyalty-profile__reward__price { font-size: 1.25rem !important; font-family: Tungsten !important; margin: 0rem 0.625rem 0rem 0.3125rem; line-height: 1.25rem; } .loyalty-profile__reward__container { display: flex; flex-direction: column; flex: 1; } .loyalty-profile__reward__text-container { display: flex; flex-direction: column; margin: 1rem; justify-content: space-between; height: 100%; } .loyalty-profile__reward__two-line-clamp { -webkit-line-clamp: 2; } .loyalty-profile__reward__three-line-clamp { -webkit-line-clamp: 3; } .loyalty-profile__reward__four-line-clamp { -webkit-line-clamp: 4; } .loyalty-profile__reward__button-container { margin-top: 0.5rem; } .loyalty-profile__reward__button-container .btn { padding: 0.5rem 1rem; } .loyalty-profile__reward__progress-text { font-size: 0.75rem; line-height: 1.125rem !important; } .loyalty-profile__reward__progress-text-bold { font-weight: bold; } .loyalty-profile__reward__progress { background-color: rgba(204, 204, 204, 0.6); border-radius: 0.125rem; margin-top: 0.25rem; max-width: 9rem; } .loyalty-profile__reward__progress-bar { transition-property: width; transition-duration: 1s; background-color: #111111; height: 0.25rem; border-radius: 0.125rem; } .loyalty-profile__reward__header { overflow: hidden; pointer-events: none; } .loyalty-profile__reward__name { font-size: 1.25rem !important; text-transform: uppercase !important; letter-spacing: 0.021875rem; line-height: 1.25rem; font-weight: normal !important; font-style: normal; font-family: Tungsten !important; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .loyalty-profile__reward__description { font-family: Gotham; letter-spacing: 0.015625rem; font-size: 0.875rem; line-height: 1.125rem; margin-top: 0.25rem; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .loyalty-profile__reward__show-more { color: #111111; font-weight: bold; pointer-events: auto; cursor: pointer; } .loyalty-profile__reward__show-more:hover { color: #111111; } .loyalty-profile__your-rewards-products { display: grid; padding-bottom: 1rem; } @media (max-width: 48rem) { .loyalty-profile__your-rewards-products { grid-template-columns: 1fr; grid-gap: 1rem; } } @media (min-width: 48rem) { .loyalty-profile__your-rewards-products { grid-template-columns: 1fr 1fr; grid-gap: 1.5rem; } } .loyalty-profile__your-rewards-products__content { flex: 1; width: 100%; } @media (max-width: 61.9375rem) { .loyalty-profile__your-rewards-products__content { flex: 70; padding-left: 1rem; } } .loyalty-profile__your-rewards-products__content__read-more { text-transform: capitalize; } .loyalty-profile__your-rewards-products__content__point-icon { height: 1.25rem; fill: #fff; vertical-align: middle; } .loyalty-profile__your-rewards-products__content__description { color: #858585; } .loyalty-profile__your-rewards-products section { background: #fff; box-shadow: 0rem 0.125rem 0.125rem rgba(0, 0, 0, 0.1), 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15); min-height: 13rem; border-radius: 0.5rem 0rem; overflow: visible; max-height: 14.375rem; display: grid; } .loyalty-profile__your-rewards-button { text-align: center; margin-top: 0.5rem; margin-bottom: 0.5rem; } .loyalty-profile__your-rewards-modal { background-color: #ffffff; height: 100%; display: flex; flex-direction: column; touch-action: manipulation; padding-top: calc(var(--mobile-top-safe-area-height)); } .loyalty-profile__your-rewards-modal__header { height: 3.5rem; background-color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #dfdfdf; z-index: 1; } .loyalty-profile__your-rewards-modal__header__text { color: #111111; font-style: normal; font-size: 1rem; line-height: 1.25rem; font-weight: bold; margin: 0; padding-top: 1.125rem; padding-bottom: 1.125rem; padding-left: 1.5rem; } .loyalty-profile__your-rewards-modal__header__close { background-color: transparent; border: none; outline: none; padding-top: 1.28125rem; padding-bottom: 1.28125rem; padding-right: 1.28125rem; } .loyalty-profile__your-rewards-modal__header__close-icon { fill: #009a44; width: 0.9375rem; height: 0.9375rem; } .loyalty-profile__your-rewards-modal__chips { z-index: 2; box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.1), 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15); } .loyalty-profile__your-rewards-modal__body { overflow: hidden; } .loyalty-profile__your-rewards-modal__body__progress { margin-left: 1rem; margin-right: 1rem; } .loyalty-profile__your-rewards-modal__body__rewards { margin-left: 1rem; margin-right: 1rem; padding-bottom: 2rem; } .loyalty-profile__your-rewards-modal .owl-item { padding-bottom: calc(var(--mobile-bottom-safe-area-height)); } .loyalty-profile__point-icon-white { height: 1.25rem; width: auto; fill: #fff; vertical-align: middle; filter: brightness(0) invert(1); } .loyalty-profile__loyalty-reward-tooltip { margin-top: 0.5rem !important; } .loyalty-profile__loyalty-reward-tooltip.in { opacity: 1; z-index: 2; } .loyalty-profile__loyalty-reward-tooltip > .tooltip-inner { color: #111111; background-color: #ffffff; opacity: 1; padding: 1rem; font-size: 0.6875rem; line-height: 0.8125rem; border-radius: 0.5rem; text-align: left; margin-left: 1rem; margin-right: 1rem; max-width: 18rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: 0rem 1px 1.125rem rgba(0, 0, 0, 0.3); } .loyalty-profile__loyalty-reward-tooltip.top > .tooltip-arrow { border-top-color: #009a44; } .loyalty-profile__loyalty-reward-tooltip.bottom > .tooltip-arrow { border-width: 0 0.75rem 0.8125rem; border-bottom-color: #ffffff; top: -0.4375rem; margin-left: -0.75rem; } .loyalty-profile__owl-carousel-tiers .owl-item { padding-left: 1rem; padding-right: 1rem; } .loyalty-profile__owl-carousel-tiers .owl-item img { display: initial; width: auto; } .loyalty-profile__owl-carousel-tiers-modal { height: 100%; } .loyalty-profile__owl-carousel-tiers-modal .owl-item img { display: initial; width: auto; } .loyalty-profile__owl-carousel-tiers-modal .owl-stage-outer { height: 100%; } .loyalty-profile__owl-carousel-tiers-modal .owl-stage { height: 100%; } .loyalty-profile__owl-carousel-tiers-modal .owl-item { height: 100%; overflow-x: hidden; overflow-y: auto; } .loyalty-profile__how-it-works:before, .loyalty-profile__how-it-works:after { content: " "; display: table; } .loyalty-profile__how-it-works { text-align: center; margin-top: 1.5rem; position: relative; touch-action: pan-y; } @media (min-width: 48rem) { .loyalty-profile__how-it-works { padding-top: 3.5rem; padding-bottom: 1.9375rem; } } .loyalty-profile__how-it-works .owl-nav { display: flex; width: 95%; position: absolute; bottom: 0%; left: 50%; transform: translateX(-50%); flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; font-size: 0.75rem; line-height: 1rem; font-weight: 600; z-index: 1; } .loyalty-profile__how-it-works .owl-nav svg { vertical-align: middle; transform: translateY(-1px); } .loyalty-profile__how-it-works .owl-prev, .loyalty-profile__how-it-works .owl-next { border: none; background-color: transparent; background-repeat: no-repeat; color: #009a44; display: flex; flex-direction: row; align-items: center; } .loyalty-profile__how-it-works .owl-prev svg, .loyalty-profile__how-it-works .owl-next svg { margin: 0rem 0.625rem; fill: #009a44; } .loyalty-profile__how-it-works .owl-prev span, .loyalty-profile__how-it-works .owl-next span { display: none; } .loyalty-profile__how-it-works .owl-prev p, .loyalty-profile__how-it-works .owl-next p { margin: unset; } .loyalty-profile__how-it-works .owl-carousel .owl-prev.disabled, .loyalty-profile__how-it-works .owl-carousel .owl-next.disabled { color: #fafafa; display: flex; flex-direction: row; align-items: center; } .loyalty-profile__how-it-works .owl-carousel .owl-prev.disabled svg, .loyalty-profile__how-it-works .owl-carousel .owl-next.disabled svg { fill: #fafafa; } .loyalty-profile__how-it-works .owl-carousel .owl-prev.disabled p, .loyalty-profile__how-it-works .owl-carousel .owl-next.disabled p { margin: unset; } .loyalty-profile__how-it-works .owl-dots { padding-top: 5rem; transform: translateY(-0.25rem); z-index: 0; } .loyalty-profile__how-it-works .owl-dot { margin-left: 0.3125rem; margin-right: 0.3125rem; background-color: #fafafa; padding: 0.25rem; border-radius: 0.625rem; border: 0rem; } .loyalty-profile__how-it-works .owl-dot.active { background-color: #009a44; padding: 0.25rem 0.5rem; } .loyalty-profile__how-it-works__title { font-size: 1.5rem; font-weight: 700; line-height: 1.875rem; } @media (min-width: 48rem) { .loyalty-profile__how-it-works__title { position: absolute; top: 7%; left: 46.3%; } } @media (min-width: 87.5rem) { .loyalty-profile__how-it-works__title { left: 45.8%; } } .loyalty-profile__how-it-works__learn-more { display: inline-flex; align-items: center; font-size: 0.75rem; line-height: 1rem; z-index: 3; position: absolute; bottom: 3.125rem; transform: translateX(-50%); } @media (min-width: 48rem) { .loyalty-profile__how-it-works__learn-more { bottom: 27%; transform: translateX(-39%); } } @media (min-width: 48rem) { .loyalty-profile__how-it-works__item { display: inline-flex !important; transform: translateX(-3.125rem); padding-left: 5.9375rem; } } @media (max-width: calc(48rem - 1px)) { .loyalty-profile__how-it-works__item { margin: 1rem 1.5625rem 1rem 1.5625rem; } } .loyalty-profile__how-it-works__item__picture { max-height: 6.5rem; padding-right: 3.125rem; padding-right: 0rem; } @media (min-width: 48rem) { .loyalty-profile__how-it-works__item__picture { width: auto !important; height: 13.125rem; padding-right: 3.125rem; max-height: 10.625rem; } } .loyalty-profile__how-it-works__item__step-number { color: #009a44; text-transform: uppercase; font-size: 2.25rem; line-height: 2.25rem; font-weight: 600; letter-spacing: 0.015625rem; } .loyalty-profile__how-it-works__item__text { font-size: 1rem; line-height: 1.375rem; } .loyalty-profile__how-it-works__item__text h3 { margin-bottom: 1rem; font-size: 2.25rem; line-height: 2.25rem; text-transform: uppercase; font-weight: 600; letter-spacing: 0.015625rem; color: inherit; } @media (min-width: 48rem) { .loyalty-profile__how-it-works__item__text h3 { line-height: 1.375rem; } } @media (min-width: 48rem) { .loyalty-profile__how-it-works__item__text { transform: translateX(-3.125rem); text-align: left; max-width: 16.5rem; padding-top: 1.5rem; } } @media (min-width: 1320px) { .loyalty-profile__how-it-works__item__text { transform: translateX(-3.0625rem); } } @media (min-width: 1549px) { .loyalty-profile__how-it-works__item__text { transform: translateX(-3.125rem); } } .loyalty-profile__your-info { border-radius: 0 0 0.625rem 0; overflow: hidden; background-size: cover; background-position: center; color: #ffffff; padding: 2.5rem 2.5rem 1.5rem 2.5rem; } .loyalty-profile__your-info .slider-navigation__dot { padding: 0.25rem; margin: 0.3125rem; } .loyalty-profile__your-info .slider-navigation__dot-active { padding: 0.25rem 0.5rem; } @media (max-width: 61.9375rem) { .loyalty-profile__your-info.remove-top-padding { padding-top: 0rem; } } @media (min-width: 48rem) { .loyalty-profile__your-info { min-height: 21.75rem; } } .loyalty-profile__your-info.non-member { justify-content: center; display: flex; background-size: cover; padding: 2.5rem 1.5rem; min-height: 17.375rem; } .loyalty-profile__your-info-non-member-header { display: flex; align-items: center; flex-direction: column; row-gap: 1.5rem; } .loyalty-profile__your-info-non-member-header span { font-family: Gotham; max-width: 20.4375rem; font-size: 1rem; line-height: 1.375rem; text-align: center; letter-spacing: 0.0125rem; } .loyalty-profile__your-info-non-member-header h1 { margin: 0rem; font-family: Tungsten; font-size: 2.25rem; line-height: 2.25rem; letter-spacing: 0.015625rem; text-transform: uppercase; } .loyalty-profile__your-info-non-member-header button { margin: 0rem; } .loyalty-profile__your-info-header { display: flex; font-weight: 400; font-size: 1rem; line-height: 1.375rem; letter-spacing: 0.0125rem; } @media (max-width: calc(48rem - 1px)) { .loyalty-profile__your-info-header { margin-top: 1.5rem; } } .loyalty-profile__wallet { display: flex; flex-direction: column; } @media (min-width: 48rem) { .loyalty-profile__wallet { height: 100%; display: flex; } .loyalty-profile__wallet.desktop { flex-direction: row; flex-wrap: nowrap; align-content: flex-start; align-items: flex-start; } .loyalty-profile__wallet__desktop-group { margin-right: 4.375rem; flex-grow: 0; flex-shrink: 0; flex-basis: 40%; } } .loyalty-profile__your-progress { text-align: center; position: relative; touch-action: pan-y; margin-top: 1.5rem; } @media (min-width: 75rem) { .loyalty-profile__your-progress { padding-top: 0.625rem; } } .loyalty-profile__your-progress-slider { margin-top: 2.5rem; } @media (min-width: 48rem) { .loyalty-profile__your-progress { flex-basis: 60%; perspective: 43.75rem; transform: scale(0.9); margin-top: unset; } .loyalty-profile__your-progress-slider { margin-top: 3.125rem; } } .loyalty-profile__your-progress__pizza-box-lock { content: url("/Content/Images/loyalty/Default/lock-tier.svg"); } .loyalty-profile__your-progress__pizza-box { background-image: url(/Content/Images/loyalty/Default/pizza-box.png); padding: 0.5rem; clip-path: polygon(20% 0%, 80% 0%, 100% 0%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 0%); height: 14.125rem; position: relative; width: 13.625rem; background-size: cover; } @media (max-width: 48rem) { .loyalty-profile__your-progress__pizza-box { padding: 0.375rem; height: 9.1875rem; width: 8.875rem !important; } } .loyalty-profile__your-progress__pizza-box-wrapper { margin-bottom: 1.5625rem; display: flex; align-items: center; justify-content: space-evenly; } .loyalty-profile__your-progress__pizza-box-wrapper > .tooltip { filter: drop-shadow(0rem 0.375rem 0.625rem rgba(0, 0, 0, 0.14)) drop-shadow(0rem 1px 1.125rem rgba(0, 0, 0, 0.12)) drop-shadow(0rem 0.1875rem 0.3125rem rgba(0, 0, 0, 0.2)); } .loyalty-profile__your-progress__pizza-box-shadow { filter: drop-shadow(0.9375rem 1rem 0.375rem rgba(0, 0, 0, 0.75)); } .loyalty-profile__your-progress__pizza-box-lock { position: absolute; z-index: 1; transform: translate3d(-50%, -50%, 0); left: 50%; top: 50%; } .loyalty-profile__your-progress__pizza-box-img { display: block; height: 12.6875rem; width: 12.6875rem !important; clip-path: polygon(20% 0%, 80% 0%, 100% 0%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 0%); } @media (max-width: 48rem) { .loyalty-profile__your-progress__pizza-box-img { height: 8.125rem; width: 8.125rem !important; } } .loyalty-profile__your-progress__pizza-box.lock { filter: brightness(60%); } .loyalty-profile__your-progress__pizza-box.lock img { display: block; } .loyalty-profile__your-progress__progressbar { color: #ffffff !important; font-size: 0.8125rem; line-height: 1rem; padding: 1rem 0 0.5rem 0; text-align: center; } .loyalty-profile__your-progress__progressbar .progress { background: #ffffff !important; border-radius: 0.125rem 0.125rem 0.125rem 0.125rem; height: 0.5rem; margin-bottom: 0.5rem; } .loyalty-profile__your-progress__progressbar .progress .progress-bar { background-color: #009a44; border-radius: 0.125rem 0.125rem 0.125rem 0.125rem; color: transparent; height: 0.5rem; } @media (min-width: 48rem) { .loyalty-profile__your-progress__progressbar.hidden-desktop { display: none; } } .loyalty-profile__your-progress__progressbar.hidden-mobile { padding: 5.125rem 0 0.5rem 0; text-align: left; } @media (max-width: calc(48rem - 1px)) { .loyalty-profile__your-progress__progressbar.hidden-mobile { display: none; } } .loyalty-profile__your-progress__button { display: block; margin-top: 1rem; font-size: 1.125rem; padding: 0rem 1.5rem; height: 3rem !important; } @media (max-width: calc(48rem - 1px)) { .loyalty-profile__your-progress__button { position: absolute; left: 50%; transform: translateY(-10%) translateX(-50%); } } .loyalty-profile__your-progress__upgraded-tier-info { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .loyalty-profile__your-progress__upgraded-tier-days-left { font-size: 0.8125rem; font-weight: 400; line-height: 1rem; } .loyalty-profile__points-expiration-info { margin-top: 0.8125rem; position: absolute; max-width: 15.625rem; } @media (max-width: calc(48rem - 1px)) { .loyalty-profile__points-expiration-info { position: relative; max-width: 100%; } } .loyalty-profile__your-wallet { color: #ffffff !important; } @media (max-width: calc(48rem - 1px)) { .loyalty-profile__your-wallet { display: flex; flex-direction: row; flex-wrap: nowrap; } } .loyalty-profile__your-wallet__balance { display: block; } @media (min-width: 75rem) { .loyalty-profile__your-wallet__balance { padding-left: 0rem; padding-bottom: 0.5rem; } } @media (min-width: 48rem) { .loyalty-profile__your-wallet__balance { display: block; padding-bottom: 0.5rem; } } .loyalty-profile__your-wallet__balance__header { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .loyalty-profile__your-wallet__balance__header__tooltip-icon { margin: 0 0 0 0.625rem; content: url("/Content/Images/loyalty/Default/yourwallet/tooltip-balance.svg"); } .loyalty-profile__your-wallet__greetings { text-align: left; width: 78%; padding-bottom: 1rem; } .loyalty-profile__your-wallet__greetings__title { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } @media (min-width: 48rem) { .loyalty-profile__your-wallet__greetings__title { font-size: 1.5rem; line-height: 1.875rem; } } .loyalty-profile__your-wallet__greetings__description { font-size: 1rem; font-weight: 600; line-height: 1.25rem; letter-spacing: 0.00625rem; margin-bottom: 0.5rem; } @media (min-width: 48rem) { .loyalty-profile__your-wallet__greetings__description { font-size: 0.875rem; line-height: 1.25rem; } } .loyalty-profile__your-wallet__points { display: inline-flex !important; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 48rem) { .loyalty-profile__your-wallet__points { padding-top: 3.75rem; } } .loyalty-profile__your-wallet__points__header { font-size: 0.6875rem; line-height: 1rem; font-weight: 700; } @media (max-width: calc(48rem - 1px)) { .loyalty-profile__your-wallet__points__header { display: flex; justify-content: flex-end; } } .loyalty-profile__your-wallet__points__icon, .loyalty-profile__your-wallet__points__icon--secondary, .loyalty-profile__your-wallet__points__icon--primary { width: 1.5rem; height: 1.5rem; background-color: transparent !important; } .loyalty-profile__your-wallet__points__icon--primary { fill: #009a44; } .loyalty-profile__your-wallet__points__icon--secondary { padding-bottom: 0rem; fill: #ffffff; filter: brightness(0) invert(1); margin-bottom: 1px; } .loyalty-profile__your-wallet__points__spent { display: none; opacity: 0.7; } .loyalty-profile__your-wallet__points__total { display: none; opacity: 0.7; } @media (min-width: 48rem) { .loyalty-profile__your-wallet__points__total { display: none; } } .loyalty-profile__your-wallet__points__value { font-weight: bold; font-size: 2.25rem; line-height: 2.25rem; font-family: Tungsten !important; display: inline-flex; } @supports (-webkit-touch-callout: none) { .loyalty-profile__your-wallet__points__value { letter-spacing: 1px; } } @supports not (-webkit-touch-callout: none) { @media (max-width: 992px) { .loyalty-profile__your-wallet__points__value { letter-spacing: 1px; } } } .loyalty-profile__your-wallet__points__value-point { margin-left: 0.5rem; } .loyalty-profile__links { display: flex; align-items: stretch; flex-direction: column; } .loyalty-profile__links__desktop { background-color: #f4f4f4; border-radius: 0.5rem; display: table; width: 100%; height: 3.5rem; flex: none; margin: 0.25rem 0rem; } .loyalty-profile__links__desktop__list { display: flex; flex-direction: column; align-items: center; list-style-type: none; padding: 0rem 0.9375rem 2.5rem 0.9375rem; } .loyalty-profile__links__desktop__list .tier-upgrade-activation-button span { font-size: 1rem; font-weight: bold; color: #111111; } .loyalty-profile__links__desktop__header { width: 100%; margin-top: 3.25rem; } .loyalty-profile__links__desktop__text-line { vertical-align: middle; display: table-cell; padding: 1.125rem 1rem; } .loyalty-profile__links__desktop__text-line__span { display: inline-flex; font-size: 0.875rem; line-height: 1.25rem; color: #111111; } .loyalty-profile__links__desktop__text-line__icon { float: right; transform: rotate(90deg); font-size: 0.6875rem; line-height: 1.25rem; } .loyalty-profile__links__mobile-list { display: flex; flex-direction: column; align-items: flex-start; padding: 0rem 0.5rem; list-style-type: none; } .loyalty-profile__links__mobile-list__header { margin-bottom: 0rem; margin-top: 0rem; height: auto !important; padding-bottom: 1rem; line-height: 1.5rem; } .loyalty-profile__links__mobile-list__a-element { width: 100%; } .loyalty-profile__links__mobile-list__a-element:hover { color: #858585 !important; } .loyalty-profile__links__mobile-list__element { border-bottom: 1px solid #fafafa; width: 100%; padding-left: 1rem; padding-right: 1rem; height: 3.5rem; color: #000000; display: flex; justify-content: space-between; vertical-align: middle; align-items: center; } .loyalty-profile__links__mobile-list__element a { font-style: normal; font-weight: normal; font-size: 0.875rem; line-height: 1.25rem; color: #000000; text-decoration: none; } .loyalty-profile__links__mobile-list__element__icon { float: right; transform: rotate(90deg); font-size: 0.5rem; } .loyalty-profile__links__mobile-list .upgrade-code { background-color: #dfdfdf; border-radius: 0.5rem; } .loyalty-profile__links__mobile-list .tier-upgrade-activation-button span { font-size: 1rem; color: #111111; } .loyalty-profile__leave-loyalty-program__p__margin, .loyalty-profile__loyalty-program-invitation__p__margin { margin: 1rem 0rem; } .loyalty-profile__leave-loyalty-program__p__margin-bottom, .loyalty-profile__loyalty-program-invitation__p__margin-bottom { margin-bottom: 1rem; } .loyalty-profile__leave-loyalty-program__p__padding, .loyalty-profile__loyalty-program-invitation__p__padding { padding: 8.25rem 1.5rem 0rem 1.5rem; margin-bottom: 2.5rem; } .loyalty-profile__leave-loyalty-program__header, .loyalty-profile__loyalty-program-invitation__header { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; align-self: stretch; margin-bottom: 1rem; } .loyalty-profile__leave-loyalty-program__header__title, .loyalty-profile__loyalty-program-invitation__header__title { color: #111111; font-style: normal; font-size: 1.125rem; line-height: 1.5rem; font-weight: bold; margin: 0; } .loyalty-profile__leave-loyalty-program__header__close, .loyalty-profile__loyalty-program-invitation__header__close { background-color: transparent; border: none; outline: none; padding: 0.25rem 0.375rem 1px 0.25rem; } .loyalty-profile__leave-loyalty-program__header__close-icon, .loyalty-profile__loyalty-program-invitation__header__close-icon { fill: #009a44; width: 0.9375rem; height: 0.9375rem; } .loyalty-profile__leave-loyalty-program__box, .loyalty-profile__loyalty-program-invitation__box { border-radius: 0.625rem 0 0.625rem 0; background-color: #f4f4f4; padding: 0.625rem 1.5rem 1.5rem 1.5rem; } .loyalty-profile__leave-loyalty-program__box__center, .loyalty-profile__loyalty-program-invitation__box__center { text-align: center; } .loyalty-profile__leave-loyalty-program__box__mobile-header, .loyalty-profile__loyalty-program-invitation__box__mobile-header { box-shadow: 0rem 0.25rem 1.5625rem rgba(0, 0, 0, 0.15); width: 100%; position: fixed; z-index: 1; background-color: #ffffff; border-radius: 0; padding: 0.25rem 1.5rem 1.5rem; height: auto; right: 0rem; } .loyalty-profile__leave-loyalty-program__box__square, .loyalty-profile__loyalty-program-invitation__box__square { background-color: #f4f4f4; padding: 0rem 0rem 1.875rem 0rem; border-bottom: 1px solid #cccccc; } .loyalty-profile__leave-loyalty-program__box__bottom-right, .loyalty-profile__loyalty-program-invitation__box__bottom-right { border-radius: 0rem 0 1rem 0; } .loyalty-profile__leave-loyalty-program__button__leave, .loyalty-profile__loyalty-program-invitation__button__leave { background-color: #ffffff; border: 1px solid #009a44; color: #009a44; } .loyalty-profile__leave-loyalty-program__button__leave:hover, .loyalty-profile__loyalty-program-invitation__button__leave:hover { background-color: #009a44 !important; color: #fff !important; text-decoration: none; } .loyalty-profile__leave-loyalty-program__button__leave:focus, .loyalty-profile__loyalty-program-invitation__button__leave:focus { outline: none; text-decoration: none; } .loyalty-profile__leave-loyalty-program__button__leave__submit, .loyalty-profile__loyalty-program-invitation__button__leave__submit { background-color: #009a44; border: 1px solid #009a44; cursor: pointer; color: #fff; font-weight: 700; font-style: normal; font-size: 0.875rem; text-align: center; display: inline-block; width: auto; margin-top: 1rem; margin-left: 0.625rem; white-space: nowrap; padding: 0.5rem 1rem 0.5rem 1rem; } .loyalty-profile__leave-loyalty-program__button__leave__submit:focus, .loyalty-profile__loyalty-program-invitation__button__leave__submit:focus { outline: none; } .loyalty-profile__leave-loyalty-program__button__cancel, .loyalty-profile__loyalty-program-invitation__button__cancel { display: inline-block; margin-right: 0.5rem; } .loyalty-profile__leave-loyalty-program__modal, .loyalty-profile__loyalty-program-invitation__modal { top: 30%; max-width: 100%; max-height: 100%; } @media (min-width: 992px) { .loyalty-profile__leave-loyalty-program__modal, .loyalty-profile__loyalty-program-invitation__modal { width: 30rem; height: 12.5rem; } } .loyalty-profile__leave-loyalty-program__modal__content, .loyalty-profile__loyalty-program-invitation__modal__content { padding: 1.5rem 1.5rem; margin-left: 1.5rem; margin-right: 1.5rem; } @media (max-width: 61.9375rem) { .loyalty-profile__leave-loyalty-program__modal__content .modal-body, .loyalty-profile__loyalty-program-invitation__modal__content .modal-body { padding-bottom: unset !important; } } .loyalty-profile__leave-loyalty-program__modal__footer, .loyalty-profile__loyalty-program-invitation__modal__footer { border: none; margin-top: 0rem; padding: 0rem 0rem 0rem 0rem; margin-bottom: 0rem; } .loyalty-profile__leave-loyalty-program__modal__flex, .loyalty-profile__loyalty-program-invitation__modal__flex { display: inline-flex; } .loyalty-profile__loyalty-program-invitation__modal { display: flex; align-items: center; justify-content: center; margin-bottom: 0; margin-top: 0; top: 0; } @media (min-width: 992px) { .loyalty-profile__loyalty-program-invitation__modal { width: 30rem; height: 90%; } } .loyalty-profile__loyalty-program-invitation__modal__content { margin-left: 0.625rem; margin-right: 0.625rem; } .loyalty-profile__loyalty-program-invitation__modal__image { text-align: center; } .loyalty-profile__loyalty-program-invitation__modal__image img { width: 17.5rem; height: 11.25rem; } .loyalty-unified-button__filled { background-color: #009a44 !important; color: #ffffff !important; border-color: #009a44 !important; } .loyalty-unified-button__filled:hover { background-color: #ffffff !important; color: #009a44 !important; border-color: #009a44 !important; } .loyalty-unified-button__filled:active { background-color: #009a44 !important; color: #ffffff !important; border-color: #009a44 !important; } .loyalty-unified-button__filled:focus { background-color: #009a44 !important; color: #ffffff !important; border-color: #009a44 !important; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; } .loyalty-unified-button__outlined { background-color: #ffffff !important; color: #009a44 !important; border-color: #009a44 !important; line-height: 1.25rem !important; display: inline-flex; align-items: center; } .loyalty-unified-button__outlined:hover { background-color: #009a44 !important; color: #ffffff !important; border-color: #009a44 !important; } .loyalty-unified-button__outlined:active { background-color: #ffffff !important; color: #009a44 !important; border-color: #ffffff !important; } .loyalty-unified-button__outlined:focus { background-color: #ffffff !important; color: #009a44 !important; border-color: #009a44 !important; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; } .loyalty-tooltip + .tooltip > .tooltip-inner { background-color: #ffffff; padding: 1rem; text-align: left; min-width: 15rem; opacity: 1; font-style: normal; font-weight: normal; font-size: 0.6875rem; line-height: 0.8125rem; color: #111111; border-radius: 0.5rem; } .loyalty-tooltip + .tooltip > .tooltip-inner b { font-size: 0.75rem; line-height: 1rem; display: block; } .loyalty-tooltip + .tooltip > .tooltip-inner .s4d-exclamation { color: #f7c208; padding-right: 0.3125rem; } .loyalty-tooltip + .tooltip.in { opacity: 1 !important; } .loyalty-tooltip + .tooltip.left > .tooltip-inner { transform: translateX(30%); } .loyalty-tooltip + .tooltip.top > .tooltip-inner { transform: translateY(60%); } .loyalty-tooltip + .tooltip.top > .tooltip-arrow { border-top-color: #ffffff; bottom: -60%; margin-left: unset; transform: translateX(-50%); border-width: 0.8125rem 0.75rem 0; } .loyalty-tooltip + .tooltip.left > .tooltip-arrow { right: -37%; transform: translateY(-50%); border-width: 1.5rem 0.8125rem 1.5rem; border-left-color: #ffffff; } .loyalty-tooltip + .tooltip.right > .tooltip-arrow { border-right-color: #ffffff; } .loyalty-tooltip + .tooltip.bottom > .tooltip-arrow { border-bottom-color: #ffffff; margin-left: unset; } .loyalty-display-content { visibility: hidden; } .loyalty-display-content:checked + label { transform: rotate(180deg); } [hidden] { display: none !important; } .loyalty-multiple { border-radius: 0.125rem; background-color: #ffffff; height: 100%; display: flex; flex-direction: column; box-shadow: 0.125rem 0.125rem 0.3125rem 1px rgba(0, 0, 0, 0.14); } @media (min-width: 992px) { .loyalty-multiple { width: 61.9375rem; height: calc(100% - 7.5rem); max-height: 40.25rem; margin: 1.875rem auto 1.875rem auto; } } .loyalty-multiple__header { display: flex; align-items: baseline; flex-direction: row; border-bottom: 1px solid #dfdfdf; height: 3.5rem; padding: 1.125rem 1.25rem 1.125rem 1.5rem; } @media (min-width: 992px) { .loyalty-multiple__header { justify-content: space-between; height: 4.5rem; padding: 1.5rem; } } .loyalty-multiple__header__close { background-color: transparent; border: none; outline: none; } .loyalty-multiple__header i { color: #009a44; font-size: 1rem; line-height: 1.25rem; } .loyalty-multiple__header h3 { font-size: 1rem; line-height: 1.25rem; color: #111111; margin: 0; letter-spacing: 0.00625rem; } @media (min-width: 992px) { .loyalty-multiple__header h3 { margin-left: 0.625rem; font-size: 1.125rem; line-height: 1.5rem; } } .loyalty-multiple__content { border-radius: 0.125rem; width: auto; padding-top: 0.75rem; overflow-y: auto; height: 100%; justify-content: center; } @media (min-width: 992px) { .loyalty-multiple__content { background: #fafafa; display: flex; flex-wrap: wrap; } } .loyalty-multiple__rewards { text-align: center; padding: 0rem; } .loyalty-multiple__rewards h3 { margin-top: 0rem; font-size: 1rem; line-height: 1.25rem; color: #484848; } @media (min-width: 992px) { .loyalty-multiple__rewards { display: flex; flex-wrap: wrap; } } .loyalty-multiple__rewards__item { box-shadow: 0rem 1px 1px rgba(0, 0, 0, 0.14), 0rem 0.125rem 1px rgba(0, 0, 0, 0.12), 0rem 1px 0.1875rem rgba(0, 0, 0, 0.2); margin: 0.5rem; padding: 0.5rem; display: flex; flex-direction: row; } @media (min-width: 992px) { .loyalty-multiple__rewards__item { width: 100%; display: flex; flex-direction: column; } } .loyalty-multiple__rewards__image_container { flex: 0; margin: 0.5rem; display: flex; flex-direction: column; align-self: center; } .loyalty-multiple__rewards__image_container img { display: inline-block; } @media (min-width: 992px) { .loyalty-multiple__rewards__image_container img { width: 11.5rem; height: 11.5rem; } } @media (max-width: 992px) { .loyalty-multiple__rewards__image_container img { width: 6.5rem; height: 6.5rem; } } @media (max-width: 350px) { .loyalty-multiple__rewards__image_container img { width: 5.25rem; height: 5.25rem; } } .loyalty-multiple__rewards__rest_container { flex: 1; margin: 0.5rem; display: flex; flex-direction: column; } @media (max-width: 992px) { .loyalty-multiple__rewards__rest_container { text-align: left; } } .loyalty-multiple__rewards__rest_container__bottom { margin-top: auto; } .loyalty-multiple__rewards__rest_container__bottom__option_selector { margin-bottom: 0.5rem; } .loyalty-multiple__rewards__customise-button { position: relative; top: -0.5rem; background: #ffffff; box-shadow: 0rem 0.125rem 0.125rem rgba(0, 0, 0, 0.14), 0rem 0.1875rem 1px rgba(0, 0, 0, 0.12), 0rem 1px 0.3125rem rgba(0, 0, 0, 0.2); border-radius: 1.125rem; font-style: normal; font-weight: bold; align-items: center; align-self: center; padding: 0.5rem 0.75rem; border: transparent; } @media (min-width: 992px) { .loyalty-multiple__rewards__customise-button { top: -0.5rem; } } .loyalty-verify-notification { overflow: hidden !important; top: 40%; padding-left: 0rem; } .loyalty-verify-notification__content { padding: 1.5rem; } .loyalty-verify-notification__header { display: flex; flex-flow: row; } .loyalty-verify-notification h3 { font-size: 1.125rem !important; color: #484848; flex: 1; } .loyalty-verify-notification__body { color: #484848; } @media (max-width: 61.9375rem) { .loyalty-verify-notification__body.modal-body { padding-bottom: unset !important; } } .loyalty-verify-notification__footer { padding: 0rem; border-top: 0rem; margin-top: 1rem; } .loyalty-verify-notification__footer a { font-weight: bold; line-height: 2.125rem; } .loyalty-verify-notification__footer__button_progress { color: #cccccc; display: none; font-weight: bold; line-height: 2.125rem; } .loyalty-verify-notification__footer__button_error { display: none; } .loyalty-verify-notification__footer button { min-width: 6rem; } .loyalty-verify-notification__close_button { position: initial; height: 1.5rem; width: 1.5rem; } .s4d-quick-menu-desktop .container .login-container .auth-menu-container #auth-menu li .loyalty-header-navigation { display: flex; } .s4d-quick-menu-desktop .container .login-container .auth-menu-container #auth-menu li .loyalty-header-navigation .loyalty-header-navigation__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 3.25rem; padding: 0 0.5rem; } .s4d-quick-menu-desktop .container .login-container .auth-menu-container #auth-menu li .loyalty-header-navigation .loyalty-header-navigation__button-container { padding-left: 0.5rem; display: flex; align-self: center; } .s4d-quick-menu-desktop .container .login-container .auth-menu-container #auth-menu li .loyalty-header-navigation .loyalty-header-navigation__button-container .loyalty-header-navigation__button { display: flex; border-radius: 1.125rem; height: fit-content; color: #009a44 !important; border: 1px solid #009a44; max-width: 100%; padding: 0.5rem 1rem; white-space: nowrap; } .s4d-quick-menu-desktop .container .login-container .auth-menu-container #auth-menu li .loyalty-header-navigation .loyalty-header-navigation__button-container .loyalty-header-navigation__button-text { font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: calc(75rem - 1px)) and (max-width: calc(87.5rem - 1px)) { .s4d-quick-menu-desktop .container .login-container .auth-menu-container #auth-menu li .loyalty-header-navigation .loyalty-header-navigation__button-container .loyalty-header-navigation__button-text { max-width: 15.625rem; } } @media (max-width: calc(75rem - 1px)) { .s4d-quick-menu-desktop .container .login-container .auth-menu-container #auth-menu li .loyalty-header-navigation .loyalty-header-navigation__button-container .loyalty-header-navigation__button-text { max-width: 9.375rem; } } .s4d-quick-menu-desktop .container .login-container .auth-menu-container #auth-menu li .loyalty-header-navigation .loyalty-header-navigation__button-container .loyalty-header-navigation__button:hover { color: #ffffff !important; background-color: #009a44 !important; border: 1px solid #009a44; transition: all 0.2s; white-space: nowrap; } .loyalty-navigation-link { display: inline-flex !important; flex-direction: row; justify-content: space-between; align-items: center; } @media (max-width: 991px) { .loyalty-navigation-link { display: flex !important; } .loyalty-navigation-link.split { flex-direction: row-reverse !important; } } .loyalty-navigation-link__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .loyalty-navigation-link__points { white-space: nowrap; text-align: end; font-weight: bold; font-size: 1.1875rem; font-family: Tungsten !important; padding-left: 0.5rem; } @supports (-webkit-touch-callout: none) { .loyalty-navigation-link__points { letter-spacing: -1px; } } .loyalty-navigation-link__points__icon, .loyalty-navigation-link__points__icon--secondary, .loyalty-navigation-link__points__icon--primary, .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link__points__icon--primary, .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link__points__icon--secondary { padding-bottom: 0.1875rem; vertical-align: middle; width: 1.25rem; height: 1.25rem; background-color: transparent !important; } .loyalty-navigation-link__points__icon--primary { fill: #009a44; } .loyalty-navigation-link__points__icon--secondary { fill: #ffffff; } .s4d-loyalty-validation .has-error .form-control { border-color: #da291c; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-cross.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .s4d-loyalty-validation .has-success .form-control { border-color: #616161; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-tick.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .tier-upgrade-activation-modal .modal-dialog { margin: 0; } @media (min-width: 480px) { .tier-upgrade-activation-modal .modal-dialog { width: auto; } } @media (min-width: 480px) { .tier-upgrade-activation-modal .modal-dialog { width: 27.5rem; height: 14.0625rem; margin: 1.875rem auto; top: 30%; } } .tier-upgrade-activation-modal .input-validation-error { border: 1px solid #da291c; } .tier-upgrade-activation-modal .field-validation-error { position: relative; top: 0.25rem; left: 0; bottom: 0; padding: 0 0 1px; font-size: 0.75rem; line-height: 1rem; white-space: break-spaces; color: #da291c; background-color: transparent; border-radius: 0.1875rem 0.1875rem 0 0; z-index: 10; } .tier-upgrade-activation-modal .tier-upgrade-activation-modal-header { display: flex; justify-content: space-between; align-items: flex-start; align-self: stretch; margin-bottom: 1rem; } .tier-upgrade-activation-modal .header-title { color: #111111; font-style: normal; font-size: 1.125rem; line-height: 1.5rem; font-weight: bold; } .tier-upgrade-activation-modal .modal-content { padding: 1.5rem; } @media (max-width: 991px) { .tier-upgrade-activation-modal .modal-content { height: 100vh; } } .tier-upgrade-activation-modal .modal-content label { font-size: 0.75rem; color: #111111; font-weight: 400; line-height: 1rem; margin-bottom: 0.5rem; } .tier-upgrade-activation-modal .modal-content .form-group { color: #111111; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-close { background-color: transparent !important; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body { display: flex; flex-direction: column; justify-content: center; height: 90%; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__activation-success-content, .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__activation-form { width: 100%; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__check-circle--success { border-radius: 50%; width: 2.875rem; height: 2.875rem; display: flex; justify-content: center; align-items: center; background-color: #009a44; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__check-circle--success i { color: white; font-weight: bold; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__check-circle--error { border-radius: 50%; width: 2.875rem; height: 2.875rem; display: flex; justify-content: center; align-items: center; background-color: #da291c; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__check-circle--error i { color: white; font-weight: bold; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__activation-form-title, .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__activation-success-title { font-weight: bold; font-size: 1rem; line-height: 1.25rem; margin: 0.875rem auto 0.625rem; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__activation-success-title { margin: 1.5rem auto 0rem; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__upgrade-info { margin: 0.125rem auto; text-align: center; } .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__check-icon, .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__button { display: flex; flex-direction: row; justify-content: center; margin: 0.625rem 0 0; } @media (min-width: 480px) { .tier-upgrade-activation-modal .loyalty-tier-upgrade-modal-body__button { display: flex; flex-direction: row; justify-content: flex-end; } } .s4d-loyalty-information { height: 9.5rem; margin: 1.5rem 0; display: flex; flex-direction: column; justify-content: space-between; background-color: #fafafa; border-radius: 0.125rem; width: -webkit-fill-available; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); } @media (max-width: calc(48rem - 1px)) { .s4d-loyalty-information { height: auto; } } .s4d-loyalty-information__background { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; background-size: cover; } .s4d-loyalty-information__background__left-part__second-line { padding-top: 0.625rem !important; } .s4d-loyalty-information__background__points-section { display: none; } .s4d-loyalty-information__background__right-part { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end; padding-right: 1.5rem; } .s4d-loyalty-information__background__right-part img { height: 1.375rem; width: 1.375rem; margin-right: 0.25rem; } .s4d-loyalty-information__background__right-part p { font-size: 1rem; line-height: 1.25rem; font-weight: 500; padding: unset !important; } .s4d-loyalty-information__button { height: 2.25rem !important; width: fit-content; padding: 0.5rem 0.75rem; margin: 1.125rem 0 1.5rem 1.5rem; } @media (max-width: calc(48rem - 1px)) { .s4d-loyalty-information__button { width: auto; margin: 1rem; } } .s4d-loyalty-information p { padding-left: 1.5rem; padding-top: 1.5rem; margin: unset; color: #111111; font-size: 1rem; line-height: 1.25rem; } .s4d-loyalty-information__pizza-box { display: none; } #ecom2-loyalty-code-input-portal { width: 100%; } #floating-cart { position: fixed; left: 1.25rem; bottom: calc(1.25rem + var(--mobile-bottom-safe-area-height)); z-index: 10; border-radius: 50%; width: 4rem; height: 4rem; background-color: #009a44; background-image: url(/Content/Images/icons/shopping-cart.svg); background-repeat: no-repeat; background-position: 46% 50%; transition: opacity 0.2s; box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.16); } #floating-cart.eta-notification--open { bottom: 4rem; } #floating-cart .shopping-cart-notification { position: absolute; border: solid 1px #009a44; width: 1.5rem; height: 1.5rem; right: -0.4375rem; top: -0.375rem; color: #111111; font-weight: 700; border-radius: 6.25rem; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header-cart .shopping-cart-notification { position: relative; width: 1.125rem; height: 1.125rem; margin-bottom: -1.125rem; margin-left: auto; left: 0.625rem; top: -1.875rem; color: #111111; font-weight: 700; font-size: 0.75rem; border-radius: 1.25rem; background-color: #ffd700; display: flex; justify-content: center; align-items: center; } #sticky-header-cart { position: fixed; top: 4.75rem; right: 0rem; height: 3.125rem; width: 5.9375rem; z-index: 1000; background-color: #009a44; border-top-left-radius: 0.625rem; border-bottom-left-radius: 0.625rem; display: flex; align-items: flex-start; justify-content: flex-start; padding-left: 0.4375rem; } #sticky-header-cart .sticky-header-cart-icon { background-color: inherit; background-image: url(/Content/Images/icons/shopping-cart.svg); background-repeat: no-repeat; background-position: 46% 50%; transition: opacity 0.2s; position: relative; width: 3.125rem; height: 3.125rem; } #sticky-header-cart .sticky-header-cart-notification { position: relative; top: 0.125rem; right: 1.0625rem; width: 1.5rem; height: 1.5rem; background: black; color: white; font-weight: 700; border: solid 1px #009a44; display: flex; align-items: center; justify-content: center; border-radius: 1.25rem; } @media (max-width: 480px) { #sticky-header-cart { visibility: hidden; } } .checkout-body #sticky-header-cart { top: 1.6875rem; } /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow-y: scroll !important; overflow-x: hidden; padding: 0; position: relative !important; top: 0; width: auto !important; padding-right: 12px; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } @media (min-width: 992px) { .s4d-product-default .s4d-text-color-header { font-size: 0.875rem !important; line-height: 1.25rem !important; } .s4d-product-default .s4d-text-color-header .s4d-action-text { font-size: 0.8125rem !important; line-height: 1rem !important; display: block; } .s4d-product-default .s4d-product-decription { font-size: 0.8125rem !important; line-height: 1rem !important; } } .s4d-product-default .s4d-text-color-header { font-size: 0.8125rem !important; line-height: 1.25rem !important; margin-bottom: 0rem !important; } .s4d-product-default .s4d-text-color-header .s4d-action-text { font-size: 0.8125rem !important; line-height: 1.25rem !important; display: block; } .s4d-product-default .s4d-product-decription { font-size: 0.8125rem !important; line-height: 1rem !important; } .s4d-product-decription-crop p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; } .s4d-product-decription-crop__custom-pizza p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; } @media (max-width: 767px) { .s4d-product-decription-crop__custom-pizza p { -webkit-line-clamp: 3; } } .s4d-product-decription-crop .btn { font-size: 0.6875rem; line-height: 1rem; margin: 0; padding: 0; } .s4d-product.out-of-stock a.s4d-product-amount-minus, .s4d-product.out-of-stock a.s4d-product-amount-plus, .s4d-product.out-of-stock .s4d-edit-pizza { pointer-events: none; } .search-bar-show { opacity: 1; visibility: visible !important; z-index: 1999 !important; } .search-bar { position: fixed; top: 0; left: 0; height: 100vh; width: 100%; margin-top: 0 !important; background-color: rgba(0, 0, 0, 0.8); visibility: hidden; overflow: scroll; } @media (min-width: 992px) { .search-bar { position: relative; height: 6.5625rem; width: 100%; visibility: visible; overflow: visible; background-color: transparent; } } .search-bar:target { opacity: 1; visibility: visible; z-index: 99; } .search-bar__input.form-control { height: 3.375rem; border-radius: 0; text-indent: 2.5rem; font-size: 0.8125rem; line-height: 1rem; } @media (min-width: 992px) { .search-bar__input.form-control { height: 2.4375rem; border-radius: 0.3125rem; } } .search-bar__icon { position: absolute; top: 50%; font-size: 1.375rem; color: #009a44; left: 1.5625rem; transform: translateY(-50%); line-height: 1; } .search-bar__icon svg { width: 0.9375rem; height: 0.9375rem; fill: #009a44; } .search-bar__close { font-size: 1.25rem; z-index: 999; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-image: url(/Content/Images/icons/close.png); background-color: #009a44; color: #ffffff; height: 3.375rem; width: 3.375rem; background-position: 1.25rem 1.25rem; background-repeat: no-repeat; cursor: pointer; display: block; } @media (min-width: 992px) { .search-bar__close { opacity: 0; visibility: hidden; } } .search-bar__content { width: 100%; position: sticky; top: 0; z-index: 1006; } .s4d-search-active .search-bar__content { z-index: 208; } @media (min-width: 992px) { .search-bar__content { max-width: 27.875rem; position: absolute; top: 50%; z-index: 205; left: 0.9375rem; transform: translateY(-55%); margin-top: 0.125rem; } } @media (min-width: 1200px) { .search-bar__content { max-width: 36rem; } } .search-bar__results { background: #ffffff; } @media (min-width: 992px) { .search-bar__results #quick-menu-search-result-inner .search-bar__results-products { margin: 0 0.375rem; padding: 0; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product { padding-left: 1.5rem; padding-right: 1.5rem; border-top: 0.125rem #000; box-shadow: 0rem 1px 1px rgba(0, 0, 0, 0.14), 0rem 0.125rem 1px rgba(0, 0, 0, 0.12), 0rem 1px 0.1875rem rgba(0, 0, 0, 0.2); margin: 0.75rem 0.375rem; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product:nth-child(odd) { margin-left: 0.375rem; margin-right: 0.375rem; } } @media (max-width: 991px) { .search-bar__results #quick-menu-search-result-inner { padding-left: 1.25rem; padding-right: 1.25rem; margin-bottom: 3.125rem; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products { margin-top: 0.5rem; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product { padding-left: 1.5rem; padding-right: 1.5rem; border-top: 0.125rem #000; box-shadow: 0rem 1px 1px rgba(0, 0, 0, 0.14), 0rem 0.125rem 1px rgba(0, 0, 0, 0.12), 0rem 1px 0.1875rem rgba(0, 0, 0, 0.2); } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product:nth-child(odd) { margin-left: 0.375rem; margin-right: 0.375rem; } } @media (max-width: 991px) and (max-width: 767px) { .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product .s4d-product-decription__customize-button { max-width: 12.0625rem; } } @media (max-width: 991px) and (max-width: 767px) { .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product .s4d-product-controls-dt-zs { display: none !important; } } .search-bar__results-header { font-style: normal; font-weight: bold; font-size: 0.875rem; line-height: 1.25rem; text-align: center; color: #858585; margin-top: 0.9375rem; margin-bottom: 0; } @media (max-width: 991px) { .search-bar__results-header { margin-bottom: 0.4375rem; } } .search-bar__results .s4d-product__left { height: 9.5rem; } @media (min-width: 992px) { .search-bar__results .s4d-product__left { height: auto; } } @media (min-width: 992px) { .search-bar__results .s4d-product-option-dropdown { width: auto !important; } } @media (min-width: 992px) { .search-bar__results { position: relative; top: 5.9375rem; z-index: 1005; float: right; width: 53.625rem; } } @media (min-width: 1200px) { .search-bar__results { left: 0.9375rem; } } @media (max-width: 991px) { .search-bar__results { position: absolute; top: unset; } } .search-bar .s4d-product { width: 100% !important; margin: 0; } @media (min-width: 992px) { .search-bar .s4d-product { width: calc(50% - 0.75rem) !important; } } @media (max-width: 991px) { .search-bar .s4d-product-simple { width: 100% !important; margin: 0.5rem 0rem !important; } } @media (min-width: 992px) { .search-bar .s4d-product-simple { width: 16.625rem !important; min-height: 26.75rem; margin: 0; } } @media (min-width: 992px) { .search-bar .xtasty-products { display: flex; background: #ffffff; padding: 2rem 0 0 0; } } .search-bar #menu-search { display: block; } .search-bar #menu-search .s4d-menu-search-box input { height: inherit; border-radius: 0.3125rem; width: 37.5rem; } .search-bar #menu-search .s4d-menu-search-box .s4d-menu-search-results { height: 18.75rem; } .search-bar #menu-search .s4d-menu-search-box .s4d-exit-search { opacity: 0; visibility: hidden; } #main-content.s4d-search-active { visibility: visible; } .s4d-product-search-result { display: flex; flex-wrap: wrap; background: #ffffff; } .s4d-product-search-result .s4d-product__adjust .edit-pizza { left: unset !important; top: unset !important; } .search-bar-backdrop { position: fixed; left: 0; top: 0; right: 0; transition: all 0.3s; opacity: 0; background-color: #000; display: block; z-index: 207; } @media (min-width: 992px) { .s4d-search-active .search-bar-backdrop { right: 0; bottom: 0; opacity: 0.8; } } @font-face { font-family: "frente_h1regular"; src: url("/Content/fonts/mvo/frenteh1-regular-webfont.eot"); src: url("/Content/fonts/mvo/frenteh1-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/mvo/frenteh1-regular-webfont.woff2") format("woff2"), url("/Content/fonts/mvo/frenteh1-regular-webfont.woff") format("woff"), url("/Content/fonts/mvo/frenteh1-regular-webfont.ttf") format("truetype"), url("/Content/fonts/mvo/frenteh1-regular-webfont.svg#frente_h1regular") format("svg"); font-weight: normal; font-style: normal; } .mvo #content { background-image: url(/Content/Images/mvo/mvo-mob-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center top; } .mvo.template #content { background-image: none; } .mvo.template .mvo-submenu { background-color: #f4f4f4; } .mvo.template .mvo-submenu a { color: #999; } .mvo.template .mvo-submenu a.active { color: #4d4d4d; } .mvo .btn-mvo { background-color: #848a4b; border: none; border-bottom: solid 0.1875rem #848a4b; color: #fff; margin-top: 1.25rem; text-transform: uppercase; } .mvo .mvo-submenu { background-color: #ffffff !important; min-height: 3.125rem; padding-bottom: 0; margin-bottom: 0; border: 0; box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.2); z-index: 50; position: sticky; top: 3.125rem; } .mvo .mvo-submenu ul { margin-bottom: 0; } .mvo .mvo-submenu ul li { margin: 0 0.9375rem 0 0; display: inline; } .mvo .mvo-submenu ul li a { font-size: 0.8125rem; line-height: 3.125rem; display: inline; color: #111111; font-weight: 500; } @media (min-width: 480px) { .mvo #s4d-receipt-content .s4d-receipt-order { max-height: 0rem; overflow: hidden; transition: all 0.3s; padding-bottom: 2.1875rem; padding-top: 0.625rem; margin-top: 0.625rem; } .mvo #s4d-receipt-content:hover .s4d-receipt-order { max-height: 62.5rem; overflow: visible; transition: all 0.3s; } } @media (min-width: 480px) { .mvo #s4d-receipt-content:not(.receipt__content) { display: none; } .mvo #content { position: static !important; } .mvo .container { position: relative; z-index: 0; } .mvo .s4d-mvo-header { padding: 5.625rem 3.125rem 3.125rem 3.125rem; } .mvo .s4d-mvo-header h1 { background-image: url(/Content/Images/mvo/mvo-curl-left.png), url(/Content/Images/mvo/mvo-curl-right.png); background-repeat: no-repeat; background-position: left center, right center; padding: 0rem 10.625rem; } .mvo .s4d-menu-group-sticky-quick-menu { width: 100%; } } .mvo .s4d-mvo-header { padding: 3.125rem 0rem 3.125rem 0rem; color: #fff; max-width: 60rem; margin: 0 auto; } .mvo .s4d-mvo-header h1 { text-transform: uppercase; margin: 0 auto 1.25rem auto; font-family: "frente_h1regular"; font-size: 2.875rem; min-height: 3.75rem; } .mvo .s4d-mvo-block { position: relative; padding: 0.9375rem; margin-bottom: 1.875rem; background: #fff; -webkit-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.11); border-radius: 0.625rem 0; } .mvo .s4d-mvo-block .s4d-mvo-image { height: 10.9375rem; width: 100%; overflow: hidden; display: block; background-repeat: no-repeat; background-position: center; background-size: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .mvo .s4d-mvo-block .s4d-mvo-image.one { background-image: url(/Content/Images/mvo/herkomstingredienten.jpg); } .mvo .s4d-mvo-block .s4d-mvo-image.two { background-image: url(/Content/Images/mvo/nypinhetmilieu.jpg); } .mvo .s4d-mvo-block .s4d-mvo-image.three { background-image: url(/Content/Images/mvo/watziterinjouwpizza.jpg); } .mvo .s4d-mvo-block .s4d-mvo-image.four { background-image: url(/Content/Images/mvo/nypindesamenleving.jpg); } .mvo .s4d-mvo-block h2 { color: #009a44; text-align: center; margin-top: 0.9375rem; font-size: 1rem; } .mvo .s4d-mvo-block-col a:hover { text-decoration: none; } .mvo .s4d-mvo-block-col a:hover .s4d-mvo-image { background-size: 120%; } .mvo .s4d-mvo-text-container h1, .mvo .s4d-mvo-text-container h2, .mvo .s4d-mvo-text-container h3, .mvo .s4d-mvo-text-container h4 { font-weight: 700; font-size: 1.5rem; color: #848a4b; font-style: normal; } .mvo .s4d-mvo-text-container h3 { color: #009a44; } .mvo .s4d-mvo-template-header { position: relative; overflow: hidden; min-height: 18.75rem; z-index: 0; margin-bottom: 1.25rem; background-color: rgb(0, 0, 0); } .mvo .s4d-mvo-template-header .s4d-mvo-image-bg { min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; opacity: 0.7; } .mvo .mbYTP_wrapper { opacity: 0 !important; } .mvo .btn-mvo { background-color: #009a44; border-bottom: solid 0.1875rem #009a44; border-radius: 1.5625rem; } .mvo #menu-categories { width: 100%; } @media (min-width: 64rem) { .mvo .top-menu-desktop { z-index: 1002; } } @media (min-width: 64rem) { .mvo #top-menu #logoutForm { z-index: 1002; } .mvo #top-menu .container { width: 100%; margin-left: unset !important; } } @media (min-width: 75rem) { .mvo #top-menu .container { width: 73.125rem; margin-left: auto !important; } } .mvo #menu { width: 100%; margin: auto; } @media (min-width: 64rem) { .mvo #menu .container { padding: 0; margin: 0; width: 100%; } .mvo #menu .container #menu-categories { max-width: 100%; justify-content: space-evenly; } .mvo #menu .container #menu-categories #menu-expand { flex: unset; } } .mvo #menu #menu-categories { width: 100%; } @media (min-width: 64rem) { .mvo #mvoSubMenu { margin-top: 0; } .mvo #mvoSubMenu ul { width: 100%; display: flex; justify-content: space-evenly; } .mvo #mvoSubMenu ul span { color: #111111; } } @media (min-width: 87.5rem) { .mvo .receipt__container { display: none; } } .mvo #mvoVideo .modal-dialog { max-height: calc(100vh - 3.75rem); } .mvo #mvoVideo .modal-dialog .modal-header .close { margin-top: 0rem; top: 0.125rem; right: 0.125rem; } .mvo #mvoVideo .modal-dialog .modal__icon { width: 1.5rem; height: 1.5rem; fill: #009a44; } .mvo .s4d-quick-menu-desktop .s4d-branding { float: unset; margin-left: auto; } @-webkit-keyframes fadeInPasswordValidation { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInPasswordValidation { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .s4d-password-strength-container { background-color: #fff; position: relative; padding: 1.375rem 1rem; margin-top: 0.9375rem; -webkit-box-shadow: 0 0.375rem 0.625rem 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0.375rem 0.625rem 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0.375rem 0.625rem 0 rgba(0, 0, 0, 0.25); pointer-events: none; } .s4d-password-strength-container::before { width: 0; height: 0; content: ""; position: absolute; top: -0.75rem; left: 1.25rem; display: block; border-left: 0.75rem solid transparent; border-right: 0.75rem solid transparent; border-bottom: 0.75rem solid #ffffff; filter: drop-shadow(0rem -1px 0.125rem rgba(0, 0, 0, 0.15)); } .s4d-password-strength-container h4 { margin-top: 0; margin-bottom: 1.125rem; padding-bottom: 1.125rem; font-size: 1rem; line-height: 1.25rem; color: #111111; border-bottom: solid 1px #cccccc; font-weight: 700; } .s4d-password-strength-container h4 .glyphicons { position: relative; top: 1px; height: 1.125rem; width: 1.125rem; margin-right: 0.25rem; } .s4d-password-strength-container h4 .s4d-open-lock, .s4d-password-strength-container h4 .s4d-closed-lock { font-size: 1.25rem; } .s4d-password-strength-container h4 .s4d-open-lock { display: inline; } .s4d-password-strength-container.check h4 .glyphicons { display: none; } .s4d-password-strength-container.check h4 .glyphicons.save { display: inline !important; } .s4d-password-strength-container ul { list-style: none; padding: 0; margin-bottom: 0; } .s4d-password-strength-container ul li { margin-bottom: 0.75rem; padding-left: 1.5625rem; position: relative; font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; color: #858585; } .s4d-password-strength-container ul li .glyphicons { position: absolute; top: 0.25rem; left: 0; font-size: 0.875rem; } .s4d-password-strength-container ul li .glyphicons.valid { display: none; } .s4d-password-strength-container ul li.valid .glyphicons { display: none; color: #009a44 !important; } .s4d-password-strength-container ul li.valid .glyphicons.valid { display: inline !important; } .s4d-password-strength-container ul li:last-child { margin-bottom: 0; } .s4d-password-strength-container ul.active li .glyphicons { color: #db2c27; } @media (min-width: 480px) { .s4d-password-strength-container:before { display: none; } } @media (max-width: 991px) { .s4d-password-strength-animated.s4d-hidden-for-mobile .s4d-password-strength-container { display: none; margin-bottom: 0.9375rem; } .s4d-password-strength-animated.s4d-hidden-for-mobile .s4d-password-strength-container.s4d-fade-in { display: block; pointer-events: auto; } } .s4d-password-strength-animated .s4d-password-strength-container { border-radius: 0.125rem; display: none; } .s4d-password-strength-animated .s4d-password-strength-container.s4d-fade-in { display: inherit; } @media (min-width: 480px) { .s4d-password-strength-animated .s4d-password-strength-container { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 100%; top: 50%; width: 18.5625rem; height: 13.5625rem; margin-top: -8.1875rem; z-index: 99; opacity: 0; display: inherit; } .s4d-password-strength-animated .s4d-password-strength-container:before { border-top: 0.75rem solid transparent; border-bottom: 0.75rem solid transparent; border-right: 0.75rem solid #ffffff; border-left: none; top: 50%; left: -0.75rem; margin-top: -0.5rem; content: ""; display: block; filter: drop-shadow(-0.125rem 0rem 0.125rem rgba(0, 0, 0, 0.25)); } .s4d-password-strength-animated .s4d-password-strength-container.s4d-fade-in { -webkit-animation-name: fadeInPasswordValidation; animation-name: fadeInPasswordValidation; pointer-events: auto; } } .inner-carousel { width: 14.375rem; height: 17.1875rem; transform: translateX(0.25rem); margin: 0 auto; transform-style: preserve-3d; } @media (max-width: calc(48rem - 1px)) { .inner-carousel { width: 14.375rem; height: 8.9375rem; } } .inner-carousel .item { position: absolute; margin: 0 auto; width: 13.625rem; transition: all 0.5s ease-out; z-index: 1; } .inner-carousel .item.clockwise { opacity: 0.5; } .slider-navigation { display: inline-flex; align-items: center; margin-top: 1.25rem; } .slider-navigation__button { color: #ffffff; background: transparent; font-size: 0.6875rem; border: none; } .slider-navigation__button[disabled] { color: #ffffff; cursor: default; opacity: 0.5; } @media (max-width: calc(48rem - 1px)) { .slider-navigation__button { display: none; } } .slider-navigation__button.counterclockwise { transform: rotate3d(0, 1, 0, 180deg); } .slider-navigation__dot { margin: 0.1875rem; width: 0.375rem; height: 0.375rem; background-color: #ffffff; opacity: 0.5; padding: 0.1875rem; border-radius: 0.625rem; pointer-events: none; border: 0; } .slider-navigation__dot-active { background-color: #ffffff; opacity: 1; } .s4d-product-price__reward-icon { display: inline-flex; align-items: baseline; } .s4d-product-price__reward-icon-white { height: 0.9375rem; width: auto; vertical-align: middle; filter: brightness(0) invert(1); } .language-selector .language-links-container { display: flex; flex-direction: row; align-items: center; } .language-selector .checked-icon { color: #68c483; line-height: unset; padding-right: 0.5rem; visibility: hidden; } .language-selector .language-expand { display: flex; } .language-selector .language-expand .language-logged-selector { line-height: 3.25rem; padding-left: 0.5rem; } .language-selector .language-span { font-weight: 400; } .language-selector .dropdown-arrow { color: #68c483; top: auto; line-height: unset; padding-left: 0.5rem; } .language-selector .label-separator { padding: 0rem 0.5rem; } .language-selector .active { visibility: visible; } .language-selector .language-toggle { display: flex; align-items: center; } .language-selector .language-toggle .toggle-separator { padding: 0rem 0.5rem; } .language-selector .language-toggle .toggle-switch { margin: 0.4375rem 0rem; border-radius: 1.5rem; background: #f9f9f9; overflow: hidden; list-style: none; display: flex; width: 5.25rem; height: 2rem; align-items: center; flex-direction: row; justify-content: center; } .language-selector .language-toggle li { height: 1.75rem; } .language-selector .language-toggle .selected { border-radius: 1.25rem; background: #ffffff; filter: drop-shadow(0.125rem 0.125rem 0.5rem #d1d1d1); height: 1.75rem; width: 2.5rem; padding: 0.125rem; } .language-selector .language-toggle .option { padding: unset; display: flex; align-items: center; width: 2.5rem; justify-content: center; } .language-selector .language-toggle .option a { padding: 0rem; } .language-selector .dropdown-menu { width: 15rem; top: 3rem; left: unset; right: 0rem; } .language-selector .dropdown-menu li { height: 3.5rem; cursor: pointer; width: 100%; padding: 0rem 0rem 0rem 1.25rem !important; display: flex; border-bottom: solid 1px #fafafa; } .language-selector .dropdown-menu li a { font-size: 1.3rem; line-height: 0.875rem; padding-left: 0; white-space: normal; word-break: break-all; width: 100%; } .hidden-separator .language-selector .language-expand .label-separator { display: none; } .hidden-separator .language-selector .language-toggle .label-separator { display: none; } .language-icon { margin-right: 0.5rem; } .loyalty-language-separator { padding-left: 0.5rem !important; } @keyframes loading-animation { 0%, 50% { filter: contrast(0) brightness(1.95); } 100% { filter: contrast(0) brightness(1.9); } } @keyframes done-animation { 0%, 50% { opacity: 0; } 100% { opacity: 1; } } .lazy-loading-animation { background-color: #ffffff; animation: loading-animation 1s infinite; animation-direction: alternate; } .lazy-loading-animation.lazy-loading-done { animation: done-animation 0.3s; } .popup-header { color: #ffffff; position: relative; border-radius: 0 0 0.625rem 0; } .popup-footer { bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border-top: 1px solid #dfdfdf; padding: 0.9375rem; background: #ffffff; position: sticky; align-items: center; } @media (max-width: 992px) { .popup-footer { width: 100%; } } .popup-footer [class$=__amount-box], .popup-footer [class$="__amount-box "], .popup-footer [class$=__amount-box--disabled] { flex: 50%; display: flex; align-items: center; } .popup-footer [class$=__amount-box--disabled] [class*=__span__change] { border-color: #e5e5e5; } .popup-footer [class$=__amount-box--disabled] [class*=__span__change], .popup-footer [class$=__amount-box--disabled] [class*=__span__value] { color: #fafafa !important; pointer-events: none; } .popup-footer [class$=__amount-box--disabled] [class*=__span__change]:hover, .popup-footer [class$=__amount-box--disabled] [class*=__span__value]:hover { color: #fafafa !important; } .popup-footer [class$=__amount-box--disabled] [class*=__span__out-of-stock] { font-style: normal; font-size: 0.75rem; line-height: 1.8125rem; text-align: center; color: #353535; padding-left: 0.5rem; font-weight: 400; } .popup-body { background: #ffffff; position: relative; max-height: calc(100vh - 15rem); } .popup-modal { width: 100vw; height: 100%; background-color: #ffffff; overflow: hidden; } @media (min-width: 992px) { .popup-modal { margin: 1.875rem auto 1.875rem auto; height: auto; margin-left: auto; margin-right: auto; left: 0rem; top: 0rem; border-radius: 0.625rem 0 0.625rem 0; } } @media (max-width: 992px) { .popup-modal { flex-direction: column; display: flex; padding-top: var(--mobile-top-safe-area-height); padding-bottom: var(--mobile-bottom-safe-area-height); } } .popup-modal .popup-body { overflow-y: auto; } @media (max-width: 991px) { .popup-modal .popup-body { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } @media (min-width: 992px) { .popup-modal .popup-body { min-height: 15.625rem; } } @media (max-width: 992px) { .popup-modal .popup-body { flex: 1; } } .popup-modal .popup-header { top: 0rem; z-index: 2; box-shadow: none; max-height: 100%; } .popup-modal .popup-footer { bottom: 0rem; z-index: 1; } .modal-dialog { margin-top: calc(0.625rem + var(--mobile-top-safe-area-height)); } .modal-dialog.modal-md { margin-top: calc(1.875rem + var(--mobile-top-safe-area-height)); } .product-details-header { background-image: url(/Content/Themes/NYP/Images/bg-modal.jpg); background-color: none; background-size: cover; } @media (min-width: 992px) { .product-details-header { border-radius: 0 0 0.625rem 0; } } .product-details-header .text-box { display: flex; flex-direction: column; align-items: center; max-width: 16.875rem; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; max-height: 15rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .product-details-header .text-box--close { max-height: 9.3125rem; } @media (min-width: 992px) { .product-details-header .text-box { max-width: 29.875rem; } } .product-details-header__close-button { background-color: transparent; position: absolute; z-index: 1; top: 1.265625rem; right: 1.265625rem; border: none; } .product-details-header__close-button .product-details-header__icon { fill: #ffffff; width: 1.09375rem; height: 1.09375rem; } .product-details-header__title { margin: 0rem; text-align: center; padding-bottom: 0.5rem; padding-top: 2.5rem; text-transform: uppercase; color: #ffffff; font-family: Tungsten; font-size: calc(1.5 * 1.25rem); font-style: normal; font-weight: 700; line-height: 2rem; letter-spacing: 0.015625rem; } .product-details-header__base { padding-bottom: 0.25rem; display: none; color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } .product-details-header__description { display: none; color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; } .product-details-header__image { margin: 1.5rem auto 1.5rem auto; width: 15rem; height: 15rem; min-width: 15rem; min-height: 15rem; } @media (min-width: 992px) { .product-details-header__image { margin: 1.5rem auto 4.0625rem auto; } } .product-details-header__image--out-of-stock { filter: grayscale(100%); opacity: 0.6; } .product-details-header__arrow { width: 1.25rem; height: 1.25rem; border-radius: 1.4375rem; fill: #858585; position: unset; display: block; margin-top: -0.625rem; margin-left: auto; margin-right: auto; background-color: #ffffff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; cursor: pointer; box-shadow: 0rem 1px 1px rgba(72, 72, 72, 0.14), 0rem 0.125rem 1px -1px rgba(72, 72, 72, 0.12), 0rem 1px 0.1875rem rgba(72, 72, 72, 0.2); z-index: 1; } .product-details-header__arrow svg { width: 1.25rem; height: 1.25rem; } .product-details-header--open .text-box { height: auto; max-height: 27.5rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .product-details-header--open .product-details-header__base, .product-details-header--open .product-details-header__description { display: block; } .product-details-header--open .product-details-header__arrow { transform: rotate(-180deg); } .product-details-header--close .text-box { height: auto; max-height: 10rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .product-details-header--close .product-details-header__base, .product-details-header--close .product-details-header__description { display: block; } .product-details-header--close .product-details-header__title { padding-top: calc(2.5rem - 1rem); } .product-details-header--close .product-details-header__image { margin-top: -3.1875rem; opacity: 0.3; } .product-details-header .image-content { position: relative; } .product-details-header .image-content__out-of-stock { position: absolute; top: 5.5rem; left: 50%; transform: translate(-50%, -50%); padding: 0.3125rem 0.5rem; background: #111111; border-radius: 0.25rem; z-index: 1; font-weight: 700; color: white; } .product-details-footer { height: 4.375rem; } .product-details-footer__add-button { flex: 10%; margin: 0; } .product-details-footer__amount-box__span__out-of-stock { display: none; } .product-details-body { border-radius: 0; padding: 1.25rem; } @media (min-width: 992px) { .product-details-body { max-height: 30rem; } } @media (max-width: 992px) { .product-details-body--open { height: auto; max-height: calc(100vh - 26.75rem); } } .product-details-body__product-info { margin-bottom: 1.5rem; text-align: center; } .product-details-body__product-info .product-details-body__product-seo-text { overflow: hidden; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .product-details-body__product-info .product-details-body__read-more, .product-details-body__product-info .product-details-body__read-more--toggle { color: #009a44; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .product-details-body__product-info .product-details-body__read-more #show-less, .product-details-body__product-info .product-details-body__read-more--toggle #show-less { display: none; } .product-details-body__product-info--show .product-details-body__product-seo-text { height: auto; overflow: visible; margin-bottom: 0; } .product-details-body__content-tabs { box-shadow: none; border-radius: 0; margin-left: -1.25rem; margin-right: -1.25rem; margin-bottom: 1.25rem; border-top: 1px solid #e5e5e5; } .product-details-body__content-tabs .product-details-body__tab-navigation { text-align: center; width: 100%; overflow: hidden; margin: 0; padding: 0; list-style: none; } .product-details-body__content-tabs .product-details-body__tab-navigation ul { width: 100%; } .product-details-body__content-tabs .product-details-body__tab-navigation li { display: inline-block; float: none; line-height: 1.375rem; margin-bottom: -0.25rem; width: 100%; position: relative; overflow: hidden; font-size: 0.875rem; cursor: pointer; } .product-details-body__content-tabs .product-details-body__tab-navigation li a { padding: 0.3125rem 1.25rem; color: #111111; border-bottom: solid 1px #e5e5e5; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; display: flex; align-items: center; line-height: 2.5rem; text-align: left; text-decoration: none; } .product-details-body__content-tabs .product-details-body__tab-navigation li #select-product-options { display: block; } .product-details-body__content-tabs .product-details-body__tab-navigation li::after { position: absolute; top: 3.0625rem; left: 0; content: " "; height: 0.625rem; width: 100%; border-radius: 100%; } .product-details-body__content-tabs .product-details-body__tab-navigation li.active .product-details-body__item-icon { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transition: all 0.2s; transform: rotate(-90deg); } .product-details-body__content-tabs .product-details-body__tab-navigation li.active::after { content: none; } .product-details-body__content-tabs .product-details-body__tab-navigation .product-details-body__item-icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 1.8rem; height: 1.8rem; display: inline-block; position: absolute; right: 1.875rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .product-details-body__content-tabs .product-details-body__tab { background-color: #f4f4f4; padding: 0; position: relative; display: none; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__text { text-align: left; background-color: #ffffff; padding: 1.25rem; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table { border: none; margin-bottom: 0; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table thead { font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table thead tr th { color: #111111; font-weight: 700; border-bottom: 0; text-align: center; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table thead tr th:first-child { border-left: 0; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table thead tr th:last-child { border-right: 0; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table thead tr th .form-control { background-color: transparent; border: 0; height: auto; font-size: 0.75rem; text-overflow: ellipsis; word-break: break-word; text-align: center; background-image: url(/Content/Images/icons/cheveron-down.svg); background-repeat: no-repeat; appearance: none; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table thead tr th .form-control:focus { box-shadow: none; outline: none; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table tbody tr:last-child td { border-bottom: 0; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table tbody tr:hover td { background-color: #e6e6e6; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table tbody tr td.label { color: #111111; font-weight: 700; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table tbody tr td:first-child { padding-left: 0.9375rem; border-left: 0; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } .product-details-body__content-tabs .product-details-body__tab .product-details-body__table-responsive .table tbody tr td:last-child { padding-right: 0.9375rem; border-right: 0; } .product-details-body__content-tabs .product-details-body__loader table { opacity: 0.6; } .product-details-body__content-tabs .product-details-body__loader::before { content: " "; position: absolute; top: 50%; left: 50%; margin: -2.1875rem 0 0 -2.1875rem; width: 4.375rem; height: 4.375rem; background: #111111 url("/Content/Images/loader-pizza.gif") no-repeat center center; border-radius: 0.375rem; z-index: 1; background-size: 3.125rem; } .product-details-body__content-tabs .product-details-body__tab.active { display: block; } .product-details-body__content-tabs .s4d-table-information { padding: 0.9375rem; border-top: 1px solid #e5e5e5; } .product-details-body .s4d-product-options { padding-bottom: 1.5rem; } .product-details-body__nutritional-values-partial select { height: auto !important; line-height: normal !important; border-radius: unset !important; border: none !important; border-bottom: none !important; box-shadow: none !important; font-weight: bold; color: inherit !important; padding: 0 !important; white-space: normal; background-position: 100%; } .product-details-body__product-options-partial select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-bottom: none; padding: 0 1rem; background-image: url(/Content/Images/icons/cheveron-down.svg); background-repeat: no-repeat; box-shadow: 0 1px 1px 0rem rgba(0, 0, 0, 0.25); font-weight: normal; background-position: calc(100% - 0.8125rem) center; background-size: 1.8rem; line-height: normal; outline: none; } .product-details-body__product-options-partial--disabled select { pointer-events: none; background-color: #f4f4f4 !important; } .product-details-body .small { font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; } .product-details-body .small.text-center p { margin-bottom: 1.25rem; } .product-details-body .s4d-dropdown { height: 3rem; color: #111111; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 200; line-height: 1.375rem; letter-spacing: 0.0125rem; } @media (min-width: 992px) { .product-details-popup-modal { border-radius: 0.625rem 0 0.625rem 0; max-height: calc(100vh - 3.75rem); width: 37.375rem; } } .custom-pizza-header { background-image: url(/Content/Themes/NYP/Images/bg-modal.jpg); background-color: none; background-size: cover; } .custom-pizza-header .text-box { max-width: 16.875rem; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; max-height: 15rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .custom-pizza-header .text-box--close { max-height: 9.3125rem; } @media (min-width: 992px) { .custom-pizza-header .text-box { max-width: 29.875rem; } } .custom-pizza-header__close-button { background-color: transparent; position: absolute; z-index: 1; top: 1.265625rem; right: 1.265625rem; border: none; } .custom-pizza-header__close-button .custom-pizza-header__icon { fill: #ffffff; width: 1.09375rem; height: 1.09375rem; } .custom-pizza-header__title { margin: 0; text-align: center; padding-top: 2.5rem; padding-bottom: 0.25rem; text-transform: uppercase; color: #ffffff; font-family: Tungsten; font-size: calc(1.5 * 1.25rem); font-style: normal; font-weight: 700; line-height: 2rem; letter-spacing: 0.015625rem; } @media (max-width: 767px) { .custom-pizza-header__title { margin: 0 1.25rem; } } .custom-pizza-header__base { padding-bottom: 0.25rem; display: none; color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } .custom-pizza-header__description { color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; display: none; } .custom-pizza-header__image { margin: 0.5rem auto 1.5rem auto; width: 15rem; height: 15rem; min-width: 15rem; min-height: 15rem; } @media (min-width: 992px) { .custom-pizza-header__image { margin: 1.5rem auto 4.0625rem auto; } } .custom-pizza-header__image--out-of-stock { filter: grayscale(100%); opacity: 0.6; } .custom-pizza-header__arrow { width: 1.25rem; height: 1.25rem; border-radius: 1.4375rem; fill: #858585; position: unset; display: block; margin-top: -0.625rem; margin-left: auto; margin-right: auto; background-color: #ffffff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; cursor: pointer; box-shadow: 0rem 1px 1px rgba(72, 72, 72, 0.14), 0rem 0.125rem 1px -1px rgba(72, 72, 72, 0.12), 0rem 1px 0.1875rem rgba(72, 72, 72, 0.2); z-index: 1; } .custom-pizza-header__arrow svg { width: 1.25rem; height: 1.25rem; } @media (max-width: 992px) { .custom-pizza-header--open .text-box { height: auto; max-height: 27.5rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .custom-pizza-header--open .custom-pizza-header__base, .custom-pizza-header--open .custom-pizza-header__description { display: block; } .custom-pizza-header--open .custom-pizza-header__arrow { transform: rotate(-180deg); } .custom-pizza-header--open .custom-pizza-header__description { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .custom-pizza-header--open .custom-pizza-header__image { margin: 1.5rem auto 1.5rem auto; } .custom-pizza-header--close .text-box { height: auto; max-height: 10rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .custom-pizza-header--close .custom-pizza-header__description { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .custom-pizza-header--close .custom-pizza-header__base, .custom-pizza-header--close .custom-pizza-header__description { display: block; z-index: 1; position: relative; } .custom-pizza-header--close .custom-pizza-header__title { padding-top: 0.625rem; z-index: 1; position: relative; } .custom-pizza-header--close .custom-pizza-header__image { margin-top: -2.6875rem; opacity: 0.3; } } .custom-pizza-header .image-content { position: relative; } .custom-pizza-header .image-content__out-of-stock { position: absolute; top: 5.5rem; left: 50%; transform: translate(-50%, -50%); padding: 0.3125rem 0.5rem; background: #111111; border-radius: 0.25rem; z-index: 1; font-weight: 700; color: white; } @media (min-width: 992px) { .custom-pizza-header { width: 23.4375rem; height: 100%; float: right; } .custom-pizza-header__arrow { display: none; } .custom-pizza-header__description, .custom-pizza-header__base { display: block; } .custom-pizza-header .text-box { max-height: unset; max-width: 16.875rem; } .custom-pizza-header__title { padding-bottom: 0.5rem; } } @media (min-width: 992px) and (max-width: 1199px) { .custom-pizza-header { width: calc(100% - 37.5rem); height: 40.625rem; } } .custom-pizza-footer { height: 4.3125rem; display: flex; padding-top: 0.9375rem; } @media (min-width: 992px) { .custom-pizza-footer { width: 37.5rem; } } @media (min-width: 1200px) { .custom-pizza-footer { width: 51.5625rem; } } .custom-pizza-footer__info { margin-left: 0.5rem; } .custom-pizza-footer__amount-box .add-custompizza-product-button { margin-left: auto; } .no-border { border-bottom: none !important; } @media (min-width: 992px) { .custom-pizza-body { width: 37.5rem; height: 40.625rem; max-height: 36.3125rem; } } @media (min-width: 1200px) { .custom-pizza-body { width: 51.5625rem; height: 50rem; max-height: 45.6875rem; } } @media (max-width: 992px) { .custom-pizza-body--open { height: auto; max-height: calc(100vh - 25.75rem); } } .custom-pizza-body section { padding: 1.25rem; border-bottom: 1px solid #cccccc; } @media (max-width: 991px) { .custom-pizza-body section { padding: 0.875rem 1.5rem 1.25rem 1.5rem; } } @media (min-width: 992px) { .custom-pizza-body section { margin: 1.25rem; padding: 0 0 1.25rem 0; } } @media (min-width: 992px) { .custom-pizza-body section { border-bottom: 1px solid #cccccc; } } @media (min-width: 1200px) { .custom-pizza-body section .row .col-lg-6:nth-child(2n) { float: right; } } .custom-pizza-body section .s4d-dropdown { margin: 0; height: 3rem; background-color: #ffffff; color: #111111; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 200; line-height: 1.375rem; letter-spacing: 0.0125rem; } .custom-pizza-body section.custom-pizza-body__section-base select#ChooseYourSauce { margin-bottom: 0.5rem; } .custom-pizza-body section.custom-pizza-body__section-base .s4d-product-option-value-static { display: block; margin-top: 1.25rem; font-size: 1rem; } .custom-pizza-body section.custom-pizza-body__section-base .s4d-product-option-value-static .s4d-pizza-type-price { font-weight: bold; } .custom-pizza-body section.custom-pizza-body__section-base .s4d-dropdown { margin-top: 0.625rem; } .custom-pizza-body__section-toppings-header { margin: 0.5rem 0rem; color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } @media (min-width: 992px) { .custom-pizza-body__section-toppings-header { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } } .custom-pizza-body__section-toppings-cost { color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } @media (min-width: 992px) { .custom-pizza-body__section-toppings-cost { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } } .custom-pizza-body__section-toppings-cost-extra { color: #858585; } .custom-pizza-body__section-toppings-title { margin-top: 3.125rem; text-align: left; color: #ffffff; font-family: Tungsten; font-size: calc(1.5 * 1.25rem); font-style: normal; font-weight: 700; line-height: 2rem; letter-spacing: 0.015625rem; } .custom-pizza-body__section-toppings-show-more { font-weight: bold; font-size: 0.75rem; line-height: 1rem; color: #858585; cursor: pointer; } .custom-pizza-body__section-toppings-show-more:hover, .custom-pizza-body__section-toppings-show-more:focus { outline: none; text-decoration: none; color: #858585; } .custom-pizza-body__section-toppings-show-more i { padding-right: 0.3125rem; } .custom-pizza-body__section-toppings-show-less-span { color: #009a44; } .custom-pizza-body__section-toppings-topping-row { display: grid; } .custom-pizza-body__section-toppings-topping-row-span { display: inline-flex; } @media (min-width: 75rem) { .custom-pizza-body__section-toppings-topping-row-span { margin-right: 1.25rem; } } .custom-pizza-body__section-toppings-topping-row-span__hidden { display: none !important; } .custom-pizza-body__section-toppings-topping-row-span input[value="0"] ~ .s4d-product-amount-minus, .custom-pizza-body__section-toppings-topping-row-span input[value="0"] ~ .s4d-product-amount-minus--disabled, .custom-pizza-body__section-toppings-topping-row-span input[value="0"] ~ .custom-pizza-body__section-toppings-topping-row-amount, .custom-pizza-body__section-toppings-topping-row-span .s4d-product-amount-minus--disabled { color: #ccc !important; pointer-events: none; } .custom-pizza-body__section-toppings-topping-row-block { display: inline-flex; padding-right: 0.3125rem; } @media (min-width: 1200px) { .custom-pizza-body__section-toppings-topping-row-block { padding-right: 1.5625rem; } } .custom-pizza-body__section-toppings-topping-row-block-icon { fill: #cccccc; width: 1.375rem; height: 1.375rem; } .custom-pizza-body__section-toppings-topping-row-block__hidden { display: none !important; } .custom-pizza-body__section-toppings-topping-row-item { display: inline-flex; justify-content: space-between; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.3125rem; margin-bottom: 0.3125rem; } .custom-pizza-body__section-toppings-topping-row-name { color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } @media (max-width: 991px) { .custom-pizza-body__section-toppings-topping-row .hidden-mobile { display: none; } .custom-pizza-body__section-toppings-topping-row .show-mobile { display: inline-flex; } } .custom-pizza-body__section-finalize { border-bottom: none !important; margin-bottom: 3.875rem; } @media (min-width: 992px) { .custom-pizza-body__section-finalize { margin-bottom: 0; border-bottom: 0; } } .custom-pizza-body__section-finalize-header { margin: 0.5rem 0rem; color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } @media (min-width: 992px) { .custom-pizza-body__section-finalize-header { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } } .custom-pizza-body__section-finalize-description { display: none; color: #858585; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .custom-pizza-body__section-finalize .form-control.custom-pizza-body__section-finalize-pizza-name { height: 3rem; color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .custom-pizza-body__section-finalize .form-control.custom-pizza-body__section-finalize-pizza-name::placeholder { color: #858585; } .custom-pizza-body__dropdown-label { padding-top: 0.9375rem; color: #111111 !important; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } @media (max-width: 991px) { .custom-pizza-body__dropdown-label { padding-top: 1.125rem; } } @media (min-width: 992px) { .custom-pizza-popup-modal { width: 60.9375rem; height: 40.625rem; border-radius: 0.625rem 0 0.625rem 0; } } @media (min-width: 1200px) { .custom-pizza-popup-modal { width: 75rem; height: 50rem; } } .full-screen-modal-header { background-image: url(/Content/Themes/NYP/Images/bg-modal.jpg); background-color: none; background-size: cover; width: 100%; border-radius: 0 0 0.625rem 0; } .full-screen-modal-header .text-box { max-width: 16.875rem; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; max-height: 15rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .full-screen-modal-header .text-box--close { max-height: 9.3125rem; } .full-screen-modal-header__close-button { background-color: transparent; position: absolute; z-index: 1; top: 1.265625rem; right: 1.265625rem; border: none; } .full-screen-modal-header__close-button .full-screen-modal-header__icon { fill: #111111; width: 1.09375rem; height: 1.09375rem; } .full-screen-modal-header__title { text-align: center; margin: 0 1.25rem; text-align: center; padding-top: 2.5rem; padding-bottom: 0.25rem; color: #ffffff; font-family: Tungsten; font-size: calc(1.5 * 1.25rem); font-style: normal; font-weight: 700; line-height: 2rem; letter-spacing: 0.015625rem; } .full-screen-modal-header__image { margin: 0.5rem auto 1.5rem auto; width: 15rem; height: 15rem; min-width: 15rem; min-height: 15rem; } .full-screen-modal-header__image--out-of-stock { filter: grayscale(100%); opacity: 0.6; } .full-screen-modal-header__arrow { width: 1.25rem; height: 1.25rem; border-radius: 1.4375rem; fill: #858585; position: unset; display: block; margin-top: -0.625rem; margin-left: auto; margin-right: auto; background-color: #ffffff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; cursor: pointer; box-shadow: 0rem 1px 1px rgba(72, 72, 72, 0.14), 0rem 0.125rem 1px -1px rgba(72, 72, 72, 0.12), 0rem 1px 0.1875rem rgba(72, 72, 72, 0.2); z-index: 1; } .full-screen-modal-header__arrow svg { width: 1.25rem; height: 1.25rem; } .full-screen-modal-header.full-screen-modal-header--open .text-box { height: auto; max-height: 27.5rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .full-screen-modal-header.full-screen-modal-header--open .full-screen-modal-header__base, .full-screen-modal-header.full-screen-modal-header--open .full-screen-modal-header__description { display: block; } .full-screen-modal-header.full-screen-modal-header--open .full-screen-modal-header__arrow { transform: rotate(-180deg); } .full-screen-modal-header.full-screen-modal-header--open .full-screen-modal-header__description { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .full-screen-modal-header.full-screen-modal-header--open .full-screen-modal-header__image { margin: 1.5rem auto 1.5rem auto; } .full-screen-modal-header.full-screen-modal-header--close .text-box { height: auto; max-height: 10rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .full-screen-modal-header.full-screen-modal-header--close .full-screen-modal-header__description { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .full-screen-modal-header.full-screen-modal-header--close .full-screen-modal-header__base, .full-screen-modal-header.full-screen-modal-header--close .full-screen-modal-header__description { display: block; z-index: 1; position: relative; } .full-screen-modal-header.full-screen-modal-header--close .full-screen-modal-header__title { padding-top: 0.625rem; z-index: 1; position: relative; } .full-screen-modal-header.full-screen-modal-header--close .full-screen-modal-header__image { margin-top: -2.6875rem; opacity: 0.3; } .full-screen-modal-header .image-content { position: relative; } .full-screen-modal-header .image-content__out-of-stock { position: absolute; top: 5.5rem; left: 50%; transform: translate(-50%, -50%); padding: 0.3125rem 0.5rem; background: #111111; border-radius: 0.25rem; z-index: 1; font-weight: 700; color: white; } .full-screen-modal-header__base { display: none; padding-bottom: 0.25rem; color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } .full-screen-modal-header__description { color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; display: none; } .no-border { border-bottom: none !important; } .full-screen-modal-body { background: #f4f4f4; height: 100%; width: 100%; max-height: calc(100vh - 14rem); } @media (min-width: 992px) { .full-screen-modal-body { max-height: calc(100vh - 17.8125rem); } } .full-screen-modal-body section { padding: 1rem; } .full-screen-modal-body section .owl-options { touch-action: manipulation; z-index: 0; } .out-of-stock { pointer-events: none; } .out-of-stock img { -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */ filter: grayscale(50%); opacity: 0.5; } .custom-product-v3 { padding-bottom: 4.125rem; overflow-x: hidden; } .custom-product-v3__section-option .owl-carousel .owl-item img { width: auto; } .custom-product-v3__section-option .owl-carousel { margin: 0rem -1.25rem; width: initial; } .custom-product-v3__section-option .owl-carousel .owl-stage-outer { overflow: revert; margin: 0rem 1.25rem; } .custom-product-v3__section-option .owl-carousel .owl-dots { margin: 0rem 1.25rem; } .custom-product-v3__section-option .owl-carousel .owl-stage-outer { overflow: revert; } .custom-product-v3__section-option-list .owl-dots { padding-top: 1rem; transform: translateY(-0.25rem); z-index: 0; } .custom-product-v3__section-option-list .owl-dots .owl-dot { margin-left: 0.3125rem; margin-right: 0.3125rem; background-color: #01b751; padding: 0.25rem; border-radius: 0.625rem; border: 0; } .custom-product-v3__section-option-list .owl-dots .active { background-color: #009a44; padding: 0.25rem 0.5rem; } .custom-product-v3__section-option-list-item { width: 11.5rem; height: 6.125rem; border-radius: 0.25rem; border-bottom-right-radius: 1.5rem; padding: 0.5rem 0 0 0.5rem; display: flex; flex-direction: column; cursor: pointer; background: #fafafa; color: #616161; } .custom-product-v3__section-option-list-item-upper { flex: 50%; max-height: 2.5rem; } .custom-product-v3__section-option-list-item-upper h2 { font-weight: 700; font-size: 0.875rem; line-height: 1.25rem; margin-top: 0.5rem; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .custom-product-v3__section-option-list-item-upper i { display: none; } .custom-product-v3__section-option-list-item-bottom { flex: 50%; align-items: center; display: flex; flex-direction: row; justify-content: flex-end; } .custom-product-v3__section-option-list-item-bottom label { font-size: 0.75rem; line-height: 1.125rem; flex: 40%; } .custom-product-v3__section-option-list-item-bottom .owl-carousel .owl-item img { display: block; } .custom-product-v3__section-option-list-item-bottom img { position: relative; left: 0.625rem; height: 3.375rem; object-fit: scale-down; float: right; margin-left: auto; } .custom-product-v3__section-option-list-item__selected { width: 11.5rem; height: 6.125rem; border-radius: 0.25rem; border-bottom-right-radius: 1.5rem; padding: 0.5rem 0 0 0.5rem; display: flex; flex-direction: column; cursor: pointer; background: #01b751; color: #ffffff; box-shadow: 0rem 1rem 1.5rem rgba(0, 0, 0, 0.07), 0rem 0.375rem 1.875rem rgba(0, 0, 0, 0.06), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.1); } .custom-product-v3__section-option-list-item__selected-upper { flex: 50%; max-height: 2.5rem; } .custom-product-v3__section-option-list-item__selected-upper h2 { font-weight: 700; font-size: 0.875rem; line-height: 1.25rem; margin-top: 0.5rem; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .custom-product-v3__section-option-list-item__selected-upper i { display: none; } .custom-product-v3__section-option-list-item__selected-bottom { flex: 50%; align-items: center; display: flex; flex-direction: row; justify-content: flex-end; } .custom-product-v3__section-option-list-item__selected-bottom label { font-size: 0.75rem; line-height: 1.125rem; flex: 40%; } .custom-product-v3__section-option-list-item__selected-bottom .owl-carousel .owl-item img { display: block; } .custom-product-v3__section-option-list-item__selected-bottom img { position: relative; left: 0.625rem; height: 3.375rem; object-fit: scale-down; float: right; margin-left: auto; } .custom-product-v3__section-option-list-item__selected i { display: inline; font-size: 0.625rem; padding-right: 0.3125rem; } .upsell-step-notification { background-color: #fff5e5; padding: 1rem; border-radius: 0.25rem; } .upsell-step-alert { background-color: #ffe9e7; padding: 1rem; border-radius: 0.25rem; } .custom-product-v3__section { display: flex; flex-direction: column; position: relative; } .custom-product-v3__section__header { margin-top: 0.5rem; margin-bottom: 1rem; color: #111111; } .custom-product-v3__section__container { display: flex; width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 1.375rem; } .custom-product-v3__section__container__card { background-color: #fafafa; min-width: 11.125rem; width: 11.125rem; height: 8.3125rem; padding: 0.5rem; display: flex; flex-direction: column; border-radius: 0.25rem; position: relative; margin-top: 1.9375rem; } .custom-product-v3__section__container__card:not(last) { margin-right: 1rem; } .custom-product-v3__section__container__card__image { max-width: 100%; position: absolute; top: -1.9375rem; height: 4.75rem; left: 0; right: 0; margin-left: auto; margin-right: auto; } .custom-product-v3__section__container__card__name { margin-top: auto; } .custom-product-v3__section__container__card__footer { display: flex; justify-content: space-between; align-items: center; } .custom-product-v3__section__container__card__footer__price { margin: 0; } .custom-product-v3__section__container__card__footer__controls-container { display: flex; align-items: center; } .custom-product-v3__section__container__see-all-card { background-color: #c9c4be; min-width: 7.75rem; width: 7.75rem; height: 8.3125rem; padding: 0.5rem; display: flex; flex-direction: column; border-radius: 0.25rem; margin-top: auto; cursor: pointer; } .custom-product-v3__section__container__see-all-card__label { padding: 0.5rem; color: #fff; } .custom-product-v3__section__container__see-all-card__button { width: 2rem; height: 2rem; border: none; border-radius: 50% 50%; background-color: #fff; color: #c9c4be; font-size: 1.5rem; padding: 0; margin-top: auto; margin-left: auto; } .custom-product-v3__section__show-all { margin-left: auto; display: flex; align-content: center; align-items: center; cursor: pointer; } .custom-product-v3__section__show-all p { margin: 0; } .custom-product-v3__section__show-all .s4d-thin-arrow-right { font-size: 1rem; margin: 0 0.25rem; } .custom-product-v3__section__add-button { width: 2rem; height: 2rem; border: none; border-radius: 50%; background-color: #d2d2d2; font-size: 1.5rem; color: #545859; padding: 0; } .custom-product-v3__section__decrease-button { width: 2rem; height: 2rem; border: none; border-radius: 50%; background-color: #fbfbfb; font-size: 1.5rem; color: #545859; padding: 0; } .custom-product-v3__all-toppings { background-color: #fff; width: 100%; height: calc(100% - 4.1875rem); overflow-y: auto; position: absolute; top: 0; left: 0; } .custom-product-v3__all-toppings__body { padding: 1.5rem 2rem 3.5625rem 2rem; } .custom-product-v3__all-toppings__category-title { text-align: center; margin-top: 1rem; margin-bottom: 3.125rem; } .custom-product-v3__all-toppings .heading-s { margin: 0; padding-bottom: 1rem; } .custom-product-v3__all-toppings .body-l { margin: 0; } .custom-product-v3__all-toppings__category__toppings__row { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; } .custom-product-v3__all-toppings__category__toppings__row__controls { display: flex; align-items: center; } .custom-product-v3__all-toppings__footer { border-top: 1px solid #a5a5a5; display: flex; padding: 0.9375rem; width: 100%; position: fixed; bottom: 0; background: #fff; max-width: 992px; } @media (min-width: 992px) { .custom-product-v3__all-toppings__footer { bottom: 1.875rem; } } .custom-product-v3__all-toppings__footer button { padding: 0.5rem 1rem; margin-left: auto; } .custom-product-v3 .s4d-product-amount-value { width: 2rem; margin: 0.25rem; } .modal-fixed { overflow-y: hidden !important; } @media (min-width: 992px) { .modal-fixed { margin-bottom: 1.875rem; } } .full-screen-popup-modal { max-width: 992px; background-color: #f4f4f4; overflow: hidden; } @media (max-width: 992px) { .full-screen-popup-modal { margin: 0rem; } } @media (min-width: 992px) { .full-screen-popup-modal { height: calc(100% - 1.875rem); } } .modal-slide-in.fade { top: 100vh; -webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: top 0.3s linear, opacity 0.3s ease-in-out; transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out; } .modal-slide-in.fade.in { top: 0vh; } .xtasty-header, .xtasty-search-header { background-image: url(/Content/Themes/NYP/Images/bg-modal.jpg); background-color: none; background-size: cover; } .xtasty-header .text-box, .xtasty-search-header .text-box { max-width: 16.875rem; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; max-height: 15rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .xtasty-header .text-box--close, .xtasty-search-header .text-box--close { max-height: 9.3125rem; } @media (min-width: 992px) { .xtasty-header .text-box, .xtasty-search-header .text-box { max-width: 29.875rem; } } .xtasty-header__close-button, .xtasty-search-header__close-button { background-color: transparent; position: absolute; z-index: 1; width: 4.375rem; height: 4.375rem; top: 0rem; right: 0rem; border: none; } .xtasty-header__flavour--number, .xtasty-search-header__flavour--number { display: none; } .xtasty-header__back-button, .xtasty-search-header__back-button { background-color: transparent; position: absolute; z-index: 1; width: 4.375rem; height: 4.375rem; left: 0rem; top: 0rem; border: none; display: none; } @media (max-width: 992px) { .xtasty-header__back-button--visible, .xtasty-search-header__back-button--visible { display: block; } } .xtasty-header__icon, .xtasty-search-header__icon { fill: #ffffff; width: 1.09375rem; height: 1.09375rem; } .xtasty-header__title, .xtasty-search-header__title { margin: 0; text-align: center; padding-top: 2.5rem; padding-bottom: 0.25rem; color: #ffffff; font-family: Tungsten; font-size: calc(1.5 * 1.25rem); font-style: normal; font-weight: 700; line-height: 2rem; letter-spacing: 0.015625rem; } @media (max-width: 767px) { .xtasty-header__title, .xtasty-search-header__title { margin: 0 1.25rem; } } .xtasty-header__arrow, .xtasty-search-header__arrow { width: 1.25rem; height: 1.25rem; border-radius: 1.4375rem; fill: #858585; display: block; margin-top: -0.625rem; background-color: #ffffff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; cursor: pointer; box-shadow: 0rem 1px 1px rgba(72, 72, 72, 0.14), 0rem 0.125rem 1px -1px rgba(72, 72, 72, 0.12), 0rem 1px 0.1875rem rgba(72, 72, 72, 0.2); z-index: 1; } .xtasty-header__arrow svg, .xtasty-search-header__arrow svg { width: 1.25rem; height: 1.25rem; } @media (max-width: 992px) { .xtasty-header--open .text-box, .xtasty-search-header--open .text-box { height: auto; max-height: 28.75rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .xtasty-header--open .xtasty-header__base, .xtasty-header--open .xtasty-search-header__base, .xtasty-header--open .xtasty-header__description, .xtasty-header--open .xtasty-search-header__description, .xtasty-search-header--open .xtasty-header__base, .xtasty-search-header--open .xtasty-search-header__base, .xtasty-search-header--open .xtasty-header__description, .xtasty-search-header--open .xtasty-search-header__description { display: block; } .xtasty-header--open .xtasty-header__arrow, .xtasty-header--open .xtasty-search-header__arrow, .xtasty-search-header--open .xtasty-header__arrow, .xtasty-search-header--open .xtasty-search-header__arrow { transform: rotate(-180deg); } .xtasty-header--open .xtasty-header__description, .xtasty-header--open .xtasty-search-header__description, .xtasty-search-header--open .xtasty-header__description, .xtasty-search-header--open .xtasty-search-header__description { display: -webkit-box !important; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; } .xtasty-header--open .xtasty-header__image, .xtasty-header--open .xtasty-search-header__image, .xtasty-search-header--open .xtasty-header__image, .xtasty-search-header--open .xtasty-search-header__image { margin: 1.5rem auto 2.4375rem auto; } .xtasty-header--close .text-box, .xtasty-search-header--close .text-box { height: auto; max-height: 10rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .xtasty-header--close .xtasty-header__description, .xtasty-header--close .xtasty-search-header__description, .xtasty-search-header--close .xtasty-header__description, .xtasty-search-header--close .xtasty-search-header__description { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .xtasty-header--close .xtasty-header__base, .xtasty-header--close .xtasty-search-header__base, .xtasty-header--close .xtasty-header__description, .xtasty-header--close .xtasty-search-header__description, .xtasty-search-header--close .xtasty-header__base, .xtasty-search-header--close .xtasty-search-header__base, .xtasty-search-header--close .xtasty-header__description, .xtasty-search-header--close .xtasty-search-header__description { display: block; z-index: 1; position: relative; } .xtasty-header--close .xtasty-header__title, .xtasty-header--close .xtasty-search-header__title, .xtasty-search-header--close .xtasty-header__title, .xtasty-search-header--close .xtasty-search-header__title { padding-top: 0.625rem; z-index: 1; position: relative; } .xtasty-header--close .xtasty-header__image, .xtasty-header--close .xtasty-search-header__image, .xtasty-search-header--close .xtasty-header__image, .xtasty-search-header--close .xtasty-search-header__image { margin-top: -2.6875rem; opacity: 0.3; } .xtasty-header--close .xtasty-header__image--four, .xtasty-header--close .xtasty-search-header__image--four, .xtasty-search-header--close .xtasty-header__image--four, .xtasty-search-header--close .xtasty-search-header__image--four { margin-top: -4.6875rem; } } @media (min-width: 992px) { .xtasty-header, .xtasty-search-header { width: 23.4375rem; height: 100%; float: right; } .xtasty-header__arrow, .xtasty-search-header__arrow { display: none; } .xtasty-header__description, .xtasty-header__base, .xtasty-search-header__description, .xtasty-search-header__base { display: block; } .xtasty-header .text-box, .xtasty-search-header .text-box { max-height: unset; max-width: 16.875rem; } .xtasty-header__title, .xtasty-search-header__title { padding-bottom: 0.5rem; } } .xtasty-header__image, .xtasty-search-header__image { position: relative; margin: 0.5rem auto 2.4375rem auto; background-color: transparent; width: 15rem; } @media (min-width: 992px) { .xtasty-header__image, .xtasty-search-header__image { margin: 1.5rem auto 4.0625rem auto; } } .xtasty-header__image--double, .xtasty-search-header__image--double { width: 14.5rem; height: 14.5rem; } .xtasty-header__image--four, .xtasty-search-header__image--four { width: 13.25rem; height: 13.25rem; display: grid; grid-template-columns: 50% 50%; grid-template-rows: 50% 50%; transform: rotate(45deg); grid-column-gap: 0.25rem; grid-row-gap: 0.25rem; } @media (min-width: 992px) { .xtasty-header__image--four, .xtasty-search-header__image--four { width: 14.5rem; height: 14.5rem; } } .xtasty-header__image .s4d-dt-tasty-half, .xtasty-search-header__image .s4d-dt-tasty-half { height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; margin: 0.125rem; } .xtasty-header__image.shuffle-animation.animate .reverse, .xtasty-search-header__image.shuffle-animation.animate .reverse { animation-direction: reverse; } .xtasty-header__image.shuffle-animation.animate .shuffle-animation__image-1, .xtasty-search-header__image.shuffle-animation.animate .shuffle-animation__image-1 { animation-name: lottery; animation-duration: 0.3s; transition-timing-function: linear; animation-delay: 0.3s; } .xtasty-header__image.shuffle-animation.animate .shuffle-animation__image-2, .xtasty-search-header__image.shuffle-animation.animate .shuffle-animation__image-2 { animation-name: lottery; animation-duration: 0.3s; transition-timing-function: linear; animation-delay: 0.5s; } .xtasty-header__image.shuffle-animation.animate .shuffle-animation__image-3, .xtasty-search-header__image.shuffle-animation.animate .shuffle-animation__image-3 { animation-name: lottery; animation-duration: 0.3s; transition-timing-function: linear; animation-delay: 0.7s; } .xtasty-header__image.shuffle-animation.animate .shuffle-animation__image-4, .xtasty-search-header__image.shuffle-animation.animate .shuffle-animation__image-4 { animation-name: lottery; animation-duration: 0.3s; transition-timing-function: linear; animation-delay: 0.9s; } .xtasty-header__image.shuffle-animation.animate .shuffle-animation__main-image, .xtasty-search-header__image.shuffle-animation.animate .shuffle-animation__main-image { animation-name: lottery-animation-main-image; animation-duration: 1.5s; } .xtasty-header__image.shuffle-animation .shuffle-animation__image-1, .xtasty-search-header__image.shuffle-animation .shuffle-animation__image-1 { opacity: 0; } .xtasty-header__image.shuffle-animation .shuffle-animation__image-2, .xtasty-search-header__image.shuffle-animation .shuffle-animation__image-2 { opacity: 0; } .xtasty-header__image.shuffle-animation .shuffle-animation__image-3, .xtasty-search-header__image.shuffle-animation .shuffle-animation__image-3 { opacity: 0; } .xtasty-header__image.shuffle-animation .shuffle-animation__image-4, .xtasty-search-header__image.shuffle-animation .shuffle-animation__image-4 { opacity: 0; } @keyframes lottery { 0% { opacity: 0; transform: translateY(12.5rem) scale(0); } 50% { opacity: 1; transform: translateY(0rem) scale(1); } 100% { opacity: 0; transform: translateY(-12.5rem) scale(0); } } @keyframes lottery-animation-main-image { 0% { opacity: 1; transform: translateY(0rem) scale(1); } 20% { opacity: 0; transform: translateY(12.5rem) scale(0); } 80% { opacity: 0; transform: translateY(-12.5rem) scale(0); } 100% { opacity: 1; transform: translateY(0rem) scale(1); } } .xtasty-header__image.\32 .s4d-dt-tasty-half, .xtasty-search-header__image.\32 .s4d-dt-tasty-half { position: absolute; width: 50%; } .xtasty-header__image.\32 .s4d-dt-tasty-half.\31 , .xtasty-search-header__image.\32 .s4d-dt-tasty-half.\31 { background-position: left center; top: 0; right: 50%; transform-origin: center right; } .xtasty-header__image.\32 .s4d-dt-tasty-half.\32 , .xtasty-search-header__image.\32 .s4d-dt-tasty-half.\32 { background-position: right center; top: 0; left: 50%; transform-origin: center left; } .xtasty-header__image .s4d-dt-tasty-quarter, .xtasty-search-header__image .s4d-dt-tasty-quarter { height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: 200%; } .xtasty-header__image.\34 .s4d-dt-tasty-quarter.\31 , .xtasty-search-header__image.\34 .s4d-dt-tasty-quarter.\31 { background-position: left top; } .xtasty-header__image.\34 .s4d-dt-tasty-quarter.\32 , .xtasty-search-header__image.\34 .s4d-dt-tasty-quarter.\32 { background-position: right top; } .xtasty-header__image.\34 .s4d-dt-tasty-quarter.\33 , .xtasty-search-header__image.\34 .s4d-dt-tasty-quarter.\33 { background-position: left bottom; } .xtasty-header__image.\34 .s4d-dt-tasty-quarter.\34 , .xtasty-search-header__image.\34 .s4d-dt-tasty-quarter.\34 { background-position: right bottom; } .xtasty-header__description { color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; } @media (max-width: 992px) { .xtasty-header__description { display: none; } } .xtasty-header__description p { margin-bottom: 0.25rem; } .xtasty-header__description-light { color: #cccccc; } .xtasty-header__base { padding-bottom: 0.25rem; color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } @media (max-width: 992px) { .xtasty-header__base { display: none; } } .xtasty-header__base p { margin-bottom: 0rem; } .xtasty-header .shuffle-button { height: 3rem; display: inline-flex; align-items: center; bottom: 0.75rem; right: 1rem; transition: max-width 0.3s; max-width: 12.5rem; margin-bottom: 0.5rem; } @media (max-width: 992px) { .xtasty-header .shuffle-button { position: absolute; } } .xtasty-header .shuffle-button.blocked { pointer-events: none; max-width: 3rem; } .xtasty-header .shuffle-button.blocked span { opacity: 0; max-width: 0rem; margin-left: 0rem; margin-right: 0rem; } @media (max-width: 992px) { .xtasty-header .shuffle-button.mobile-fold { max-width: 3rem; } .xtasty-header .shuffle-button.mobile-fold span { opacity: 0; max-width: 0rem; margin-left: 0rem; margin-right: 0rem; } } .xtasty-header .shuffle-button span { transition: max-width 0.3s, opacity 0.3s, margin 0.1s; opacity: 1; max-width: 12.5rem; overflow: hidden; margin-left: 0.25rem; margin-right: 0.25rem; } .xtasty-header .shuffle-button i { margin: -1px; font-size: 1.5rem; } .xtasty-search-header__base { display: block; padding-bottom: 0.25rem; color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } @media (max-width: 992px) { .xtasty-search-header__base { z-index: 1; position: relative; } } .xtasty-search-header__base p { margin-bottom: 0rem; } .xtasty-search-header__description { color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; display: block; } @media (max-width: 992px) { .xtasty-search-header__description { z-index: 1; position: relative; } } .xtasty-search-header__description p { margin-bottom: 0.25rem; } @media (max-width: 992px) { .xtasty-search-header__image { margin-top: -2.6875rem; opacity: 0.25; } .xtasty-search-header__image--four { margin-top: -4.6875rem; } } .xtasty-search-header__image--highligted { opacity: 1; filter: initial; } .xtasty-search-header__image--normal { filter: initial; opacity: 0.6; } .xtasty-search-header__shuffle-button { display: none; } .xtasty-footer { height: 4.3125rem; display: flex; padding-top: 0.9375rem; } @media (min-width: 992px) { .xtasty-footer { width: 37.5rem; } } @media (min-width: 1200px) { .xtasty-footer { width: 51.5625rem; } } .xtasty-footer__amount-box .double-tasty-quantity-control-container { display: flex !important; } .xtasty-footer__add-button { margin-left: auto; } .xtasty-footer__info { margin-left: 0.5rem; } .xtasty-footer__finish-customise-button { margin-left: auto; } @media (min-width: 992px) { .xtasty-body, .xtasty-search-body { width: 37.5rem; height: 40.625rem; max-height: 36.3125rem; } } @media (min-width: 1200px) { .xtasty-body, .xtasty-search-body { width: 51.5625rem; height: 50rem; max-height: 45.6875rem; } } @media (max-width: 992px) { .xtasty-body--open, .xtasty-search-body--open { height: auto; max-height: calc(100vh - 26.25rem); } } .xtasty-body { padding: 0rem 2.5rem 2.5rem 2.5rem; } @media (max-width: 992px) { .xtasty-body { padding: 0rem 1.25rem 3.125rem 1.25rem; } } .xtasty-body__form-group { margin-top: 2.375rem; } @media (min-width: 1200px) { .xtasty-body__form-group .s4d-product-options { display: flex; justify-content: space-between; } } .xtasty-body__form-group .basic-dropdown__container { height: 3rem; width: inherit; margin-top: 1.25rem; } @media (min-width: 1200px) { .xtasty-body__form-group .basic-dropdown__container { width: calc(50% - 0.625rem); margin-top: 0; } } .xtasty-body__form-group .basic-dropdown__select { width: 100%; } .xtasty-body__form-group .basic-dropdown__label { background: #ffffff; } .xtasty-body__form-group .row { margin-left: -1.25rem; margin-right: -1.25rem; } .xtasty-body__form-group label:first-child { margin-bottom: 1rem; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; font-weight: 700; } @media (max-width: 1200px) { .xtasty-body__form-group .row { margin: 0; } } .xtasty-body__alert { position: absolute; z-index: 99; width: 22rem; top: 100%; left: 1.25rem; } @media (max-width: 1200px) { .xtasty-body__alert { width: 100%; left: 0; } } .xtasty-body__customise-header { position: sticky; top: 0rem; background-color: #ffffff; z-index: 1; } .xtasty-body__customise-sauce { border-bottom: 1px solid #cccccc; display: flex; flex-direction: column; } @media (max-width: 992px) { .xtasty-body__customise-sauce { margin-top: 1rem; } } .xtasty-body__back-arrow { width: 3.125rem; height: 3.125rem; margin-left: -1.5625rem; cursor: pointer; display: flex; align-items: center; justify-content: center; border: 0; background-color: transparent; } .xtasty-search-body { padding: 1.5rem 1.25rem 1.25rem 1.25rem; max-height: calc(100vh - 10rem); } @media (min-width: 992px) { .xtasty-search-body { max-height: 50rem; } } @media (min-width: 992px) { .xtasty-search-body { padding-top: 0rem; } } .xtasty-search-body .xtasty-search-body__box { display: flex; margin-bottom: 1.5625rem; } @media (min-width: 992px) { .xtasty-search-body .xtasty-search-body__box { height: 4.25rem; border-bottom: 1px solid #cccccc; margin-right: -1.25rem; margin-left: -1.25rem; margin-top: 0; padding-top: 1rem; top: 0; position: sticky; background-color: #ffffff; z-index: 1; } .xtasty-search-body .xtasty-search-body__box .xtasty-search-body__box-back-arrow { margin: 0.1875rem 0.75rem 0 1rem; height: 2rem; cursor: pointer; } .xtasty-search-body .xtasty-search-body__box .xtasty-search-body__box-back-arrow svg { width: 2rem; height: 2rem; } } .xtasty-search-body .xtasty-search-body__search-bar { width: 100%; position: relative; } @media (min-width: 992px) { .xtasty-search-body .xtasty-search-body__search-bar { margin-right: 1.25rem; } } .xtasty-search-body .xtasty-search-body__search-bar .form-control { height: 2.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .xtasty-search-body .xtasty-search-body__search-bar .xtasty-search-body__input { text-indent: 1.5rem; } .xtasty-search-body .xtasty-search-body__search-bar input[type=search]::-webkit-search-cancel-button { height: 0.9375rem; width: 0.9375rem; margin-top: 0.125rem; margin-right: 0; background-color: #009a44; -webkit-mask: url(/Content/Images/icons/cross.svg) no-repeat 100%; mask: url(/Content/Images/icons/cross.svg); mask-repeat: no-repeat; cursor: pointer; } .xtasty-search-body .xtasty-search-body__search-bar .xtasty-search-body__icon { position: absolute; font-size: 1.375rem; color: #009a44; left: 0.8125rem; top: 0; margin-top: 0.1875rem; } .xtasty-search-body .xtasty-search-body__search-bar .xtasty-search-body__icon svg { width: 0.9375rem; height: 0.9375rem; fill: #009a44; } .xtasty-search-body .xtasty-search-body__list-row { padding-right: 1.25rem; padding-left: 1.25rem; } @media (max-width: 992px) { .xtasty-search-body .xtasty-search-body__list-row { padding: 0; } } @media (max-width: 1200px) { .xtasty-search-body .xtasty-search-body__list-row { width: 100%; } } .xtasty-search-body .xtasty-search-body__list-row .xtasty-search-body__product { border-bottom: solid 1px #cccccc; margin-bottom: 1.5rem; background: #ffffff; border-radius: 0.125rem; } .xtasty-search-body .xtasty-search-body__list-row .xtasty-search-body__product .xtasty-search-body__product-image { height: 9.5rem; width: 9.5rem; border-radius: 0.625rem 0rem; object-position: unset; overflow: hidden; margin-right: 0; float: left; } .xtasty-search-body .xtasty-search-body__list-row .xtasty-search-body__product .xtasty-search-body__product-image img { object-fit: cover; width: 100%; max-width: 100%; max-height: 100%; } .xtasty-search-body .xtasty-search-body__list-row .xtasty-search-body__product .xtasty-search-body__product-decription { display: flex; flex-direction: column; padding: 0 0 0 1.5625rem; min-height: 11rem; margin: 0; overflow: hidden; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; } .xtasty-search-body .xtasty-search-body__list-row .xtasty-search-body__product .xtasty-search-body__product-decription .xtasty-search-body__decription-header { margin-top: 0rem; margin-bottom: 0rem; font-weight: 700; color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .xtasty-search-body .xtasty-search-body__list-row .xtasty-search-body__product .xtasty-search-body__product-decription .xtasty-search-body__decription-crop p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; } .xtasty-search-body .xtasty-search-body__list-row .xtasty-search-body__product .xtasty-search-body__product-decription .xtasty-search-body__product-btn-block { margin-top: auto; margin-bottom: 1.5rem; } .xtasty-search-body .xtasty-search-body__list-row .xtasty-search-body__product .xtasty-search-body__product-decription .xtasty-search-body__product-btn-block .xtasty-search-body__select-button { float: right; min-width: 4.75rem; } @media (max-width: 1199px) { #XTastyModal { overflow: hidden; } } @media (min-width: 992px) { .xtasty-popup-modal, .xtasty-search-popup-modal { width: 60.9375rem; height: 40.625rem; border-radius: 0.625rem 0 0.625rem 0; } } @media (min-width: 1200px) { .xtasty-popup-modal, .xtasty-search-popup-modal { width: 75rem; height: 50rem; } } .coupon-configurator-header, .product-listing-header { background-image: url(/Content/Themes/NYP/Images/bg-modal.jpg); background-color: none; background-size: cover; } .coupon-configurator-header__container, .product-listing-header__container { height: 15rem; width: 100%; border-radius: inherit; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .coupon-configurator-header__background-img, .product-listing-header__background-img { position: absolute; left: 0; top: 0; width: 100%; height: inherit; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; border-radius: inherit; background-repeat: no-repeat !important; background-size: 100% 15rem !important; } .coupon-configurator-header__text-box, .product-listing-header__text-box { max-width: 18.75rem; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; max-height: 15rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: relative; } .coupon-configurator-header__description p, .product-listing-header__description p { margin-bottom: 0.25rem; } .coupon-configurator-header__close-button, .product-listing-header__close-button { background-color: transparent; position: absolute; top: 1.265625rem; right: 1.265625rem; border: none; z-index: 1; } .coupon-configurator-header__icon, .product-listing-header__icon { color: #ffffff; font-size: 1.09375rem; } .coupon-configurator-header__title, .product-listing-header__title { margin: 0; padding-top: 2.875rem; padding-bottom: 0.25rem; text-align: center; text-transform: uppercase; color: #ffffff; } @media (min-width: 992px) { .coupon-configurator-header__description, .product-listing-header__description { font-size: 1.5rem !important; line-height: 1.625rem !important; } } @media (max-width: 992px) { .coupon-configurator-header--close .coupon-configurator-header__container, .product-listing-header--close .coupon-configurator-header__container { height: 10rem; } .coupon-configurator-header--close .coupon-configurator-header__container .coupon-configurator-header__background-img, .product-listing-header--close .coupon-configurator-header__container .coupon-configurator-header__background-img { opacity: 0.3; } .coupon-configurator-header--close .coupon-configurator-header__text-box, .product-listing-header--close .coupon-configurator-header__text-box { height: auto; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } } @media (min-width: 992px) { .coupon-configurator-header { width: 38.4375rem; height: 100%; float: right; } } @media (min-width: 1200px) { .coupon-configurator-header { width: 52.5rem; } } @media (min-width: 992px) { .coupon-configurator-header__container { height: 100%; } } @media (min-width: 992px) { .coupon-configurator-header__background-img { background-size: 100% 100% !important; } } @media (min-width: 992px) { .coupon-configurator-header__text-box { max-width: none; margin: 0; padding: 4.1875rem 3.5625rem 0 3.5625rem; text-align: left; } } @media (min-width: 992px) { .coupon-configurator-header__title { font-size: 4.0625rem !important; line-height: 3.1875rem !important; padding: 0; margin-bottom: 0.875rem; text-align: left; } } @media (min-width: 992px) { .coupon-configurator-header__description { font-size: 1.5rem !important; line-height: 1.625rem !important; } } @media (max-width: 992px) { .coupon-configurator-header--close .coupon-configurator-header__description { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } } .coupon-configurator-body { background: #fafafa; display: flex; flex-direction: column; justify-content: space-between; height: 100%; max-height: 100%; } .coupon-configurator-body .flavor-selector { padding: 1rem 1.5rem 0rem 1.5rem; overflow-y: auto; } @media (min-width: 992px) { .coupon-configurator-body .flavor-selector { width: 22.5rem; padding: 2rem 1.5rem 0rem 1.5rem; } } .coupon-configurator-body__title { margin-top: 0; margin-bottom: 0.5rem; text-transform: uppercase; color: #111111; font-family: Tungsten; font-size: calc(1.8 * 1.25rem); font-style: normal; font-weight: 700; line-height: 2.25rem; letter-spacing: 0.015625rem; } .coupon-configurator-body__description { margin-top: 0; margin-bottom: 1.5rem; color: #616161; } .coupon-configurator-body__flavor-selector-title { margin-bottom: 1rem; color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .coupon-configurator-body__coupon-info { margin-top: 0.5rem; color: #616161; } .coupon-configurator-body .coupon-configurator-button { display: flex; border-top: 1px solid #dfdfdf; background: #fafafa; padding: 1rem 1.5rem 1rem 1.5rem; } .coupon-configurator-body .coupon-configurator-button__order-block { display: flex; align-items: center; } .coupon-configurator-body .coupon-configurator-button__add-button { width: 100%; height: 100%; } .coupon-configurator-body .coupon-configurator-button__add-button .s4d-configurator-loyalty { color: #ffffff; font-weight: 700; } .coupon-configurator-body .coupon-configurator-button__add-button .s4d-configurator-loyalty svg { fill: #ffffff; } .coupon-configurator-body .coupon-configurator-button__add-button[disabled] .s4d-configurator-loyalty { color: #ffffff; } .coupon-configurator-body .coupon-configurator-button__add-button[disabled] .s4d-configurator-loyalty svg { fill: #ffffff; } .coupon-configurator-body .coupon-configurator-button__add-button:not([disabled]):hover .s4d-configurator-loyalty { color: #009a44; } .coupon-configurator-body .coupon-configurator-button__add-button:not([disabled]):hover .s4d-configurator-loyalty svg { fill: #009a44; } .coupon-configurator__xtasty { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 3; overflow-x: hidden; } @media (min-width: 992px) { .coupon-configurator__xtasty { position: absolute; } } .coupon-configurator__xtasty--container { height: inherit; width: inherit; position: inherit; background-color: #fafafa; } @media (min-width: 992px) { .coupon-configurator__xtasty--container { background-color: #ffffff; position: unset; } } .coupon-configurator__xtasty__flavor-container { padding: 1.25rem 1.25rem 3.125rem 1.25rem; } @media (min-width: 992px) { .coupon-configurator__xtasty__flavor-container { padding: 0 2.5rem; } } .coupon-configurator__xtasty__nav-buttons { min-height: 3.5rem; display: flex; justify-content: space-between; width: 100%; margin-bottom: 1.5rem; } .coupon-configurator__xtasty__nav-buttons__close-button { background-color: transparent; border: none; padding: 0; } .coupon-configurator__xtasty__nav-buttons__back-button { background-color: transparent; border: none; padding: 0; } .coupon-configurator__xtasty__nav-buttons__icon { color: #111111; font-size: 1.09375rem; } .coupon-configurator__xtasty__header { background-image: url(/Content/Themes/NYP/Images/bg-modal.jpg); background-color: none; background-size: cover; width: 100%; border-radius: inherit; position: relative; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } @media (min-width: 992px) { .coupon-configurator__xtasty__header { display: none; } } .coupon-configurator__xtasty__header__description-container { width: inherit; position: absolute; } .coupon-configurator__xtasty__header .xtasty-header__base p { font-weight: 700; } .coupon-configurator__xtasty__header .xtasty-header__topping-info { display: none; } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--close .text-box, .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--open .text-box { height: auto; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--close .xtasty-header__description, .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--open .xtasty-header__description { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--close .xtasty-header__base, .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--close .xtasty-header__description, .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--open .xtasty-header__base, .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--open .xtasty-header__description { display: block; } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--close .text-box { max-height: 10rem; } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--close .xtasty-header__title { padding-top: 0.625rem; position: relative; } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--close .xtasty-header__image { opacity: 0.3; } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--open .text-box { max-height: 28.75rem; } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--open .coupon-configurator__xtasty__header__arrow { transform: rotate(-180deg); } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--open .coupon-configurator__xtasty__header__description-container { position: relative; } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--open .xtasty-header__image { margin: 1.5rem auto 2.4375rem auto; } .coupon-configurator__xtasty__header.coupon-configurator-xtasty-header--open .xtasty-header__topping-info { display: block; } .coupon-configurator__xtasty__header__container { height: 15rem; width: 100%; border-radius: inherit; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .coupon-configurator__xtasty__header__icon { color: #ffffff; font-size: 1.09375rem; } .coupon-configurator__xtasty__header__close-button { background-color: transparent; position: absolute; top: 1.265625rem; right: 1.265625rem; border: none; } .coupon-configurator__xtasty__header__back-button { background-color: transparent; position: absolute; top: 1.229375rem; left: 1.448125rem; border: none; } .coupon-configurator__xtasty__header__arrow { width: 1.25rem; height: 1.25rem; border-radius: 1.4375rem; fill: #858585; display: block; margin-top: -0.625rem; background-color: #ffffff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; cursor: pointer; box-shadow: 0rem 1px 1px rgba(72, 72, 72, 0.14), 0rem 0.125rem 1px -1px rgba(72, 72, 72, 0.12), 0rem 1px 0.1875rem rgba(72, 72, 72, 0.2); z-index: 2; } .coupon-configurator__xtasty__header__arrow svg { width: 1.25rem; height: 1.25rem; } .coupon-configurator__xtasty__body { display: flex; flex-direction: column; max-height: calc(100vh - 15rem); position: relative; background-color: inherit; overflow-y: auto; overflow-x: hidden; padding-bottom: inherit; } @media (max-width: 991px) { .coupon-configurator__xtasty__body { overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 3.75rem; } } @media (min-width: 992px) { .coupon-configurator__xtasty__body { height: calc(100% - 3.9375rem); padding: 0; max-height: unset; } } .coupon-configurator__xtasty__body__options { padding-bottom: 3.125rem; flex-direction: column; display: flex; background-color: inherit; } .coupon-configurator__xtasty__body__options .s4d-product-options { width: 100%; display: flex; gap: 0.9375rem; flex-direction: column; background-color: inherit; } .coupon-configurator__xtasty__body__options .s4d-product-options .basic-dropdown__container { height: 3rem; background-color: #ffffff; } @media (max-width: 992px) { .coupon-configurator__xtasty__body__options .s4d-product-options .basic-dropdown__container select ~ label { background: linear-gradient(0deg, #ffffff 50%, #fafafa 50%); } .coupon-configurator__xtasty__body__options .s4d-product-options .basic-dropdown__container select.filled:disabled ~ label { background: linear-gradient(0deg, #f4f4f4 50%, #fafafa 50%); } } @media (min-width: 992px) { .coupon-configurator__xtasty__body__options .s4d-product-options { flex-direction: row; } } .coupon-configurator__xtasty__body__slices { display: flex; flex-direction: column; } @media (min-width: 992px) { .coupon-configurator__xtasty__body__slices { flex-direction: row; flex-wrap: wrap; } } .coupon-configurator__xtasty__body .xtasty-body__pizza-slice { padding: 0; flex: 50%; position: relative; margin-bottom: 1.625rem; } @media (min-width: 992px) { .coupon-configurator__xtasty__body .xtasty-body__pizza-slice:nth-of-type(odd) { padding-right: 0.46875rem; } .coupon-configurator__xtasty__body .xtasty-body__pizza-slice:nth-of-type(even) { padding-left: 0.46875rem; } } .coupon-configurator__xtasty__body .xtasty-body__pizza-slice--container { display: flex; padding: 0.875rem 0.625rem 0.875rem 1rem; align-items: flex-start; background-color: #ffffff; border-radius: 0.5rem; width: 100%; margin-bottom: 0.5rem; } @media (min-width: 992px) { .coupon-configurator__xtasty__body .xtasty-body__pizza-slice--container { background-color: #fafafa; } } .coupon-configurator__xtasty__body .xtasty-body__pizza-slice--container:hover { box-shadow: 0rem 0rem 0.625rem rgba(0, 0, 0, 0.1); } .coupon-configurator__xtasty__body .xtasty-body__pizza-slice--container:focus { box-shadow: 0rem 0rem 0.5rem #0057ff; } .coupon-configurator__xtasty__body .xtasty-body__pizza-slice .select-slice-button { display: flex; align-items: center; color: #009a44; font-weight: 700 !important; cursor: pointer; margin-left: auto; } .coupon-configurator__xtasty__body .xtasty-body__pizza-slice .select-slice-button:focus, .coupon-configurator__xtasty__body .xtasty-body__pizza-slice .select-slice-button:hover { color: #fcd500; } .coupon-configurator__xtasty__body .xtasty-body__pizza-slice .select-slice-button span { text-decoration: none; text-underline-offset: 0.125rem; } .coupon-configurator__xtasty__body .xtasty-body__pizza-slice .select-slice-button .s4d-chevron-right { font-size: 1.125rem; } .coupon-configurator__xtasty__body .xtasty-body__pizza-slice .edit-promotion-pizza { cursor: pointer; } @media (max-width: 992px) { .coupon-configurator__xtasty__body.coupon-configurator-xtasty-body--open { max-height: calc(100vh - 26.25rem); } } .coupon-configurator__xtasty__footer { background: #ffffff; padding: 0.9375rem 0.9375rem 0.9375rem 1.5rem; border-top: 1px solid #dfdfdf; height: 3.9375rem; display: flex; position: fixed; width: 100%; bottom: 0; } @media (min-width: 992px) { .coupon-configurator__xtasty__footer { position: static; width: auto; } } .coupon-configurator__xtasty__footer__add-xtasty { width: 100%; } @media (min-width: 992px) { .coupon-configurator__xtasty__footer__add-xtasty { width: auto; margin-left: auto; } } .coupon-configurator__xtasty .xTasty-product-list-body { height: 100%; } @media (min-width: 992px) { .coupon-configurator__xtasty .xTasty-product-list-body { overflow-y: auto; } } .coupon-configurator__xtasty .xTasty-product-list-body__product-groups { overflow-y: hidden; } .coupon-configurator__xtasty .xTasty-product-list-body--container { padding-top: 3.5rem; height: calc(100% - 6.5rem); } .coupon-configurator__xtasty .text-box { width: 16.875rem; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; max-height: 15rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .coupon-configurator__xtasty.edit-started .xtasty-header__description { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .coupon-configurator__xtasty.edit-started .xtasty-header__base, .coupon-configurator__xtasty.edit-started .xtasty-header__description { display: block; } .coupon-configurator__xtasty.edit-started .xtasty-header__image { opacity: 0.3; } .coupon-configurator__xtasty.edit-started .coupon-configurator__xtasty--container { background-color: #ffffff; } .coupon-configurator__xtasty.edit-started .coupon-configurator__xtasty__body { max-height: calc(100vh - 10rem); } @media (min-width: 992px) { .coupon-configurator__xtasty.edit-started .coupon-configurator__xtasty__body { height: 100%; max-height: unset; } } .coupon-configurator__xtasty__alert { position: absolute; width: 100%; top: calc(100% - 1.625rem); z-index: 1; } .coupon-configurator__xtasty__alert button { font-size: 0.625rem; } .fix-for-xtasty-display { overflow-y: hidden !important; } @media (max-width: 992px) { .fix-for-xtasty-display .popup-header { display: none; } } @media (max-width: 992px) { .fix-for-xtasty-display .popup-body { overflow: hidden; max-height: 100%; } } .xTasty-product-list-body { background: #ffffff; } @media (max-width: 992px) { .xTasty-product-list-body { padding: 0 1.25rem 0 1.25rem; } } .xTasty-product-list-body--container { height: calc(100% - 6.5rem); } .xTasty-product-list-body__container { background: #ffffff; padding-bottom: 2.5rem; } @media (min-width: 992px) { .xTasty-product-list-body__container { overflow-y: auto; height: inherit; color: #111111; } } .xTasty-product-list-body__search-container { display: flex; height: fit-content; flex-direction: column; top: 0; position: sticky; background-color: #ffffff; z-index: 1; border-bottom: none; margin: 0 -1.25rem; padding: 0 1.5rem; } @media (min-width: 992px) { .xTasty-product-list-body__search-container { padding: 0 2.5rem; margin: 0; } } .xTasty-product-list-body__search-bar { width: 100%; position: relative; height: 3.25rem; padding-top: 1rem; margin-bottom: 0.5rem; } @media (min-width: 992px) { .xTasty-product-list-body__search-bar { padding-top: 0.5rem; } } .xTasty-product-list-body__search-bar .form-control { height: 2.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .xTasty-product-list-body__search-bar .xTasty-product-list-body__input { text-indent: 1.5rem; } .xTasty-product-list-body__search-bar input[type=search]::-webkit-search-cancel-button { height: 0.9375rem; width: 0.9375rem; margin-top: 0.125rem; margin-right: 0; background-color: #009a44; -webkit-mask: url(/Content/Images/icons/cross.svg) no-repeat 100%; mask: url(/Content/Images/icons/cross.svg); mask-repeat: no-repeat; cursor: pointer; } .xTasty-product-list-body__search-bar .xTasty-product-list-body__icon { font-size: 1.125rem; position: absolute; top: 1.53125rem; left: 0.6875rem; cursor: pointer; color: #009a44; } @media (min-width: 992px) { .xTasty-product-list-body__search-bar .xTasty-product-list-body__icon { top: 1.09375rem; } } .xTasty-product-list-body__productgroup-title { margin: 2.5rem auto; text-transform: uppercase; color: #ffffff; background-color: #111111; width: fit-content; padding: 0.625rem 1.25rem; } .xTasty-product-list-body__product-list { background: inherit; margin: 0; display: flex; flex-wrap: wrap; } .xTasty-product-list-body__product-list > [class*=col-] { display: flex; flex-direction: column; } @media (min-width: 992px) { .xTasty-product-list-body__product-list { padding: 0 1.25rem 0 1.25rem; } } .xTasty-product-list-body__product-list .xTasty-product-list-body__list-row { background: inherit; padding-right: 0; padding-left: 0; } @media (max-width: 992px) { .xTasty-product-list-body__product-list .xTasty-product-list-body__list-row { width: 100%; } } @media (min-width: 992px) { .xTasty-product-list-body__product-list .xTasty-product-list-body__list-row { padding-right: 1.25rem; padding-left: 1.25rem; } } .xTasty-product-list-body__product-list .xTasty-product-list-body__list-row:not(:last-child) { margin-bottom: 1.5rem; } .xTasty-product-list-body__product-list .xTasty-product-list-body__list-row:not(:last-child) .xTasty-product-list-body__product { border-bottom: solid 1px #cccccc; } @media (min-width: 1200px) { .xTasty-product-list-body__product-list .xTasty-product-list-body__list-row .xTasty-product-list-body__product { border-bottom: solid 1px #cccccc; } } .xTasty-product-list-body__product-list .xTasty-product-list-body__list-row.product-added .xTasty-product-list-body__select-button-icon { display: inline-block !important; } .xTasty-product-list-body__product-list .xTasty-product-list-body__product { font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 200; line-height: 1.375rem; letter-spacing: 0.0125rem; color: #111111; background: #ffffff; padding: 0; } .xTasty-product-list-body__product-list .xTasty-product-list-body__product-image { height: 6.5625rem; width: 6.5625rem; border-radius: 0.625rem 0rem; object-position: unset; overflow: hidden; float: left; margin-right: 1.125rem; } .xTasty-product-list-body__product-list .xTasty-product-list-body__product-image img { object-fit: cover; width: 100%; max-width: 100%; max-height: 100%; } .xTasty-product-list-body__product-list .xTasty-product-list-body__product-decription { display: flex; flex-direction: column; min-height: 11rem; margin: 0; overflow: hidden; background: inherit; overflow: visible; } .xTasty-product-list-body__product-list .xTasty-product-list-body__product-decription .xTasty-product-list-body__decription-header { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; color: #111111; margin-bottom: 0.25rem; margin-top: 0; } .xTasty-product-list-body__product-list .xTasty-product-list-body__product-decription .xTasty-product-list-body__decription-crop { font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; color: #111111; margin-bottom: 1rem; } .xTasty-product-list-body__product-list .xTasty-product-list-body__product-decription .xTasty-product-list-body__decription-crop p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; } .xTasty-product-list-body__product-list .xTasty-product-list-body__product-decription .xTasty-product-list-body__product-btn-block { margin-bottom: 1.5rem; } .xTasty-product-list-body__product-list .xTasty-product-list-body__product-decription .xTasty-product-list-body__product-btn-block .xTasty-product-list-body__select-button { float: right; min-width: 4.75rem; height: 2.25rem; line-height: 1.375rem; } .xTasty-product-list-body__product-list .xTasty-product-list-body__product-decription .xTasty-product-list-body__product-btn-block .xTasty-product-list-body__select-button-icon { font-size: 0.625rem; margin-right: 0.375rem; display: none; } .xTasty-product-list-body__product-groups { background-color: #ffffff; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; } .xTasty-product-list-body__product-groups::-webkit-scrollbar { display: none; } .xTasty-product-list-body__product-groups ul { height: inherit; margin: 0; display: flex; justify-content: flex-start; width: fit-content; min-width: 100%; padding: 0 0.9375rem; align-items: center; box-shadow: inset 0 -0.25rem 0 #f4f4f4; } .xTasty-product-list-body__product-groups li { list-style: none; font-weight: 700; padding: 0 0.9375rem; white-space: nowrap; height: inherit; line-height: 3.25rem; cursor: pointer; } .xTasty-product-list-body__product-groups li[class*="--active"]::after, .xTasty-product-list-body__product-groups li.active::after { content: ""; position: relative; height: 0.25rem; background-color: #009a44; display: block; margin-left: -0.9375rem; margin-top: -0.25rem; border-radius: 1.25rem; width: calc(100% + 1.875rem); } .xTasty-product-list-body__product-groups li[class*="--active"] a, .xTasty-product-list-body__product-groups li.active a { color: #009a44; } .xTasty-product-list-body__product-groups a { color: #616161; font-size: 1rem; line-height: 1.25rem; } .xTasty-product-list-body__product-groups a:hover { text-decoration: none; } .coupon-configurator__product-toppings { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 4; overflow: hidden; } @media (min-width: 992px) { .coupon-configurator__product-toppings { position: absolute; } } .coupon-configurator__product-toppings__nav-buttons { height: 3.5rem; width: 100%; padding: 0 1.6875rem; display: flex; justify-content: space-between; position: sticky; background: #ffffff; } .coupon-configurator__product-toppings__nav-buttons__close-button { background-color: transparent; border: none; } .coupon-configurator__product-toppings__nav-buttons__back-button { background-color: transparent; border: none; padding: 0; } .coupon-configurator__product-toppings__nav-buttons__icon { color: #111111; font-size: 1.09375rem; } .coupon-configurator__product-toppings__header { background-image: url(/Content/Themes/NYP/Images/bg-modal.jpg); background-color: none; background-size: cover; width: 100%; border-radius: 0 0 0.625rem 0; } .coupon-configurator__product-toppings__header .text-box { max-width: 16.875rem; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; max-height: 15rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .coupon-configurator__product-toppings__header .text-box--close { max-height: 9.3125rem; } .coupon-configurator__product-toppings__header__close-button { background-color: transparent; position: absolute; z-index: 1; top: 1.265625rem; right: 1.265625rem; border: none; } .coupon-configurator__product-toppings__header__close-button .coupon-configurator__product-toppings__header__icon { fill: #111111; width: 1.09375rem; height: 1.09375rem; } .coupon-configurator__product-toppings__header__title { text-align: center; margin: 0 1.25rem; text-align: center; padding-top: 2.5rem; padding-bottom: 0.25rem; color: #ffffff; font-family: Tungsten; font-size: calc(1.5 * 1.25rem); font-style: normal; font-weight: 700; line-height: 2rem; letter-spacing: 0.015625rem; } .coupon-configurator__product-toppings__header__image { margin: 0.5rem auto 1.5rem auto; width: 15rem; height: 15rem; min-width: 15rem; min-height: 15rem; } .coupon-configurator__product-toppings__header__image--out-of-stock { filter: grayscale(100%); opacity: 0.6; } .coupon-configurator__product-toppings__header__arrow { width: 1.25rem; height: 1.25rem; border-radius: 1.4375rem; fill: #858585; position: unset; display: block; margin-top: -0.625rem; margin-left: auto; margin-right: auto; background-color: #ffffff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; cursor: pointer; box-shadow: 0rem 1px 1px rgba(72, 72, 72, 0.14), 0rem 0.125rem 1px -1px rgba(72, 72, 72, 0.12), 0rem 1px 0.1875rem rgba(72, 72, 72, 0.2); z-index: 1; } .coupon-configurator__product-toppings__header__arrow svg { width: 1.25rem; height: 1.25rem; } .coupon-configurator__product-toppings__header.full-screen-modal-header--open .text-box { height: auto; max-height: 27.5rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .coupon-configurator__product-toppings__header.full-screen-modal-header--open .coupon-configurator__product-toppings__header__base, .coupon-configurator__product-toppings__header.full-screen-modal-header--open .coupon-configurator__product-toppings__header__description { display: block; } .coupon-configurator__product-toppings__header.full-screen-modal-header--open .coupon-configurator__product-toppings__header__arrow { transform: rotate(-180deg); } .coupon-configurator__product-toppings__header.full-screen-modal-header--open .coupon-configurator__product-toppings__header__description { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .coupon-configurator__product-toppings__header.full-screen-modal-header--open .coupon-configurator__product-toppings__header__image { margin: 1.5rem auto 1.5rem auto; } .coupon-configurator__product-toppings__header.full-screen-modal-header--close .text-box { height: auto; max-height: 10rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .coupon-configurator__product-toppings__header.full-screen-modal-header--close .coupon-configurator__product-toppings__header__description { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .coupon-configurator__product-toppings__header.full-screen-modal-header--close .coupon-configurator__product-toppings__header__base, .coupon-configurator__product-toppings__header.full-screen-modal-header--close .coupon-configurator__product-toppings__header__description { display: block; z-index: 1; position: relative; } .coupon-configurator__product-toppings__header.full-screen-modal-header--close .coupon-configurator__product-toppings__header__title { padding-top: 0.625rem; z-index: 1; position: relative; } .coupon-configurator__product-toppings__header.full-screen-modal-header--close .coupon-configurator__product-toppings__header__image { margin-top: -2.6875rem; opacity: 0.3; } .coupon-configurator__product-toppings__header .image-content { position: relative; } .coupon-configurator__product-toppings__header .image-content__out-of-stock { position: absolute; top: 5.5rem; left: 50%; transform: translate(-50%, -50%); padding: 0.3125rem 0.5rem; background: #111111; border-radius: 0.25rem; z-index: 1; font-weight: 700; color: white; } .coupon-configurator__product-toppings__header__base { padding-bottom: 0.25rem; display: none; color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } .coupon-configurator__product-toppings__header__description { color: #ffffff; font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; display: none; } .coupon-configurator__product-toppings__header__close-button { left: 1.265625rem; right: unset; font-size: 1.09375rem; } .coupon-configurator__product-toppings__body { display: flex; flex-direction: column; height: calc(100% - 14rem); position: relative; background-color: #fafafa; overflow-y: auto; overflow-x: hidden; padding: 1rem 1.5rem; } @media (min-width: 992px) { .coupon-configurator__product-toppings__body { background-color: #ffffff; height: calc(100% - 7.4375rem); padding: 0 2.5rem 2.5rem 2.5rem; } } .coupon-configurator__product-toppings__footer { width: 100%; height: 3.9375rem; } .coupon-configurator__product-toppings__footer .btn { margin-left: auto; width: auto; } @media (max-width: 991px) { .coupon-configurator__product-toppings__footer .btn { width: 100%; } } .coupon-configurator__product-toppings .basic-dropdown__container { height: 3rem; background-color: #ffffff; } @media (max-width: 992px) { .coupon-configurator__product-toppings .basic-dropdown__container select ~ label { background: linear-gradient(0deg, #ffffff 50%, #fafafa 50%); } .coupon-configurator__product-toppings .basic-dropdown__container select.filled:disabled ~ label { background: linear-gradient(0deg, #f4f4f4 50%, #fafafa 50%); } } .coupon-configurator__product-toppings .custom-pizza-body__section-base label { margin-bottom: 1.25rem; } .coupon-configurator__product-toppings .custom-pizza-body__section-base #pizza-sauce-toppings { margin-bottom: 1.25rem; } .coupon-configurator__product-toppings #pizza-edge-toppings, .coupon-configurator__product-toppings #pizza-sauce-toppings { width: 100%; } .coupon-configurator__product-toppings #CustomProductName { height: 3rem; } .product-listing-header { border-radius: 0 0 0.625rem 0; background-image: url(/Content/Themes/NYP/Images/bg-modal.jpg); } @media (min-width: 992px) { .product-listing-header { display: none; } } .product-listing-header__back-button { background-color: transparent; position: absolute; top: 1.229375rem; left: 1.448125rem; border: none; z-index: 1; } @media (max-width: 992px) { .product-listing-header--close .product-listing-header__container { height: 10rem; } .product-listing-header--close .product-listing-header__container .product-listing-header__background-img { opacity: 0.3; } .product-listing-header--close .product-listing-header__text-box { height: auto; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } } .product-listing-body { background: #ffffff; } @media (max-width: 992px) { .product-listing-body { height: 100%; max-height: calc(100% - 10rem); } } .product-listing-body__container { background: #ffffff; height: inherit; overflow-y: auto; color: #111111; display: flex; flex-direction: column; } @media (max-width: 992px) { .product-listing-body__container { position: relative; } } .product-listing-body__search-container { display: flex; height: fit-content; flex-direction: column; top: 0; position: sticky; background-color: #ffffff; z-index: 1; border-bottom: none; } @media (min-width: 992px) { .product-listing-body__search-container { padding: 0 1.5rem; margin: 0; } } .product-listing-body__nav-buttons { height: 3.5rem; position: relative; } .product-listing-body__nav-buttons .product-listing-body__close-button { background-color: transparent; position: absolute; top: 1.0625rem; right: -1.265625rem; border: none; } .product-listing-body__nav-buttons .product-listing-body__back-button { background-color: transparent; position: absolute; top: 1.0625rem; left: -1.265625rem; border: none; } .product-listing-body__nav-buttons .product-listing-body__icon { color: #111111; font-size: 1.09375rem; } .product-listing-body__search-bar { position: relative; height: 3.25rem; padding-top: 1rem; margin: 0rem 1.5rem 0.5rem 1.5rem; } @media (min-width: 992px) { .product-listing-body__search-bar { padding-top: 0.5rem; } } .product-listing-body__search-bar .form-control { height: 2.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .product-listing-body__search-bar .product-listing-body__input { text-indent: 1.5rem; } .product-listing-body__search-bar input[type=search]::-webkit-search-cancel-button { height: 0.9375rem; width: 0.9375rem; margin-top: 0.125rem; margin-right: 0; background-color: #009a44; -webkit-mask: url(/Content/Images/icons/cross.svg) no-repeat 100%; mask: url(/Content/Images/icons/cross.svg); mask-repeat: no-repeat; cursor: pointer; } .product-listing-body__search-bar .product-listing-body__icon { font-size: 1.125rem; position: absolute; top: 1.53125rem; left: 0.6875rem; cursor: pointer; color: #009a44; } @media (min-width: 992px) { .product-listing-body__search-bar .product-listing-body__icon { top: 1.09375rem; } } .product-listing-body__productgroup-title { margin: 2.5rem auto; text-transform: uppercase; color: #ffffff; background-color: #111111; width: fit-content; padding: 0.625rem 1.25rem; font-family: Tungsten; font-size: calc(1.5 * 1.25rem); font-style: normal; font-weight: 700; line-height: 2rem; letter-spacing: 0.015625rem; } .product-listing-body__product-list { background: inherit; margin: 0; display: flex; flex-wrap: wrap; } .product-listing-body__product-list > [class*=col-] { display: flex; flex-direction: column; } .product-listing-body__product-list .product-listing-body__list-row { background: inherit; margin-bottom: 1.5rem; } @media (max-width: 992px) { .product-listing-body__product-list .product-listing-body__list-row { width: 100%; } } @media (min-width: 992px) { .product-listing-body__product-list .product-listing-body__list-row { padding-right: 1.25rem; padding-left: 1.25rem; } } .product-listing-body__product-list .product-listing-body__list-row:not(:last-child) .product-listing-body__product { border-bottom: solid 1px #cccccc; } @media (min-width: 1200px) { .product-listing-body__product-list .product-listing-body__list-row .product-listing-body__product { border-bottom: solid 1px #cccccc; } } .product-listing-body__product-list .product-listing-body__list-row.product-added .product-listing-body__product, .product-listing-body__product-list .product-listing-body__list-row.product-add .product-listing-body__product { box-shadow: none; padding-left: 0; } .product-listing-body__product-list .product-listing-body__list-row.product-added .product-listing-body__product-options, .product-listing-body__product-list .product-listing-body__list-row.product-add .product-listing-body__product-options { display: block; margin-top: auto; } .product-listing-body__product-list .product-listing-body__list-row.product-added .product-listing-body__product-image, .product-listing-body__product-list .product-listing-body__list-row.product-add .product-listing-body__product-image { height: 13.125rem; } .product-listing-body__product-list .product-listing-body__list-row.product-added .product-listing-body__product-image img, .product-listing-body__product-list .product-listing-body__list-row.product-add .product-listing-body__product-image img { width: inherit; height: inherit; object-position: top right; } .product-listing-body__product-list .product-listing-body__list-row.product-added .product-listing-body__select-button-icon { display: inline-block !important; } .product-listing-body__product-list .product-listing-body__list-row.product-added .edit-xtasty-pizza { display: block; } .product-listing-body__product-list .product-listing-body__product { font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 200; line-height: 1.375rem; letter-spacing: 0.0125rem; color: #111111; background: #ffffff; padding: 0; } .product-listing-body__product-list .product-listing-body__product-image { height: 6.5625rem; width: 6.5625rem; border-radius: 0.625rem 0rem; object-position: unset; overflow: hidden; float: left; margin-right: 1.125rem; } .product-listing-body__product-list .product-listing-body__product-image img { object-fit: cover; width: 100%; max-width: 100%; max-height: 100%; } .product-listing-body__product-list .product-listing-body__product-decription { display: flex; flex-direction: column; min-height: 11rem; margin: 0; overflow: hidden; background: inherit; overflow: visible; } .product-listing-body__product-list .product-listing-body__product-decription .product-listing-body__decription-header { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; color: #111111; margin-bottom: 0.25rem; margin-top: 0; } .product-listing-body__product-list .product-listing-body__product-decription .product-listing-body__decription-crop { font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; color: #111111; margin-bottom: 1rem; } .product-listing-body__product-list .product-listing-body__product-decription .product-listing-body__decription-crop p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; } .product-listing-body__product-list .product-listing-body__product-decription .product-listing-body__product-btn-block { margin-bottom: 1.5rem; } .product-listing-body__product-list .product-listing-body__product-decription .product-listing-body__product-btn-block .product-listing-body__select-button { float: right; min-width: 4.75rem; height: 2.25rem; line-height: 1.375rem; } .product-listing-body__product-list .product-listing-body__product-decription .product-listing-body__product-btn-block .product-listing-body__select-xTasty-button { float: right; min-width: 4.75rem; height: 2.25rem; line-height: 1.375rem; } .product-listing-body__product-list .product-listing-body__product-decription .product-listing-body__product-btn-block .product-listing-body__select-button-icon { font-size: 0.625rem; margin-right: 0.375rem; display: none; } .product-listing-body__product-list .product-listing-body__product-options { margin-bottom: 0.5rem; background: inherit; width: 100%; display: none; } .product-listing-body__product-list .product-listing-body__product-options > * { margin-bottom: 0.5rem; } .product-listing-body__product-list .product-listing-body__product-options .basic-dropdown__container { height: 2.25rem; background-color: inherit; } .product-listing-body__product-list .flavor-selector__product-edit { margin-bottom: 1rem; margin-top: 0; } .product-listing-body__product-list .edit-xtasty-pizza { display: none; } .product-listing-body__product-groups { background-color: #ffffff; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; } .product-listing-body__product-groups::-webkit-scrollbar { display: none; } .product-listing-body__product-groups ul { height: inherit; margin: 0; display: flex; justify-content: flex-start; width: fit-content; min-width: 100%; padding: 0 0.9375rem; align-items: center; box-shadow: inset 0 -0.25rem 0 #f4f4f4; } .product-listing-body__product-groups li { list-style: none; font-weight: 700; padding: 0 0.9375rem; white-space: nowrap; height: inherit; line-height: 3.25rem; cursor: pointer; } .product-listing-body__product-groups li[class*="--active"]::after, .product-listing-body__product-groups li.active::after { content: ""; position: relative; height: 0.25rem; background-color: #009a44; display: block; margin-left: -0.9375rem; margin-top: -0.25rem; border-radius: 1.25rem; width: calc(100% + 1.875rem); } .product-listing-body__product-groups li[class*="--active"] a, .product-listing-body__product-groups li.active a { color: #009a44; } .product-listing-body__product-groups a { color: #616161; font-size: 1rem; line-height: 1.25rem; } .product-listing-body__product-groups a:hover { text-decoration: none; } .product-listing__container { display: flex; flex-direction: column; width: 100%; height: 100%; } @media (max-width: 992px) { .product-listing__container { overflow-x: hidden; position: fixed; } } .product-listing__category-container { overflow-y: auto; height: 100%; } .product-listing__categories-tab { background-color: #ffffff; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; margin-bottom: 0.25rem; } .product-listing__categories-tab::-webkit-scrollbar { display: none; } .product-listing__categories-tab ul { height: inherit; margin: 0; display: flex; justify-content: flex-start; width: fit-content; min-width: 100%; padding: 0 0.9375rem; align-items: center; box-shadow: inset 0 -0.25rem 0 #f4f4f4; } .product-listing__categories-tab li { list-style: none; font-weight: 700; padding: 0 0.9375rem; white-space: nowrap; height: inherit; line-height: 3.25rem; cursor: pointer; } .product-listing__categories-tab li[class*="--active"]::after, .product-listing__categories-tab li.active::after { content: ""; position: relative; height: 0.25rem; background-color: #009a44; display: block; margin-left: -0.9375rem; margin-top: -0.25rem; border-radius: 1.25rem; width: calc(100% + 1.875rem); } .product-listing__categories-tab li[class*="--active"] a, .product-listing__categories-tab li.active a { color: #009a44; } .product-listing__categories-tab a { color: #616161; font-size: 1rem; line-height: 1.25rem; } .product-listing__categories-tab a:hover { text-decoration: none; } .product-listing__group-tabs-chips { overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; margin-bottom: 0.25rem; display: none; } .product-listing__group-tabs-chips::-webkit-scrollbar { display: none; } .product-listing__group-tabs-chips ul { padding: 0rem 1rem; margin: 0; display: flex; justify-content: flex-start; width: fit-content; min-width: 100%; align-items: center; gap: 0.5rem; margin: 0.5rem 0rem; } .product-listing__group-tabs-chips li { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; display: flex; height: 2rem; list-style: none; padding: 0 1rem; white-space: nowrap; cursor: pointer; border-radius: 1.125rem; background-color: #ffffff; border: 1px solid #616161; transition: background 0.2s; } .product-listing__group-tabs-chips li:active { border: 1px solid #444444; background-color: #f4f4f4; } .product-listing__group-tabs-chips li:active a { color: #444444; } .product-listing__group-tabs-chips li[class*="--active"], .product-listing__group-tabs-chips li.active { background-color: #f4f4f4; border: 1px solid #858585; } .product-listing__group-tabs-chips li[class*="--active"] a, .product-listing__group-tabs-chips li.active a { color: #444444; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } @media (hover: hover) and (pointer: fine) { .product-listing__group-tabs-chips li:hover { background-color: #fafafa; } } .product-listing__group-tabs-chips li:disabled, .product-listing__group-tabs-chips li[disabled], .product-listing__group-tabs-chips li.disabled { color: #f4f4f4; background-color: #fafafa; border: none; } .product-listing__group-tabs-chips a { color: #616161; display: inline-flex; align-items: center; } .product-listing__group-tabs-chips a:hover { text-decoration: none; } @media (min-width: 992px) { .product-listing__group-tabs-chips ul { flex-flow: wrap; } } .product-listing__group-tabs-chips.active { display: block; } .product-listing__owl-carousel { height: 100%; overflow: hidden; z-index: auto; touch-action: manipulation; } .product-listing__owl-carousel .owl-item img { display: initial; width: auto; } .product-listing__owl-carousel .owl-stage-outer { height: 100%; } .product-listing__owl-carousel .owl-stage { height: 100%; } .product-listing__owl-carousel .owl-item { height: 100%; } @media (max-width: 991px) { #CouponConfigurator, #ProductListing { overflow: hidden; } } #CouponConfigurator .s4d-search-no-result, #ProductListing .s4d-search-no-result { text-align: center; padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .coupon-configurator-popup-modal { background: #fafafa; } @media (min-width: 992px) { .coupon-configurator-popup-modal { width: 60.9375rem; min-height: 40.625rem; height: calc(100% - 3.75rem); max-height: 40.625rem; } } @media (min-width: 1200px) { .coupon-configurator-popup-modal { width: 75rem; max-height: 50rem; } } .product-listing-popup-modal { background: #ffffff; } #MessageModal .message-content { height: auto; background-color: white; padding: 1.5rem; border-radius: 0.25rem; min-height: fit-content; box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.2), 0 0 0.3125rem 0 rgba(0, 0, 0, 0.2); } @media (min-width: 480px) { #MessageModal .message-content { width: 20.4375rem; top: 50%; transform: translate(0, -70%); } } #MessageModal .message-content .message-header { display: flex; justify-content: space-between; } #MessageModal .message-content .message-header .message-title { font-weight: 700; font-size: 1.25rem; line-height: 1.5rem; margin-bottom: 1rem; } #MessageModal .message-content .message-header .close-button { margin: 0.1875rem 0.1875rem 0 0.625rem; width: 1.125rem; height: 1.125rem; cursor: pointer; } #MessageModal .message-content .message-header .close-button .close-icon-x { fill: #6a6a6a; } #MessageModal .message-content .message-header .close-button:hover .close-icon-x { fill: #858585; } #MessageModal .message-content .message-body .message-text { font-size: 0.875rem; line-height: 1.125rem; } #MessageModal .message-content .message-buttons { margin-top: 1rem; display: flex; } #MessageModal .message-content .message-buttons .btn { margin-left: auto; } .s4d-login-modal-dialog { border-radius: 0; overflow: unset; } @media (min-width: 992px) { .s4d-login-modal-dialog { width: 51.875rem; } } .s4d-login-modal-dialog .login__header { height: 3.375rem; padding: 1.125rem 1.25rem; width: 100%; display: flex; background: #ffffff; z-index: 11; position: sticky; top: 0; } @media (min-width: 992px) { .s4d-login-modal-dialog .login__header { height: 2.5rem; background-repeat: repeat-x; background-image: -webkit-linear-gradient(90deg, #ffffff 50%, #dfdfdf 50%); background-image: -o-linear-gradient(90deg, #ffffff 50%, #dfdfdf 50%); background-image: linear-gradient(90deg, #ffffff 50%, #dfdfdf 50%); padding: 1.125rem 1.25rem 0.3125rem 1.25rem; } } .s4d-login-modal-dialog .login__header__icon { font-size: 0.9375rem; color: #009a44; } @media (min-width: 992px) { .s4d-login-modal-dialog .login__header__icon { color: #111111; } } .s4d-login-modal-dialog .login__header__close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: auto; } @media (max-width: 992px) { .s4d-login-modal-dialog .login__header--scroll { border-bottom: 1px solid #cccccc; } } .s4d-login-modal-dialog .s4d-facebook-inlog-btn { margin-top: 1.5rem; height: 2.25rem; margin-bottom: 1.5625rem; } .s4d-login-modal-dialog .login__body { padding: 0 1.25rem 1.25rem 1.25rem; background: #ffffff; top: 0; position: relative; } @media (min-width: 992px) { .s4d-login-modal-dialog .login__body { display: flex; padding: 0; } } .s4d-login-modal-dialog .login__body__title { margin-bottom: 0.5rem; margin-top: 0; font-size: 1rem; line-height: 1.25rem; font-weight: 700; color: #111111; } .s4d-login-modal-dialog .login__body__subtitle { margin-bottom: 1rem; font-size: 0.875rem; line-height: 1.25rem; color: #858585; } .s4d-login-modal-dialog .login__body .s4d-login-else-divider { margin: 1.375rem 0 1.375rem 0; color: #858585; font-size: 0.875rem; text-align: center; position: relative; display: block; } .s4d-login-modal-dialog .login__body .s4d-login-else-divider::before, .s4d-login-modal-dialog .login__body .s4d-login-else-divider::after { background-color: #cccccc; margin-top: 0.09375rem; content: ""; height: 0.03125rem; width: calc(50% - 1.875rem); position: absolute; top: 50%; display: block; } .s4d-login-modal-dialog .login__body .s4d-login-else-divider::before { left: 0; } .s4d-login-modal-dialog .login__body .s4d-login-else-divider::after { right: 0; } .s4d-login-modal-dialog .login__body .login__info-block label { font-size: 0.75rem; color: #111111; font-weight: 400; line-height: 1rem; margin-bottom: 0.5rem; } .s4d-login-modal-dialog .login__body .login__info-block input { padding: 0.5rem 1rem; height: 2.25rem; font-weight: 400; color: #111111; } .s4d-login-modal-dialog .login__body .login__info-block input::placeholder { color: #858585; } .s4d-login-modal-dialog .login__body .login__info-block input:-webkit-autofill, .s4d-login-modal-dialog .login__body .login__info-block input:-webkit-autofill:hover, .s4d-login-modal-dialog .login__body .login__info-block input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0rem 62.5rem #ffffff inset; } .s4d-login-modal-dialog .login__body .login__info-block .field-validation-error { position: relative; left: 0; bottom: 0; padding: 0.5rem 0 1px; font-size: 0.75rem; line-height: 1rem; white-space: normal; color: #da291c; background-color: transparent; border-radius: 0.1875rem 0.1875rem 0 0; z-index: 10; } .s4d-login-modal-dialog .login__body .has-error .form-control { border-color: #da291c; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-cross.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .s4d-login-modal-dialog .login__body .has-success .form-control { border-color: #616161; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-tick.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .s4d-login-modal-dialog .login__body .appleid-signin-button { width: 100%; height: 2.25rem; font-weight: 700; } .s4d-login-modal-dialog .login__body .appleid-signin-button-container { font-synthesis: none; -moz-font-feature-settings: kern; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; height: 100%; min-width: 8.125rem; min-height: 1.875rem; max-height: 4rem; position: relative; letter-spacing: initial; } .s4d-login-modal-dialog .login__body .appleid-signin-button-text { padding-right: 8%; padding-left: 8%; position: absolute; box-sizing: border-box; width: 100%; height: 100%; } .s4d-login-modal-dialog .login__body .appleid-signin-button-body { padding: 1px; width: 100%; height: 100%; box-sizing: border-box; } .s4d-login-modal-dialog .login__body .login__password-block { margin-bottom: 0.5rem; } .s4d-login-modal-dialog .login__body .login__forgot-password-block { overflow: auto; } .s4d-login-modal-dialog .login__body .login__forgot-password-block .s4d-forgot-password { float: right; margin-bottom: 0.5625rem; padding: 0; color: #009a44; font-weight: 700; } .s4d-login-modal-dialog .login__body .login__forgot-password-block .s4d-forgot-password::before { content: ""; } .s4d-login-modal-dialog .login__body .checkbox { padding: 0; min-height: unset; display: flex; align-items: center; } .s4d-login-modal-dialog .login__body .checkbox input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; height: 1.125rem; width: 1.125rem; margin: 1px 0.6875rem 0rem 0rem; border: 0.125rem solid #858585; border-radius: 0.1875rem; padding: 0; } .s4d-login-modal-dialog .login__body .checkbox input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-color: #009a44; background-repeat: no-repeat; background-size: 1.125rem 1.125rem; border: none; -webkit-mask: url(/Content/Images/checkbox.svg) no-repeat 100%; mask: url(/Content/Images/checkbox.svg); mask-repeat: no-repeat; } .s4d-login-modal-dialog .login__body .checkbox input[type=checkbox][disabled] { background-color: #fafafa; } .s4d-login-modal-dialog .login__body .checkbox input[type=checkbox]:focus, .s4d-login-modal-dialog .login__body .checkbox input[type=checkbox].focus, .s4d-login-modal-dialog .login__body .checkbox input[type=checkbox]:active:focus, .s4d-login-modal-dialog .login__body .checkbox input[type=checkbox]:active.focus, .s4d-login-modal-dialog .login__body .checkbox input[type=checkbox].active:focus, .s4d-login-modal-dialog .login__body .checkbox input[type=checkbox].active.focus { outline: none !important; } .s4d-login-modal-dialog .login__body .checkbox p { font-size: 0.875rem; font-weight: 400; color: #858585; margin-left: 1.875rem; margin-bottom: 0; } .s4d-login-modal-dialog .login__body .login__button-block { width: 100%; display: flex; margin: 0 0 1.5625rem 0; align-items: center; } .s4d-login-modal-dialog .login__body .login__button-block .login__button { height: 2.25rem; min-width: 7.625rem; width: auto; margin-left: auto; } .s4d-login-modal-dialog .login__body .s4d-login-content-split-dark { margin: 1.5625rem 0 0 0; padding: 0; border-radius: 0; background-color: inherit; box-shadow: none; } @media (min-width: 992px) { .s4d-login-modal-dialog .login__body .s4d-login-content-split-dark { padding: 0 2.5rem 2.5rem 2.5rem; margin: 0; background-color: #dfdfdf; width: 50%; } } .s4d-login-modal-dialog .login__body .s4d-login-content-split-dark .login__register-button { height: 2.25rem; width: 100%; } .s4d-login-modal-dialog .login__body .s4d-login-content-split-dark .s4d-login-register-partial:first-child { margin-bottom: 1.25rem; } .s4d-login-modal-dialog .login__body .s4d-login-content-split-dark .s4d-login-register-partial:last-child:not(:only-child) { padding-top: 1.25rem; } @media (min-width: 992px) { .s4d-login-modal-dialog .login__body .s4d-login-content-split-dark .s4d-login-register-partial:last-child:not(:only-child) { border-top: 1px solid #cccccc; } } @media (min-width: 992px) { .s4d-login-modal-dialog .login__body .s4d-login-content-split-light { padding: 0 2.5rem 2.5rem 2.5rem; } } .s4d-login-modal-dialog .login__body .appleid-signin-button { width: 100%; height: 2.25rem; } .s4d-login-modal-dialog .sticky_sentinel.sticky_sentinel--top { height: 1px; top: 0rem; } .loyaltyform { background-color: #f4f4f4; display: flex; } .loyaltyform__checkbox-register.checkbox-register { display: inline-flex; } @media (min-width: 480px) { .loyaltyform { box-shadow: none; padding: 1.25rem 2.5rem; margin: 0 0 0.9375rem 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } @media (max-width: 991px) { .loyaltyform { box-shadow: none; padding: 1.25rem 1rem 1.25rem 1rem; margin: 0; border-bottom-left-radius: 0; } .loyaltyform p { font-size: 0.8125rem; line-height: 1rem; } .loyaltyform h2 { font-size: 1rem; line-height: 1.25rem; margin: 0 0 1rem 0; } .loyaltyform h6 { font-size: 0.8125rem; line-height: 1rem; margin-top: 0rem; font-weight: 700; } .loyaltyform h6 a { text-decoration: none; } .loyaltyform h6 a:focus, .loyaltyform h6 hover { text-decoration: none; } .loyaltyform .checkbox-register__label { font-size: 0.8125rem; line-height: 1rem; } .loyaltyform .checkbox-register__label input { vertical-align: bottom; } } .loyaltyform .has-error .form-control { border-color: #da291c; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-cross.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .loyaltyform .has-success .form-control { border-color: #616161; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-tick.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .loyaltyform__consents { padding: 0.9375rem 0 0.9375rem 0.9375rem; display: flex; flex-direction: column; } .loyaltyform__form__submit-button { margin-top: 1.5625rem; } .loyaltyform__form__margin-bottom { margin-bottom: 0rem; } .loyaltyform__form__margin-bottom h1 { margin-top: 0; } .loyaltyform__form__margin-top { margin-top: 1rem; } .loyaltyform__name-margin { margin-top: 1.5rem; margin-bottom: 0.25rem; } .loyaltyform__date-margin { margin-top: 1.5rem; margin-bottom: 0.5rem; } .loyaltyform__phoneNumber-margin { margin-top: 1.5rem; margin-bottom: 0.75rem; } .loyaltyform__address-margin { margin-top: 1.5rem; margin-bottom: 1rem; } .loyaltyform__name-input__first { padding-right: 0.25rem; } @media (max-width: 400px) { .loyaltyform__name-input__first { padding-right: 0.9375rem; } } .loyaltyform__name-input__last { padding-left: 0.25rem; } @media (max-width: 400px) { .loyaltyform__name-input__last { margin-top: 0.5rem; padding-left: 0.9375rem; } } .loyaltyform__date_row { display: flex; flex-grow: 1; flex-flow: row; } @media (max-width: 465px) { .loyaltyform__date_row { flex-wrap: wrap; } } .loyaltyform__date_row__day { padding-right: 0.25rem; flex: 1; } .loyaltyform__date_row__month { padding-left: 0.25rem; padding-right: 0.25rem; flex: 1; } @media (max-width: 465px) { .loyaltyform__date_row__month { padding-right: 0.9375rem; } } .loyaltyform__date_row__year { padding-left: 0.25rem; } @media (max-width: 465px) { .loyaltyform__date_row__year { margin-top: 0.5rem; padding-left: 0.9375rem; flex-basis: 100%; } } @media (max-width: 400px) { .loyaltyform__address__mobile-margin { margin-top: 1rem; } } .loyaltyform__address__box-left { padding-right: 0.25rem; } @media (max-width: 400px) { .loyaltyform__address__box-left { padding-right: 0.9375rem; } } .loyaltyform__address__box-right { padding-left: 0.25rem; } @media (max-width: 400px) { .loyaltyform__address__box-right { padding-left: 0.9375rem; } } @media (max-width: 400px) { .loyaltyform__mobile-portrait { width: 100%; } .loyaltyform__mobile-portrait__50 { width: 50%; } } .register-success__header { font-size: 1.5rem; } .register-success__description { font-size: 0.875rem; } .join-submit-button { background-color: #68c483; color: #ffffff; border: 1px solid #68c483; font-style: normal; font-weight: bold; font-size: 1.125rem; line-height: 1.5rem; } .join-submit-button:hover { background-color: #ffffff; color: #68c483; } .s4d-register-modal-dialog { border-radius: 0; overflow: unset; } @media (min-width: 992px) { .s4d-register-modal-dialog { width: 51.875rem; max-height: 45.625rem; overflow-y: auto; } } .s4d-register-modal-dialog .register__header { height: 3.375rem; padding: 1.125rem 1.25rem; width: 100%; display: flex; position: sticky; top: 0; background: #ffffff; z-index: 11; } @media (min-width: 992px) { .s4d-register-modal-dialog .register__header { height: 2.5rem; background-repeat: repeat-x; background-image: -webkit-linear-gradient(90deg, #ffffff 50%, #dfdfdf 50%); background-image: -o-linear-gradient(90deg, #ffffff 50%, #dfdfdf 50%); background-image: linear-gradient(90deg, #ffffff 50%, #dfdfdf 50%); padding: 1.125rem 1.25rem 0.3125rem 1.25rem; } } .s4d-register-modal-dialog .register__header__icon { font-size: 0.9375rem; color: #009a44; } @media (min-width: 992px) { .s4d-register-modal-dialog .register__header__icon { color: #111111; } } .s4d-register-modal-dialog .register__header__close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: auto; } @media (max-width: 992px) { .s4d-register-modal-dialog .register__header--scroll { border-bottom: 1px solid #cccccc; } } .s4d-register-modal-dialog .s4d-facebook-inlog-btn { margin-top: 1.5rem; height: 2.25rem; margin-bottom: 1.5625rem; } .s4d-register-modal-dialog .register__body { padding: 0 1.25rem 1.25rem 1.25rem; background: #ffffff; top: 0; position: relative; } @media (min-width: 992px) { .s4d-register-modal-dialog .register__body { display: flex; padding: 0; } } .s4d-register-modal-dialog .register__body__title { margin-bottom: 0.5rem; margin-top: 0; font-size: 1rem; line-height: 1.25rem; font-weight: 700; color: #111111; } .s4d-register-modal-dialog .register__body__subtitle { margin-bottom: 1rem; font-size: 0.875rem; line-height: 1.25rem; color: #858585; } .s4d-register-modal-dialog .register__body__link { display: flex; font-size: 0.875rem; line-height: 1.25rem; color: #009a44; border-bottom: 1px solid #cccccc; padding-bottom: 0.9375rem; padding-top: 0.9375rem; font-weight: 700; } .s4d-register-modal-dialog .register__body__link .s4d-chevron-right { color: #111111; font-size: 1.25rem; margin-left: auto; line-height: 1.25rem; cursor: pointer; } .s4d-register-modal-dialog .register__body .s4d-register-else-divider { margin: 1.375rem 0 1.375rem 0; color: #858585; font-size: 0.875rem; text-align: center; position: relative; display: block; } .s4d-register-modal-dialog .register__body .s4d-register-else-divider::before, .s4d-register-modal-dialog .register__body .s4d-register-else-divider::after { background-color: #cccccc; margin-top: 0.09375rem; content: ""; height: 0.03125rem; width: calc(50% - 1.875rem); position: absolute; top: 50%; display: block; } .s4d-register-modal-dialog .register__body .s4d-register-else-divider::before { left: 0; } .s4d-register-modal-dialog .register__body .s4d-register-else-divider::after { right: 0; } .s4d-register-modal-dialog .register__body .register__info-block label { font-size: 0.75rem; color: #111111; font-weight: 400; line-height: 1rem; margin-bottom: 0.5rem; } .s4d-register-modal-dialog .register__body .register__info-block input { padding: 0.5rem 1rem; height: 2.25rem; font-weight: 400; color: #111111; } .s4d-register-modal-dialog .register__body .register__info-block input::placeholder { color: #858585; } .s4d-register-modal-dialog .register__body .register__info-block input:-webkit-autofill, .s4d-register-modal-dialog .register__body .register__info-block input:-webkit-autofill:hover, .s4d-register-modal-dialog .register__body .register__info-block input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0rem 62.5rem #ffffff inset; } .s4d-register-modal-dialog .register__body .register__info-block .field-validation-error { position: relative; left: 0; bottom: 0; padding: 0.5rem 0 1px; font-size: 0.75rem; line-height: 1rem; white-space: normal; color: #da291c; background-color: transparent; border-radius: 0.1875rem 0.1875rem 0 0; z-index: 10; } @media (min-width: 992px) { .s4d-register-modal-dialog .register__body .register__info-block.has-error ~ * .s4d-password-strength-animated .s4d-password-strength-container { margin-top: -10.625rem; } } .s4d-register-modal-dialog .register__body #register-form-content > .form-group .has-error .form-control { border-color: #da291c; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-cross.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .s4d-register-modal-dialog .register__body #register-form-content > .form-group .has-success .form-control { border-color: #616161; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-tick.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .s4d-register-modal-dialog .register__body .register__password-block { margin-bottom: 0.5rem; } .s4d-register-modal-dialog .register__body .register__forgot-password-block { overflow: auto; } .s4d-register-modal-dialog .register__body .register__forgot-password-block .s4d-forgot-password { float: right; margin-bottom: 0.5625rem; padding: 0; color: #009a44; font-size: 0.75rem; font-weight: 700; } .s4d-register-modal-dialog .register__body .register__forgot-password-block .s4d-forgot-password::before { content: ""; } .s4d-register-modal-dialog .register__body .checkbox { margin-top: 0.5rem; padding: 0; min-height: unset; } .s4d-register-modal-dialog .register__body .checkbox input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; height: 1.125rem; width: 1.125rem; margin: 1px 0.6875rem 0rem 0rem; border: 0.125rem solid #858585; border-radius: 0.1875rem; padding: 0; } .s4d-register-modal-dialog .register__body .checkbox input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-color: #009a44; background-repeat: no-repeat; background-size: 1.125rem 1.125rem; border: none; -webkit-mask: url(/Content/Images/checkbox.svg) no-repeat 100%; mask: url(/Content/Images/checkbox.svg); mask-repeat: no-repeat; } .s4d-register-modal-dialog .register__body .checkbox input[type=checkbox][disabled] { background-color: #fafafa; } .s4d-register-modal-dialog .register__body .checkbox input[type=checkbox]:focus, .s4d-register-modal-dialog .register__body .checkbox input[type=checkbox].focus, .s4d-register-modal-dialog .register__body .checkbox input[type=checkbox]:active:focus, .s4d-register-modal-dialog .register__body .checkbox input[type=checkbox]:active.focus, .s4d-register-modal-dialog .register__body .checkbox input[type=checkbox].active:focus, .s4d-register-modal-dialog .register__body .checkbox input[type=checkbox].active.focus { outline: none !important; } .s4d-register-modal-dialog .register__body .checkbox p { font-size: 0.875rem; font-weight: 400; color: #111111; margin-left: 1.875rem; margin-bottom: 0; } .s4d-register-modal-dialog .register__body .register__button-block { width: 100%; display: flex; margin: 0 0 1.5625rem 0; } .s4d-register-modal-dialog .register__body .register__button-block .register__button { height: 2.25rem; min-width: 7.625rem; width: auto; margin-left: auto; } .s4d-register-modal-dialog .register__body .s4d-register-content-split-dark { margin: 1.5625rem 0 0 0; padding: 0; border-radius: 0; background-color: inherit; box-shadow: none; } @media (min-width: 992px) { .s4d-register-modal-dialog .register__body .s4d-register-content-split-dark { padding: 0 2.5rem 2.5rem 2.5rem; margin: 0; background-color: #dfdfdf; width: 50%; } .s4d-register-modal-dialog .register__body .s4d-register-content-split-dark > *:first-child { margin-top: 0; } } .s4d-register-modal-dialog .register__body .s4d-register-content-split-dark .login__register-button { height: 2.25rem; width: 100%; } .s4d-register-modal-dialog .register__body .s4d-register-content-split-dark .s4d-login-register-partial { margin-bottom: 1.25rem; padding-bottom: 1.25rem; } .s4d-register-modal-dialog .register__body .s4d-register-content-split-dark .s4d-login-register-partial:first-child { margin-bottom: 0; } @media (min-width: 992px) { .s4d-register-modal-dialog .register__body .s4d-register-content-split-dark .s4d-login-register-partial:first-child { border-bottom: 1px solid #cccccc; margin-bottom: 1.25rem; } } @media (min-width: 992px) { .s4d-register-modal-dialog .register__body .s4d-register-content-split-light { padding: 0 2.5rem 2.5rem 2.5rem; width: 50%; } } .s4d-register-modal-dialog .register__body .s4d-confirm-password-btn { margin-top: 1.5625rem; height: 2.25rem; } .s4d-register-modal-dialog .register__body .s4d-confirm-password-btn[disabled]:hover { color: #009a44; } .s4d-register-modal-dialog .register__body .appleid-signin-button { width: 100%; height: 2.25rem; font-weight: 700; } .s4d-register-modal-dialog .register__body .appleid-signin-button-container { font-synthesis: none; -moz-font-feature-settings: kern; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; height: 100%; min-width: 8.125rem; min-height: 1.875rem; max-height: 4rem; position: relative; letter-spacing: initial; } .s4d-register-modal-dialog .register__body .appleid-signin-button-text { padding-right: 8%; padding-left: 8%; position: absolute; box-sizing: border-box; width: 100%; height: 100%; } .s4d-register-modal-dialog .register__body .appleid-signin-button-body { padding: 1px; width: 100%; height: 100%; box-sizing: border-box; } .s4d-register-modal-dialog .sticky_sentinel.sticky_sentinel--top { height: 1px; top: 0rem; } .checkout__deliverytypes-container { margin-top: 1.5rem; margin-bottom: 3rem; border-bottom: 1px solid #cccccc; } .checkout__deliverytypes-container__header { margin-top: 0; color: #111111; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .checkout__deliverytypes-container .s4d-content-tabs { box-shadow: none; border-radius: 0; background-color: transparent; margin-top: 1.5rem; margin-bottom: 3rem; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation { border-radius: 1.5rem; background: #f4f4f4; height: 2.5rem; margin-bottom: 1.5rem; } @media (min-width: 992px) { .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation { width: 26rem; } } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li { line-height: 1; color: #ffffff; cursor: pointer; transition: color 250ms ease-in-out; margin: 0; width: 50%; height: 2.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 992px) { .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li { width: 13rem; } } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li.active { border-radius: 1.5rem; background: #ffffff; filter: drop-shadow(0.125rem 0.125rem 0.5rem #d1d1d1); margin-top: 0.1875rem; height: 2.125rem; width: calc(50% - 0.1875rem); -webkit-transform: translate3d(0, 0, 0); } @media (min-width: 992px) { .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li.active { width: 12.8125rem; } } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li.active a { color: #009a44; border: none; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li a { color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation #select-delivery-tab.active { border-right: none; margin-left: 0.1875rem; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation #select-pickup-tab.active { border-left: none; margin-right: 0.1875rem; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab { background-color: transparent; padding: 0; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .s4d-select-box-label { color: #111111; font-weight: 400; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .s4d-select-box { padding-right: 1rem; color: #111111; background-image: url(/Content/Images/icons/cheveron-down.svg); background-position: calc(100% - 0.8125rem) center; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .row { margin: 0; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .row > * { padding: 0; } @media (min-width: 992px) { .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .row > * { width: 26rem; } } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .row > *:first-child { margin-bottom: 1rem; } @media (min-width: 992px) { .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .row > *:first-child { margin-bottom: 0; margin-right: 1rem; } } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .row > * label { margin-bottom: 0; } .checkout__deliverytypes-container .s4d-content-tabs select { height: 2.25rem; } .delivery-store-info { margin-top: 1.5rem; } .delivery-store-info__header { color: #858585; margin-bottom: 1rem; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 200; line-height: 1.375rem; letter-spacing: 0.0125rem; } .delivery-store-info__content { background: #fafafa; padding: 1rem; display: grid; margin-bottom: 1rem; } @media (min-width: 992px) { .delivery-store-info__content { width: 26rem; } } .delivery-store-info__store-name { color: #111111; font-weight: 700; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 0.5rem; } .delivery-store-info__street, .delivery-store-info__city, .delivery-store-info__openinghours { color: #111111; font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; } .delivery-store-info__city { margin-bottom: 0.5rem; } .delivery-store-info__phone { color: #009a44; text-decoration: none; margin-bottom: 0.5rem; font-weight: 700; } .delivery-store-info__select-store { font-size: 0.875rem; font-weight: 700; padding: 0; } .checkout__login-container { margin-bottom: 3rem; border-bottom: 1px solid #cccccc; margin-top: 1.5rem; } .checkout__login-container__header { color: #111111; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .checkout__login-container__login-button { height: 2.25rem; margin-top: 1.5rem; margin-bottom: 3rem; } @media (min-width: 992px) { .checkout__login-container__login-button { width: 26rem; } } .checkout__address-container { margin-bottom: 3rem; border-bottom: 1px solid #cccccc; padding-bottom: 3rem; margin-top: 1rem; } .checkout__address-container__header { color: #111111; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .checkout__address-container #new-address { margin: 1.5rem 0.4375rem 0; } .checkout__address-container__label { height: 3.5rem; display: table; table-layout: fixed; background: #fafafa; position: relative; border-radius: 0.25rem; white-space: normal; } .checkout__address-container__label-radio { width: 1.25rem; height: 1.25rem; position: absolute; left: 0.875rem; top: 1.0625rem; border: 0.125rem solid #cccccc; background: #ffffff; border-radius: 100%; display: inline-block; padding: 0; } input[type=radio]:checked ~ .checkout__address-container__label-radio::after { width: 0.75rem; height: 0.75rem; display: block; position: absolute; background: #009a44; top: 0.125rem; border-radius: 50%; left: 0.125rem; content: ""; } input[type=radio]:checked ~ .checkout__address-container__label-radio { border-color: #009a44; } .checkout__address-container__label-span { font-size: 0.875rem; color: #111111; font-weight: 400; position: relative; align-self: stretch; padding-left: 1.875rem; text-align: start; display: table-cell; vertical-align: middle; width: 100%; text-overflow: ellipsis; overflow: hidden; } .checkout__address-container:last-child { margin-bottom: 3rem; } .checkout__address-container .col-xs-3, .checkout__address-container .col-xs-4, .checkout__address-container .col-xs-6, .checkout__address-container .col-xs-8, .checkout__address-container .col-xs-12 { padding-left: 0.5rem; padding-right: 0.5rem; } .checkout__address-container .form-control { height: 3rem; padding: 0.875rem 1rem; border: 1px solid #fafafa; color: #111111; box-sizing: border-box; border-radius: 0.25rem; } .checkout__address-container .s4d-delete-suggestion { top: 0.5625rem !important; } .checkout__address-container .has-error .form-control { border-color: #da291c; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-cross.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .checkout__address-container .has-success .form-control { border-color: #616161; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-tick.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .checkout__address-container .field-validation-error { position: relative; left: 0; bottom: 0; padding: 0.5rem 0 1px; font-size: 0.75rem; line-height: 1rem; white-space: normal; color: #da291c; background-color: transparent; border-radius: 0.1875rem 0.1875rem 0 0; z-index: 10; } .checkout__address-container .address-panel-row .s4d-address-search::before { color: #009a44; top: 0.9375rem; left: 1.5625rem; } .checkout__address-container .address-panel-row .s4d-address-search .form-control { text-indent: 1.5625rem; } .checkout__address-container label { color: #111111; font-weight: normal; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 992px) { .checkout__address-container .checkout__address-block { width: 26rem; } } .checkout__address-container .checkout__address-block__text-box { margin-top: 0.5rem; } .checkout__address-container .checkout__address-block__text-box textarea { padding: 0.625rem 1rem; height: 5rem; font-weight: 400; resize: none; color: #111111; } .checkout__address-container .checkout__address-block__text-box textarea::placeholder { color: #858585; } @media (max-width: 992px) { .checkout__address-container .checkout__address-block--collapsed { display: none; } } @media (max-width: 992px) { .checkout__address-container .checkout__address-block--second { margin-top: 1rem; } } .checkout__address-container .checkout__address-block__label { font-weight: 700; font-size: inherit; line-height: 1rem; } .checkout__address-container .checkout__address-block .checkbox { padding: 0; min-height: unset; margin-bottom: 1.125rem; } .checkout__address-container .checkout__address-block .checkbox input[type=checkbox] { height: 1.125rem; width: 1.125rem; margin: 1px 0.6875rem 0rem 0rem; border: 0.1875rem solid #858585; border-radius: 0.1875rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkout__address-container .checkout__address-block .checkbox input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #009a44; background-repeat: no-repeat; background-size: 1.125rem 1.125rem; border: none; -webkit-mask: url(/Content/Images/checkbox.svg) no-repeat 100%; mask: url(/Content/Images/checkbox.svg); mask-repeat: no-repeat; } .checkout__address-container .checkout__address-block .checkbox input[type=checkbox][disabled] { background-color: #fafafa; } .checkout__address-container .checkout__address-block .checkbox input[type=checkbox]:focus, .checkout__address-container .checkout__address-block .checkbox input[type=checkbox].focus, .checkout__address-container .checkout__address-block .checkbox input[type=checkbox]:active:focus, .checkout__address-container .checkout__address-block .checkbox input[type=checkbox]:active.focus, .checkout__address-container .checkout__address-block .checkbox input[type=checkbox].active:focus, .checkout__address-container .checkout__address-block .checkbox input[type=checkbox].active.focus { outline: none !important; } .checkout__address-container .checkout__address-block .checkbox p { font-size: 0.875rem; font-weight: 400; color: #111111; margin-left: 1.875rem; margin-bottom: 0; } .checkout__address-container .checkout__address-remarks { margin-top: 1.875rem; } @media (min-width: 992px) { .checkout__address-container .checkout__address-remarks { width: 100%; } } .checkout__address-container .checkout__address-row { margin-top: 1rem; display: flex; } .checkout__address-container .checkout__address-row:first-of-type { margin-top: 1.5rem; } .checkout__address-container .checkout__address-row .checkout__address-block:first-of-type { margin-right: 1rem; } @media (max-width: 992px) { .checkout__address-container .checkout__address-row { flex-direction: column; } .checkout__address-container .checkout__address-row .checkout__address-block:first-of-type { margin-right: 0; } } .checkout__address-container .checkout__address-row--collapsed { display: none; } .checkout__address-container .checkout__address-book-row { border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; height: 3.625rem; font-weight: 700; line-height: 1.25rem; display: flex; cursor: pointer; } .checkout__address-container .checkout__address-book-row a { width: 100%; height: 100%; padding: 1rem 0.875rem; padding-right: 0.5rem; } .checkout__address-container .checkout__address-book-row svg { height: 1.125rem; width: 1.125rem; fill: #009a44; margin-left: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); position: relative; float: right; } @media (min-width: 992px) { .checkout__address-container .checkout__address-book-row svg { margin-left: 1.375rem; } } .checkout__address-container .checkout__address-book-row:hover svg, .checkout__address-container .checkout__address-book-row:focus svg { fill: #004e22; } .checkout__address-container .checkout__address-book-row--collapsed svg { -webkit-transform: none; -ms-transform: none; transform: none; } .checkout__address-container .checkout__address-book-row #toggle-all-addresses svg { top: 0.25rem; right: -0.25rem; width: 1.25rem; height: 1.25rem; } @media (max-width: 991px) { .checkout__address-container .checkout__address_show-all--hidden-mobile { display: none; } } @media (min-width: 992px) { .checkout__address-container .checkout__address_show-all--hidden-desktop { display: none; } } .checkout__address-container .checkout__address-book-row ~ .checkout__address-book-row { border-top: none; margin-top: 0; } .checkout__address-container .checkout__address-book-row:last-of-type { margin-bottom: 1.5rem; } @media (max-width: 992px) { .checkout__address-container .checkout__address-book-col { width: 100%; } } .checkout__address-container .checkout__address-book-col .use-address-book { float: right; padding: 0; } .checkout__customer-info-container { margin-bottom: 1.625rem; border-bottom: 1px solid #cccccc; padding-bottom: 3rem; } .checkout__customer-info-container__header, .checkout__customer-info-container__header-password { color: #111111; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .checkout__customer-info-container .checkout__customer-info-block { width: 50%; } @media (min-width: 992px) { .checkout__customer-info-container .checkout__customer-info-block { width: 26rem; } } .checkout__customer-info-container .checkout__customer-info-block__unlabeled { margin-top: 1.65625rem; } .checkout__customer-info-container .checkout__customer-info-block label { font-size: 0.75rem; color: #111111; font-weight: 400; line-height: 1rem; margin-bottom: 0.5rem; } .checkout__customer-info-container .checkout__customer-info-block input { padding: 0.5rem 1rem; height: 2.25rem; font-weight: 400; color: #111111; } .checkout__customer-info-container .checkout__customer-info-block input::placeholder { color: #858585; } .checkout__customer-info-container .checkout__customer-info-block a { float: right; text-align: center; padding-right: 0; cursor: pointer; top: 0.625rem; position: relative; } .checkout__customer-info-container__header-password { margin-top: 1.5rem; } .checkout__customer-info-container .checkout__customer-info-row { margin-top: 1rem; display: flex; } .checkout__customer-info-container .checkout__customer-info-row:first-of-type { margin-top: 1.5rem; } .checkout__customer-info-container .checkout__customer-info-row .checkout__customer-info-block:first-of-type { margin-right: 1rem; } @media (max-width: 992px) { .checkout__customer-info-container .checkout__customer-info-row:nth-of-type(n + 2) { flex-direction: column; } .checkout__customer-info-container .checkout__customer-info-row:nth-of-type(n + 2) .checkout__customer-info-block { width: 100%; } .checkout__customer-info-container .checkout__customer-info-row:nth-of-type(n + 2) .checkout__customer-info-block:first-of-type { margin-right: 0; margin-bottom: 1rem; } } .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row { margin-top: 0; } .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox { margin-top: 1.125rem; padding: 0; min-height: unset; } .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox input[type=checkbox] { height: 1.125rem; width: 1.125rem; margin: 1px 0.6875rem 0rem 0rem; border: 0.1875rem solid #858585; border-radius: 0.1875rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #009a44; background-repeat: no-repeat; background-size: 1.125rem 1.125rem; border: none; -webkit-mask: url(/Content/Images/checkbox.svg) no-repeat 100%; mask: url(/Content/Images/checkbox.svg); mask-repeat: no-repeat; } .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox input[type=checkbox][disabled] { background-color: #fafafa; } .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox input[type=checkbox]:focus, .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox input[type=checkbox].focus, .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox input[type=checkbox]:active:focus, .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox input[type=checkbox]:active.focus, .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox input[type=checkbox].active:focus, .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox input[type=checkbox].active.focus { outline: none !important; } .checkout__customer-info-container .checkout__customer-info-row.checkout__customer-info-consent-row .checkbox p { font-size: 0.875rem; font-weight: 400; color: #111111; margin-left: 1.875rem; margin-bottom: 0; } @media (min-width: 992px) { .checkout__customer-info-container .s4d-password-strength-animated .s4d-password-strength-container { margin-top: -9.0625rem; margin-left: 26.875rem; left: initial; top: initial; } } .checkout__customer-info-container .has-error .form-control { border-color: #da291c; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-cross.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .checkout__customer-info-container .has-success .form-control { border-color: #616161; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-tick.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .checkout__customer-info-container .field-validation-error { position: relative; left: 0; bottom: 0; padding: 0.5rem 0 1px; font-size: 0.75rem; line-height: 1rem; white-space: normal; color: #da291c; background-color: transparent; border-radius: 0.1875rem 0.1875rem 0 0; z-index: 10; } .checkout__business-switch-container { margin-bottom: 1.625rem; margin-top: 1.5rem; border-bottom: 1px solid #cccccc; } .checkout__business-switch-container > *:last-child { margin-bottom: 1.625rem; } .checkout__business-switch-container__header { color: #111111; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .checkout__business-switch-container .checkout__business-switch-block { margin-top: auto; width: fit-content; } .checkout__business-switch-container .checkout__business-switch-block label.s4d-new-label-radio .s4d-new-input-radio-btn { height: 1.25rem; width: 1.25rem; border-color: #cccccc; left: 0; margin-top: -0.5625rem; border-top-width: 1px; border-width: 1px; transform: translateY(-0.125rem); } .checkout__business-switch-container .checkout__business-switch-block label.s4d-new-label-radio input[type=radio]:checked ~ .s4d-new-input-radio-btn { background: radial-gradient(#009a44 0.25rem, transparent 0.3125rem); border-color: #009a44; } .checkout__business-switch-container .checkout__business-switch-block label.s4d-new-label-radio span { padding-left: 1.875rem; } .checkout__business-switch-container .checkout__business-switch-block label { border-color: unset; font-size: 0.875rem; color: #111111; font-weight: 400; line-height: 1.25rem; } .checkout__business-switch-container .checkout__business-switch-block .btn-input-toggle { margin-top: 1.125rem; padding: 0; min-height: unset; border: unset; } .checkout__business-switch-container .checkout__business-switch-block .btn-input-toggle input[type=radio] { height: 1.125rem; width: 1.125rem; margin: 1px 0.6875rem 0rem 0rem; border: 0.1875rem solid #858585; border-radius: 0.1875rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkout__business-switch-container .checkout__business-switch-row { margin-top: 1.625rem; display: flex; flex-flow: column; } .checkout__business-switch-container .checkout__business-switch-row:first-of-type { margin-top: 1.625rem; } .checkout__business-switch-container .checkout__business-switch-row .checkout__business-switch-block { margin-left: 0.125rem; } .checkout__business-switch-container .checkout__business-switch-row .checkout__business-switch-block .btn { margin-top: unset !important; margin-bottom: unset !important; } .checkout__business-switch-container .checkout__business-switch-row .checkout__business-switch-block:first-of-type { margin-right: 1.625rem; margin-bottom: 1.25rem; } .checkout__boundProduct-container { margin-bottom: 3rem; border-bottom: 1px solid #cccccc; padding-left: 0.75rem; } .checkout__boundProduct-container--collapsed .checkout__boundProduct-container__header svg { -webkit-transform: none; -ms-transform: none; transform: none; } .checkout__boundProduct-container--collapsed .checkout__boundProduct-container__row { display: none; } .checkout__boundProduct-container__header { display: flex; margin-bottom: 1.625rem; cursor: pointer; align-items: center; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .checkout__boundProduct-container__header svg { height: 1.125rem; width: 1.125rem; fill: #009a44; margin-left: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 992px) { .checkout__boundProduct-container__header svg { margin-left: 1.375rem; } } .checkout__boundProduct-container__header:hover svg, .checkout__boundProduct-container__header:focus svg { fill: #004e22; } .checkout__boundProduct-container__consent-row { margin-top: -0.125rem; margin-bottom: 3rem; } .checkout__boundProduct-container__consent-row .checkbox { margin-top: 1.125rem; padding: 0; min-height: unset; } .checkout__boundProduct-container__consent-row .checkbox input[type=checkbox] { height: 1.125rem; width: 1.125rem; margin: 1px 0.6875rem 0rem 0rem; border: 0.1875rem solid #858585; border-radius: 0.1875rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkout__boundProduct-container__consent-row .checkbox input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #009a44; background-repeat: no-repeat; background-size: 1.125rem 1.125rem; border: none; -webkit-mask: url(/Content/Images/checkbox.svg) no-repeat 100%; mask: url(/Content/Images/checkbox.svg); mask-repeat: no-repeat; } .checkout__boundProduct-container__consent-row .checkbox input[type=checkbox][disabled] { background-color: #fafafa; } .checkout__boundProduct-container__consent-row .checkbox input[type=checkbox]:focus, .checkout__boundProduct-container__consent-row .checkbox input[type=checkbox].focus, .checkout__boundProduct-container__consent-row .checkbox input[type=checkbox]:active:focus, .checkout__boundProduct-container__consent-row .checkbox input[type=checkbox]:active.focus, .checkout__boundProduct-container__consent-row .checkbox input[type=checkbox].active:focus, .checkout__boundProduct-container__consent-row .checkbox input[type=checkbox].active.focus { outline: none !important; } .checkout__boundProduct-container__consent-row .checkbox p { font-size: 0.875rem; font-weight: 400; color: #111111; margin-left: 1.875rem; margin-bottom: 0; } .checkout__coupon-container { margin-bottom: 3rem; border-bottom: 1px solid #cccccc; padding-left: 0.75rem; } .checkout__coupon-container--collapsed .checkout__coupon-container__header svg { -webkit-transform: none; -ms-transform: none; transform: none; } .checkout__coupon-container--collapsed .checkout__coupon-container__block { display: none; } .checkout__coupon-container__header { display: flex; margin-bottom: 1.625rem; cursor: pointer; align-items: center; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .checkout__coupon-container__header svg { height: 1.125rem; width: 1.125rem; fill: #009a44; margin-left: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 992px) { .checkout__coupon-container__header svg { margin-left: 1.375rem; } } .checkout__coupon-container__header:hover svg, .checkout__coupon-container__header:focus svg { fill: #004e22; } .checkout__coupon-container__block { margin-bottom: 3rem; margin-top: -0.125rem; } .checkout__coupon-container__block .s4d-text-color-header { display: none; } .checkout__coupon-container__block .s4d-content-tabs { margin: 0; box-shadow: none; background-color: transparent; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation { border-radius: 1.5rem; background: #f4f4f4; height: 2.5rem; margin-bottom: 1.5rem; } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation { width: 26rem; } } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li { line-height: 1; color: #ffffff; cursor: pointer; transition: color 250ms ease-in-out; margin: 0; width: 50%; height: 2.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li { width: 13rem; } } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li.active { border-radius: 1.5rem; background: #ffffff; filter: drop-shadow(0.125rem 0.125rem 0.5rem #d1d1d1); margin-top: 0.1875rem; height: 2.125rem; width: calc(50% - 0.1875rem); } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li.active { width: 12.8125rem; } } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li.active a { color: #009a44; border: none; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li a { color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li a img { display: none; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation #select-coupon-tab.active { border-right: none; margin-left: 0.1875rem; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation #select-vip-tab.active { border-left: none; margin-right: 0.1875rem; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab { background-color: transparent; padding: 0; margin-bottom: 3rem; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .s4d-select-box-label { color: #111111; font-weight: 400; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .s4d-select-box { padding-right: 1rem; color: #111111; background-image: url(/Content/Images/icons/cheveron-down.svg); background-position: calc(100% - 0.8125rem) center; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .row { margin: 0; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .row > * { padding: 0; } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .row > * { width: 26rem; } } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .row > *:first-child { margin-bottom: 1rem; } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .row > *:first-child { margin-bottom: 0; margin-right: 1rem; } } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .row > * label { margin-bottom: 0; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab p.p-coupon-warning { display: none; margin-top: 0.9375rem; color: white; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab p { color: #111111; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab p:last-of-type { margin-bottom: 1.5rem; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab p:empty { display: none; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group { display: flex; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group input { height: 2.25rem; color: #111111; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group input::placeholder { color: #858585; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group > input:first-child { margin-right: 1.25rem; padding: 0.5rem 1rem; border-radius: 0.25rem; font-weight: 400; width: 100%; } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group > input:first-child { width: 26rem; } } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group .input-group-btn { width: fit-content; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group .input-group-btn input { border-radius: 0.125rem; color: #009a44; border-color: #009a44; background-color: #ffffff; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group .input-group-btn input:focus, .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group .input-group-btn input:hover { color: #ffffff; background-color: #009a44; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group .form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkout__coupon-container__block .s4d-content-tabs .s4d-discount-decoration .s4d-discount-label-text { color: #111111; } .checkout__vytal-container { margin-bottom: 3rem; border-bottom: 1px solid #cccccc; padding-left: 0.75rem; } .checkout__vytal-container--collapsed .checkout__vytal-container__header svg { -webkit-transform: none; -ms-transform: none; transform: none; } .checkout__vytal-container--collapsed .checkout__vytal-container__block { display: none; } .checkout__vytal-container__header { display: flex; margin-bottom: 1.625rem; cursor: pointer; align-items: center; } .checkout__vytal-container__header svg { height: 1.125rem; width: 1.125rem; fill: #009a44; margin-left: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 992px) { .checkout__vytal-container__header svg { margin-left: 1.375rem; } } .checkout__vytal-container__header:hover svg, .checkout__vytal-container__header:focus svg { fill: #004e22; } .checkout__vytal-container__block { margin-bottom: 3rem; margin-top: -0.125rem; } .checkout__vytal-container__block .s4d-text-color-header { display: none; } .checkout__vytal-container__block #add-vytal-block .input-group { max-width: 18.75rem; display: flex; } .checkout__vytal-container__block #add-vytal-block .input-group input { color: #111111; } .checkout__vytal-container__block #add-vytal-block .input-group input::placeholder { color: #858585; } .checkout__vytal-container__block #add-vytal-block .input-group > input:first-child { margin-right: 1.25rem; padding: 0.5rem 1rem; border-radius: 0.25rem; font-weight: 400; width: 100%; } @media (min-width: 992px) { .checkout__vytal-container__block #add-vytal-block .input-group > input:first-child { width: 26rem; } } .checkout__vytal-container__block #add-vytal-block .input-group .input-group-btn { width: fit-content; } .checkout__vytal-container__block #add-vytal-block .input-group .input-group-btn input { border-radius: 0.125rem; color: #009a44; border-color: #009a44; background-color: #ffffff; } .checkout__vytal-container__block #add-vytal-block .input-group .input-group-btn input:focus, .checkout__vytal-container__block #add-vytal-block .input-group .input-group-btn input:hover { color: #ffffff; background-color: #009a44; } .checkout__vytal-container__block #add-vytal-block .input-group .form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkout__vytal-container__block #add-vytal-block .p-vytal-warning { margin-top: 1rem; } .checkout__vytal-container__block #add-vytal-block .p-vytal-success { margin-top: 1rem; } .checkout__tip-container { position: relative; margin-bottom: 3rem; border-bottom: 1px solid #cccccc; } .checkout__tip-container > *:last-child { margin-bottom: 3rem; } .checkout__tip-container .checkout__tip__header { margin: 0; color: #111111; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .checkout__tip-container .checkout__tip__subheader { color: #858585; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 200; line-height: 1.375rem; letter-spacing: 0.0125rem; } .checkout__tip-container .row { margin-top: 1.5rem; } .checkout__tip-container .checkout__tip-options { margin-top: 1rem; margin-bottom: 1.5rem; display: flex; overflow: auto; flex-wrap: wrap; } @media (max-width: 992px) { .checkout__tip-container .checkout__tip-options { margin-right: -0.5rem; } } .checkout__tip-container .checkout__tip-options div { margin-right: 0.5rem; margin-bottom: 0.5rem; } .checkout__tip-container .checkout__tip-options button { margin-bottom: 0; height: 2.5rem; min-width: 5rem; line-height: 1rem; color: #858585; background-color: #f4f4f4; padding: 0.625rem; border-color: transparent; font-size: 0.875rem; font-weight: 400; border-radius: 1.5rem; text-align: center; } @media (min-width: 992px) { .checkout__tip-container .checkout__tip-options button { min-width: 6.125rem; } } .checkout__tip-container .checkout__tip-options button:focus, .checkout__tip-container .checkout__tip-options button:hover { background-color: #e1f3e6; color: #009a44; font-weight: 700; cursor: pointer; } .checkout__paymentmethod-container { margin-bottom: 3rem; } .checkout__paymentmethod-container__header { color: #111111; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .checkout__paymentmethod-container .checkout__paymentmethod-message { color: #111111; font-size: 0.875rem; line-height: 1.25rem; margin-top: 0.5rem; } .checkout__paymentmethod-container .checkout__paymentmethod-message * { font-weight: 400; } .checkout__paymentmethod-container .checkout__paymentmethod-name { color: #858585; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 200; line-height: 1.375rem; letter-spacing: 0.0125rem; } .checkout__paymentmethod-container .checkout__paymentmethod-name * { font-weight: 500; } .checkout__paymentmethod-container .checkout__paymentmethod-buttons { margin-top: 1.5rem; } @media (max-width: 992px) { .checkout__paymentmethod-container .checkout__paymentmethod-buttons .s4d-row-gutter-bottom > *:first-child { margin-bottom: 1.5rem; } } .checkout__paymentmethod-container .checkout__paymentmethod-buttons .s4d-checkout-payment-method { border: none; border-bottom: 1px solid #f4f4f4; min-height: 3.5rem; padding-right: 0; flex-wrap: wrap; } .checkout__paymentmethod-container .checkout__paymentmethod-buttons .s4d-payment-type { color: #111111; font-weight: 400; width: 100%; } .checkout__paymentmethod-container .checkout__paymentmethod-buttons .s4d-payment-type .s4d-text-color-light { font-size: 0.875rem !important; font-weight: 400 !important; color: #111111; float: right; } .checkout__paymentmethod-container label.s4d-new-label-radio .s4d-new-input-radio-btn { width: 1.25rem; height: 1.25rem; position: absolute; left: 0; top: 1.125rem; border: 0.125rem solid #cccccc; background: #ffffff; border-radius: 100%; display: inline-block; padding: 0; margin: 0; margin-left: 0.5rem; } .checkout__paymentmethod-container label.s4d-new-label-radio input[type=radio]:checked ~ .s4d-new-input-radio-btn { border-color: #009a44; background-color: transparent; } .checkout__paymentmethod-container label.s4d-new-label-radio input[type=radio]:checked ~ .s4d-new-input-radio-btn::after { width: 0.75rem; height: 0.75rem; display: block; position: absolute; background: #009a44; top: 0.125rem; border-radius: 50%; left: 0.125rem; content: ""; } #checkout-paymentmethod-container .s4d-checkout-payment-method .s4d-payment-logo { position: inherit; top: 0; left: 0; transform: none; padding-left: 0; padding-right: 1.25rem; width: 3.4375rem; } #checkout-paymentmethod-container .has-error .form-control { border-color: #da291c; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-cross.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } #checkout-paymentmethod-container .has-success .form-control { border-color: #616161; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-tick.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } #checkout-paymentmethod-container .field-validation-error { position: relative; left: 0; bottom: 0; padding: 0.5rem 0 1px; font-size: 0.75rem; line-height: 1rem; white-space: normal; color: #da291c; background-color: transparent; border-radius: 0.1875rem 0.1875rem 0 0; z-index: 10; } .blik-code-container { display: block; margin-top: 10px; width: 100%; } .blik-code-container label { font-size: 0.75rem; color: #111111; font-weight: 400; line-height: 1rem; margin-bottom: 0.5rem; } .s4d-checkout-payment-main { display: flex; align-items: center; } .s4d-checkout-payment-method-one-click-payment { display: none; vertical-align: middle; padding-left: 0rem !important; padding-top: 0.625rem; } .s4d-checkout-payment-method-one-click-payment input { margin: 0rem; } .s4d-checkout-payment-method-break { flex-basis: 100%; height: 0; } .one-click-payment__method { border: 1px solid #d6d6d6 !important; overflow: hidden; border-radius: 0.1875rem; padding-top: 1.875rem; } .one-click-payment__your-card { color: #111111; position: absolute; top: -1px; left: -1px; background-color: #c0cd00; border-radius: 0.1875rem 0rem; padding: 0.25rem 0.5rem; } .one-click-payment__radio-button { top: 50% !important; margin-top: 1px !important; } .one-click-payment__text-container { display: flex; flex-direction: column; } .one-click-payment__addition-date { color: #111111; font-weight: normal; padding-left: 0rem !important; } .mini-toggle__switch { position: relative; display: inline-block; min-width: 2rem; width: 2rem; height: 1rem; margin-top: auto; margin-bottom: auto; margin-right: 1.25rem; margin-left: 0.5rem; } .mini-toggle__input { opacity: 0; width: 0; height: 0; } .mini-toggle__input:checked + .mini-toggle__slider { background-color: #669900; } .mini-toggle__input:checked + .mini-toggle__slider:before { -webkit-transform: translateX(0.9375rem); -ms-transform: translateX(0.9375rem); transform: translateX(0.9375rem); background-color: #395700; } .mini-toggle__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 2.125rem; } .mini-toggle__slider:before { position: absolute; content: ""; height: 0.625rem; width: 0.625rem; left: 0.1875rem; bottom: 0.1875rem; background-color: white; border-radius: 50%; } #checkout_payment_cashChangeContainer { display: flex; width: 100%; flex-direction: column; padding-left: 2.5rem; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; } #checkout_payment_cashChangeContainer::-webkit-scrollbar { display: none; } #checkout_payment_cashChangeContainer ul { padding: 0rem 1rem; margin: 0; display: flex; justify-content: flex-start; width: fit-content; min-width: 100%; align-items: center; gap: 0.5rem; margin: 0.5rem 0rem; } #checkout_payment_cashChangeContainer li { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; display: flex; height: 2rem; list-style: none; padding: 0 1rem; white-space: nowrap; cursor: pointer; border-radius: 1.125rem; background-color: #ffffff; border: 1px solid #616161; transition: background 0.2s; } #checkout_payment_cashChangeContainer li:active { border: 1px solid #444444; background-color: #f4f4f4; } #checkout_payment_cashChangeContainer li:active a { color: #444444; } #checkout_payment_cashChangeContainer li[class*="--active"], #checkout_payment_cashChangeContainer li.active { background-color: #f4f4f4; border: 1px solid #858585; } #checkout_payment_cashChangeContainer li[class*="--active"] a, #checkout_payment_cashChangeContainer li.active a { color: #444444; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } @media (hover: hover) and (pointer: fine) { #checkout_payment_cashChangeContainer li:hover { background-color: #fafafa; } } #checkout_payment_cashChangeContainer li:disabled, #checkout_payment_cashChangeContainer li[disabled], #checkout_payment_cashChangeContainer li.disabled { color: #f4f4f4; background-color: #fafafa; border: none; } #checkout_payment_cashChangeContainer a { color: #616161; display: inline-flex; align-items: center; } #checkout_payment_cashChangeContainer a:hover { text-decoration: none; } #checkout_payment_cashChangeContainer #checkout_payment_cashChangeTitle { margin-top: 1.1875rem; line-height: 1.125rem; font-weight: 400; } #checkout_payment_cashChangeContainer #checkout_payment_cashChangeWrapper { display: flex; width: 100%; margin-left: 0rem; padding-left: 0rem; flex-wrap: wrap; margin-top: 1rem; } #checkout_payment_cashChangeContainer .checkout_payment_option { margin-top: 0rem; } @media (max-width: 992px) { #checkout_payment_cashChangeContainer .checkout_payment_option #checkout_cashChange_other_wrapper { width: 100%; } } #checkout_payment_cashChangeContainer #checkout_cashChange_other_wrapper { width: 100%; } #checkout_payment_cashChangeContainer #checkout_cashChange_other_wrapper label { font-weight: 400; } @media (max-width: 992px) { #checkout_payment_cashChangeContainer { padding-left: 0rem; } #checkout_payment_cashChangeContainer .checkout_payment_option { margin-right: 0.3125rem; } } .order-confirmation { background-color: #ffffff; margin: auto 1.25rem; padding: 1rem !important; border-radius: 0.25rem; height: fit-content; } @media (min-width: 992px) { .order-confirmation { width: 20.9375rem; margin: auto; } } .order-confirmation__header { color: #111111; font-weight: 700; font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 1rem; display: flex; } .order-confirmation__header .order-confirmation__icon { width: 0.875rem; height: 0.875rem; margin-top: 0.1875rem; margin-left: auto; fill: #009a44; cursor: pointer; } .order-confirmation__content { display: grid; margin-bottom: 1rem; } .order-confirmation__bold-name { color: #111111; font-weight: 700; font-size: 0.875rem; line-height: 1.25rem; margin-top: 1rem; } .order-confirmation__separator { line-height: 1.25rem; margin-top: 1rem; } .order-confirmation__street, .order-confirmation__city, .order-confirmation__phone, .order-confirmation__helper-text, .order-confirmation__bottom-text { color: #111111; font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; } .order-confirmation__phone { margin-bottom: 1rem; } .order-confirmation__footer { float: right; } .order-confirmation__footer button { height: 2.25rem; } .order-confirmation__footer button:first-of-type { margin-right: 0.25rem; } .order-confirmation__footer .order-confirmation__accept-button { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; color: #ffffff; background-color: #009a44; border: 1px solid #009a44; cursor: pointer; border-radius: 1.5625rem; } .order-confirmation__footer .order-confirmation__accept-button:focus { color: #ffffff; background-color: #009a44; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .order-confirmation__footer .order-confirmation__accept-button:hover { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .order-confirmation__footer .order-confirmation__accept-button:active { color: #ffffff; background-color: #009a44; border: 1px solid #009a44; } .order-confirmation__footer .order-confirmation__accept-button:disabled, .order-confirmation__footer .order-confirmation__accept-button[disabled], .order-confirmation__footer .order-confirmation__accept-button.disabled { color: #ffffff; background-color: #cccccc; border: #cccccc; } .order-confirmation__footer .order-confirmation__cancel-button { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; color: #009a44; background-color: #ffffff; border: 1px solid #009a44; cursor: pointer; border-radius: 1.5625rem; } .order-confirmation__footer .order-confirmation__cancel-button:focus { color: #009a44; background-color: #ffffff; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .order-confirmation__footer .order-confirmation__cancel-button:hover { color: #ffffff !important; background-color: #009a44 !important; border: 1px solid #009a44 !important; } .order-confirmation__footer .order-confirmation__cancel-button:active { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .order-confirmation__footer .order-confirmation__cancel-button:disabled, .order-confirmation__footer .order-confirmation__cancel-button [disabled], .order-confirmation__footer .order-confirmation__cancel-button.disabled { color: #a8a8a8; background-color: #ffffff; border: #a8a8a8; } #checkout-form-container #checkout-offered-coupons-container { padding: 1.5rem; margin-top: 4.5rem; position: relative; } @media (max-width: 768px) { #checkout-form-container #checkout-offered-coupons-container { margin: 0 -0.9375rem; } } @media (max-width: 480px) { #checkout-form-container #checkout-offered-coupons-container { padding: 1.25rem 1rem; margin-top: 0; } } #checkout-form-container #checkout-offered-coupons-container .s4d-text-color-header { margin-top: 0; font-size: 1.5rem; line-height: 2rem; } #checkout-form-container #checkout-offered-coupons-container .my-coupons-list > label { display: flex; align-items: center; justify-content: flex-end; } #checkout-form-container #checkout-offered-coupons-container .my-coupons-list > label .s4d-applicable-coupon { display: none; } #checkout-form-container #checkout-offered-coupons-container .my-coupons-list > label .s4d-new-coupon-input-radio-btn { margin-top: 0; position: unset; width: 0.875rem; min-width: 0.875rem !important; height: 0.875rem; border: 1px solid #3a3a3a; margin-left: 0; border-radius: 0.125rem; } #checkout-form-container #checkout-offered-coupons-container .my-coupons-list > label .glyphicon-ok { display: none; } #checkout-form-container #checkout-offered-coupons-container .s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn { background-color: #fff; border: none !important; display: flex; } #checkout-form-container #checkout-offered-coupons-container .s4d-new-label-radio input[type=checkbox]:checked ~ .s4d-new-coupon-input-radio-btn::before { content: "✓"; color: #c0cd00; font-size: 0.75rem; margin: auto; } #checkout-form-container #checkout-offered-coupons-container .s4d-new-label-radio .s4d-applicable-coupon-details { display: flex; justify-content: space-between; flex-grow: 1; } #checkout-form-container #checkout-offered-coupons-container .s4d-new-label-radio .s4d-applicable-coupon-details .price-block { white-space: nowrap; } #checkout-form-container #checkout-offered-coupons-container .s4d-checkout-container-selected-coupon { background-color: #c0cd00; } #checkout-form-container .control-label { font-size: 1rem; line-height: 1.625rem; } #checkout-form-container .control-label span { font-weight: 400; } #checkout-form-container .store-phone-number { padding-top: 1rem; } @media (max-width: 480px) { #checkout-form-container .s4d-text-color-header { font-size: 1.25rem; line-height: 1.4375rem; } #checkout-form-container .control-label { font-weight: 500; font-size: 0.875rem; line-height: 1.375rem; } #checkout-form-container .control-label span { font-weight: 400; } #checkout-form-container .store-phone-number { padding-top: 0.5rem; } #checkout-form-container #checkout-place-order { width: 100%; } } .checkout-order-remark-container { margin-bottom: 3rem; border-bottom: 1px solid #cccccc; } .emails-book { background-color: #ffffff; } @media (max-width: 991px) { .emails-book { width: 100%; height: 100%; margin: 0; } } @media (min-width: 992px) { .emails-book { width: 25rem; height: fit-content; left: 50%; transform: translate(-50%, 50%); box-shadow: 0 0.5rem 0.625rem rgba(0, 0, 0, 0.14), 0 0.1875rem 0.875rem rgba(0, 0, 0, 0.12), 0 0.3125rem 0.3125rem rgba(0, 0, 0, 0.2); border-radius: 0.25rem; } } .emails-book__header { color: #111111; font-weight: 700; font-size: 1rem; line-height: 1.375rem; flex-direction: row; align-items: stretch; padding: 1rem 1rem 0.9375rem 1.5rem; display: flex; justify-content: space-between; border-bottom: 1px solid #dfdfdf; } .emails-book__header .s4d-cross { color: #009a44; cursor: pointer; font-size: 0.9375rem; margin: 0 0.25rem; line-height: 1; } .emails-book__content { padding: 1.5rem; } .emails-book__content-label { margin-top: 0; margin-bottom: 1rem; height: 3.5rem; display: flex; outline: none !important; background: #fafafa; text-align: left; padding: 1.25rem 1rem; font-size: 0.875rem; position: relative; } .emails-book__content-label .select-email { display: none !important; } .emails-book__content-label-radio { width: 1.25rem; height: 1.25rem; position: absolute; left: 0.875rem; top: 1.0625rem; content: ""; border: 1px solid #009a44; background: #ffffff; border-radius: 100%; display: inline-block; padding: 0; } input[type=radio]:checked ~ .emails-book__content-label-radio::after { width: 0.75rem; height: 0.75rem; display: block; position: absolute; background: #009a44; top: 0.1875rem; border-radius: 50%; left: 0.1875rem; content: ""; } .emails-book__content-label-span { font-size: 0.875rem; position: relative; line-height: 1rem; color: black; font-weight: normal; align-self: stretch; padding-left: 1.6875rem; } .emails-book__content-select-button { float: right; margin-bottom: 2rem; } #localizationv2-address-block-header { margin-bottom: 1.5rem; } #localizationv2-simplified-customer-block .s4d-tab-navigation { background: #f4f4f4; min-height: 2.5rem; height: fit-content; overflow: hidden; list-style: none; display: flex; width: 100%; margin-bottom: 1rem; border-radius: 0.25rem; padding: 0rem; } @media (min-width: 992px) { #localizationv2-simplified-customer-block .s4d-tab-navigation { width: 20rem; } } #localizationv2-simplified-customer-block .s4d-tab-navigation li { line-height: 1; color: #ffffff; cursor: pointer; transition: color 250ms ease-in-out; height: fit-content; min-height: 2.125rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0rem; height: auto; width: 50%; } @media (min-width: 992px) { #localizationv2-simplified-customer-block .s4d-tab-navigation li { width: 13rem; } } #localizationv2-simplified-customer-block .s4d-tab-navigation li.active { min-height: 2.125rem; width: calc(50% - 0.1875rem); border-radius: 0rem; filter: none; background: #ffec84; } @media (min-width: 992px) { #localizationv2-simplified-customer-block .s4d-tab-navigation li.active { width: 12.8125rem; } } #localizationv2-simplified-customer-block .s4d-tab-navigation li.active a { color: #ffffff; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; border: none; } #localizationv2-simplified-customer-block .s4d-tab-navigation li a { color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; display: block; text-decoration: none; } #checkout-form-container.checkout__form-container { padding-bottom: 4rem; } @media (min-width: 992px) { #checkout-form-container.checkout__form-container .container-new-receipt-space { padding-left: 2.875rem; } } @media (min-width: 992px) { #checkout-form-container.checkout__form-container .container-new-receipt-space .row { width: 53rem; } } .checkout__form-container { background-color: #ffffff; padding: 0 0.9375rem; } .checkout__form-container .checkout__button-container .s4d-place-order { width: 100%; height: 2.25rem; color: #ffffff; background-color: #009a44; font-size: 0.875rem; font-weight: 700; } @media (min-width: 992px) { .checkout__form-container .checkout__button-container .s4d-place-order { width: 26rem; } } .checkout__form-container .checkout__button-container .s4d-place-order:hover, .checkout__form-container .checkout__button-container .s4d-place-order:focus { background-color: #ffffff; color: #009a44; border: 1px solid #009a44; } .checkout__form-container .validation-summary-errors { width: 100%; } .checkout__form-container .form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .receipt__container { position: fixed; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 5001; overflow: hidden; } @media (max-width: 48rem) { .receipt__container { transform: translateY(115%); transition: transform 0.3s ease-in-out; } } @media (min-width: 48rem) { .receipt__container { padding: 2.5rem 0; margin: 0 auto; width: 30.5rem; display: none; } } @media (min-width: 87.5rem) { .receipt__container { width: 22.375rem; height: auto; padding: 0; margin: 0; display: inherit; position: absolute; top: 9.8125rem; margin-left: calc(50% + 20.8125rem); z-index: 206; } } @media (min-width: calc(87.5rem + 4.0625rem)) { .receipt__container { margin-left: calc(50% + 22.8125rem); } } @-moz-document url-prefix() { @media (min-width: 87.5rem) { .receipt__container { width: 21.9375rem; margin-left: calc(50% + 21.25rem); } } @media (min-width: calc(87.5rem + 4.0625rem)) { .receipt__container { margin-left: calc(50% + 23.25rem); } } } @media (max-width: 48rem) { .receipt__container--open { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media (max-width: 87.5rem) { .receipt__container--open { display: inherit; } } .receipt__container .receipt__content { background: #ffffff; width: inherit; flex-direction: column; display: flex; height: 100%; } @media (max-width: 48rem) { .receipt__container .receipt__content { overflow-y: auto; } } @media (min-width: 48rem) { .receipt__container .receipt__content { position: unset; margin-left: 0; left: auto; transform: none; height: 100%; } } @media (min-width: 87.5rem) { .receipt__container .receipt__content { overflow-y: hidden; max-height: 100vh; height: auto; border: 1px solid #dfdfdf; background: #fafafa; } } .receipt__container .receipt__content .space-b { padding-bottom: 1rem; } .receipt__container .receipt__header { padding: 1.125rem 1.5rem; padding-top: calc(1.125rem + var(--mobile-top-safe-area-height)); width: 100%; z-index: 2; display: flex; } @media (min-width: 480px) { .receipt__container .receipt__header { position: sticky; top: 0; } } @media (max-width: calc(87.5rem - 1px)) { .receipt__container .receipt__header { background: #ffffff; } } .receipt__container .receipt__header__title { color: #111111; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .receipt__container .receipt__header__icon { margin-left: auto; margin-top: 0.1875rem; cursor: pointer; font-size: 0.9375rem; color: #009a44; } @media (min-width: 87.5rem) { .receipt__container .receipt__header__icon { display: none; } } .receipt__container .receipt__body { display: flex; flex: 1 1 100%; flex-direction: column; width: 100%; overflow-y: auto; } .receipt__container .receipt__body .receipt__product { padding: 1.5rem; border-bottom: 1px solid #f4f4f4; } .receipt__container .receipt__body .receipt__product-header { display: flex; flex-direction: row; align-items: flex-start; min-height: 4rem; } .receipt__container .receipt__body .receipt__product-header-text { order: 0; max-width: calc(100% - 4.375rem); display: flex; flex-direction: column; } .receipt__container .receipt__body .receipt__product-header-text-name { color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .receipt__container .receipt__body .receipt__product-header-text-type { margin-top: 0.5rem; color: #858585; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .receipt__container .receipt__body .receipt__product-header-image-element { width: 4rem; height: 4rem; order: 1; object-position: unset !important; margin-left: auto; overflow: hidden; border-radius: 0.5rem 0rem; } .receipt__container .receipt__body .receipt__product-header-image-element img, .receipt__container .receipt__body .receipt__product-header-image-element .receipt__product-header-default-coupon-image { width: 100%; height: 100%; object-fit: contain; } .receipt__container .receipt__body .receipt__product-header-default-coupon-image { display: block; background-color: #009a44; -webkit-mask: url(/Content/Images/receipt/default-coupon.svg) 100% 100%/contain no-repeat; mask: url(/Content/Images/receipt/default-coupon.svg) 100% 100%/contain no-repeat; } .receipt__container .receipt__body .receipt__product-description { margin: 1rem 0; } .receipt__container .receipt__body .receipt__product-description-taste-span { white-space: nowrap; color: #111111; display: block; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .receipt__container .receipt__body .receipt__product-description-topping-span { display: block; margin-bottom: 0.5rem; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .receipt__container .receipt__body .receipt__product-description-topping-span .s4d-icons { position: relative; top: 0.03125rem; margin-right: 0.5rem; } .receipt__container .receipt__body .receipt__product-description-product { margin-top: 0.5rem; } .receipt__container .receipt__body .receipt__product-description-product-price-strike { text-decoration: line-through; float: right; } .receipt__container .receipt__body .receipt__product-description-product-option { margin: 0.25rem 0.25rem 0.25rem 1.125rem; display: block; color: #858585; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .receipt__container .receipt__body .receipt__product-description-edit { margin-top: 0.5rem; display: flex; align-items: center; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; color: #009a44; } .receipt__container .receipt__body .receipt__product-description-edit .s4d-icon-edit { margin-right: 0.25rem; } .receipt__container .receipt__body .receipt__product-description-edit:focus, .receipt__container .receipt__body .receipt__product-description-edit:hover { text-decoration: none; color: #fcd500; } .receipt__container .receipt__body .receipt__product-summary { display: flex; max-height: 2.5rem; align-items: center; } .receipt__container .receipt__body .receipt__product-summary-amount--disabled { pointer-events: none; color: #ccc !important; } .receipt__container .receipt__body .receipt__product-summary-price { text-align: right; margin-left: auto; color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .receipt__container .receipt__body .receipt__product-summary-price--strike { text-decoration-line: line-through; font-weight: 400; margin-right: 0.25rem; } .receipt__container .receipt__body .receipt__product-summary-loyalty-icon { height: 1.25rem; margin-bottom: 0.25rem; width: auto; vertical-align: middle; fill: #009a44; } .receipt__container .receipt__body .receipt__product.complete-order-coupon-item { padding-top: 0; padding-bottom: 0; } .receipt__container .receipt__body .receipt__product.complete-order-coupon-item .receipt__alert-box { margin-top: -0.5rem; margin-bottom: 1rem; } .receipt__container .receipt__body .receipt__product .complete-order-coupon-container { background-color: #ffda28; display: flex; height: 3rem; margin: 1rem 0rem 1rem 0rem; border-radius: 0.5rem; color: white; padding: 0; } .receipt__container .receipt__body .receipt__product .complete-order-coupon-container .coupon-icon { margin: auto 0.5rem auto 0.75rem; flex-shrink: 0; } .receipt__container .receipt__body .receipt__product .complete-order-coupon-container .coupon-details { display: flex; flex-direction: column; justify-content: center; margin-left: 0.125rem; margin-right: 0.4375rem; flex-grow: 4; overflow: hidden; } .receipt__container .receipt__body .receipt__product .complete-order-coupon-container .coupon-details .description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; color: #1d2532; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .receipt__container .receipt__body .receipt__product .complete-order-coupon-container .remove-icon { width: 0.8125rem; margin: 0.6875rem; cursor: pointer; flex-shrink: 0; } .receipt__container .receipt__body .receipt__product .complete-order-coupon-container .remove-icon:hover { filter: brightness(60%); } .receipt__container .receipt__body .receipt__product .receipt__alert-box { margin-top: 1rem; grid-area: alert; } .receipt__container .receipt__body .receipt__empty { height: 100%; display: flex; justify-content: center; overflow: hidden; align-items: center; flex-direction: column; } .receipt__container .receipt__body .receipt__empty-text { text-align: center; margin-top: 1rem; width: 7.5rem; font-family: Tungsten; font-size: calc(1.2 * 1.25rem); font-style: normal; font-weight: 600; line-height: 1.5rem; letter-spacing: 0.01875rem; } .receipt__container .receipt__body .receipt__empty-icon { display: none; width: 4.5rem; height: 4.5rem; fill: #009a44; } .receipt__container .receipt__body .receipt__empty-account-link { margin-top: 1.5rem; height: 2.25rem; line-height: 1.5rem; } .receipt__container .receipt__body .receipt__alert { padding: 1rem 1.5rem; } .receipt__container .receipt__body .receipt__alert-box { padding: 1rem; display: flex; background: #ffec84; border-radius: 0.25rem; } .receipt__container .receipt__body .receipt__alert-message { color: #111111; margin: 0; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .receipt__container .receipt__body .receipt__alert-divider { border-bottom: 1px solid #f4f4f4; } @media (min-width: 87.5rem) { .receipt__container--with-message { top: 13.25rem; } } .receipt__container .receipt__down-part { margin-top: auto; } .receipt__container .receipt__upsell-inner-block-header { display: none; } .receipt__container #receipt__upsell { width: 100%; } .receipt__container .receipt__upsell { border-top: 1px solid #dfdfdf !important; height: 10.9375rem; background-color: #f4f4f4; overflow: hidden; } .receipt__container .receipt__upsell .scroll-wrapper { height: 6.875rem; } .receipt__container .receipt__upsell .scrollbar-inner { max-height: 8.75rem; overflow: auto; white-space: nowrap; padding-right: 0; padding-bottom: 0.3125rem; position: relative; } .receipt__container .receipt__upsell-block { background-color: #f4f4f4; height: 100%; } .receipt__container .receipt__upsell-block-header { padding: 1rem 1.5rem; } .receipt__container .receipt__upsell-block-header p { margin: 0; color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .receipt__container .receipt__upsell-block-body { display: flex; justify-content: space-between; height: 7.6875rem; } .receipt__container .receipt__upsell-block-body .receipt__upsell-arrow { flex-basis: 3.5rem; display: block; text-align: center; height: 1.5rem; position: relative; top: calc(50% - 1.875rem); } .receipt__container .receipt__upsell-block-body .receipt__upsell-arrow i { cursor: pointer; color: #111111; font-size: 1.5rem; } .receipt__container .receipt__upsell-block-body .receipt__upsell-arrow i .hide { display: none; } .receipt__container .receipt__upsell-block-body .receipt__upsell-arrow--left { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); transform: scale(-1, 1); } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll { flex-basis: 15rem; flex-grow: 0; flex-shrink: 0; min-width: 15rem; margin: 0; overflow: hidden; box-sizing: content-box; white-space: nowrap; } @media (max-width: 992px) { .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll { flex-basis: 16.4375rem; min-width: 16.4375rem; } } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll .owl-stage-outer { height: 5.5rem; } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll .owl-dots { border: none; width: fit-content; margin-left: auto; margin-right: auto; padding-top: 0.4375rem; padding-bottom: 0.625rem; } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll .owl-dots .owl-dot { display: inline-block; zoom: 1; background: none; border: none; padding: 0; margin-left: 0.125rem; margin-right: 0.125rem; } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll .owl-dots .owl-dot span { width: 0.25rem; height: 0.25rem; margin: 0.25rem; background-color: #dfdfdf !important; border: 1px solid #dfdfdf !important; display: block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius: 1.875rem; } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll .owl-dots .owl-dot.active span { background-color: #111111; border-color: #111111; } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll-product { padding-left: 1px; position: relative; display: inline-block; width: 100%; } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll-product-image { width: 4.5rem; height: 4.5rem; object-position: unset; margin-left: auto; overflow: hidden; display: inline-block; } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll-product-image img { width: 100%; height: 100%; object-fit: contain; background-image: linear-gradient(rgb(52, 69, 86), rgb(35, 51, 67)); } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll-product-inner { display: inline-block; width: calc(100% - 5.5625rem); margin-left: 1rem; position: absolute; } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll-product-inner-text { overflow: hidden; text-overflow: ellipsis; margin: 0 0 0.25rem 0; font-weight: 700; color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll-product-inner-price { margin-bottom: 0.5rem; color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; } .receipt__container .receipt__upsell-block-body .receipt__upsell-scroll-product-inner .btn { height: 2.25rem; float: right; } .receipt__container .receipt__footer { position: sticky; bottom: 0; width: 100%; border-top: 1px solid #dfdfdf; box-shadow: 1px 1px 1.125rem 0rem rgba(0, 0, 0, 0.12); background: #ffffff; z-index: 2; } @media (min-width: 48rem) { .receipt__container .receipt__footer { position: sticky; position: -webkit-sticky; margin-top: auto; } } @media (min-width: 87.5rem) { .receipt__container .receipt__footer { height: 8rem; } } .receipt__container .receipt__footer .receipt__upper-footer { height: 2.9375rem; border-bottom: 1px solid #f4f4f4; padding: 1rem 1.5rem 0.9375rem 1.5rem; display: flex; align-items: center; } @media (min-width: 87.5rem) { .receipt__container .receipt__footer .receipt__upper-footer { height: 4.25rem; border: none; padding: 1.5rem 2rem 1.5rem 1.5rem; } } .receipt__container .receipt__footer .receipt__bottom-footer { display: flex; padding: 0.75rem 1rem 0.75rem 1.5rem; padding-bottom: calc(0.75rem + var(--mobile-bottom-safe-area-height)); align-items: center; } @media (min-width: 87.5rem) { .receipt__container .receipt__footer .receipt__bottom-footer { border: none; padding: 0 1.5rem 1.5rem 1.5rem; } } .receipt__container .receipt__footer .receipt__bottom-footer .s4d-chevron-left { font-size: 1.125rem; margin-right: 0.75rem; color: #111111; } .receipt__container .receipt__footer .receipt__bottom-footer .receipt__checkout-button { height: 2.25rem; margin-left: auto; max-width: 50%; width: auto; min-width: 6.1875rem; font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } @media (min-width: 87.5rem) { .receipt__container .receipt__footer .receipt__bottom-footer .receipt__checkout-button { max-width: 100%; width: 100%; } } .receipt__container .receipt__footer .receipt__bottom-footer .receipt__checkout-button:disabled { pointer-events: none; cursor: not-allowed; } .receipt__container .receipt__footer .receipt__bottom-footer .receipt__back-button { display: flex; cursor: pointer; align-items: center; } .receipt__container .receipt__footer .receipt__text { color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } @media (min-width: 87.5rem) { .receipt__container .receipt__footer .receipt__text { font-family: GothamV2; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } } .receipt__container .receipt__footer .receipt__price-container { margin-left: auto; } .receipt__container .receipt__footer .receipt__old-total-price { margin-right: 0.5rem; color: #da291c; text-decoration: line-through; font-weight: 400; } @media (min-width: 87.5rem) { .receipt__container .receipt__footer.success-receipt__footer { height: 4.25rem; } .receipt__container .receipt__footer.success-receipt__footer .receipt__bottom-footer { display: none; } } .receipt__container .receipt__store { cursor: pointer; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; width: 100%; } .receipt__container .receipt__store .s4d-shop { font-size: 1rem; } .receipt__container .receipt__store .s4d-chevron-right { float: right; font-size: 1rem; margin-top: 0; margin-right: 0.125rem; margin-left: auto; } .receipt__container .receipt__store-selection { display: flex; min-height: 3.4375rem; flex-direction: inherit; align-items: center; padding: 1.25rem 1.5rem 0.9375rem; color: #009a44; } .receipt__container .receipt__store-selection h3 { margin: 0 0.625rem; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; } .receipt__container .receipt__store-info { padding: 1rem 1.5rem 0.9375rem; } .receipt__container .receipt__store-info-header { color: #111111; display: flex; flex-direction: inherit; align-items: center; } .receipt__container .receipt__store-info-header-text { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; margin: 0 0.625rem; } .receipt__container .receipt__store-info-hours { font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; margin-top: 0.6875rem; margin-left: 1.875rem; } .receipt__container .receipt__subtotal-group { border-top: 1px solid #dfdfdf; cursor: default; } .receipt__container .receipt__subtotal-group .receipt__subtotal { display: flex; flex-direction: column; gap: 0.5rem; border-bottom: 1px solid #dfdfdf; padding: 1rem 2rem 1rem 1.5rem; } .receipt__container .receipt__subtotal-group .receipt__subtotal:last-child { border-bottom: none !important; } .receipt__container .receipt__subtotal-group .receipt__subtotal-label { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; color: #111111; display: flex; gap: 0.5rem; align-items: center; } .receipt__container .receipt__subtotal-group .receipt__subtotal-label--outlined { color: #009a44; } .receipt__container .receipt__subtotal-group .receipt__subtotal-value { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; color: #111111; margin-left: auto; } .receipt__container .receipt__subtotal-group .receipt__subtotal-value--outlined { color: #009a44; } .receipt__container .receipt__subtotal-group .receipt__subtotal-value--line-through { text-decoration: line-through; } .receipt__container .receipt__subtotal-group .receipt__subtotal-loyalty-point { font-size: 0.8125rem; float: right; font-weight: bold; } .receipt__container .receipt__subtotal-group .receipt__subtotal-loyalty-icon { height: 1.25rem; margin: 0 0.375rem 0.1875rem 0.375rem; width: auto; vertical-align: middle; fill: #009a44; } .receipt__container .receipt__subtotal-group .receipt__subtotal-list { display: none; } .receipt__container .receipt__subtotal-group .receipt__subtotal-product { font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.01875rem; color: #111111; display: flex; gap: 0.25rem; } .receipt__container .receipt__subtotal-group .receipt__subtotal-product-price { margin-left: auto; display: flex; gap: 0.25rem; } .receipt__container .receipt__subtotal-group .receipt__subtotal-product-price-before { text-decoration: line-through; } .receipt__container .receipt__subtotal-group .receipt__subtotal-product-price-after { color: #009a44; } .receipt__container .receipt__subtotal-group .receipt__subtotal-product-quantity { font-family: GothamV2; font-size: calc(0.75 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.01875rem; } .receipt__container .receipt__subtotal-group .receipt__subtotal-product-name { display: flex; flex-direction: column; } .receipt__container .receipt__subtotal-group .receipt__subtotal-product-description { color: #616161; margin-top: 0.25rem; } .receipt__container .receipt__subtotal-group .receipt__subtotal-expandable-groups { gap: 1rem; } .receipt__container .receipt__subtotal-group .receipt__subtotal-expandable-groups .checkbox { font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; color: #111111; } .receipt__container .receipt__subtotal-group .receipt__subtotal-expandable-groups .checkbox-input-container { height: unset; } .receipt__container .receipt__subtotal-group .receipt__subtotal-expandable-groups .checkbox-input i { display: none; } .receipt__container .receipt__subtotal-group .receipt__subtotal-expandable-groups .checkbox-input.selected i { display: block; } .receipt__container .receipt__subtotal-group .receipt__subtotal-expandable { gap: 0.5rem; display: flex; flex-direction: column; } .receipt__container .receipt__subtotal-group .receipt__subtotal-expandable .receipt__subtotal-label { cursor: pointer; } .receipt__container .receipt__subtotal-group .receipt__subtotal-expandable.expanded .receipt__subtotal-arrow { transform: rotate(180deg); } .receipt__container .receipt__subtotal-group .receipt__subtotal-expandable.expanded .receipt__subtotal-list { display: flex; flex-direction: column; gap: 0.5rem; } @media (max-width: 87.5rem) { .header__receipt--open { z-index: -1; } } @media (min-width: 48rem) { body:has(.receipt-page__content) #layout-grid #header { z-index: 102; } } @media (max-width: 87.5rem) { body #content.content__receipt--open { padding-top: 0; z-index: 101; top: 0; overflow: hidden; transition: top 0.3s ease-in-out; } } @media (max-width: 87.5rem) { .eta-notification--open { z-index: 0; } } .receipt__backdrop { opacity: 0.5; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; z-index: 210; display: none; overflow-y: hidden; } #s4d-receipt-content.receipt__content.affix { top: 0; position: unset; } @media (min-width: 87.5rem) { #s4d-receipt-content.receipt__content.affix { position: fixed; } } #s4d-receipt-content.receipt__content.affix-bottom { top: 0 !important; position: unset !important; } @media (min-width: 87.5rem) { #s4d-receipt-content.receipt__content.affix-bottom { position: fixed !important; } } @media (min-width: 87.5rem) { #s4d-receipt-content.receipt__content.affix-top { height: calc(100vh - 9.8125rem); } } @media (min-width: 48rem) { .receipt__container--dropdown-open { z-index: 203; } } .ecom2 #s4d-receipt-content.receipt__content.affix { top: 5rem; height: calc(100vh - 5rem); } .ecom2 #s4d-receipt-content.receipt__content.affix-bottom { top: 5rem !important; } .receipt-page__content { z-index: 101 !important; overflow-x: clip; } @media (min-width: 48rem) { .receipt-page__content { z-index: 100 !important; } } #receipt-page { width: 100vw !important; background-color: #fff; display: flex; flex-direction: column; margin: 0; } #receipt-page .container { min-height: 100%; } #receipt-page .receipt__container { transform: none !important; overflow: auto; } #receipt-page .receipt__container .receipt__content { overflow: auto; height: auto; min-height: 100%; } #receipt-page .receipt__container .receipt__product { display: grid; grid-template-areas: "header image" "description description" "summary summary" "alert alert"; } #receipt-page .receipt__container .receipt__product-header { grid-area: header; } #receipt-page .receipt__container .receipt__product-header-image-element { grid-area: image; } #receipt-page .receipt__container .receipt__product-description { grid-area: description; } #receipt-page .receipt__container .receipt__product-summary { grid-area: summary; } #receipt-page .receipt__container .receipt__product.complete-order-coupon-item { padding: 0; border: none !important; display: flex; flex-direction: column; margin-right: 0.625rem; margin-left: 0.625rem; } #receipt-page .receipt__container .receipt__product .complete-order-coupon-container { margin: 0.625rem 0.875rem; } @media (min-width: 48rem) { #receipt-page .receipt__container .receipt__product .complete-order-coupon-container { margin: 0.625rem 0rem; } } #receipt-page .receipt__container .receipt__upsell { margin-top: auto; } #receipt-page .receipt__container .receipt__checkout { border: 1px solid var(--pal-grayscale-200, #e8eef6); } #receipt-page .receipt__container .receipt__checkout--group { margin-bottom: calc(6.75rem + var(--mobile-bottom-safe-area-height)); } #receipt-page .receipt__container .receipt__checkout .receipt__store { display: none; } #receipt-page .receipt__container .receipt__checkout .receipt__back-button { display: block; } #receipt-page .receipt__container .receipt__checkout .receipt__footer { position: fixed; } #receipt-page .receipt__container .receipt__back-button { display: none; } #receipt-page .receipt__container .receipt__empty { padding-bottom: 6.75rem; margin: auto; } @media (min-width: 48rem) { #receipt-page { overflow-x: clip; min-height: 100% !important; } #receipt-page .receipt-page__content { z-index: 100 !important; } #receipt-page .container { height: 100%; } #receipt-page .receipt__container { width: 100%; min-height: 100%; position: unset; padding: 0.5rem 0 1.5rem 0; margin-left: unset; display: flex; overflow: clip; } #receipt-page .receipt__container .receipt__content { max-height: none; min-height: unset; display: grid; grid-template-columns: 60% 40%; grid-template-rows: auto auto 1fr; grid-template-areas: "back-button back-button" "header header" "products checkout"; background-color: #fff; border: none; overflow-y: clip; overflow: clip; } #receipt-page .receipt__container .receipt__content .receipt__back-button { padding: 1rem 0; grid-area: back-button; display: block; text-decoration: underline; cursor: pointer; position: sticky; top: 0rem; background-color: #fff; z-index: 100; } } @media (min-width: 48rem) and (min-width: 480px) { #receipt-page .receipt__container .receipt__content .receipt__back-button { top: 5rem; } } @media (min-width: 48rem) { #receipt-page .receipt__container .receipt__content .receipt__header { grid-area: header; height: auto; padding: 0; } #receipt-page .receipt__container .receipt__content .receipt__header span { padding: 0.5rem 0 1.5rem 0; font-size: 3.0625rem !important; font-style: normal !important; font-weight: 400 !important; line-height: 3.5rem !important; } #receipt-page .receipt__container .receipt__content .receipt__header .receipt__header__icon { display: none; } #receipt-page .receipt__container .receipt__content .receipt__body { grid-area: products; padding-right: 1rem; display: flex; flex-direction: column; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__alert { padding: 1rem 0rem; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product { margin-right: 0; border-radius: 1rem; border: 1px solid var(--pal-grayscale-200, #e8eef6); margin-bottom: 1rem; grid-template-areas: "image header" "image description" "image summary" "alert alert"; grid-template-columns: auto 1fr; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-header { flex-direction: row-reverse; height: auto; margin-bottom: 0.5rem; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-header-text { margin-right: auto; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-header-text-type { margin-top: 0; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-header-image-element { margin-left: 0; margin-right: 1rem; width: 6.5rem; height: 6.5rem; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-description { margin: 0; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-description-topping-span { margin-bottom: 0.25rem; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 1.125rem; letter-spacing: 0.015625rem; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-summary { margin-top: auto; flex-direction: row-reverse; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-summary-price { margin-right: 1rem; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product.complete-order-coupon-item { margin-right: 0; margin-left: 0; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__empty { background: var(--pal-grayscale-100, #f2f6fa); padding-bottom: 0; margin: 0; } #receipt-page .receipt__container .receipt__content .receipt__checkout { grid-area: checkout; margin-left: 1rem; position: sticky; top: 8.25rem; z-index: 2; margin-bottom: auto; border: none; } #receipt-page .receipt__container .receipt__content .receipt__checkout--group { border-radius: 1rem; border: 1px solid var(--pal-grayscale-200, #e8eef6); margin-bottom: 1rem; } #receipt-page .receipt__container .receipt__content .receipt__checkout .receipt__store { border-top: none; display: flex; } #receipt-page .receipt__container .receipt__content .receipt__checkout .receipt__store .receipt__store-info { width: 100%; padding: 0.75rem 0.25rem 0.75rem 0.75rem; align-self: stretch; border-radius: 0.75rem; background: var(--pal-grayscale-50, #f2f6fa); margin: 1.5rem; } #receipt-page .receipt__container .receipt__content .receipt__checkout .receipt__store-selection { width: 100%; margin: 1.5rem; padding: 0.5rem 0.25rem 0.5rem 0.75rem; background: var(--pal-grayscale-50, #f2f6fa); border-radius: 0.75rem; color: #009a44; h3-font-size: 1rem; h3-font-style: normal; h3-font-weight: 500; h3-line-height: 1.5rem; } #receipt-page .receipt__container .receipt__content .receipt__checkout--empty-basket-warning { display: none; border: 1px solid var(--pal-red-700, #f3001d); background-color: var(--pal-red-100, #ffebeb); padding: 1rem; border-radius: 0.5rem; } #receipt-page .receipt__container .receipt__content .receipt__store { display: none; } #receipt-page .receipt__container .receipt__content .receipt__upsell { border-top: none; border-radius: 1rem; margin-top: 0; height: auto; } #receipt-page .receipt__container .receipt__content .receipt__upsell-block { background-color: var(--pal-grayscale-100, #f2f6fa); padding-top: 1.5rem; } #receipt-page .receipt__container .receipt__content .receipt__upsell-block-body { display: flex; height: auto; } #receipt-page .receipt__container .receipt__content .receipt__upsell .receipt__upsell-block-header { display: none; } #receipt-page .receipt__container .receipt__content .receipt__upsell .receipt__upsell-inner-block-header { display: flex; margin-bottom: 0.25rem; } #receipt-page .receipt__container .receipt__content .receipt__upsell .receipt__upsell-scroll { flex-basis: auto; flex-grow: unset; flex-shrink: unset; } #receipt-page .receipt__container .receipt__content .receipt__upsell .receipt__upsell-scroll-product { padding-left: 0; } #receipt-page .receipt__container .receipt__content .receipt__upsell .receipt__upsell-scroll-product-image { width: 6.5rem; height: 6.5rem; } #receipt-page .receipt__container .receipt__content .receipt__upsell .receipt__upsell-scroll-product-inner { width: -webkit-fill-available; padding-right: 0.125rem; } #receipt-page .receipt__container .receipt__content .receipt__upsell .owl-stage { width: 100% !important; display: flex; } #receipt-page .receipt__container .receipt__content .receipt__upsell .owl-stage-outer { height: auto; } #receipt-page .receipt__container .receipt__content .receipt__upsell .owl-item { min-width: 100%; } #receipt-page .receipt__container .receipt__content .receipt__upsell .add-upsell-product-button { position: fixed; bottom: 0; right: 0; } #receipt-page .receipt__container .receipt__content .receipt__subtotal-group { border-top: none; margin-bottom: 0; } #receipt-page .receipt__container .receipt__content .receipt__subtotal-group .receipt__subtotal { border-bottom: none; } #receipt-page .receipt__container .receipt__content .receipt__subtotal-group .receipt__subtotal-expandable-groups { border-radius: 1rem; border: 1px solid var(--pal-grayscale-300, #CDD3E0); margin: 0 1rem; padding: 1rem; } #receipt-page .receipt__container .receipt__content .receipt__footer { position: static; border-radius: 0 0 1rem 1rem; box-shadow: none; } #receipt-page .receipt__container .receipt__content .receipt__footer .receipt__upper-footer { border-bottom: none; } #receipt-page .receipt__container .receipt__content .receipt__footer .receipt__bottom-footer .receipt__back-button { display: none; } #receipt-page .receipt__container .receipt__content .receipt__footer .receipt__bottom-footer .receipt__checkout-button { max-width: 100%; width: 100%; } } @media (min-width: 75rem) { #receipt-page .receipt__container .receipt__content { grid-template-columns: 70% 30%; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-description-edit { margin-top: auto; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product { grid-template-areas: "image header" "image description" "image summary" "alert alert"; position: relative; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-summary { grid-area: summary; flex-direction: row-reverse; position: absolute; right: 0; bottom: 0; margin: 0; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__product-summary-price { margin-right: 1rem; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__upsell .add-upsell-product-button { position: absolute; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__upsell-block-body { height: 7.6875rem; } #receipt-page .receipt__container .receipt__content .receipt__body .receipt__upsell .owl-stage-outer { height: 5.5rem; } } body.app-navigation-body:not(:has(#bottom-navigation-app)) #receipt-page .receipt__container { bottom: 4.0625rem; height: calc(100% - 4.0625rem); } body.app-navigation-body:not(:has(#bottom-navigation-app)) #receipt-page .receipt__container .receipt__footer { bottom: 4.0625rem; } .storeSelection-header { border-radius: 0rem; height: 3.5rem; border-bottom: 1px solid #ccc; box-shadow: none !important; } @media (min-width: 992px) { .storeSelection-header { height: 3rem; border-bottom: 0; } } .storeSelection-header .text-box { margin-left: auto; margin-right: auto; overflow: hidden; max-height: 15rem; } .storeSelection-header__close-button { background-color: transparent; position: absolute; z-index: 1; top: 1.338125rem; right: 1.338125rem; border: none; padding: unset; } @media (min-width: 992px) { .storeSelection-header__close-button { top: 0.338125rem; right: 0.338125rem; } } .storeSelection-header__close-button .storeSelection-header__icon { font-size: 0.875rem; color: #484848; } @media (min-width: 992px) { .storeSelection-header__close-button .storeSelection-header__icon { color: #009a44; } } .storeSelection-header__title { margin: 0; padding-top: 0; color: black; padding-bottom: 0.25rem; font-family: GothamV2; font-size: calc(1.125 * 1rem); font-style: normal; font-weight: 700; line-height: 1.375rem; letter-spacing: 0.009375rem; } @media (max-width: 992px) { .storeSelection-header__title { margin: 1rem 1.5rem; } } #StoreSelectionAddress .storeSelection-body { overflow-y: hidden; padding-bottom: 0; } #StoreSelectionAddress .storeSelection-body .s4d-change-store { display: flex !important; color: #009a44; width: max-content; background-color: transparent; font-weight: 700; margin-top: auto; padding: 0.625rem 0.625rem 0 0; float: left; } #StoreSelectionAddress .storeSelection-body .s4d-change-store:before { font-family: "Glyphicons Halflings"; content: "✏"; margin-right: 0.3125rem; float: left; color: inherit; } #StoreSelectionAddress .storeSelection-body .s4d-change-store:hover { color: #fcd500; } #StoreSelectionAddress.focus-in { padding-bottom: 0; } #StoreSelectionAddress.focus-in .popup-modal { height: 100%; } .storeSelection-body { height: calc(100% - 3.75rem); max-height: unset; border-radius: 0rem; display: flex; padding: 1.5rem 1.5rem 0 1.5rem; overflow-y: hidden; } @media (min-width: 992px) { .storeSelection-body { padding: 0rem; height: calc(100% - 3rem); } } .storeSelection-body .store-selector-box { position: sticky; top: 0rem; background-color: #fff; z-index: 1; } .storeSelection-body__store-selector { width: 100%; display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; } @media (min-width: 992px) { .storeSelection-body__store-selector { min-width: 21.25rem; max-width: 21.25rem; flex-grow: 0; flex-shrink: 0; flex-basis: 20rem; } } .storeSelection-body__store-selector #store-select-zipcode-search .input-group .form-control { height: 2.125rem; padding: 0.375rem 0.75rem; } .storeSelection-body__store-selector #store-select-zipcode-search .input-group .btn.btn-search { height: 2.125rem; } .storeSelection-body__store-selector .searchStore-pickup-body__search-bar { width: 100%; position: relative; } @media (min-width: 992px) { .storeSelection-body__store-selector .searchStore-pickup-body__search-bar { margin-right: 1.25rem; } } .storeSelection-body__store-selector .searchStore-pickup-body__search-bar .form-control { height: 2.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .storeSelection-body__store-selector .searchStore-pickup-body__search-bar .searchStore-pickup-body__input { text-indent: 1.5rem; } .storeSelection-body__store-selector .searchStore-pickup-body__search-bar input[type=search]::-webkit-search-cancel-button { height: 0.9375rem; width: 0.9375rem; margin-top: 0.125rem; margin-right: 0; background-color: #009a44; -webkit-mask: url(/Content/Images/icons/cross.svg) no-repeat 100%; mask: url(/Content/Images/icons/cross.svg); mask-repeat: no-repeat; cursor: pointer; } .storeSelection-body__store-selector .searchStore-pickup-body__search-bar .searchStore-pickup-body__icon { position: absolute; font-size: 1.375rem; color: #009a44; left: 0.8125rem; top: 0; margin-top: 0.1875rem; } .storeSelection-body__store-selector .searchStore-pickup-body__search-bar .searchStore-pickup-body__icon svg { width: 0.9375rem; height: 0.9375rem; fill: #009a44; } .storeSelection-body__store-selector .storeSelection-body__content { height: calc(100% - 4rem); color: #111111; } @media (min-width: 992px) { .storeSelection-body__store-selector .storeSelection-body__content { max-width: 20rem; } } .storeSelection-body__store-selector .storeSelection-body__content .address-panel .address-panel-row .s4d-address-search .s4d-button-transparent { background-color: transparent; border-color: transparent; text-decoration: underline; } .storeSelection-body__store-selector .storeSelection-body__content .address-panel .form-group { margin-left: -0.5rem; margin-right: -0.5rem; } .storeSelection-body__store-selector .storeSelection-body__content .address-panel .col-xs-3, .storeSelection-body__store-selector .storeSelection-body__content .address-panel .col-xs-4, .storeSelection-body__store-selector .storeSelection-body__content .address-panel .col-xs-6, .storeSelection-body__store-selector .storeSelection-body__content .address-panel .col-xs-8, .storeSelection-body__store-selector .storeSelection-body__content .address-panel .col-xs-12 { padding-left: 0.5rem; padding-right: 0.5rem; } .storeSelection-body__store-selector .storeSelection-body__content .address-panel .has-error .form-control { border-color: #da291c; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-cross.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .storeSelection-body__store-selector .storeSelection-body__content .address-panel .has-success .form-control { border-color: #616161; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-tick.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .storeSelection-body__store-selector .storeSelection-body__content .address-panel .field-validation-error { position: relative; left: 0; bottom: 0; padding: 0.5rem 0 1px; font-size: 0.75rem; line-height: 1rem; white-space: normal; color: #da291c; background-color: transparent; border-radius: 0.1875rem 0.1875rem 0 0; z-index: 10; } .storeSelection-body__store-selector .storeSelection-body__content .select-store-view { padding: 1rem; border: none; background-color: #fafafa !important; position: relative; text-overflow: ellipsis; box-shadow: none; white-space: normal; } .storeSelection-body__store-selector .storeSelection-body__content .select-store-view span { font-size: 0.875rem; } .storeSelection-body__store-selector .storeSelection-body__content .select-store-view .storeSelection__list-item-row--inline { display: inline; } .storeSelection-body__store-selector .storeSelection-body__content .select-store-view .storeList__phoneNumber { margin: 0.25rem 0 0.25rem 0; color: #009a44; font-weight: 700; } .storeSelection-body__store-selector .storeSelection-body__content .control-label { font-size: 0.75rem; line-height: 1rem; } .storeSelection-body__store-selector .storeSelection-body__content .control-label label { font-weight: 400; } .storeSelection-body__store-selector .storeSelection-body__content .form-control { color: #111111; } .storeSelection-body__store-selector .storeSelection-body__content .row { height: 100%; width: 100%; margin: 0; } .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box { height: calc(100% - 3.0625rem); border: none; margin-bottom: 0.5rem; } .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box .s4d-scroll-content { overflow-y: auto; overflow-x: hidden; } .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box .s4d-scroll-content a { padding: 1rem; border: none; background-color: #fafafa !important; position: relative; text-overflow: ellipsis; box-shadow: none; white-space: normal; } .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box .s4d-scroll-content a span { font-size: 0.875rem; } .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box .s4d-scroll-content a .storeList__phoneNumber { margin: 0.25rem 0 0.25rem 0; color: #009a44; font-weight: 700; } .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box .s4d-scroll-content a .storeSelection__list-item-row--inline { display: inline; } .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box .s4d-scroll-content a .s4d-icons { color: #009a44; position: absolute; right: 1.035625rem; top: calc(50% - 0.9375rem); font-size: 1.875rem; } .storeSelection-body__store-selector .storeSelection-body__button-container { display: flex; justify-content: flex-end; max-width: inherit; width: 100%; } .storeSelection-body__store-selector .storeSelection-body__button-container button { margin-left: 0.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 50%; } .storeSelection-body__store-selector .s4d-tab-navigation { border-radius: 1.5rem; background: #f4f4f4; min-height: 2.5rem; height: fit-content; margin-bottom: 1.5rem; overflow: hidden; list-style: none; display: flex; padding: unset; padding-bottom: 0.1875rem; padding-top: 0.1875rem; width: 100%; } @media (min-width: 992px) { .storeSelection-body__store-selector .s4d-tab-navigation { width: 20rem; } } .storeSelection-body__store-selector .s4d-tab-navigation li { line-height: 1; color: #ffffff; cursor: pointer; transition: color 250ms ease-in-out; margin: 0; width: 50%; height: fit-content; min-height: 2.125rem; margin-bottom: auto; margin-top: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 992px) { .storeSelection-body__store-selector .s4d-tab-navigation li { width: 13rem; } } .storeSelection-body__store-selector .s4d-tab-navigation li.active { border-radius: 1.5rem; background: #ffffff; filter: drop-shadow(0.125rem 0.125rem 0.5rem #d1d1d1); height: fit-content; min-height: 2.125rem; width: calc(50% - 0.1875rem); } @media (min-width: 992px) { .storeSelection-body__store-selector .s4d-tab-navigation li.active { width: 12.8125rem; } } .storeSelection-body__store-selector .s4d-tab-navigation li.active a { color: #009a44; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.00625rem; border: none; } .storeSelection-body__store-selector .s4d-tab-navigation li a { color: #111111; font-family: GothamV2; font-size: calc(0.875 * 1rem); font-style: normal; font-weight: 200; line-height: 1.125rem; letter-spacing: 0.015625rem; display: block; text-decoration: none; } .storeSelection-body__store-selector .s4d-tab-navigation #storeSelection-select-delivery-tab.active { border-right: none; margin-left: 0.1875rem; } .storeSelection-body__store-selector .s4d-tab-navigation #storeSelection-select-pickup-tab.active { border-left: none; margin-right: 0.1875rem; } .storeSelection-body__map-container { position: fixed; top: 100%; left: 0; height: 100%; width: 100%; display: none; } @media (min-width: 992px) { .storeSelection-body__map-container { top: unset; height: unset; position: unset; left: unset; display: block; margin-left: 1.375rem; width: 100%; } } .storeSelection-body__map-container--map-store-selector { width: 100%; height: 100%; margin: 0; } .storeSelection-popup-modal { overflow-y: hidden; border-radius: 0rem; width: 100%; height: 100%; } @media (min-width: 992px) { .storeSelection-popup-modal { margin-top: 1.875rem; width: 61rem; height: 40rem; border-radius: 0.25rem; padding: 2.5rem; } } .store-selection__new-address .modal-footer { display: flex; flex-direction: row; justify-content: center; } @media (min-width: 767px) { .store-selection__new-address .modal-footer { justify-content: flex-end; } } .store-selection__new-address .modal-footer > .btn { height: 2.375rem; } .address-book__container { margin-top: 1rem; } .address-book__address-row { margin-top: 0.5rem; display: flex; } @media (max-width: 992px) { .address-book__address-row { flex-direction: column; } } .address-book__address-block { width: 100%; height: 4.375rem; background: #fafafa; border-radius: 0.25rem; padding: 1rem; display: flex; align-items: center; justify-content: space-between; } .address-book__address-block:hover .address-book__icon, .address-book__address-block:hover .address-book__label--title, .address-book__address-block:hover .address-book__label--select, .address-book__address-block:focus .address-book__icon, .address-book__address-block:focus .address-book__label--title, .address-book__address-block:focus .address-book__label--select { color: #009a44; } .address-book__address-block.active { border-left: 0.25rem solid #009a44; padding-left: 0.75rem; } .address-book__address-block.active .address-book__select-block { display: none; } .address-book__address-block.active .address-book__icon--checked { display: block; } .address-book__label { color: #616161; margin: 0; } .address-book__label-block { min-width: 0; text-align: start; } .address-book__label--title { margin-bottom: 0.25rem !important; } .address-book__label--address { align-self: center; text-align: start; vertical-align: middle; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 0 !important; } .address-book__label--select { text-decoration: underline; text-underline-offset: 0.125rem; } .address-book__icon { color: #616161; } .address-book__icon--checked { display: none; color: #009a44; margin-left: 0.5rem; } .address-book__address-list-container { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; padding: 0; margin-top: 1rem; } @media (max-width: 992px) { .address-book__address-list-container { max-height: 12.8125rem; overflow-y: auto; } } .address-book__address-list-container .address-book__address-row:first-of-type { margin-top: 0; } .address-book__address-list-container--collapsed .address-book__address-list-header { margin-bottom: 0; } .address-book__address-list-container--collapsed .address-book__address-list-header .address-book__icon { transform: rotate(180deg); } .address-book__address-list-container--collapsed .address-book__address-list { display: none; } @media (min-width: 767px) { .address-book__address-list { height: 9.25rem; overflow-y: auto; } } .address-book__address-list-header { color: #616161; display: flex; align-items: center; justify-content: space-between; padding-right: 0.3125rem; cursor: pointer; padding-bottom: 1rem; padding-top: 1rem; position: sticky; top: 0; background: #ffffff; } .address-book__address-list-header:hover, .address-book__address-list-header:focus { color: #009a44; text-decoration: none; } .address-book__address-list-header:hover .address-book__icon, .address-book__address-list-header:focus .address-book__icon { color: #009a44; } .address-book__address-list-header .address-book__icon { font-size: 0.625rem; } .address-book__new-address-container { padding-left: 0.625rem; margin-top: 1.375rem; } .address-book__new-address-container a { color: #616161; cursor: pointer; } .address-book__new-address-container a:hover, .address-book__new-address-container a:focus { text-decoration: none; } .address-book__new-address-container a:hover .address-book__icon, .address-book__new-address-container a:hover span, .address-book__new-address-container a:focus .address-book__icon, .address-book__new-address-container a:focus span { color: #009a44; } .address-book__new-address-container a span { text-decoration: underline; text-underline-offset: 0.125rem; } .address-book__new-address-container .address-book__icon { margin-right: 0.375rem; } .address-book__save-address-container { display: flex; margin-bottom: 1.25rem; } .address-book__save-address-container .simple-switch__container { height: 1rem; width: 2rem; } .address-book__save-address-container .simple-switch__container .simple-switch__slider:before { width: 0.625rem; height: 0.625rem; top: 0.1875rem; left: 0.1875rem; } .address-book__save-address-container .simple-switch__container .simple-switch__input:checked ~ .simple-switch__slider:before { transform: translateX(1rem); } .address-book__save-address-container p { margin-left: 0.5rem; margin-bottom: 0; } .address-book__select-block { display: flex; align-items: center; margin-left: 0.5rem; } .address-book__select-block .address-book__icon { margin-left: 0.5rem; } @media (max-width: 992px) { #notification-box { padding: 0; width: 100%; } } #notification-box .notification-content { display: flex; flex-direction: column; background-color: #f4f4f4; margin-bottom: 3.0625rem; } #notification-box .notification-content .notification-body { display: flex; margin: 1rem 1rem 0 1rem; } #notification-box .notification-content .notification-body img { width: 4rem; height: 4rem; margin-right: 1rem; } #notification-box .notification-content .notification-body .notification-description { flex-grow: 2; } #notification-box .notification-content .notification-body .notification-description .description-header { margin: 0 0 0.25rem 0; } #notification-box .notification-content .notification-body .notification-description .description-content { margin-top: 0.25rem; font-weight: 400; font-size: 0.75rem; } #notification-box .notification-content .notification-body .close-icon { width: 0.875rem; height: 0.875rem; margin: 0.25rem; cursor: pointer; } #notification-box .notification-content .notification-footer { display: flex; justify-content: flex-end; } #notification-box .notification-content .notification-footer .accept-button { font-weight: 400; font-size: 0.875rem; color: #009a44; border-bottom: 1px solid; margin: 0.5rem 1.75rem 0.6875rem 0; cursor: pointer; } /* Only import this file if you want to use App Navigation */ .hidden { display: none; } @media (max-width: 991px) { .hidden-footer-container { display: none; } .fixed-height { height: 3.125rem; } } .fixed-component-resize { height: calc(100% - 4.0625rem) !important; } @media (min-width: 480px) { #app-navigation { display: none !important; } } @media (max-width: 991px) { #app-navigation { min-height: 4.0625rem; padding: 0.75rem 0; display: block; position: fixed; bottom: 0; left: 0; right: 0; z-index: 2000; background: #ffffff; box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.2), 0 0 0.3125rem 0 rgba(0, 0, 0, 0.2); } #app-navigation .shopping-cart-notification { position: absolute; font-size: 0.75rem; width: 1.1875rem; height: 1.1875rem; right: -0.1875rem; top: -0.4375rem; font-weight: 700; border-radius: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #111111; color: #ffffff; } #app-navigation .shopping-cart-notification-active { background-color: #009a44; border-color: #009a44; } #app-navigation .icon { width: 1.5rem; height: 1.5rem; margin: 0; } #app-navigation .empty-description { top: 0.6875rem; } #app-navigation .navigation-link { display: block; z-index: 1; } #app-navigation .navigation-object { z-index: -1; pointer-events: none; } #app-navigation .s4d-app-navigation { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; -ms-flex-pack: space-evenly; } #app-navigation .s4d-app-navigation .s4d-app-navigation-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; position: relative; font-size: 1.125rem; color: initial; text-align: center; } #app-navigation .s4d-app-navigation .s4d-app-navigation-link:hover, #app-navigation .s4d-app-navigation .s4d-app-navigation-link:focus { text-decoration: none; } #app-navigation .s4d-app-navigation .s4d-app-navigation-link svg { width: 1.5rem; height: 1.5rem; fill: #009a44; color: #009a44; } #app-navigation .s4d-app-navigation .s4d-app-navigation-link img { width: 1.5rem; height: 1.5rem; } #app-navigation .s4d-app-navigation .s4d-app-navigation-link .s4d-app-link-title { font-size: 0.6875rem; text-align: center; } #app-navigation .s4d-app-navigation .s4d-app-navigation-active-icon { color: #009a44; } #app-navigation .s4d-app-navigation .s4d-app-navigation-active-icon img { filter: invert(37%) sepia(52%) saturate(5633%) hue-rotate(136deg) brightness(95%) contrast(104%); } #app-navigation .s4d-app-navigation .s4d-app-navigation-active-icon > #profile-image { filter: initial; border: 0.125rem solid #009a44; } #app-navigation .s4d-user-image { vertical-align: unset; } .s4d-header.app-navigation { background: #ffffff; min-height: fit-content; border: none; } .s4d-header.app-navigation #toggle-menu-btn, .s4d-header.app-navigation #toggle-navigation { display: none !important; } .s4d-header.app-navigation .container:before { display: none; } } @media (max-width: 991px) and (max-width: 991px) { .s4d-header.app-navigation .app-navigation-divider { margin: 0; border: 1px solid #cccccc; } } @media (max-width: 991px) and (min-width: 992px) { .s4d-header.app-navigation .app-navigation-divider { display: none; } } @media (max-width: 61.9375rem) { .app-navigation-body { position: fixed; top: 0; bottom: 0; } .app-navigation-body .modal { padding-bottom: 4.0625rem; } .app-navigation-body .modal .modal-dialog { height: 100%; min-height: 100%; } .app-navigation-body .modal .modal-dialog .modal-body { padding-bottom: 4.0625rem; } .app-navigation-body .modal .popup-modal .register__body { padding-bottom: 4.0625rem; } .app-navigation-body .modal .popup-modal .login__body { padding-bottom: 4.0625rem; } .app-navigation-body .modal .popup-modal .coupon-configurator__xtasty--container { padding-bottom: 4.0625rem; } .app-navigation-body .modal .popup-modal product-listing__container { padding-bottom: 4.0625rem; } .app-navigation-body .modal .popup-modal .coupon-configurator__xtasty__footer { bottom: 4.0625rem; } .app-navigation-body:not(.ecom2) #content { position: absolute; top: 3.5rem; bottom: 4.0625rem; } .app-navigation-body #content { overflow-y: scroll; transition: top 0.3s, padding-top 0.3s; } .app-navigation-body #left-mobile-menu { padding-bottom: 4.0625rem; } .app-navigation-body--with-product-groups #content { top: 3.25rem; padding-top: 3.5rem; position: fixed; max-height: 100%; } .app-navigation-body--without-header #content { top: 0; } .app-navigation-body #actions-layout-partial { padding: 0 0.625rem; } .app-navigation-body .s4d-order-tracking-toast-with-navigation { bottom: 5.0625rem; } .app-navigation-body .custom-product-v3__all-toppings__footer { bottom: 4.0625rem; } .app-navigation-body #XTastyOrderBlock { margin-bottom: 4.0625rem; } .app-navigation-body #CustomPizzaOrderBlock { margin-bottom: 4.0625rem; } .app-navigation-body .product-listing__container { padding-bottom: 4.0625rem; } .app-navigation-body .coupon-configurator__product-toppings { padding-bottom: 4.0625rem; } .app-navigation-body #main-content { margin-bottom: calc(5rem + var(--mobile-bottom-safe-area-height)); } } .app-header { background-color: #009a44; min-height: 3.5rem; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 3; color: white; } .app-header__text { display: flex; align-items: center; margin: 0rem 0rem 0rem 0.5rem; font-size: 1rem; line-height: 1.25rem; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } .app-header__cheveron-down-icon { fill: #ffffff; height: 1.3125rem; width: 1.3125rem; min-width: 1.3125rem; margin-left: 0.5rem; margin-right: auto; } .app-header__icon-container { display: flex; height: 2.5rem; flex-direction: column; justify-content: space-between; align-items: center; min-width: 2.8125rem; text-align: center; text-decoration: none; cursor: pointer; } .app-header__icon-container:hover { text-decoration: none; } .app-header__icon-container > :first-child { margin-top: auto; margin-bottom: auto; } .app-header__icon { fill: #ffffff; color: #ffffff; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 1.5rem; vertical-align: middle; } .app-header__icon-text { font-size: 0.625rem; line-height: 0.875rem; font-weight: 400; color: #ffffff; } .app-header__icon-profile-fb { width: 1.5rem; border-radius: 100%; } .app-header__basket-container { margin-right: 0.3125rem; } .app-header__right-container { display: flex; align-items: center; padding-right: 0.5rem; } .app-header__shopping-cart-notification { color: #009a44 !important; background-color: white !important; } .app-header-checkout { background-color: white; height: 3.5rem; display: flex; align-items: center; position: sticky; top: 0; z-index: 3; } .app-header-checkout__text { margin: 0rem; flex: 1; } .app-header-checkout__icon { font-size: 1rem; min-width: 3.125rem; text-align: center; color: #009a44; } .app-header-checkout__spacing { min-width: 3.125rem; } .app-header-simple { background-color: white; height: 3.5rem; display: flex; position: sticky; top: 0; z-index: 3; align-items: center; } .app-header-simple__text { margin: 0rem; text-align: left; margin-left: 1.5625rem; } .app-header-category-menu { background-color: white; height: 3.5rem; display: flex; align-items: center; position: sticky; top: 0; z-index: 3; transition: height 0.3s ease; } .app-header-category-menu__text { margin: 0rem; flex: 1; transition: all 0.3s ease; } .app-header-category-menu__icon { font-size: 1rem; min-width: 3.125rem; text-align: center; color: #009a44; transition: all 0.3s ease; } .app-header-category-menu__spacing { min-width: 3.125rem; } .app-header-category-menu--hidden { height: 0; border: none; } .app-header-category-menu--hidden .app-header-category-menu__icon { opacity: 0; overflow: hidden; } .app-header-category-menu--hidden .app-header-category-menu__text { opacity: 0; overflow: hidden; } .app-header-category-menu--bordered { border-bottom: 1px solid #cccccc; } .app-header-wo-burger { padding-left: 0.75rem; } .s4d-flex-space-between { display: flex; justify-content: space-between; } .webapp-layout__section-title { font-size: 1.125rem; font-weight: 700; line-height: 1.375rem; letter-spacing: 0.009375rem; margin-bottom: 1.25rem; } .webapp-layout__category-title { font-size: 1rem; font-weight: 700; letter-spacing: 0.00625rem; color: #111111; text-decoration: none; display: flex; align-items: center; } .webapp-layout__category-title:hover { color: #111111; text-decoration: none; } .webapp-layout__productgroup-title { font-family: Tungsten; font-size: 2.25rem; line-height: 2.25rem; letter-spacing: 0.015625rem; margin-bottom: 1.25rem; text-transform: uppercase; } .webapp-layout__overview-list { margin-top: 0.625rem; margin-right: inherit; margin-left: inherit; } .webapp-layout__overview-list:first-of-type { margin-top: 1.5rem; } @media (max-width: 992px) { .webapp-layout__overview-list .col-sm-6 { width: inherit; float: none; } } .webapp-layout__category-block { height: 10rem; min-width: 8.4375rem; width: 50%; float: left; margin-bottom: 0.625rem; cursor: pointer; } .webapp-layout__category-block:nth-child(even) { padding-left: 0.625rem; } .webapp-layout__category-block:nth-child(odd) { padding-right: 0.625rem; } .webapp-layout__category-image { width: 100%; max-height: 8.25rem; } .webapp-layout__category-image img { height: inherit; max-height: inherit; max-width: 100%; } .webapp-layout__category-icon { margin-right: 0.3125rem; font-size: 1.25rem; width: 1.25rem; height: 1.25rem; align-self: flex-start; } .webapp-layout__search-block { display: flex; align-items: center; cursor: pointer; } .webapp-layout__search-block .webapp-layout__search-icon { font-size: 1.5rem; fill: #009a44; } .webapp-layout__search-block .webapp-layout__search-btn { margin-left: auto; } .webapp-layout__search-block .webapp-layout__search-btn:hover { text-decoration: none; color: #009a44; } .webapp-layout__brandbox-block { margin: 0 -1.25rem 1.5625rem -1.25rem; } .webapp-layout__mobile-menu { background-color: #ffffff; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; } .webapp-layout__mobile-menu::-webkit-scrollbar { display: none; } .webapp-layout__mobile-menu ul { height: inherit; margin: 0; display: flex; justify-content: flex-start; width: fit-content; min-width: 100%; padding: 0 0.9375rem; align-items: center; box-shadow: inset 0 -0.25rem 0 #f4f4f4; } .webapp-layout__mobile-menu li { list-style: none; font-weight: 700; padding: 0 0.9375rem; white-space: nowrap; height: inherit; line-height: 3.25rem; cursor: pointer; } .webapp-layout__mobile-menu li[class*="--active"]::after, .webapp-layout__mobile-menu li.active::after { content: ""; position: relative; height: 0.25rem; background-color: #009a44; display: block; margin-left: -0.9375rem; margin-top: -0.25rem; border-radius: 1.25rem; width: calc(100% + 1.875rem); } .webapp-layout__mobile-menu li[class*="--active"] a, .webapp-layout__mobile-menu li.active a { color: #009a44; } .webapp-layout__mobile-menu a { color: #616161; font-size: 1rem; line-height: 1.25rem; } .webapp-layout__mobile-menu a:hover { text-decoration: none; } .feedback-modal__dialog { margin: auto; display: grid; align-items: center; overflow-y: auto; } .feedback-modal__content { margin: 1.5rem; padding: 1rem; text-align: center; border-radius: 0.25rem; } .feedback-modal__header { display: flex; justify-content: flex-end; } .feedback-modal__close { text-decoration: none !important; width: 2.5rem; height: 2.5rem; text-align: center; display: flex; align-items: center; justify-content: center; } .feedback-modal__image { max-height: 13rem; max-width: 15.5rem; width: calc(100% - 1rem); margin: 0.5rem 0.5rem 1.5rem; } .feedback-modal__image-main { content: url(/Content/Themes/NYP/Images/logo.svg); } .feedback-modal__image-bad { content: url(/Content/Themes/NYP/Images/logo.svg); } .feedback-modal__image-good { content: url(/Content/Themes/NYP/Images/logo.svg); } .feedback-modal__main-text { font-family: Tungsten; font-size: 1.875rem; margin: 0.5rem; font-weight: normal; } .feedback-modal__text { margin: 0.5rem; } .feedback-modal__thumbs-icon { width: 3rem; height: 3rem; margin: 0.5rem 0.75rem; } .feedback-modal__thumbs-up-icon { content: url(/Content/Themes/Default/Images/feedback/FeedbackThumbsUp.svg); } .feedback-modal__thumbs-down-icon { content: url(/Content/Themes/Default/Images/feedback/FeedbackThumbsDown.svg); } .feedback-modal__button { margin: 0.25rem; } .profile-screen-popup-modal { overflow-y: hidden; border-radius: 0rem; width: 100%; } @media (min-width: 992px) { .profile-screen-popup-modal { margin-top: 1.875rem; width: 61rem; height: 40rem; border-radius: 0.25rem; padding: 2.5rem; } } .profile-screen-popup-modal .profile-screen-header { border-radius: 0rem; height: 3.5rem; border-bottom: 1px solid #fafafa; } .profile-screen-popup-modal .profile-screen-header .profile-screen-header__close-button { background-color: transparent; position: absolute; z-index: 1; top: 1.338125rem; right: 1.338125rem; border: none; padding: unset; } .profile-screen-popup-modal .profile-screen-header .profile-screen-header__close-button .profile-screen-header__icon { font-size: 0.875rem; color: #009a44; } .profile-screen-popup-modal .profile-screen-header .text-box { margin-left: auto; margin-right: auto; overflow: hidden; max-height: 15rem; } .profile-screen-popup-modal .profile-screen-header__title { margin: 0; padding-top: 0; font-weight: 700; font-size: 1.125rem; line-height: 1.5rem; color: black; padding-bottom: 0.25rem; } @media (max-width: 992px) { .profile-screen-popup-modal .profile-screen-header__title { margin: 1rem 1.5rem; } } .profile-screen-popup-modal .profile-screen-body { padding: 0 1.5rem; display: flex; flex-direction: column; max-height: initial; height: 100%; } .profile-screen-popup-modal .profile-screen-body-profile { padding: 1rem 0; display: inline-flex; flex-direction: row; border-bottom: 1px solid #dfdfdf; } .profile-screen-popup-modal .profile-screen-body-profile__image { width: 3rem; height: 3rem; border-radius: 50%; position: relative; margin-right: 0.625rem; } .profile-screen-popup-modal .profile-screen-body-profile__name { font-size: 1.125rem; letter-spacing: 0.009375rem; line-height: 3rem; margin: 0; padding-left: 0.625rem; } .profile-screen-popup-modal .profile-screen-body ul { list-style-type: none; padding-left: 1.25rem; } .profile-screen-popup-modal .profile-screen-body .icon { width: 1.5rem; height: 1.5rem; margin: 0; } .profile-screen-popup-modal .profile-screen-body .divider { border-top: 1px solid #dfdfdf; } .profile-screen-popup-modal .profile-screen-body__link { display: flex; align-items: center; padding: 1.125rem 0; color: #111111; } .profile-screen-popup-modal .profile-screen-body__link:hover { text-decoration: none; } .profile-screen-popup-modal .profile-screen-body__link-text { font-style: normal; font-weight: 700; font-size: 0.875rem; line-height: 1.25rem; padding-left: 0.625rem; letter-spacing: 0.00625rem; text-overflow: ellipsis; overflow: hidden; } .profile-screen-popup-modal .profile-screen-body__link .s4d-chevron-right { margin-left: auto; font-size: 1.5rem; } .profile-screen-popup-modal .profile-screen-body__link .loyalty-navigation-link__points { margin-left: auto; font-size: 1.5rem; } .app-store-header { text-align: center; } .app-store-badge-conatiner { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .app-store-android-badge { height: 3.75rem; min-height: 2.5rem; } .app-store-apple-badge { height: 3.75rem; min-height: 2.5rem; padding: 0.625rem; } .app-store-huawei-badge { height: 3.75rem; min-height: 2.5rem; padding: 0.625rem; } .app-store-legal-notice { margin-top: auto; text-align: center; padding-top: 1.25rem; } .btn-primary { border-radius: 1.5625rem; height: 2.25rem; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); padding-top: 0; padding-bottom: 0; line-height: 2.25rem; } .btn-primary:hover { background-color: #fff; color: #009a44; } .btn-primary font { vertical-align: center !important; } .add-custompizza-product-button, .add-x-tasty-product-button { height: 2.25rem; line-height: 0.9375rem; } select.s4d-dropdown { height: 2.25rem; line-height: 1rem; border-radius: 0.625rem; border: none; border-bottom: solid 1px #fafafa; padding: 0 0.9375rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/Content/Themes/NYP/Images/cheveron-down.svg); background-repeat: no-repeat; background-position: calc(100% - 0.625rem) center; background-size: 0.9375rem; box-shadow: 0 1px 1px 0rem rgba(0, 0, 0, 0.25); font-weight: normal; color: #111111; } select.s4d-dropdown:focus { outline: none; } .s4d-product-amount { border: solid 1px #f4f4f4; border-radius: 1.5625rem; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); display: flex; line-height: 2.5rem; height: 2.5rem !important; max-width: 4.5rem !important; } .s4d-product-amount a { background-color: transparent !important; } .s4d-product-amount .s4d-product-amount-minus, .s4d-product-amount .s4d-product-amount-plus, .s4d-product-amount .s4d-custom-product-amount-minus, .s4d-product-amount .s4d-custom-product-amount-plus { width: 2.5rem !important; height: 2.5rem !important; border: none; line-height: 2.5rem !important; color: #009a44 !important; } .s4d-product-amount .s4d-product-amount-minus--disabled, .s4d-product-amount .s4d-product-amount-plus--disabled, .s4d-product-amount .s4d-custom-product-amount-minus--disabled, .s4d-product-amount .s4d-custom-product-amount-plus--disabled { color: #ccc !important; pointer-events: none; width: 2.5rem !important; height: 2.5rem !important; border: none; line-height: 2.5rem !important; } .s4d-product-amount .s4d-product-amount-minus i, .s4d-product-amount .s4d-product-amount-plus i, .s4d-product-amount .s4d-custom-product-amount-minus i, .s4d-product-amount .s4d-custom-product-amount-plus i { left: 0 !important; } .s4d-product-amount .s4d-product-amount-value, .s4d-product-amount .s4d-custom-product-amount-value { line-height: 2.5rem !important; color: #000; font-weight: 700; } .s4d-product-amount .glyphicon-minus::before { content: "-"; font-family: Gotham; font-size: 1rem; } .s4d-product-amount .glyphicon-plus::before { content: "+"; font-family: Gotham; font-size: 1rem; } .s4d-products .s4d-product { box-shadow: none; grid-template-columns: 10.125rem auto; padding: 0; border-bottom: solid 1px #ccc !important; } @media (min-width: 64rem) { .s4d-products .s4d-product { flex-direction: row; } } .s4d-products .s4d-product__lowest-price { font-size: 0.8125rem; line-height: 1.75rem; color: #484848; } @media (min-width: 48rem) { .s4d-products .s4d-product__lowest-price { display: none !important; } } .s4d-products .s4d-product__lowest-price__value { padding-left: 0.3125rem; font-weight: 700; color: #111111; height: 1.75rem; } .s4d-products .s4d-product .s4d-product-properties { text-align: start; top: 7.6875rem; left: 0.3125rem; } .s4d-products .s4d-product .s4d-product-properties .s4d-product-property { background-color: white; width: 1.5625rem; height: 1.5625rem; border-radius: 1.5625rem; } .s4d-products .s4d-product .s4d-product-image, .s4d-products .s4d-product .s4d-product-img { min-width: 9.5rem; width: 9.5rem !important; height: 9.5rem !important; border-radius: 0.625rem 0; object-position: unset !important; overflow: hidden; margin-right: 0; } @media (min-width: 64rem) { .s4d-products .s4d-product .s4d-product-image, .s4d-products .s4d-product .s4d-product-img { padding: 0 !important; min-width: unset; } } .s4d-products .s4d-product .s4d-product-image img, .s4d-products .s4d-product .s4d-product-image .s4d-product-img, .s4d-products .s4d-product .s4d-product-img img, .s4d-products .s4d-product .s4d-product-img .s4d-product-img { background-image: linear-gradient(rgb(52, 69, 86), rgb(35, 51, 67)); object-fit: cover; width: 100%; } .s4d-products .s4d-product .s4d-action-badge { left: 0.3125rem; top: 0.3125rem; } .s4d-products .s4d-product .s4d-product-decription { max-width: 60%; display: flex; flex-direction: column; padding: 0 0 0 1.5625rem; font-size: 0.875rem; min-height: 9.5rem; } .s4d-products .s4d-product .s4d-product-decription.small { min-height: unset; } @media (min-width: 64rem) { .s4d-products .s4d-product .s4d-product-decription { max-width: unset; margin-top: 0; text-align: start; } } .s4d-products .s4d-product .s4d-product-decription h3 { height: auto; white-space: normal; } .s4d-products .s4d-product .s4d-product-decription p { padding: 0; max-width: unset; } .s4d-products .s4d-product .s4d-product-decription a:focus, .s4d-products .s4d-product .s4d-product-decription a:hover { text-decoration: none; color: #fcd500; } .s4d-products .s4d-product .s4d-product-decription a:focus svg, .s4d-products .s4d-product .s4d-product-decription a:hover svg { fill: #fcd500; } .s4d-products .s4d-product .s4d-product-decription .s4d-edit-pizza { display: flex !important; color: #009a44; width: max-content; background-color: transparent; font-weight: 700; margin-top: auto; padding: 0.625rem 0.625rem 0 0; } .s4d-products .s4d-product .s4d-product-decription .s4d-edit-pizza:before { font-family: "Glyphicons Halflings"; content: "✏"; margin-right: 0.3125rem; float: left; color: inherit; } .s4d-products .s4d-product .s4d-product-decription .s4d-edit-pizza:hover { color: #fcd500; } .s4d-products .s4d-product .s4d-product-controls { grid-area: 2/1/2/3; display: flex; padding-top: 1.25rem; margin-bottom: 0.9375rem; align-items: center; } .s4d-products .s4d-product .s4d-product-controls .s4d-edit-pizza { display: none; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options label { display: none; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-amount { display: none !important; margin: 0; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options { padding: 0; margin: 0; width: 100%; } .s4d-products .s4d-product .s4d-product-controls .s4d-product-options .s4d-dropdown { margin-top: 0; } .s4d-products .s4d-product .s4d-product-controls .s4d-menu-overview-product-btn-block { padding-left: 0.9375rem; } .s4d-products .s4d-product .s4d-product-controls .s4d-product__lowest-price { white-space: nowrap; margin-right: 0.625rem; } @media (min-width: 48rem) { .s4d-products .s4d-product .s4d-product-controls .s4d-product__lowest-price { display: inline-flex !important; align-items: center; } } @media (max-width: 767px) { .s4d-products .s4d-product .s4d-product-controls.s4d-product-controls-dt-zs { display: none; } } .s4d-products .s4d-product .s4d-product-controls.s4d-product-controls-dt-zs .btn-primary { min-width: calc(100% - 11.0625rem); width: fit-content; margin-left: auto; } @media (max-width: 767px) { .s4d-products .s4d-product .s4d-product-controls.s4d-product-controls-dt-zs .btn-primary { white-space: normal; height: fit-content; line-height: 1.25rem; } } .s4d-products .s4d-product .s4d-product-upsell { background-color: #f4f4f4; margin-right: 0; margin-left: 0; padding: 0.9375rem 0.9375rem 0.9375rem 0; height: auto; margin-top: 0; } .s4d-products .s4d-product .s4d-product-upsell .s4d-product-image { position: unset; margin-right: 0; height: auto; width: 4.75rem !important; height: auto !important; min-width: unset; } .s4d-products .s4d-product .s4d-product-upsell .s4d-product-image img { background-image: unset; width: auto; } .s4d-products .s4d-product .s4d-product-upsell .s4d-upsell-inner { padding: 0; } .s4d-products .s4d-product .s4d-product-upsell .s4d-upsell-inner .s4d-upsell-amount { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16) !important; height: 2.0625rem !important; line-height: 2.0625rem; } .s4d-products .s4d-product .s4d-product-upsell .s4d-upsell-inner .s4d-upsell-amount a, .s4d-products .s4d-product .s4d-product-upsell .s4d-upsell-inner .s4d-upsell-amount span { line-height: 2.0625rem !important; } .s4d-products .s4d-product .s4d-product-upsell .s4d-upsell-inner .add-upsell-product-quantity-button { height: 2.0625rem; border-radius: 1.5rem; box-shadow: none; border: 1px solid #009a44; color: #009a44; } @media only screen and (max-width: 47.9375rem) { .s4d-products .row { margin-left: 0rem; margin-right: 0rem; } } .s4d-product-decoration--image { height: auto; max-height: initial !important; } @media (min-width: 992px) { .s4d-product-decoration--image { height: 6.75rem; } } .s4d-product-decoration--image img { width: 100%; height: 100%; } #s4d-receipt .s4d-receipt-title, #s4d-receipt .s4d-receipt-header { font-size: 1.5rem; font-weight: 700; } #s4d-receipt .h3 { color: #000; } #s4d-receipt .s4d-product .s4d-icon-info { display: none; } @media (min-width: 64rem) { #s4d-receipt .s4d-product-name-with-prices-alternate { display: flex !important; justify-content: flex-start; } #s4d-receipt .s4d-product-name-with-prices-alternate .s4d-product-type { max-width: unset; } #s4d-receipt .s4d-product-name-with-prices-alternate .s4d-icon-edit { color: #009a44; } } #s4d-receipt .s4d-product-order { display: flex; align-items: center; justify-content: space-between; } #s4d-receipt .s4d-product-order .s4d-product-name-with-prices { width: 100%; justify-content: unset; } #s4d-receipt .s4d-product-order .s4d-product-name-with-prices .s4d-icon-edit { display: initial !important; color: #009a44; } #s4d-receipt .s4d-product-order .s4d-product-name-with-prices .s4d-receipt-product-edit-btn { display: none; } #s4d-receipt .s4d-product-order .s4d-product-name-with-prices .s4d-product-price { white-space: nowrap; } @media (min-width: 64rem) { #s4d-receipt .s4d-product-order .s4d-product-name-with-prices { justify-content: flex-end; } #s4d-receipt .s4d-product-order .s4d-product-name-with-prices .s4d-name-overflow { display: none; } } #s4d-receipt .s4d-product-upsell-block .s4d-product-price { color: #858585; font-weight: 500; } #s4d-receipt .s4d-product-upsell-block .add-upsell-product-button { border-radius: 1.5625rem; background-color: transparent; color: #009a44; } #s4d-receipt .s4d-product-upsell-block .s4d-product-image img { border-radius: 0.625rem 0; } #s4d-receipt #receipt-place-order { background-color: #009a44; border-radius: 1.5625rem; text-transform: capitalize; } #s4d-receipt .s4d-receipt-delivery-type .s4d-pickup-tab .btn-link { color: #009a44; } #s4d-receipt .s4d-receipt-delivery-type .open-resolve-store-modal { color: #009a44; } #s4d-receipt .s4d-receipt-delivery-type .s4d-receipt-delivery-type-text { padding: 0.3125rem 0; } #s4d-receipt .s4d-store-address-item .s4d-type { color: #000; } #s4d-receipt .s4d-store-address-item .s4d-openinghours { color: #858585; } #s4d-receipt .s4d-store-address-item .s4d-address { color: #858585; } #s4d-receipt .s4d-store-address-item .s4d-address-phone { padding-top: 0.3125rem; } @media (min-width: 992px) { .s4d-receipt-order .s4d-product-amount { display: flex; } } .s4d-search-active #s4d-search-result-inner .s4d-product { margin: 0 !important; border-top: none !important; border-radius: 0.125rem !important; padding-top: 0.9375rem; box-shadow: none !important; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-product-properties { text-align: start; top: 8.75rem; left: 0.9375rem; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-product-image { max-width: 5rem !important; max-height: 5rem !important; min-width: 5rem; position: absolute; left: 0.9375rem; top: 0.9375rem; min-width: 5rem; border-radius: 0.625rem 0; object-position: unset !important; overflow: hidden; margin-right: 0; border-radius: 0.625rem 0; object-position: unset !important; overflow: hidden; margin-right: 0; } @media (min-width: 23.4375rem) { .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-product-image { max-width: 9.5rem !important; max-height: 9.5rem !important; } } @media (min-width: 64rem) { .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-product-image { padding: 0 !important; min-width: unset; } } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-product-image img { background-image: linear-gradient(rgb(52, 69, 86), rgb(35, 51, 67)); object-fit: cover; width: 100%; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product { padding-left: 0.625rem !important; padding-right: 0.625rem; padding-top: 0.9375rem; min-height: 13.75rem; display: flex; flex-flow: column; flex-direction: column; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-properties { text-align: start; top: 4.6875rem; left: 0.3125rem; } @media (min-width: 23.4375rem) { .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-properties { top: 7.6875rem; } } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-properties .s4d-product-property { background-color: white; width: 1.5625rem; height: 1.5625rem; border-radius: 1.5625rem; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription { max-width: unset; display: flex; flex-direction: column; padding: 0 0 0 6.5625rem; font-size: 0.875rem; display: flex; } @media (min-width: 23.4375rem) { .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription { padding: 0 0 0 11.0625rem; } } @media (min-width: 64rem) { .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription { max-width: unset; margin-top: 0; text-align: start; } } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription h3 { height: auto; white-space: normal; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription p { padding: 0; max-width: unset; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription .s4d-edit-pizza { color: #009a44; width: max-content; background-color: transparent; max-width: 60%; font-weight: 700; position: initial; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription .s4d-edit-pizza:hover { color: #fcd500; } @media (min-width: 23.4375rem) { .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription-big { min-height: 9.5rem; } } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls { display: flex; width: calc(100% - 1.25rem); padding-top: 1.25rem; bottom: 0.625rem; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls .s4d-product-options { margin-right: 0.625rem !important; margin-left: 0.1875rem !important; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls .s4d-product-options label { display: none !important; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls .s4d-product-amount { display: none !important; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls .s4d-product-options { padding: 0; margin: 0; width: 100%; } .s4d-search-active #s4d-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls .s4d-product-options .s4d-dropdown { margin-top: 0; } .s4d-search-active #s4d-search-result-inner .s4d-dtzs-product { padding: 0.9375rem; padding-right: 0.625rem; min-height: 11.5rem; } .s4d-search-active #s4d-search-result-inner .s4d-dtzs-product .s4d-product-image { left: 0.9375rem; top: 0.9375rem; } .s4d-search-active #s4d-search-result-inner .s4d-dtzs-product .s4d-product-decription { max-width: unset; padding-left: 10.75rem; } .s4d-search-active #s4d-search-result-inner .s4d-dtzs-product .s4d-product-decription .s4d-text-color-striking { color: #111111; } .s4d-search-active #s4d-search-result-inner .s4d-dtzs-product .btn-primary { position: absolute; width: calc(100% - 10.75rem); left: 10.75rem; bottom: -0.75rem; } .s4d-search-active #quick-menu-search-result-inner .s4d-product { border-top: none !important; border-radius: 0.125rem !important; box-shadow: none !important; } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-product-properties { text-align: start; top: 8.75rem; } @media (max-width: 991px) { .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-product-properties { left: 0.9375rem; } } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-product-image { max-width: 5rem !important; max-height: 5rem !important; min-width: 5rem; position: absolute; top: 0.9375rem; min-width: 5rem; border-radius: 0.625rem 0; object-position: unset !important; overflow: hidden; margin-right: 0; border-radius: 0.625rem 0; object-position: unset !important; overflow: hidden; margin-right: 0; } @media (min-width: 23.4375rem) { .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-product-image { max-width: 9.5rem !important; max-height: 9.5rem !important; } } @media (min-width: 64rem) { .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-product-image { padding: 0 !important; min-width: unset; } } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-product-image img { background-image: linear-gradient(rgb(52, 69, 86), rgb(35, 51, 67)); object-fit: cover; width: 100%; } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product { padding-top: 0.9375rem; min-height: 13.75rem; display: flex; flex-flow: column; flex-direction: column; } @media (max-width: 991px) { .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product { min-height: 11.5rem; } } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-properties { text-align: start; top: 4.6875rem; left: 0.3125rem; } @media (min-width: 23.4375rem) { .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-properties { top: 7.6875rem; } } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-properties .s4d-product-property { background-color: white; width: 1.5625rem; height: 1.5625rem; border-radius: 1.5625rem; } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription { max-width: unset; display: flex; flex-direction: column; padding: 0 0 0 6.5625rem; font-size: 0.875rem; display: flex; } @media (min-width: 23.4375rem) { .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription { padding: 0 0 0 11.0625rem; } } @media (min-width: 64rem) { .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription { max-width: unset; margin-top: 0; text-align: start; } } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription h3 { height: auto; white-space: normal; font-style: normal; font-size: 0.8125rem; line-height: 1rem; } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription p { padding: 0; max-width: unset; font-style: normal; font-weight: normal; font-size: 0.8125rem; line-height: 1rem; } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription .s4d-edit-pizza { color: #009a44; width: max-content; background-color: transparent; max-width: 60%; font-weight: 700; position: initial; } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription .s4d-edit-pizza:hover { color: #fcd500; } @media (min-width: 23.4375rem) { .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-decription-big { min-height: 9.5rem; } } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls { display: flex; padding-top: 1.25rem; margin-bottom: 0.9375rem; } @media (max-width: 991px) { .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls { margin-bottom: 1.25rem; } } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls .s4d-product-options { padding: 0; margin: 0; width: 100%; } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls .s4d-product-options label { display: none !important; } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls .s4d-product-options .s4d-dropdown { margin-top: 0; font-style: normal; font-weight: normal; font-size: 0.8125rem; line-height: 1rem; } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls .s4d-product-amount { display: none !important; } .s4d-search-active #quick-menu-search-result-inner .s4d-product .s4d-search-product .s4d-product-controls .btn-primary { font-size: 0.875rem; } .s4d-search-active #quick-menu-search-result-inner .s4d-dtzs-product { padding: 0.9375rem; padding-right: 0.625rem; min-height: 11.5rem; } .s4d-search-active #quick-menu-search-result-inner .s4d-dtzs-product .s4d-product-image { left: 0.9375rem; top: 0.9375rem; } .s4d-search-active #quick-menu-search-result-inner .s4d-dtzs-product .s4d-product-decription { max-width: unset; padding-left: 10.75rem; } .s4d-search-active #quick-menu-search-result-inner .s4d-dtzs-product .s4d-product-decription .s4d-text-color-striking { color: #111111; } .s4d-search-active #quick-menu-search-result-inner .s4d-dtzs-product .btn-primary { position: absolute; width: calc(100% - 10.75rem); left: 10.75rem; bottom: -0.75rem; } .s4d-menu-search .s4d-search-icon { color: #858585; } .product-details-header__base { font-weight: 700; } .product-details-body { font-size: 0.8125rem; } .product-details-body__content-tabs .product-details-body__tab-navigation .product-details-body__item-icon { right: 2.25rem; } .product-details-body__content-tabs .product-details-body__tab-navigation li { font-size: 0.8125rem; } .product-details-body__product-options-partial select { background-position: calc(100% - 1rem) center; } .product-details-body__read-more, .product-details-body__read-more--toggle { font-weight: 700; } .product-details-body__box-dropdown-arrow { font-weight: 700; } .product-details-body__table-responsive .table thead { font-weight: 700; } .product-details-body__table-responsive .table tbody tr td:first-child { font-weight: 700; } #CustomPizza .custom-pizza-body__section-toppings-header, .coupon-configurator__product-toppings .custom-pizza-body__section-toppings-header { font-weight: 700; font-size: 0.8125rem; } #CustomPizza .custom-pizza-body__section-toppings-cost, .coupon-configurator__product-toppings .custom-pizza-body__section-toppings-cost { font-size: 0.8125rem; } #CustomPizza .custom-pizza-body__section-toppings-title, .coupon-configurator__product-toppings .custom-pizza-body__section-toppings-title { background-color: #111111; text-transform: uppercase; padding: 0.625rem 1.25rem; margin: 2.9375rem auto 2.25rem; width: min-content; } @media (min-width: 992px) { #CustomPizza .custom-pizza-body__section-toppings-title, .coupon-configurator__product-toppings .custom-pizza-body__section-toppings-title { width: max-content; } } #CustomPizza .custom-pizza-body__section-toppings-topping-row-name, .coupon-configurator__product-toppings .custom-pizza-body__section-toppings-topping-row-name { font-size: 0.8125rem; } #CustomPizza .custom-pizza-body__section-toppings-topping-row-span .hide, .coupon-configurator__product-toppings .custom-pizza-body__section-toppings-topping-row-span .hide { display: block !important; } #CustomPizza .custom-pizza-body__section-toppings-topping-row-block, .coupon-configurator__product-toppings .custom-pizza-body__section-toppings-topping-row-block { padding-right: 1.5625rem; } @media (min-width: 1200px) { #CustomPizza .custom-pizza-body__section-toppings-topping-row-block, .coupon-configurator__product-toppings .custom-pizza-body__section-toppings-topping-row-block { padding-right: 2.8125rem; } } #CustomPizza .custom-pizza-body__section-toppings-show-more, .coupon-configurator__product-toppings .custom-pizza-body__section-toppings-show-more { display: none; } #CustomPizza .custom-pizza-body__section-toppings .hidden-mobile, .coupon-configurator__product-toppings .custom-pizza-body__section-toppings .hidden-mobile { display: inline-flex !important; } @media (max-width: 1199px) { #CustomPizza .custom-pizza-body__section-finalize, .coupon-configurator__product-toppings .custom-pizza-body__section-finalize { margin-bottom: 3.875rem; } } #CustomPizza .custom-pizza-body__section-finalize-header, .coupon-configurator__product-toppings .custom-pizza-body__section-finalize-header { font-weight: 700; font-size: 0.8125rem; margin: 1.25rem 0; } @media (max-width: 1199px) { #CustomPizza .custom-pizza-body__section-finalize-header[for=CustomProductName], .coupon-configurator__product-toppings .custom-pizza-body__section-finalize-header[for=CustomProductName] { margin-top: 3.875rem; } } @media (min-width: 1200px) { #CustomPizza .custom-pizza-body__section-finalize-header, .coupon-configurator__product-toppings .custom-pizza-body__section-finalize-header { margin-top: 1.25rem; } } #CustomPizza .custom-pizza-body__section-finalize-description, .coupon-configurator__product-toppings .custom-pizza-body__section-finalize-description { font-size: 0.8125rem; display: block; } #CustomPizza .custom-pizza-body__dropdown-label, .coupon-configurator__product-toppings .custom-pizza-body__dropdown-label { font-weight: 700; font-size: 0.8125rem; } #CustomPizza .custom-pizza-body .form-control, .coupon-configurator__product-toppings .custom-pizza-body .form-control { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); border-radius: 0.625rem; border: 1px solid #f4f4f4; } #CustomPizza .custom-pizza-body section .s4d-dropdown, .coupon-configurator__product-toppings .custom-pizza-body section .s4d-dropdown { font-size: 0.8125rem; font-weight: 300; } .custom-pizza-footer__add-button, .xtasty-footer__add-button { font-size: 0.8125rem; } .xtasty-body button::before { background-color: #009a44; } .s4d-products .s4d-product-upsell { margin-bottom: 0rem; } .s4d-products .s4d-product-decoration { min-height: 1.875rem; } @media (min-width: 992px) { .s4d-products .s4d-product-decoration { min-height: initial; } .s4d-products .s4d-product-decoration:empty { display: none; } } @media (min-width: 64rem) { .search-bar__results { position: relative; top: 5.9375rem; z-index: 1005; float: right; width: 53.625rem; background: #ffffff; } } @media (min-width: 992px) { .search-bar__results #quick-menu-search-result-inner { margin-bottom: 1.25rem; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products { margin: 0 0.625rem; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product { box-shadow: none; max-width: 23.0625rem; padding-left: 0; padding-right: 0; margin: 1.5625rem; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product:nth-child(odd) { margin-left: 1.5625rem; margin-right: 1.5625rem; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .additional-products .search-bar__results-product { box-shadow: none; max-width: 23.0625rem; padding-left: 0; padding-right: 0; margin: 1.25rem 1.5625rem 1.5625rem 1.5625rem; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .additional-products .search-bar__results-product:nth-child(odd) { margin-left: 1.5625rem; margin-right: 1.5625rem; } } @media (max-width: 991px) { .search-bar__results #quick-menu-search-result-inner { margin-top: 0.9375rem; margin-bottom: 3.125rem; padding-left: 0rem; padding-right: 0rem; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products { margin-top: 0; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product { padding-left: 0; padding-right: 0; margin: 0.625rem 1.25rem 0.9375rem 1.5625rem; } .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product:nth-child(odd) { margin-left: 1.5625rem; margin-right: 1.25rem; } } @media (max-width: 991px) and (max-width: 767px) { .search-bar__results #quick-menu-search-result-inner .search-bar__results-products .search-bar__results-product .s4d-product-controls-dt-zs { display: none !important; } } .search-bar__results-header { font-style: normal; font-weight: 700; font-size: 0.8125rem; line-height: 1rem; text-align: center; color: #111111; } .search-bar__results .s4d-product__left { height: 9.5rem; } @media (min-width: 64rem) { .search-bar__results .s4d-product__left { height: auto; } } @media (min-width: 64rem) { .search-bar__results .s4d-product-option-dropdown { width: auto !important; } } #receipt-body .receipt__upsell { height: 10.1875rem; } #receipt-body .receipt__upsell-block-header p { line-height: 1rem; font-size: 0.8125rem; } #receipt-body .receipt__upsell-block-body { display: flex; height: 7rem; } #receipt-body .receipt__upsell-block-body .receipt__upsell-arrow { flex-basis: 3rem; } #receipt-body .receipt__upsell-block-body .receipt__upsell-arrow i { margin-right: 0.625rem; float: right; } #receipt-body .receipt__upsell-block-body .receipt__upsell-scroll { flex-basis: 16.4375rem; flex-grow: 0; flex-shrink: 0; } #receipt-body .receipt__upsell-block-body .receipt__upsell-scroll .owl-stage-outer { height: 5rem; } #receipt-body .receipt__upsell-block-body .receipt__upsell-scroll .owl-dots .owl-dot.active span { background-color: #111111 !important; border-color: #111111 !important; } #receipt-body .receipt__upsell-block-body .receipt__upsell-scroll-product-image img { border-radius: 0.5rem 0rem; } #receipt-body .receipt__upsell-block-body .receipt__upsell-scroll-product-inner { line-height: 1rem; font-size: 0.8125rem; } #receipt-body .receipt__upsell-block-body .receipt__upsell-scroll-product-inner-text { margin: 0 0 0.25rem 0; font-weight: 700; color: #111111; } #receipt-body .receipt__upsell-block-body .receipt__upsell-scroll-product-inner-price { margin-bottom: 0.5rem; color: #111111; } #receipt-body .receipt__upsell-block-body .receipt__upsell-scroll-product-inner .btn { border-radius: 1.5rem; font-size: 0.875rem; line-height: 1.25rem; } @media only screen { #SelectUpsellProducts .adjust-right { display: flex; flex-direction: column; } } #storeSelection-header .storeSelection-header__close-button { top: 1.28125rem; right: 1.28125rem; } @media (min-width: 992px) { #storeSelection-header .storeSelection-header__close-button { top: 0.338125rem; right: 0.338125rem; } } #storeSelection-header .storeSelection-header__close-button .storeSelection-header__icon { color: #009a44; } @media (min-width: 992px) { #storeSelection-header .storeSelection-header__close-button .storeSelection-header__icon { color: #009a44; } } #storeSelection-header .storeSelection-header__title { font-size: 1.125rem; line-height: 1.5rem; } @media (max-width: 992px) { #storeSelection-header .storeSelection-header__title { font-size: 1rem; line-height: 1.375rem; margin: 1.0625rem 1.5rem; } } #storeSelection-body .storeSelection-body__store-selector .s4d-tab-navigation { margin-bottom: 1rem; } #storeSelection-body .storeSelection-body__store-selector #store-select-zipcode-search .input-group .form-control { color: #111111; height: 3rem; border-radius: 0.25rem; padding: 0.875rem 1rem; line-height: 1.125rem; font-size: 0.875rem; margin-bottom: 0.3125rem; } #storeSelection-body .storeSelection-body__store-selector .searchStore-pickup-body__search-bar .form-control { height: 3rem; border-radius: 0.25rem; padding: 0.875rem 1rem; line-height: 1.125rem; font-size: 0.875rem; margin-bottom: 0.3125rem; } #storeSelection-body .storeSelection-body__store-selector .searchStore-pickup-body__search-bar .searchStore-pickup-body__icon { margin-top: 0.5625rem; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .select-store-view { font-size: 0.8125rem; line-height: 1rem; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .select-store-view span { font-size: 0.8125rem; line-height: 1rem; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .s4d-address-search { width: 100%; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .address-panel-row .s4d-address-search::before { color: #009a44; top: 0.9375rem; left: 1.5625rem; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .address-panel-row .s4d-address-search .form-control { text-indent: 1.5625rem; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .address-panel-row .s4d-delete-suggestion { top: 0.5625rem; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .form-group.address-panel-row .s4d-address-search::before { color: #009a44; top: 0.9375rem; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .form-control { color: #111111; height: 3rem; border-radius: 0.25rem; padding: 0.875rem 1rem; line-height: 1.125rem; font-size: 0.875rem; margin-bottom: 0.3125rem; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box { height: calc(100% - 4.375rem); } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box .s4d-scroll-content a { font-size: 0.8125rem; line-height: 1rem; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box .s4d-scroll-content a span { font-size: 0.8125rem; line-height: 1rem; } #storeSelection-body .storeSelection-body__store-selector .storeSelection-body__content .row .s4d-scroll-box .s4d-scroll-content a .s4d-icons { color: #111111; } @media (min-width: 87.5rem) { .receipt__container { width: 20.375rem; height: auto; padding: 0; margin: 0; display: inherit; position: absolute; top: 9.8125rem; margin-left: calc(50% + 22.8125rem); } } @media (min-width: calc(87.5rem + 4.0625rem)) { .receipt__container { margin-left: calc(50% + 22.8125rem); width: 22.375rem; } } .receipt__container .receipt__body .receipt__alert .receipt__alert-box.receipt__coupon-promotion { background-color: #e5f5ec; } .receipt__container .receipt__body .receipt__product-header-text-name { font-size: 0.8125rem; line-height: 1rem; } .receipt__container .receipt__body .receipt__product-header-text-type { font-size: 0.8125rem; line-height: 1rem; } .receipt__container .receipt__body .receipt__product-header-image-element { border-radius: 0.625rem 0; } .receipt__container .receipt__body .receipt__product-description-taste-span { font-size: 0.8125rem; line-height: 1rem; } .receipt__container .receipt__body .receipt__product-description-topping-span { font-size: 0.8125rem; line-height: 1rem; } .receipt__container .receipt__body .receipt__product-description-product-option { font-size: 0.8125rem; line-height: 1rem; } .receipt__container .receipt__body .receipt__product-summary-price { font-size: 0.8125rem; font-weight: bold; } .receipt__container .receipt__body .receipt__product .s4d-product-amount-value { font-size: 0.6875rem; } .receipt__container .receipt__body .receipt__product-edit { font-size: 0.75rem; font-weight: 700; } .receipt__container .receipt__body .receipt__store-selection h3 { font-size: 0.8125rem; line-height: 1rem; font-weight: 700; } .receipt__container .receipt__body .receipt__store-info-header-text { font-size: 0.8125rem; font-weight: bold; } .receipt__container .receipt__body .receipt__store-info-hours { font-size: 0.8125rem; margin-top: 0.5rem; } .receipt__container .receipt__footer .receipt__upper-footer .receipt__text { font-size: 0.8125rem; } .receipt__container .receipt__footer .receipt__bottom-footer .btn-secondary-filled:hover { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; } .receipt__container .receipt__empty-text { font-size: 0.8125rem; font-weight: bold; } .receipt__container .receipt__subtotal-group .receipt__subtotal-label, .receipt__container .receipt__subtotal-group .receipt__subtotal-value { font-size: 0.8125rem; line-height: 1rem; } .s4d-company-orderhistory .h3 { color: #111111; } .s4d-company-orderhistory .h3 small { color: #111111; } #CompanyOrderModal small { color: #111111; } .s4d-company-dashboard .glyphicons-search { color: #111111; } .s4d-login-modal-dialog .s4d-facebook-inlog-btn { border-radius: 1.125rem; } @media (min-width: 992px) { .s4d-login-modal-dialog .login__header { background-image: none; } } .s4d-login-modal-dialog .login__body__subtitle { color: #111111; } .s4d-login-modal-dialog .login__body .login__info-block input { height: 3rem; } .s4d-login-modal-dialog .login__body .checkbox input[type=checkbox] { border: 1px solid #f4f4f4; box-shadow: 0rem 1px 1px 0rem rgba(17, 17, 17, 0.25); margin-top: 0; } .s4d-login-modal-dialog .login__body .checkbox p { color: #111111; } .s4d-login-modal-dialog .login__body .s4d-login-else-divider { color: #111111; font-size: 0.6875rem; } .s4d-login-modal-dialog .login__body .s4d-login-else-divider::before, .s4d-login-modal-dialog .login__body .s4d-login-else-divider::after { margin-top: -0.03125rem; } @media (min-width: 992px) { .s4d-login-modal-dialog .login__body .s4d-login-content-split-dark { background-color: #ffffff; } } .s4d-login-modal-dialog .login__body .login__forgot-password-block .s4d-forgot-password:focus, .s4d-login-modal-dialog .login__body .login__forgot-password-block .s4d-forgot-password:hover { text-decoration: none; color: #fcd500; } .s4d-login-modal-dialog .login__body .login__forgot-password-block .s4d-forgot-password:focus svg, .s4d-login-modal-dialog .login__body .login__forgot-password-block .s4d-forgot-password:hover svg { fill: #fcd500; } .s4d-register-modal-dialog .s4d-facebook-inlog-btn { border-radius: 1.125rem; } @media (min-width: 992px) { .s4d-register-modal-dialog .register__header { background-image: none; } } .s4d-register-modal-dialog .register__body__subtitle { color: #111111; } .s4d-register-modal-dialog .register__body__link { font-size: 0.8125rem; } .s4d-register-modal-dialog .register__body__link a:focus, .s4d-register-modal-dialog .register__body__link a:hover { text-decoration: none; color: #fcd500; } .s4d-register-modal-dialog .register__body__link a:focus svg, .s4d-register-modal-dialog .register__body__link a:hover svg { fill: #fcd500; } .s4d-register-modal-dialog .register__body .register__info-block input { height: 3rem; } .s4d-register-modal-dialog .register__body input[type=checkbox] { border: 1px solid #f4f4f4; box-shadow: 0rem 1px 1px 0rem rgba(17, 17, 17, 0.25); margin-top: 0; border-radius: 0.1875rem; } .s4d-register-modal-dialog .register__body .checkbox { margin-top: 0.5625rem; } .s4d-register-modal-dialog .register__body .checkbox input[type=checkbox] { border: 1px solid #f4f4f4; box-shadow: 0rem 1px 1px 0rem rgba(17, 17, 17, 0.25); margin-top: 0; } .s4d-register-modal-dialog .register__body .checkbox p { color: #111111; } .s4d-register-modal-dialog .register__body .s4d-register-else-divider { color: #111111; font-size: 0.6875rem; } .s4d-register-modal-dialog .register__body .s4d-register-else-divider::before, .s4d-register-modal-dialog .register__body .s4d-register-else-divider::after { margin-top: -0.03125rem; } @media (min-width: 992px) { .s4d-register-modal-dialog .register__body .s4d-register-content-split-dark { background-color: #ffffff; } } .s4d-register-modal-dialog .register__body .s4d-confirm-password-btn[disabled]:hover { color: #ffffff; } .s4d-password-strength-container ul li { font-size: 0.8125rem; color: #111111; } .loyaltyform { background-color: rgba(229, 245, 236, 0.5019607843); } .s4d-quick-menu-desktop .container ul li .loyalty-navigation-link__points__icon--primary { filter: invert(40%) sepia(94%) saturate(400%) hue-rotate(92deg) brightness(50%) contrast(99%); } .loyalty-navigation-link__points__icon--primary { filter: invert(40%) sepia(94%) saturate(400%) hue-rotate(92deg) brightness(50%) contrast(99%); } .loyalty-profile__your-progress__button { color: #111111; background-color: #ffd700; border: 1px solid #ffd700; border-radius: 1.5625rem; cursor: pointer; border-radius: 1.5625rem; } .loyalty-profile__your-progress__button:focus { color: #111111; background-color: #ffd700; border: 1px solid #0057ff; box-shadow: 0rem 0rem 0.5rem #0057ff; outline: none; } .loyalty-profile__your-progress__button:hover { color: #111111; background-color: #fffbe5; border: 1px solid #ffd700; } .loyalty-profile__your-progress__button:active { color: #111111; background-color: #ffd700; border: 1px solid #ffd700; } .loyalty-profile__your-progress__button:disabled, .loyalty-profile__your-progress__button [disabled], .loyalty-profile__your-progress__button.disabled { color: #858585; background-color: #cccccc; border: 1px solid #cccccc; } .loyalty-profile__reward__text-container { color: #ffffff; } .loyalty-profile__reward__header { color: #111111; } .loyalty-profile__reward__show-more { color: #111111 !important; } .loyalty-profile__how-it-works__item__step-number { font-family: "Tungsten"; } .loyalty-profile__how-it-works__item__text { font-family: "Gotham"; } .loyalty-profile__how-it-works__item__text h3 { font-family: "Tungsten"; } .loyalty-profile__how-it-works .owl-dot { background-color: #cccccc; } .loyalty-profile__how-it-works .owl-carousel .owl-prev.disabled, .loyalty-profile__how-it-works .owl-carousel .owl-next.disabled { color: #cccccc; } .loyalty-profile__how-it-works .owl-carousel .owl-prev.disabled svg, .loyalty-profile__how-it-works .owl-carousel .owl-next.disabled svg { fill: #cccccc; } .slider-navigation__button.counterclockwise { transform: rotate3d(0, 1, 0, 180deg) translateY(0.125rem); } .slider-navigation__button.clockwise { transform: translateY(0.125rem); } .checkout__promotion__join-loyalty { width: unset; color: #009a44; background-color: #ffffff; border: 1px solid #009a44; box-shadow: unset !important; line-height: 1.25rem; } .checkout__promotion__discount-info { display: flex; } @media (max-width: calc(48rem - 1px)) { .checkout__promotion__discount-info { flex-direction: column; } } .checkout__promotion__discount-info__describe { width: 10.75rem; border: 1px solid #cccccc; border-radius: 0.25rem; box-shadow: 1px 1px 0.3125rem #cccccc; height: fit-content; } @media (max-width: calc(48rem - 1px)) { .checkout__promotion__discount-info__describe { width: fit-content; } } .checkout__promotion__discount-info__describe p { padding: 0.5rem; color: black !important; margin-bottom: auto !important; line-height: 1.125rem !important; } .checkout__promotion__discount-info__values-container { display: flex; } @media (max-width: calc(48rem - 1px)) { .checkout__promotion__discount-info__values-container { flex-direction: row; margin-top: 1.125rem; } } .checkout__promotion__discount-info__values-container__s4d-discount-decoration { transform: translateY(-0.6875rem); } .checkout__promotion__discount-info__values-container__s4d-discount-decoration__value { display: contents; transform: translateX(2rem); } @media (max-width: calc(48rem - 1px)) { .checkout__promotion__discount-info__values-container__s4d-discount-decoration svg { transform: rotate(-180deg) scaleX(-1); } .checkout__promotion__discount-info__values-container__s4d-discount-decoration small { transform: translateX(2rem); } } .checkout__promotion__discount-info__values-container__s4d-discount-decoration small { margin-right: -0.3125rem; } @media (max-width: calc(48rem - 1px)) { .checkout__promotion__discount-info__values-container__s4d-discount-label-text { margin-left: 1.75rem; } } .s4d-loyalty-information { height: 11.75rem; margin: 2.9375rem 0 1.75rem 0; border-top-left-radius: 0.625rem; display: flex; flex-direction: column; justify-content: space-between; } .s4d-loyalty-information__background { height: 10.25rem; background-image: url("/Content/Images/loyalty/NYP/bg-modal.png"); border-top-left-radius: 0.625rem; width: -webkit-fill-available; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; background-size: cover; } .s4d-loyalty-information__background__points-section { display: none; } .s4d-loyalty-information__background__left-part__second-line { display: none; } .s4d-loyalty-information__button { height: 2.25rem !important; width: auto; margin: 6.5rem 0 1.5rem 1.5rem; padding: 0.5rem 1rem; position: absolute; } .s4d-loyalty-information__button:hover { border-color: #009a44; background-color: #ffffff; } .s4d-loyalty-information p { max-width: 19.0625rem; padding: 1.5rem 0 0 1.5rem; color: #111111; font-size: 1rem; line-height: 1.25rem; } .s4d-loyalty-information__pizza-box { content: url("/Content/Images/loyalty/NYP/opt-in-pizzabox.svg"); position: relative; background-size: cover; } .modal-verification .has-error .form-control { border-color: #da291c; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-cross.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .modal-verification .has-success .form-control { border-color: #616161; background-position: calc(100% - 0.625rem) center; background-image: url("/Content/Images/icons/input-tick.svg") !important; background-size: 0.625rem 0.625rem; background-repeat: no-repeat; padding-right: 1.4375rem !important; } .modal-verification .field-validation-error { position: relative; left: 0; bottom: 0; padding: 0.5rem 0 1px; font-size: 0.75rem; line-height: 1rem; white-space: normal; color: #da291c; background-color: transparent; border-radius: 0.1875rem 0.1875rem 0 0; z-index: 10; } .s4d-footer { background-color: #f4f4f4; } .s4d-footer .row-no-gutters { display: none; } .s4d-footer .input-group-btn input { border-radius: 1.5625rem !important; background-color: #009a44; color: #fff; margin-left: 0.75rem !important; font-weight: 500; } .s4d-footer .input-group-btn input:hover { background-color: #fff; color: #009a44; } @media (min-width: 75rem) { .s4d-footer .container .s4d-promotion-sign-up .form-group { width: 100%; } .s4d-footer .container .s4d-promotion-sign-up .form-group .input-group { width: inherit; } } .s4d-header .toggle-menu { color: #009a44 !important; } .s4d-header .toggle-menu svg { fill: #009a44 !important; } .s4d-header .toggle-navigation svg { fill: #009a44 !important; } .s4d-header .s4d-header-icon { fill: #009a44 !important; } .s4d-header .s4d-phone { display: none; color: #fff; } .s4d-header .s4d-phone-nr { color: #fff; } .s4d-header .s4d-phone .s4d-cost-info { display: none; } @media (min-width: 64rem) { .s4d-header .s4d-phone { display: block; } } .s4d-header .s4d-receipt-toggle { color: #009a44; font-weight: 500; } .s4d-header .ui-back-button { color: #ffffff; } .s4d-header .ui-back-button:hover { color: #ffffff; } .s4d-header .ui-back-button:hover span { text-decoration: underline; } .s4d-menu-group-sticky-quick-menu #sub-menu li a { font-size: 0.8125rem; } .s4d-menu-group-sticky-quick-menu .s4d-submenu #menu-categories > li:hover, .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories > li:hover { background: #009a44; } .s4d-menu-group-sticky-quick-menu .s4d-submenu #menu-categories > li:hover > a, .s4d-menu-group-sticky-quick-menu .s4d-menu #menu-categories > li:hover > a { color: #ffffff !important; } .s4d-menu-group-sticky-quick-menu #left-mobile-menu #auth-menu li { background-color: #f4f4f4; } .s4d-navigation.s4d-quick-menu-desktop a { font-size: 0.8125rem; } .s4d-menu-group-sticky .s4d-menu { background-color: #009a44; } @media (min-width: 64rem) { .s4d-menu-group-sticky .s4d-menu { background-color: #fff; } .s4d-menu-group-sticky .s4d-menu a { color: black !important; font-weight: 500 !important; background-color: #fff !important; } .s4d-menu-group-sticky .s4d-menu a:hover { color: #009a44 !important; font-weight: 700 !important; } .s4d-menu-group-sticky .s4d-menu li.active a { color: #009a44 !important; font-weight: 700 !important; } } .s4d-menu-group-sticky .s4d-menu .s4d-navbar-auth .dropdown-toggle { background-color: transparent !important; } @media (min-width: 64rem) { .s4d-menu-group-sticky .s4d-submenu { background-color: #f4f4f4; } .s4d-menu-group-sticky .s4d-submenu a { color: #858585; } } .s4d-navigation { background-color: #f4f4f4; } .s4d-navigation a { font-weight: 700 !important; color: #000 !important; } .s4d-navigation .s4d-navbar-auth img { display: none; } .s4d-navigation .s4d-navbar-auth .s4d-account-menu a { font-weight: 500 !important; padding-left: 1.875rem; } @media (min-width: 64rem) { .s4d-navigation { background-color: #ffffff; } .s4d-navigation a { font-weight: 400 !important; } .s4d-navigation a:hover { background-color: unset !important; color: #fcd500 !important; } } /*Styling requested in S4D-12381*/ .s4d-quick-menu-desktop .container #auth-menu li:first-child a.dropdown-toggle img.s4d-vip-decoration { display: none; } .s4d-menu-group-sticky-quick-menu #sub-menu li, .s4d-menu-group-sticky-quick-menu .quick-menu-promotions li { margin: 0 0.375rem 0 0; } .s4d-quick-menu-desktop .container #auth-menu li:first-child a.dropdown-toggle img .s4d-vip-decoration { display: none; } .s4d-quick-menu-desktop-new-receipt .container form #auth-menu li:first-child a.dropdown-toggle img:first-child { margin-right: 1rem; display: none; } .s4d-vip-decoration { width: 0rem; } .s4d-text-color-header { color: #000; font-size: 1rem; } .lead { margin-bottom: 1.25rem; font-size: 0.8125rem; font-weight: 300; line-height: 1.4; } .s4d-p-big { font-size: 0.8125rem; } .s4d-btn-ideal::after { display: none; } #cookie-alert .s4d-cookie-container .s4d-cookie-image { background-image: url(/Content/Themes/NYP/Images/cookies-image.png); } .checkout-body .s4d-receipt-toggle { color: #111111; } .checkout-body .s4d-receipt-toggle #header-total-price-before-discount { color: #858585; font-weight: 500; } .checkout-body .s4d-receipt-toggle .header-receipt-toggle-label { color: #111111; } .checkout-body .s4d-or-divider span { background-color: #ffffff; } .checkout-body #checkout-deliverytypes-container .s4d-content-tabs, .checkout-body #checkout-promotion-container .s4d-content-tabs { border: none; box-shadow: none; } .checkout-body #checkout-deliverytypes-container .s4d-content-tabs .s4d-tab-navigation, .checkout-body #checkout-promotion-container .s4d-content-tabs .s4d-tab-navigation { display: flex; justify-content: space-between; } @media (min-width: 64rem) { .checkout-body #checkout-deliverytypes-container .s4d-content-tabs .s4d-tab-navigation, .checkout-body #checkout-promotion-container .s4d-content-tabs .s4d-tab-navigation { width: fit-content; } } .checkout-body #checkout-deliverytypes-container .s4d-content-tabs .s4d-tab-navigation::before, .checkout-body #checkout-deliverytypes-container .s4d-content-tabs .s4d-tab-navigation::after, .checkout-body #checkout-promotion-container .s4d-content-tabs .s4d-tab-navigation::before, .checkout-body #checkout-promotion-container .s4d-content-tabs .s4d-tab-navigation::after { content: unset; } .checkout-body #checkout-deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li a, .checkout-body #checkout-promotion-container .s4d-content-tabs .s4d-tab-navigation li a { border-radius: 1.5rem; height: 2rem; color: #111111; padding: 0 0.9375rem; line-height: 2rem; font-size: 0.875rem; font-weight: 700; } .checkout-body #checkout-deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li.active a, .checkout-body #checkout-promotion-container .s4d-content-tabs .s4d-tab-navigation li.active a { background-color: #009a44; color: #ffffff; } .checkout-body #checkout-deliverytypes-container .s4d-content-tabs .s4d-tab, .checkout-body #checkout-promotion-container .s4d-content-tabs .s4d-tab { padding: 1.25rem 0; } .checkout-body #checkout-promotion-container .input-group { max-width: 25rem !important; height: 2.25rem; } .checkout-body #checkout-promotion-container .input-group #set-coupon { background-color: #009a44; color: #ffffff; margin-left: 0.625rem; width: 5rem; height: 2.25rem; border-radius: 1.5rem; } .checkout-body #checkout-tip-container .tip-container { grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr)); justify-items: center; } @media (min-width: 64rem) { .checkout-body #checkout-tip-container .tip-container { justify-content: start; } } .checkout-body #checkout-tip-container .tip-container .tip-button { width: 5rem; height: 2.25rem; border-radius: 1.5rem; color: white; } .checkout-body #checkout-paymentmethod-container .s4d-checkout-payment-method { padding-left: 0.625rem; border: none; border-bottom: 1px solid #f4f4f4; } .checkout-body #checkout-paymentmethod-container .s4d-checkout-payment-method .s4d-new-input-radio-btn { left: unset; right: 0.625rem; width: 1.041875rem; height: 1.041875rem; border: 1px solid #ccc; text-align: center; } .checkout-body #checkout-paymentmethod-container .s4d-checkout-payment-method input[type=radio]:checked ~ .s4d-new-input-radio-btn { border-color: #009a44; } .checkout-body #checkout-paymentmethod-container .s4d-checkout-payment-method input[type=radio]:checked ~ .s4d-new-input-radio-btn::after { content: "\e013"; font-family: "Glyphicons Halflings"; color: white; font-size: 0.75rem; } .checkout-body #checkout-paymentmethod-container .s4d-checkout-payment-method .s4d-text-color-light { color: #111111; } @media (min-width: 64rem) { .checkout-body #checkout-paymentmethod-container .s4d-row-gutter-bottom { display: flex; flex-flow: column; } .checkout-body #checkout-paymentmethod-container .s4d-row-gutter-bottom div:nth-child(2) { margin-top: 1rem; } } .checkout-body .s4d-place-order { width: 100%; background-color: #009a44; height: 3rem; border-radius: 1.5rem; padding: 0; } @media (min-width: 64rem) { .checkout-body .s4d-place-order { width: 22.9375rem; } } #checkout-form-container.checkout__form-container { padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 992px) { #checkout-form-container.checkout__form-container .container-new-receipt-space .row { width: 53.375rem; } } .checkout__deliverytypes-container .s4d-text-color-header { font-size: 0.8125rem; line-height: 1rem; } @media (min-width: 992px) { .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation { width: 26.125rem !important; } } @media (min-width: 992px) { .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li { width: 13.0625rem; } } @media (min-width: 992px) { .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li.active { width: 12.875rem; } } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab-navigation li.active a { color: #009a44 !important; background-color: transparent !important; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab { padding: 0 !important; } .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .s4d-select-box { padding-right: 1rem !important; color: #111111 !important; background-size: 1.25rem; } @media (min-width: 992px) { .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .row > * { width: 26.125rem; } } @media (min-width: 992px) { .checkout__deliverytypes-container .s4d-content-tabs .s4d-tab .row > *:first-child { margin-right: 0.9375rem; } } .checkout__deliverytypes-container .s4d-content-tabs select { height: 3rem !important; border-radius: 0.25rem !important; box-shadow: none !important; border: 1px solid #616161 !important; } @media (min-width: 992px) { .checkout__deliverytypes-container .delivery-store-info__content { width: 26.125rem; } } .checkout__deliverytypes-container .delivery-store-info__header, .checkout__deliverytypes-container .delivery-store-info__store-name, .checkout__deliverytypes-container .delivery-store-info__street, .checkout__deliverytypes-container .delivery-store-info__city, .checkout__deliverytypes-container .delivery-store-info__openinghours, .checkout__deliverytypes-container .delivery-store-info__phone, .checkout__deliverytypes-container .delivery-store-info__select-store { font-size: 0.8125rem; line-height: 1rem; } .checkout__deliverytypes-container .delivery-store-info__select-store:focus, .checkout__deliverytypes-container .delivery-store-info__select-store:hover { text-decoration: none; color: #fcd500; } .checkout__deliverytypes-container .delivery-store-info__select-store:focus svg, .checkout__deliverytypes-container .delivery-store-info__select-store:hover svg { fill: #fcd500; } .checkout__login-container__header { font-size: 0.8125rem; line-height: 1rem; } .checkout__login-container__login-button { color: #009a44; background-color: #ffffff; border: 1px solid #009a44; box-shadow: none; } @media (min-width: 992px) { .checkout__login-container__login-button { width: 26.125rem; } } .checkout__login-container__login-button:hover, .checkout__login-container__login-button:focus { background-color: #009a44; color: #ffffff; } .checkout__address-container__header { font-size: 0.8125rem; line-height: 1rem; } @media (min-width: 992px) { .checkout__address-container .checkout__address-block { width: 26.125rem; } } .checkout__address-container .checkout__address-block__text-box textarea { height: 6rem; } .checkout__address-container .checkout__address-block__label { font-size: 0.8125rem; } .checkout__address-container .checkout__address-block .checkbox input[type=checkbox] { border: 1px solid #f4f4f4; box-shadow: 0rem 1px 1px 0rem rgba(17, 17, 17, 0.25); } .checkout__address-container__label-radio { border-width: 1px; } input[type=radio]:checked ~ .checkout__address-container__label-radio::after { top: 0.1875rem; left: 0.1875rem; } .checkout__address-container__label-span { font-size: 0.8125rem; } @media (min-width: 992px) { .checkout__address-container .checkout__address-remarks { width: 100%; } } .checkout__address-container .checkout__address-book-row a { font-size: 0.8125rem; } .checkout__address-container .checkout__address-book-row a:focus, .checkout__address-container .checkout__address-book-row a:hover { text-decoration: none; color: #fcd500; } .checkout__address-container .checkout__address-book-row a:focus svg, .checkout__address-container .checkout__address-book-row a:hover svg { fill: #fcd500; } .checkout__address-container .has-error .form-control { background-image: url(/Content/Themes/NYP/Images/input-cross.svg); } .checkout__address-container .use-address-book:focus, .checkout__address-container .use-address-book:hover { text-decoration: none; color: #fcd500; } .checkout__address-container .use-address-book:focus svg, .checkout__address-container .use-address-book:hover svg { fill: #fcd500; } .checkout__customer-info-container__header { font-size: 0.8125rem; line-height: 1rem; } @media (min-width: 992px) { .checkout__customer-info-container .checkout__customer-info-block { width: 26.125rem; } } .checkout__customer-info-container .checkout__customer-info-block input { padding: 0.875rem 1rem; height: 3rem; } .checkout__customer-info-container .checkout__customer-info-block .checkbox input[type=checkbox] { border: 1px solid #f4f4f4; box-shadow: 0rem 1px 1px 0rem rgba(17, 17, 17, 0.25); } .checkout__customer-info-container .checkout__customer-info-block small { font-size: 0.75rem; } .checkout__customer-info-container .checkout__customer-info-block a:focus, .checkout__customer-info-container .checkout__customer-info-block a:hover { text-decoration: none; color: #fcd500; } .checkout__customer-info-container .checkout__customer-info-block a:focus svg, .checkout__customer-info-container .checkout__customer-info-block a:hover svg { fill: #fcd500; } .checkout__customer-info-container .has-error .form-control { background-image: url(/Content/Themes/NYP/Images/input-cross.svg); } .checkout__coupon-container__header:focus, .checkout__coupon-container__header:hover { text-decoration: none; color: #fcd500; } .checkout__coupon-container__header:focus svg, .checkout__coupon-container__header:hover svg { fill: #fcd500; } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation { width: 26.125rem !important; } } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li { width: 13.0625rem; } } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li.active { width: 12.875rem; } } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li.active a { color: #009a44 !important; background-color: transparent !important; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab-navigation li a img { display: none; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab { padding: 0 !important; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .s4d-select-box { padding-right: 1rem !important; color: #111111 !important; } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .row > * { width: 26.125rem; } } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group { align-items: center; height: 3rem !important; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group input { height: 3rem; } @media (min-width: 992px) { .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group > input:first-child { width: 26.125rem; } } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group .input-group-btn input { border-radius: 1.125rem !important; color: #009a44 !important; border-color: #009a44 !important; background-color: #ffffff !important; width: auto !important; height: 2.25rem !important; margin: 0 !important; } .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group .input-group-btn input:focus, .checkout__coupon-container__block .s4d-content-tabs .s4d-tab .input-group .input-group-btn input:hover { color: #ffffff !important; background-color: #009a44 !important; } .checkout__vytal-container__header:focus, .checkout__vytal-container__header:hover { text-decoration: none; color: #fcd500; } .checkout__vytal-container__header:focus svg, .checkout__vytal-container__header:hover svg { fill: #fcd500; } .checkout__vytal-container__block .input-group { align-items: center; height: 3rem !important; } .checkout__vytal-container__block .input-group input { height: 3rem; } @media (min-width: 992px) { .checkout__vytal-container__block .input-group > input:first-child { width: 26.125rem; } } .checkout__vytal-container__block .input-group .input-group-btn input { border-radius: 1.125rem !important; color: #009a44 !important; border-color: #009a44 !important; background-color: #ffffff !important; width: auto !important; height: 2.25rem !important; margin: 0 !important; } .checkout__vytal-container__block .input-group .input-group-btn input:focus, .checkout__vytal-container__block .input-group .input-group-btn input:hover { color: #ffffff !important; background-color: #009a44 !important; } .checkout__tip-container .s4d-text-color-header { font-size: 0.8125rem; line-height: 1rem; } .checkout__tip-container .checkout__tip-subheader { font-size: 0.8125rem; line-height: 1rem; } .checkout__tip-container .checkout__tip-options button { border-color: #e1f3e6; background-color: #ffffff; font-size: 0.8125rem; height: 2.25rem; line-height: 0.9375rem; } @media (max-width: 992px) { .checkout__tip-container .checkout__tip-options button { min-width: 4.6875rem; } } .checkout__tip-container .checkout__tip-options button:focus, .checkout__tip-container .checkout__tip-options button:hover { color: #009a44; border-color: transparent; } .checkout__paymentmethod-container__header { font-size: 0.8125rem; line-height: 1rem; } .checkout__paymentmethod-container .checkout__paymentmethod-name { font-size: 0.8125rem; line-height: 1rem; } @media (min-width: 992px) { .checkout__paymentmethod-container .checkout__paymentmethod-buttons .s4d-row-gutter-bottom { display: block !important; } } @media (min-width: 992px) { .checkout__paymentmethod-container .checkout__paymentmethod-buttons .s4d-row-gutter-bottom > * { margin-top: 0 !important; width: 26.1875rem; } } .checkout__paymentmethod-container .checkout__paymentmethod-buttons .s4d-checkout-payment-method { border: none !important; border-bottom: 1px solid #f4f4f4 !important; margin: 0 !important; padding-left: 2.5rem !important; } .checkout__paymentmethod-container .checkout__paymentmethod-buttons .s4d-payment-type { font-size: 0.8125rem; line-height: 1rem; } .checkout__paymentmethod-container .checkout__paymentmethod-buttons .s4d-payment-type .s4d-text-color-light { color: #111111 !important; font-size: 0.8125rem !important; } .checkout__paymentmethod-container .checkout__paymentmethod-buttons label.s4d-new-label-radio .s4d-new-input-radio-btn { width: 1.25rem !important; height: 1.25rem !important; left: 0 !important; border-width: 1px !important; } .checkout__paymentmethod-container .checkout__paymentmethod-buttons label.s4d-new-label-radio input[type=radio]:checked ~ .s4d-new-input-radio-btn { border-color: #009a44 !important; } .checkout__paymentmethod-container .checkout__paymentmethod-buttons label.s4d-new-label-radio input[type=radio]:checked ~ .s4d-new-input-radio-btn::after { content: "" !important; top: 0.1875rem; left: 0.1875rem; } .checkout-body #checkout-promotion-container .input-group { max-width: unset !important; } @media (min-width: 992px) { .checkout__button-container .s4d-place-order { width: 26.125rem; } } .checkout__business-switch-container > *:last-child { margin-bottom: 1.75rem; } .checkout__business-switch-container__header { font-size: 0.8125rem; line-height: 1rem; } .checkout__business-switch-container .checkout__business-switch-block label { font-size: 0.8125rem; line-height: 1rem; } .checkout__business-switch-container .checkout__business-switch-block label.s4d-new-label-radio input[type=radio]:checked ~ .s4d-new-input-radio-btn { background: radial-gradient(#009a44 0.3125rem, transparent 0.375rem) !important; } .checkout__business-switch-container .checkout__business-switch-row { display: flex; flex-flow: row; line-height: 1rem; height: 1rem; margin-top: 1.75rem; } .checkout__business-switch-container .checkout__business-switch-row:first-of-type { margin-top: 1.5rem; } .checkout__business-switch-container .checkout__business-switch-row .checkout__business-switch-block { margin-left: 0rem; margin-top: unset; height: 1rem; } .checkout__business-switch-container .checkout__business-switch-row .checkout__business-switch-block .btn { margin-top: unset !important; margin-bottom: unset !important; } .checkout__business-switch-container .checkout__business-switch-row .checkout__business-switch-block:first-of-type { margin-left: 0.125rem; margin-bottom: 0rem; } .emails-book__content-label-span { font-size: 0.8125rem; } .order-status-body .s4d-receipt-toggle-wrapper { display: none; } @media (min-width: 64rem) { .order-status-body .s4d-order-delivery-time { border-color: #ccc; } } .order-status-body .s4d-delivery-estimation .s4d-order-status span { font-size: 1.5rem; } .order-status-body .s4d-order-container { background-color: #f4f4f4; box-shadow: none; } .order-status-body .s4d-order-container .s4d-order-info-text { font-weight: 500; } .order-status-body .s4d-order-container .s4d-order-info-text .s4d-order-info-title { font-weight: 700; color: #111111; } .order-status-body .s4d-order-container .s4d-order-info-icon { color: #858585; } .order-status-body .s4d-store-address-item strong { color: #111111; } #MyOrderHistory h1 { font-weight: 700; } #MyOrderHistory .gray-box { font-weight: 700; } #MyOrderHistory .lower-title { font-weight: 700; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .history-order-title, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .history-order-title { font-weight: 700; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-header .h3, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-header .h3 { font-weight: 700; } #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product description-section, #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories, #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .option-list, #MyOrderHistory .s4d-receipt-latest-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-type, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product description-section, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-calories, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .option-list, #MyOrderHistory .s4d-receipt-active-order .s4d-receipt-order .order-content .s4d-product .s4d-product-order .s4d-product-type { font-weight: 700; } .s4d-mydetails__header { font-weight: 700; } @media (min-width: 992px) { .s4d-reset-password .s4d-password-strength-animated .s4d-password-strength-container { left: 0; margin-top: -1.375rem; } } .forgot-password__header { font-weight: 700; } .forgot-password__subheader { font-weight: 700; } /*# sourceMappingURL=Base.css.map */