/*! ab v3.4.0-16 */ @import url(https://api.fontshare.com/v2/css?f[]=clash-display@500,600&f[]=gambetta@400,500&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap);@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\F101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\F102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\F103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\F104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\F105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\F106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\F107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\F108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\F109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\F10A"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\F10B"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\F10C"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\F10D"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\F10E"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\F10F"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\F110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\F111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\F112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\F113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\F114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\F115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\F116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\F117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\F118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\F119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\F11A"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\F11B"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\F11C"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\F11D"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\F11E"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\F11F"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\F120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\F121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\F122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs){width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\F10D";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \F11D";font-size:1.5em;line-height:inherit}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0;background:0 0}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0}@charset "UTF-8"; html { font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "barlow"; font-style: normal; font-weight: 700; src: url("../fonts/barlow-bold.eot"), url("../fonts/barlow-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/barlow-bold.woff2") format("woff2"), url("../fonts/barlow-bold.woff") format("woff"), url("../fonts/barlow-bold.ttf") format("truetype"), url("../fonts/barlow-bold.svg#barlow-bold") format("svg"); } @font-face { font-family: "barlow"; font-style: normal; font-weight: 900; src: url("../fonts/barlow-black.eot"), url("../fonts/barlow-black.eot?#iefix") format("embedded-opentype"), url("../fonts/barlow-black.woff2") format("woff2"), url("../fonts/barlow-black.woff") format("woff"), url("../fonts/barlow-black.ttf") format("truetype"), url("../fonts/barlow-black.svg#barlow-black") format("svg"); } @font-face { font-family: "nexa"; font-style: normal; font-weight: 300; src: url("../fonts/nexa_light.eot"), url("../fonts/nexa_light.eot?#iefix") format("embedded-opentype"), url("../fonts/nexa_light.woff2") format("woff2"), url("../fonts/nexa_light.woff") format("woff"), url("../fonts/nexa_light.ttf") format("truetype"), url("../fonts/nexa_light.svg#nexa_light") format("svg"); } @font-face { font-family: "nexa"; font-style: normal; font-weight: 700; src: url("../fonts/nexa_bold.eot"), url("../fonts/nexa_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/nexa_bold.woff2") format("woff2"), url("../fonts/nexa_bold.woff") format("woff"), url("../fonts/nexa_bold.ttf") format("truetype"), url("../fonts/nexa_bold.svg#nexa_bold") format("svg"); } /* * ICON SETUP INSTRUCTIONS * 1) To edit Icomoon fonts, import the /fonts/icomoon/selection.json file at this URL: https://icomoon.io/app/#/select * 2) After making changes and generating the font, replace everything in /fonts/icomoon with the downloaded files and folders * 3) Copy the font files from /fonts/icomoon/fonts to /static/fonts/ * 4) Copy over the contents of the style.scss and variables.scss files from /fonts/icomoon to this file per instructions below * 5) Check the Icons section of the Style Guide to make sure any new/updated icons are rendering properly. They should get automatically updated there based on changes from /fonts/icomoon/selection.json */ @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot?phdfyf"); src: url("../fonts/icomoon.eot?phdfyf#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?phdfyf") format("truetype"), url("../fonts/icomoon.woff?phdfyf") format("woff"), url("../fonts/icomoon.svg?phdfyf#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"]:not(.btn), [class*=" icon-"]:not(.btn) { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* * Copy line 4 down from fonts/icomoon/variables.scss also add any extra icons to map with `name: $icon-variable` */ .icon-twitter-x.icon-before:before, .icon-twitter-x:not(.icon-after):before { content: "\E91E"; } .icon-twitter-x.icon-after:after { content: "\E91E"; } .icon-lock-alt.icon-before:before, .icon-lock-alt:not(.icon-after):before { content: "\E91F"; } .icon-lock-alt.icon-after:after { content: "\E91F"; } .icon-tiktok.icon-before:before, .icon-tiktok:not(.icon-after):before { content: "\E902"; } .icon-tiktok.icon-after:after { content: "\E902"; } .icon-box.icon-before:before, .icon-box:not(.icon-after):before { content: "\E903"; } .icon-box.icon-after:after { content: "\E903"; } .icon-airplane.icon-before:before, .icon-airplane:not(.icon-after):before { content: "\E906"; } .icon-airplane.icon-after:after { content: "\E906"; } .icon-menu.icon-before:before, .icon-menu:not(.icon-after):before { content: "\E929"; } .icon-menu.icon-after:after { content: "\E929"; } .icon-images.icon-before:before, .icon-images:not(.icon-after):before { content: "\E905"; } .icon-images.icon-after:after { content: "\E905"; } .icon-alert.icon-before:before, .icon-alert:not(.icon-after):before { content: "\E904"; } .icon-alert.icon-after:after { content: "\E904"; } .icon-account.icon-before:before, .icon-account:not(.icon-after):before { content: "\E900"; } .icon-account.icon-after:after { content: "\E900"; } .icon-add-to-cart.icon-before:before, .icon-add-to-cart:not(.icon-after):before { content: "\E901"; } .icon-add-to-cart.icon-after:after { content: "\E901"; } .icon-arrow-down.icon-before:before, .icon-arrow-down:not(.icon-after):before { content: "\E907"; } .icon-arrow-down.icon-after:after { content: "\E907"; } .icon-arrow-left-thin.icon-before:before, .icon-arrow-left-thin:not(.icon-after):before { content: "\E908"; } .icon-arrow-left-thin.icon-after:after { content: "\E908"; } .icon-arrow-left.icon-before:before, .icon-arrow-left:not(.icon-after):before { content: "\E909"; } .icon-arrow-left.icon-after:after { content: "\E909"; } .icon-arrow-right-thin.icon-before:before, .icon-arrow-right-thin:not(.icon-after):before { content: "\E90A"; } .icon-arrow-right-thin.icon-after:after { content: "\E90A"; } .icon-arrow-right.icon-before:before, .icon-arrow-right:not(.icon-after):before { content: "\E90B"; } .icon-arrow-right.icon-after:after { content: "\E90B"; } .icon-arrow-top.icon-before:before, .icon-arrow-top:not(.icon-after):before { content: "\E90C"; } .icon-arrow-top.icon-after:after { content: "\E90C"; } .icon-arrow-up.icon-before:before, .icon-arrow-up:not(.icon-after):before { content: "\E90D"; } .icon-arrow-up.icon-after:after { content: "\E90D"; } .icon-call.icon-before:before, .icon-call:not(.icon-after):before { content: "\E90E"; } .icon-call.icon-after:after { content: "\E90E"; } .icon-cart.icon-before:before, .icon-cart:not(.icon-after):before { content: "\E90F"; } .icon-cart.icon-after:after { content: "\E90F"; } .icon-checkmark.icon-before:before, .icon-checkmark:not(.icon-after):before { content: "\E910"; } .icon-checkmark.icon-after:after { content: "\E910"; } .icon-close-small.icon-before:before, .icon-close-small:not(.icon-after):before { content: "\E911"; } .icon-close-small.icon-after:after { content: "\E911"; } .icon-close.icon-before:before, .icon-close:not(.icon-after):before { content: "\E912"; } .icon-close.icon-after:after { content: "\E912"; } .icon-collapse.icon-before:before, .icon-collapse:not(.icon-after):before { content: "\E913"; } .icon-collapse.icon-after:after { content: "\E913"; } .icon-edit.icon-before:before, .icon-edit:not(.icon-after):before { content: "\E914"; } .icon-edit.icon-after:after { content: "\E914"; } .icon-email.icon-before:before, .icon-email:not(.icon-after):before { content: "\E915"; } .icon-email.icon-after:after { content: "\E915"; } .icon-expand.icon-before:before, .icon-expand:not(.icon-after):before { content: "\E916"; } .icon-expand.icon-after:after { content: "\E916"; } .icon-facebook.icon-before:before, .icon-facebook:not(.icon-after):before { content: "\E917"; } .icon-facebook.icon-after:after { content: "\E917"; } .icon-favorite-selected.icon-before:before, .icon-favorite-selected:not(.icon-after):before { content: "\E918"; } .icon-favorite-selected.icon-after:after { content: "\E918"; } .icon-favorite.icon-before:before, .icon-favorite:not(.icon-after):before { content: "\E919"; } .icon-favorite.icon-after:after { content: "\E919"; } .icon-film.icon-before:before, .icon-film:not(.icon-after):before { content: "\E91A"; } .icon-film.icon-after:after { content: "\E91A"; } .icon-globe.icon-before:before, .icon-globe:not(.icon-after):before { content: "\E9CA"; } .icon-globe.icon-after:after { content: "\E9CA"; } .icon-google.icon-before:before, .icon-google:not(.icon-after):before { content: "\E91B"; } .icon-google.icon-after:after { content: "\E91B"; } .icon-guarantee.icon-before:before, .icon-guarantee:not(.icon-after):before { content: "\E91C"; } .icon-guarantee.icon-after:after { content: "\E91C"; } .icon-image.icon-before:before, .icon-image:not(.icon-after):before { content: "\E91D"; } .icon-image.icon-after:after { content: "\E91D"; } .icon-info.icon-before:before, .icon-info:not(.icon-after):before { content: "\E921"; } .icon-info.icon-after:after { content: "\E921"; } .icon-instagram.icon-before:before, .icon-instagram:not(.icon-after):before { content: "\E922"; } .icon-instagram.icon-after:after { content: "\E922"; } .icon-link.icon-before:before, .icon-link:not(.icon-after):before { content: "\E923"; } .icon-link.icon-after:after { content: "\E923"; } .icon-linkedin.icon-before:before, .icon-linkedin:not(.icon-after):before { content: "\E924"; } .icon-linkedin.icon-after:after { content: "\E924"; } .icon-livechat.icon-before:before, .icon-livechat:not(.icon-after):before { content: "\E925"; } .icon-livechat.icon-after:after { content: "\E925"; } .icon-location.icon-before:before, .icon-location:not(.icon-after):before { content: "\E927"; } .icon-location.icon-after:after { content: "\E927"; } .icon-lock.icon-before:before, .icon-lock:not(.icon-after):before { content: "\E928"; } .icon-lock.icon-after:after { content: "\E928"; } .icon-minus.icon-before:before, .icon-minus:not(.icon-after):before { content: "\E92C"; } .icon-minus.icon-after:after { content: "\E92C"; } .icon-offsite.icon-before:before, .icon-offsite:not(.icon-after):before { content: "\E92D"; } .icon-offsite.icon-after:after { content: "\E92D"; } .icon-pause.icon-before:before, .icon-pause:not(.icon-after):before { content: "\E92E"; } .icon-pause.icon-after:after { content: "\E92E"; } .icon-pinterest.icon-before:before, .icon-pinterest:not(.icon-after):before { content: "\E92F"; } .icon-pinterest.icon-after:after { content: "\E92F"; } .icon-play-hollow.icon-before:before, .icon-play-hollow:not(.icon-after):before { content: "\E930"; } .icon-play-hollow.icon-after:after { content: "\E930"; } .icon-plus.icon-before:before, .icon-plus:not(.icon-after):before { content: "\E931"; } .icon-plus.icon-after:after { content: "\E931"; } .icon-print.icon-before:before, .icon-print:not(.icon-after):before { content: "\E932"; } .icon-print.icon-after:after { content: "\E932"; } .icon-question.icon-before:before, .icon-question:not(.icon-after):before { content: "\E933"; } .icon-question.icon-after:after { content: "\E933"; } .icon-remove.icon-before:before, .icon-remove:not(.icon-after):before { content: "\E934"; } .icon-remove.icon-after:after { content: "\E934"; } .icon-search.icon-before:before, .icon-search:not(.icon-after):before { content: "\E935"; } .icon-search.icon-after:after { content: "\E935"; } .icon-size.icon-before:before, .icon-size:not(.icon-after):before { content: "\E936"; } .icon-size.icon-after:after { content: "\E936"; } .icon-star-empty.icon-before:before, .icon-star-empty:not(.icon-after):before { content: "\E937"; } .icon-star-empty.icon-after:after { content: "\E937"; } .icon-star-half.icon-before:before, .icon-star-half:not(.icon-after):before { content: "\E938"; } .icon-star-half.icon-after:after { content: "\E938"; } .icon-star.icon-before:before, .icon-star:not(.icon-after):before { content: "\E939"; } .icon-star.icon-after:after { content: "\E939"; } .icon-twitter.icon-before:before, .icon-twitter:not(.icon-after):before { content: "\E93A"; } .icon-twitter.icon-after:after { content: "\E93A"; } .icon-youtube.icon-before:before, .icon-youtube:not(.icon-after):before { content: "\E93B"; } .icon-youtube.icon-after:after { content: "\E93B"; } .icon-zoom-out.icon-before:before, .icon-zoom-out:not(.icon-after):before { content: "\E93C"; } .icon-zoom-out.icon-after:after { content: "\E93C"; } .icon-zoom.icon-before:before, .icon-zoom:not(.icon-after):before { content: "\E93D"; } .icon-zoom.icon-after:after { content: "\E93D"; } .flag-icon { pointer-events: none; } /* * Copy line 30 down from from fonts/icomoon/style.scss .icon-lock-alt { &:before { content: $icon-lock-alt; } } .icon-tiktok { &:before { content: $icon-tiktok; } } .icon-box { &:before { content: $icon-box; } } .icon-airplane { &:before { content: $icon-airplane; } } .icon-menu { &:before { content: $icon-menu; } } .icon-images { &:before { content: $icon-images; } } .icon-alert { &:before { content: $icon-alert; } } .icon-account { &:before { content: $icon-account; } } .icon-add-to-cart { &:before { content: $icon-add-to-cart; } } .icon-arrow-down { &:before { content: $icon-arrow-down; } } .icon-arrow-left-thin { &:before { content: $icon-arrow-left-thin; } } .icon-arrow-left { &:before { content: $icon-arrow-left; } } .icon-arrow-right-thin { &:before { content: $icon-arrow-right-thin; } } .icon-arrow-right { &:before { content: $icon-arrow-right; } } .icon-arrow-top { &:before { content: $icon-arrow-top; } } .icon-arrow-up { &:before { content: $icon-arrow-up; } } .icon-call { &:before { content: $icon-call; } } .icon-cart { &:before { content: $icon-cart; } } .icon-checkmark { &:before { content: $icon-checkmark; } } .icon-close-small { &:before { content: $icon-close-small; } } .icon-close { &:before { content: $icon-close; } } .icon-collapse { &:before { content: $icon-collapse; } } .icon-edit { &:before { content: $icon-edit; } } .icon-email { &:before { content: $icon-email; } } .icon-expand { &:before { content: $icon-expand; } } .icon-facebook { &:before { content: $icon-facebook; } } .icon-favorite-selected { &:before { content: $icon-favorite-selected; } } .icon-favorite { &:before { content: $icon-favorite; } } .icon-film { &:before { content: $icon-film; } } .icon-google { &:before { content: $icon-google; } } .icon-guarantee { &:before { content: $icon-guarantee; } } .icon-image { &:before { content: $icon-image; } } .icon-info { &:before { content: $icon-info; } } .icon-instagram { &:before { content: $icon-instagram; } } .icon-link { &:before { content: $icon-link; } } .icon-linkedin { &:before { content: $icon-linkedin; } } .icon-livechat { &:before { content: $icon-livechat; } } .icon-location { &:before { content: $icon-location; } } .icon-lock { &:before { content: $icon-lock; } } .icon-minus { &:before { content: $icon-minus; } } .icon-offsite { &:before { content: $icon-offsite; } } .icon-pause { &:before { content: $icon-pause; } } .icon-pinterest { &:before { content: $icon-pinterest; } } .icon-play-hollow { &:before { content: $icon-play-hollow; } } .icon-plus { &:before { content: $icon-plus; } } .icon-print { &:before { content: $icon-print; } } .icon-question { &:before { content: $icon-question; } } .icon-remove { &:before { content: $icon-remove; } } .icon-search { &:before { content: $icon-search; } } .icon-size { &:before { content: $icon-size; } } .icon-star-empty { &:before { content: $icon-star-empty; } } .icon-star-half { &:before { content: $icon-star-half; } } .icon-star { &:before { content: $icon-star; } } .icon-twitter { &:before { content: $icon-twitter; } } .icon-youtube { &:before { content: $icon-youtube; } } .icon-zoom-out { &:before { content: $icon-zoom-out; } } .icon-zoom { &:before { content: $icon-zoom; } } .icon-twitter-x { &:before { content: $icon-twitter-x; } } .icon-globe { &:before { content: $icon-globe; } } */ .fa { display: inline-block; font-weight: normal; font-style: normal; text-rendering: auto; font-size: inherit; } .fa-stack { position: relative; display: inline-block; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; line-height: inherit; } /* * Logo Svg String ** make sure the fill is set to 'COLORTOUSEASFILL' ** THIS CURRENTLY IS JUST A LOADING ICON */ /* * COLORS */ /* * GRID SYSTEM */ /* * Z Indexes */ /* * ASPECT RATIOS */ /* * MISC */ /* * FONTS (setup is handled in utilities/_fonts.scss) */ /* * TEXT */ /* * HEADERS */ /* * BANNER STYLES */ /* * BUTTONS */ /* * FORMs */ /* * BREADCRUMBS */ /* * TOOLTIPS */ /* * POPOVERS */ /* * MODALS */ /* * ALERTS (also affects toast messages) */ /* * TOAST MESSAGES */ /* * CARDS */ /* * COLLAPSIBLE */ /* * COLLAPSIBLE INVERSE */ /* * ACCORDION */ /* * TABS */ /* * SLIDER */ /* * DROPDOWNS */ /* * NAVIGATION LINKS // generic navigation links styling (header, footer, etc) */ /* * HEADER */ :root { --brand-logo-desktop: url(../images/logo.svg); } /* * FOOTER */ /* * PAGE-LEVEL SETTINGS */ /* * PRODUCT */ /* * MINICART */ /* * CART AND CHECKOUT */ /* * PAGE DESIGNER MODULES */ /* * HERO ASSETS */ /* * CATEGORY TILE ASSETS */ /* * IMAGE TEXT BLOCK ASSETS */ /* * PHOTO HOTSPOTS ASSETS */ /* * VIDEO ASSETS */ /* * BLOG LANDING */ /* * BLOG DETAIL */ /* * CONTENT TILES */ /* * DISCOUNT STATUS BAR */ /* * STORE LOCATOR */ /* * STORE DETAIL PAGE */ /* * ACCOUNT */ /* * WISHLIST */ /* * GIFTCERTIFICATES */ /* * PAYMENTMETHODS */ /* * ACCESSIBILITY */ /* * CONSENT DRAWER */ /* * FOLDER-BASED NAVIGATION (e.g. Customer Service pages) */ /* * BASE TABLE STYLING */ /* * CUSTOM SCROLLBARS */ :root { --blue: #388BFF; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #721C24; --orange: #fd7e14; --yellow: #856404; --green: #155624; --teal: #20c997; --cyan: #17a2b8; --white: #FFFFFF; --gray: #6c757d; --gray-dark: #343a40; --brand-primary: #091010; --brand-secondary: #FFFFFF; --brand-tertiary: #B0A381; --brand-accent: #432F08; --brand-accent-alt: #B0A381; --white: #FFFFFF; --off-white: #F2F1F0; --light-gray: #C5C5C5; --gray: #BEBEBE; --dark-gray: #4C4C4B; --near-black: #323232; --black: #091010; --green: #155624; --red: #721C24; --yellow: #856404; --blue: #388BFF; --success: #155624; --danger: #721C24; --warning: #856404; --info: #5A49B2; --primary: #388BFF; --secondary: #6c757d; --success: #155624; --info: #5A49B2; --warning: #856404; --danger: #721C24; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 544px; --breakpoint-md: 769px; --breakpoint-lg: 1024px; --breakpoint-xl: 1440px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(9, 16, 16, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #FFFFFF; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 8px; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #091010; text-decoration: none; background-color: transparent; } a:hover { color: #432F08; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 8px; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: var(--h1-mobile-size, 42px); } h2, .h2 { font-size: var(--h2-mobile-size, 32px); } h3, .h3 { font-size: var(--h3-mobile-size, 26px); } h4, .h4 { font-size: var(--h4-mobile-size, 22px); } h5, .h5 { font-size: var(--h5-mobile-size, 18px); } h6, .h6 { font-size: var(--h6-mobile-size, 16px); } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 16px; margin-bottom: 16px; border: 0; border-top: 1px solid rgba(9, 16, 16, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 16px; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #FFFFFF; border: 1px solid #dee2e6; border-radius: var(--border-radius, 0px); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 8px; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #FFFFFF; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 769px) { .container { max-width: 1420px; } } @media (min-width: 1024px) { .container { max-width: 1430px; } } @media (min-width: 1440px) { .container { max-width: 1440px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 544px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 769px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 1024px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1440px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 16px; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid var(--base-border-color, #F2F1F0); } .table thead th { vertical-align: bottom; border-bottom: 2px solid var(--base-border-color, #F2F1F0); } .table tbody + tbody { border-top: 2px solid var(--base-border-color, #F2F1F0); } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid var(--base-border-color, #F2F1F0); } .table-bordered th, .table-bordered td { border: 1px solid var(--base-border-color, #F2F1F0); } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(9, 16, 16, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(9, 16, 16, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #c7dfff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #98c3ff; } .table-hover .table-primary:hover { background-color: #aed0ff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #aed0ff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #bdd0c2; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #85a78d; } .table-hover .table-success:hover { background-color: #aec5b4; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #aec5b4; } .table-info, .table-info > th, .table-info > td { background-color: #d1cce9; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #a9a0d7; } .table-hover .table-info:hover { background-color: #c1bae1; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c1bae1; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ddd4b9; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #c0ae7c; } .table-hover .table-warning:hover { background-color: #d5c9a8; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #d5c9a8; } .table-danger, .table-danger > th, .table-danger > td { background-color: #d8bfc2; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #b6898d; } .table-hover .table-danger:hover { background-color: #ceafb3; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ceafb3; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(9, 16, 16, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #FFFFFF; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: var(--base-border-color, #F2F1F0); } .table-dark { color: #FFFFFF; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 543.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 768.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 1023.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1439.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(16px + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #afafaf; border-radius: var(--border-radius, 0px); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #FFFFFF; border-color: #b8d5ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(56, 139, 255, 0.25); } .form-control::-moz-placeholder { color: #4C4C4B; opacity: 1; } .form-control:-ms-input-placeholder { color: #4C4C4B; opacity: 1; } .form-control::placeholder { color: #4C4C4B; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #FFFFFF; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #155624; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.8125rem; line-height: 1.5; color: #FFFFFF; background-color: #155624; border-radius: var(--border-radius, 0px); } .was-validated .form-control:valid, .form-control.is-valid { border-color: #155624; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23155624' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #155624; box-shadow: 0 0 0 0.2rem rgba(21, 86, 36, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .was-validated select.form-control:valid, .was-validated select:valid, .custom-select.is-valid, select.is-valid { border-color: #155624; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23155624' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #FFFFFF no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .was-validated select.form-control:valid:focus, .was-validated select:valid:focus, .custom-select.is-valid:focus, select.is-valid:focus { border-color: #155624; box-shadow: 0 0 0 0.2rem rgba(21, 86, 36, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated select.form-control:valid ~ .valid-feedback, .was-validated select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated select.form-control:valid ~ .valid-tooltip, .was-validated select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, select.is-valid.form-control ~ .valid-feedback, select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, select.is-valid.form-control ~ .valid-tooltip, select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #155624; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #155624; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #155624; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #1f7f35; background-color: #1f7f35; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(21, 86, 36, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #155624; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #155624; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #155624; box-shadow: 0 0 0 0.2rem rgba(21, 86, 36, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #721C24; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.8125rem; line-height: 1.5; color: #FFFFFF; background-color: #721c24; border-radius: var(--border-radius, 0px); } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #721C24; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23721C24' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23721C24' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #721C24; box-shadow: 0 0 0 0.2rem rgba(114, 28, 36, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .was-validated select.form-control:invalid, .was-validated select:invalid, .custom-select.is-invalid, select.is-invalid { border-color: #721C24; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23721C24' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23721C24' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #FFFFFF no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .was-validated select.form-control:invalid:focus, .was-validated select:invalid:focus, .custom-select.is-invalid:focus, select.is-invalid:focus { border-color: #721C24; box-shadow: 0 0 0 0.2rem rgba(114, 28, 36, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated select.form-control:invalid ~ .invalid-feedback, .was-validated select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated select.form-control:invalid ~ .invalid-tooltip, .was-validated select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, select.is-invalid.form-control ~ .invalid-feedback, select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, select.is-invalid.form-control ~ .invalid-tooltip, select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #721C24; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #721C24; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #721C24; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #9b2631; background-color: #9b2631; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(114, 28, 36, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #721C24; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #721C24; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #721C24; box-shadow: 0 0 0 0.2rem rgba(114, 28, 36, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 544px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select, .form-inline select.form-control, .form-inline select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.875rem; color: #212529; text-align: left; list-style: none; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid rgba(9, 16, 16, 0.15); border-radius: var(--border-radius, 0px); } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 544px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 769px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 1024px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1440px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 8px 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #323232; text-decoration: none; background-color: #388BFF; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > select.form-control, .input-group > select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + select.form-control, .input-group > .form-control + select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + select.form-control, .input-group > .form-control-plaintext + select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > select.form-control + .form-control, .input-group > select + .form-control, .input-group > .custom-select + .custom-select, .input-group > select.form-control + .custom-select, .input-group > select + .custom-select, .input-group > .custom-select + select.form-control, .input-group > select.form-control + select.form-control, .input-group > select + select.form-control, .input-group > .custom-select + select, .input-group > select.form-control + select, .input-group > select + select, .input-group > .custom-select + .custom-file, .input-group > select.form-control + .custom-file, .input-group > select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + select.form-control, .input-group > .custom-file + select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > select.form-control:focus, .input-group > select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child), .input-group > select.form-control:not(:last-child), .input-group > select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child), .input-group > select.form-control:not(:first-child), .input-group > select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #afafaf; border-radius: var(--border-radius, 0px); } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select, .input-group-lg > select.form-control, .input-group-lg > select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > select.form-control, .input-group-lg > select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select, .input-group-sm > select.form-control, .input-group-sm > select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > select.form-control, .input-group-sm > select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-lg > select.form-control, .input-group-lg > select, .input-group-sm > .custom-select, .input-group-sm > select.form-control, .input-group-sm > select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #FFFFFF; border-color: #388BFF; background-color: #388BFF; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(56, 139, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #b8d5ff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #FFFFFF; background-color: #ebf3ff; border-color: #ebf3ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #FFFFFF; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: var(--border-radius, 0px); } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #388BFF; background-color: #388BFF; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFFFFF' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(56, 139, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(56, 139, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(56, 139, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #FFFFFF; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(56, 139, 255, 0.5); } .custom-select, select.form-control, select { display: inline-block; width: 100%; height: calc(16px + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #FFFFFF; border: 1px solid #afafaf; border-radius: var(--border-radius, 0px); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus, select:focus { border-color: #b8d5ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(56, 139, 255, 0.25); } .custom-select:focus::-ms-value, select:focus::-ms-value { color: #495057; background-color: #FFFFFF; } .custom-select[multiple], select[multiple], .custom-select[size]:not([size="1"]), select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled, select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand, select.form-control::-ms-expand, select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(16px + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(16px + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #b8d5ff; box-shadow: 0 0 0 0.2rem rgba(56, 139, 255, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(16px + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #FFFFFF; border: 1px solid #afafaf; border-radius: var(--border-radius, 0px); } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 var(--border-radius, 0px) var(--border-radius, 0px) 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(56, 139, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(56, 139, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(56, 139, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #388BFF; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #ebf3ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #388BFF; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #ebf3ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #388BFF; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #ebf3ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select, select.form-control, select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select, select.form-control, select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: var(--border-radius, 0px); border-top-right-radius: var(--border-radius, 0px); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #FFFFFF; border-color: #dee2e6 #dee2e6 #FFFFFF; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: var(--border-radius, 0px); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #FFFFFF; background-color: #388BFF; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 8px 16px; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 16px; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: var(--border-radius, 0px); } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 543.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 544px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 768.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 769px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 1023.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1024px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1439.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1440px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(9, 16, 16, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(9, 16, 16, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(9, 16, 16, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(9, 16, 16, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(9, 16, 16, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(9, 16, 16, 0.9); } .navbar-light .navbar-toggler { color: rgba(9, 16, 16, 0.5); border-color: rgba(9, 16, 16, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(9, 16, 16, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(9, 16, 16, 0.5); } .navbar-light .navbar-text a { color: rgba(9, 16, 16, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(9, 16, 16, 0.9); } .navbar-dark .navbar-brand { color: #FFFFFF; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #FFFFFF; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #FFFFFF; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #FFFFFF; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #FFFFFF; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #FFFFFF; background-clip: border-box; border: 1px solid #F2F1F0; border-radius: var(--border-radius, 0px); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: var(--border-radius, 0px); border-top-right-radius: var(--border-radius, 0px); } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: var(--border-radius, 0px); border-bottom-left-radius: var(--border-radius, 0px); } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(9, 16, 16, 0.03); border-bottom: 1px solid #F2F1F0; } .card-header:first-child { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(9, 16, 16, 0.03); border-top: 1px solid #F2F1F0; } .card-footer:last-child { border-radius: 0 0 calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(var(--border-radius, 0px) - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(var(--border-radius, 0px) - 1px); border-top-right-radius: calc(var(--border-radius, 0px) - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(var(--border-radius, 0px) - 1px); border-bottom-left-radius: calc(var(--border-radius, 0px) - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 544px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 544px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 544px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: var(--border-radius, 0px); } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #091010; background-color: #FFFFFF; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #432F08; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(56, 139, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: var(--border-radius, 0px); border-bottom-left-radius: var(--border-radius, 0px); } .page-item:last-child .page-link { border-top-right-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px); } .page-item.active .page-link { z-index: 1; color: #FFFFFF; background-color: #388BFF; border-color: #388BFF; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #FFFFFF; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--border-radius, 0px); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #FFFFFF; background-color: #388BFF; } a.badge-primary:hover, a.badge-primary:focus { color: #FFFFFF; background-color: #056dff; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(56, 139, 255, 0.5); } .badge-secondary { color: #FFFFFF; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #FFFFFF; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #FFFFFF; background-color: #155624; } a.badge-success:hover, a.badge-success:focus { color: #FFFFFF; background-color: #0b2d13; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(21, 86, 36, 0.5); } .badge-info { color: #FFFFFF; background-color: #5A49B2; } a.badge-info:hover, a.badge-info:focus { color: #FFFFFF; background-color: #483a8e; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(90, 73, 178, 0.5); } .badge-warning { color: #FFFFFF; background-color: #856404; } a.badge-warning:hover, a.badge-warning:focus { color: #FFFFFF; background-color: #533f03; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(133, 100, 4, 0.5); } .badge-danger { color: #FFFFFF; background-color: #721C24; } a.badge-danger:hover, a.badge-danger:focus { color: #FFFFFF; background-color: #491217; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(114, 28, 36, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #FFFFFF; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #FFFFFF; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 544px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px 1px 1px 1px solid transparent; border-radius: var(--border-radius, 0px); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #21508c; background-color: #d7e8ff; border-color: #c7dfff; } .alert-primary hr { border-top-color: #aed0ff; } .alert-primary .alert-link { color: #173863; } .alert-secondary { color: #3c4549; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #252b2d; } .alert-success { color: #0f341a; background-color: #d0ddd3; border-color: #bdd0c2; } .alert-success hr { border-top-color: #aec5b4; } .alert-success .alert-link { color: #040c06; } .alert-info { color: #332e64; background-color: #dedbf0; border-color: #d1cce9; } .alert-info hr { border-top-color: #c1bae1; } .alert-info .alert-link { color: #211e41; } .alert-warning { color: #493c0a; background-color: #e7e0cd; border-color: #ddd4b9; } .alert-warning hr { border-top-color: #d5c9a8; } .alert-warning .alert-link { color: #1c1704; } .alert-danger { color: #40161a; background-color: #e3d2d3; border-color: #d8bfc2; } .alert-danger hr { border-top-color: #ceafb3; } .alert-danger .alert-link { color: #1a090b; } .alert-light { color: #85898a; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #6c6f70; } .alert-dark { color: #1f2629; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #090b0c; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: var(--border-radius, 0px); } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #FFFFFF; text-align: center; white-space: nowrap; background-color: #388BFF; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #FFFFFF; border: 1px solid rgba(9, 16, 16, 0.125); } .list-group-item:first-child { border-top-left-radius: var(--border-radius, 0px); border-top-right-radius: var(--border-radius, 0px); } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: var(--border-radius, 0px); border-bottom-left-radius: var(--border-radius, 0px); } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #FFFFFF; } .list-group-item.active { z-index: 2; color: #FFFFFF; background-color: #388BFF; border-color: #388BFF; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: var(--border-radius, 0px); border-bottom-left-radius: var(--border-radius, 0px); border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px); border-bottom-left-radius: 0; } @media (min-width: 544px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: var(--border-radius, 0px); border-bottom-left-radius: var(--border-radius, 0px); border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px); border-bottom-left-radius: 0; } } @media (min-width: 769px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: var(--border-radius, 0px); border-bottom-left-radius: var(--border-radius, 0px); border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px); border-bottom-left-radius: 0; } } @media (min-width: 1024px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: var(--border-radius, 0px); border-bottom-left-radius: var(--border-radius, 0px); border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px); border-bottom-left-radius: 0; } } @media (min-width: 1440px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: var(--border-radius, 0px); border-bottom-left-radius: var(--border-radius, 0px); border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px); border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #21508c; background-color: #c7dfff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #21508c; background-color: #aed0ff; } .list-group-item-primary.list-group-item-action.active { color: #FFFFFF; background-color: #21508c; border-color: #21508c; } .list-group-item-secondary { color: #3c4549; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #3c4549; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #FFFFFF; background-color: #3c4549; border-color: #3c4549; } .list-group-item-success { color: #0f341a; background-color: #bdd0c2; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f341a; background-color: #aec5b4; } .list-group-item-success.list-group-item-action.active { color: #FFFFFF; background-color: #0f341a; border-color: #0f341a; } .list-group-item-info { color: #332e64; background-color: #d1cce9; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #332e64; background-color: #c1bae1; } .list-group-item-info.list-group-item-action.active { color: #FFFFFF; background-color: #332e64; border-color: #332e64; } .list-group-item-warning { color: #493c0a; background-color: #ddd4b9; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #493c0a; background-color: #d5c9a8; } .list-group-item-warning.list-group-item-action.active { color: #FFFFFF; background-color: #493c0a; border-color: #493c0a; } .list-group-item-danger { color: #40161a; background-color: #d8bfc2; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #40161a; background-color: #ceafb3; } .list-group-item-danger.list-group-item-action.active { color: #FFFFFF; background-color: #40161a; border-color: #40161a; } .list-group-item-light { color: #85898a; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #85898a; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #FFFFFF; background-color: #85898a; border-color: #85898a; } .list-group-item-dark { color: #1f2629; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1f2629; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #FFFFFF; background-color: #1f2629; border-color: #1f2629; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #091010; text-shadow: 0 1px 0 #FFFFFF; opacity: .5; } .close:hover { color: #091010; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid rgba(9, 16, 16, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #091010; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 24px; border-bottom: 1px solid transparent; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 24px; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid transparent; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 544px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 1024px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1440px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8125rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #091010; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #091010; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #091010; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #091010; } .tooltip-inner { max-width: calc(max(25vw, 200px)); padding: 0.25rem 0.5rem; color: #FFFFFF; text-align: center; background-color: #091010; border-radius: var(--border-radius, 0px); } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 300px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #F2F1F0; border-radius: var(--border-radius, 0px); } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: #f2f1f0; } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #FFFFFF; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #f2f1f0; } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #FFFFFF; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #f2f1f0; } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #FFFFFF; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #f2f1f0; } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #FFFFFF; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #FFFFFF; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #FFFFFF; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #FFFFFF; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #FFFFFF; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #388BFF !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #056dff !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #155624 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #0b2d13 !important; } .bg-info { background-color: #5A49B2 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #483a8e !important; } .bg-warning { background-color: #856404 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #533f03 !important; } .bg-danger { background-color: #721C24 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #491217 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #FFFFFF !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid var(--base-border-color, #F2F1F0) !important; } .border-top { border-top: 1px solid var(--base-border-color, #F2F1F0) !important; } .border-right { border-right: 1px solid var(--base-border-color, #F2F1F0) !important; } .border-bottom { border-bottom: 1px solid var(--base-border-color, #F2F1F0) !important; } .border-left { border-left: 1px solid var(--base-border-color, #F2F1F0) !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #388BFF !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #155624 !important; } .border-info { border-color: #5A49B2 !important; } .border-warning { border-color: #856404 !important; } .border-danger { border-color: #721C24 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #FFFFFF !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: var(--border-radius, 0px) !important; } .rounded-top { border-top-left-radius: var(--border-radius, 0px) !important; border-top-right-radius: var(--border-radius, 0px) !important; } .rounded-right { border-top-right-radius: var(--border-radius, 0px) !important; border-bottom-right-radius: var(--border-radius, 0px) !important; } .rounded-bottom { border-bottom-right-radius: var(--border-radius, 0px) !important; border-bottom-left-radius: var(--border-radius, 0px) !important; } .rounded-left { border-top-left-radius: var(--border-radius, 0px) !important; border-bottom-left-radius: var(--border-radius, 0px) !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 544px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 769px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 1024px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1440px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 769px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 1024px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1440px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 544px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 769px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 1024px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1440px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(9, 16, 16, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(9, 16, 16, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(9, 16, 16, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 4px !important; } .mt-1, .my-1 { margin-top: 4px !important; } .mr-1, .mx-1 { margin-right: 4px !important; } .mb-1, .my-1 { margin-bottom: 4px !important; } .ml-1, .mx-1 { margin-left: 4px !important; } .m-2 { margin: 8px !important; } .mt-2, .my-2 { margin-top: 8px !important; } .mr-2, .mx-2 { margin-right: 8px !important; } .mb-2, .my-2 { margin-bottom: 8px !important; } .ml-2, .mx-2 { margin-left: 8px !important; } .m-3 { margin: 16px !important; } .mt-3, .my-3 { margin-top: 16px !important; } .mr-3, .mx-3 { margin-right: 16px !important; } .mb-3, .my-3 { margin-bottom: 16px !important; } .ml-3, .mx-3 { margin-left: 16px !important; } .m-4 { margin: 24px !important; } .mt-4, .my-4 { margin-top: 24px !important; } .mr-4, .mx-4 { margin-right: 24px !important; } .mb-4, .my-4 { margin-bottom: 24px !important; } .ml-4, .mx-4 { margin-left: 24px !important; } .m-5 { margin: 48px !important; } .mt-5, .my-5 { margin-top: 48px !important; } .mr-5, .mx-5 { margin-right: 48px !important; } .mb-5, .my-5 { margin-bottom: 48px !important; } .ml-5, .mx-5 { margin-left: 48px !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 4px !important; } .pt-1, .py-1 { padding-top: 4px !important; } .pr-1, .px-1 { padding-right: 4px !important; } .pb-1, .py-1 { padding-bottom: 4px !important; } .pl-1, .px-1 { padding-left: 4px !important; } .p-2 { padding: 8px !important; } .pt-2, .py-2 { padding-top: 8px !important; } .pr-2, .px-2 { padding-right: 8px !important; } .pb-2, .py-2 { padding-bottom: 8px !important; } .pl-2, .px-2 { padding-left: 8px !important; } .p-3 { padding: 16px !important; } .pt-3, .py-3 { padding-top: 16px !important; } .pr-3, .px-3 { padding-right: 16px !important; } .pb-3, .py-3 { padding-bottom: 16px !important; } .pl-3, .px-3 { padding-left: 16px !important; } .p-4 { padding: 24px !important; } .pt-4, .py-4 { padding-top: 24px !important; } .pr-4, .px-4 { padding-right: 24px !important; } .pb-4, .py-4 { padding-bottom: 24px !important; } .pl-4, .px-4 { padding-left: 24px !important; } .p-5 { padding: 48px !important; } .pt-5, .py-5 { padding-top: 48px !important; } .pr-5, .px-5 { padding-right: 48px !important; } .pb-5, .py-5 { padding-bottom: 48px !important; } .pl-5, .px-5 { padding-left: 48px !important; } .m-n1 { margin: -4px !important; } .mt-n1, .my-n1 { margin-top: -4px !important; } .mr-n1, .mx-n1 { margin-right: -4px !important; } .mb-n1, .my-n1 { margin-bottom: -4px !important; } .ml-n1, .mx-n1 { margin-left: -4px !important; } .m-n2 { margin: -8px !important; } .mt-n2, .my-n2 { margin-top: -8px !important; } .mr-n2, .mx-n2 { margin-right: -8px !important; } .mb-n2, .my-n2 { margin-bottom: -8px !important; } .ml-n2, .mx-n2 { margin-left: -8px !important; } .m-n3 { margin: -16px !important; } .mt-n3, .my-n3 { margin-top: -16px !important; } .mr-n3, .mx-n3 { margin-right: -16px !important; } .mb-n3, .my-n3 { margin-bottom: -16px !important; } .ml-n3, .mx-n3 { margin-left: -16px !important; } .m-n4 { margin: -24px !important; } .mt-n4, .my-n4 { margin-top: -24px !important; } .mr-n4, .mx-n4 { margin-right: -24px !important; } .mb-n4, .my-n4 { margin-bottom: -24px !important; } .ml-n4, .mx-n4 { margin-left: -24px !important; } .m-n5 { margin: -48px !important; } .mt-n5, .my-n5 { margin-top: -48px !important; } .mr-n5, .mx-n5 { margin-right: -48px !important; } .mb-n5, .my-n5 { margin-bottom: -48px !important; } .ml-n5, .mx-n5 { margin-left: -48px !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 544px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 4px !important; } .mt-sm-1, .my-sm-1 { margin-top: 4px !important; } .mr-sm-1, .mx-sm-1 { margin-right: 4px !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 4px !important; } .ml-sm-1, .mx-sm-1 { margin-left: 4px !important; } .m-sm-2 { margin: 8px !important; } .mt-sm-2, .my-sm-2 { margin-top: 8px !important; } .mr-sm-2, .mx-sm-2 { margin-right: 8px !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 8px !important; } .ml-sm-2, .mx-sm-2 { margin-left: 8px !important; } .m-sm-3 { margin: 16px !important; } .mt-sm-3, .my-sm-3 { margin-top: 16px !important; } .mr-sm-3, .mx-sm-3 { margin-right: 16px !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 16px !important; } .ml-sm-3, .mx-sm-3 { margin-left: 16px !important; } .m-sm-4 { margin: 24px !important; } .mt-sm-4, .my-sm-4 { margin-top: 24px !important; } .mr-sm-4, .mx-sm-4 { margin-right: 24px !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 24px !important; } .ml-sm-4, .mx-sm-4 { margin-left: 24px !important; } .m-sm-5 { margin: 48px !important; } .mt-sm-5, .my-sm-5 { margin-top: 48px !important; } .mr-sm-5, .mx-sm-5 { margin-right: 48px !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 48px !important; } .ml-sm-5, .mx-sm-5 { margin-left: 48px !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 4px !important; } .pt-sm-1, .py-sm-1 { padding-top: 4px !important; } .pr-sm-1, .px-sm-1 { padding-right: 4px !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 4px !important; } .pl-sm-1, .px-sm-1 { padding-left: 4px !important; } .p-sm-2 { padding: 8px !important; } .pt-sm-2, .py-sm-2 { padding-top: 8px !important; } .pr-sm-2, .px-sm-2 { padding-right: 8px !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 8px !important; } .pl-sm-2, .px-sm-2 { padding-left: 8px !important; } .p-sm-3 { padding: 16px !important; } .pt-sm-3, .py-sm-3 { padding-top: 16px !important; } .pr-sm-3, .px-sm-3 { padding-right: 16px !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 16px !important; } .pl-sm-3, .px-sm-3 { padding-left: 16px !important; } .p-sm-4 { padding: 24px !important; } .pt-sm-4, .py-sm-4 { padding-top: 24px !important; } .pr-sm-4, .px-sm-4 { padding-right: 24px !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 24px !important; } .pl-sm-4, .px-sm-4 { padding-left: 24px !important; } .p-sm-5 { padding: 48px !important; } .pt-sm-5, .py-sm-5 { padding-top: 48px !important; } .pr-sm-5, .px-sm-5 { padding-right: 48px !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 48px !important; } .pl-sm-5, .px-sm-5 { padding-left: 48px !important; } .m-sm-n1 { margin: -4px !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -4px !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -4px !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -4px !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -4px !important; } .m-sm-n2 { margin: -8px !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -8px !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -8px !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -8px !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -8px !important; } .m-sm-n3 { margin: -16px !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -16px !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -16px !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -16px !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -16px !important; } .m-sm-n4 { margin: -24px !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -24px !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -24px !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -24px !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -24px !important; } .m-sm-n5 { margin: -48px !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -48px !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -48px !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -48px !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -48px !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 769px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 4px !important; } .mt-md-1, .my-md-1 { margin-top: 4px !important; } .mr-md-1, .mx-md-1 { margin-right: 4px !important; } .mb-md-1, .my-md-1 { margin-bottom: 4px !important; } .ml-md-1, .mx-md-1 { margin-left: 4px !important; } .m-md-2 { margin: 8px !important; } .mt-md-2, .my-md-2 { margin-top: 8px !important; } .mr-md-2, .mx-md-2 { margin-right: 8px !important; } .mb-md-2, .my-md-2 { margin-bottom: 8px !important; } .ml-md-2, .mx-md-2 { margin-left: 8px !important; } .m-md-3 { margin: 16px !important; } .mt-md-3, .my-md-3 { margin-top: 16px !important; } .mr-md-3, .mx-md-3 { margin-right: 16px !important; } .mb-md-3, .my-md-3 { margin-bottom: 16px !important; } .ml-md-3, .mx-md-3 { margin-left: 16px !important; } .m-md-4 { margin: 24px !important; } .mt-md-4, .my-md-4 { margin-top: 24px !important; } .mr-md-4, .mx-md-4 { margin-right: 24px !important; } .mb-md-4, .my-md-4 { margin-bottom: 24px !important; } .ml-md-4, .mx-md-4 { margin-left: 24px !important; } .m-md-5 { margin: 48px !important; } .mt-md-5, .my-md-5 { margin-top: 48px !important; } .mr-md-5, .mx-md-5 { margin-right: 48px !important; } .mb-md-5, .my-md-5 { margin-bottom: 48px !important; } .ml-md-5, .mx-md-5 { margin-left: 48px !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 4px !important; } .pt-md-1, .py-md-1 { padding-top: 4px !important; } .pr-md-1, .px-md-1 { padding-right: 4px !important; } .pb-md-1, .py-md-1 { padding-bottom: 4px !important; } .pl-md-1, .px-md-1 { padding-left: 4px !important; } .p-md-2 { padding: 8px !important; } .pt-md-2, .py-md-2 { padding-top: 8px !important; } .pr-md-2, .px-md-2 { padding-right: 8px !important; } .pb-md-2, .py-md-2 { padding-bottom: 8px !important; } .pl-md-2, .px-md-2 { padding-left: 8px !important; } .p-md-3 { padding: 16px !important; } .pt-md-3, .py-md-3 { padding-top: 16px !important; } .pr-md-3, .px-md-3 { padding-right: 16px !important; } .pb-md-3, .py-md-3 { padding-bottom: 16px !important; } .pl-md-3, .px-md-3 { padding-left: 16px !important; } .p-md-4 { padding: 24px !important; } .pt-md-4, .py-md-4 { padding-top: 24px !important; } .pr-md-4, .px-md-4 { padding-right: 24px !important; } .pb-md-4, .py-md-4 { padding-bottom: 24px !important; } .pl-md-4, .px-md-4 { padding-left: 24px !important; } .p-md-5 { padding: 48px !important; } .pt-md-5, .py-md-5 { padding-top: 48px !important; } .pr-md-5, .px-md-5 { padding-right: 48px !important; } .pb-md-5, .py-md-5 { padding-bottom: 48px !important; } .pl-md-5, .px-md-5 { padding-left: 48px !important; } .m-md-n1 { margin: -4px !important; } .mt-md-n1, .my-md-n1 { margin-top: -4px !important; } .mr-md-n1, .mx-md-n1 { margin-right: -4px !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -4px !important; } .ml-md-n1, .mx-md-n1 { margin-left: -4px !important; } .m-md-n2 { margin: -8px !important; } .mt-md-n2, .my-md-n2 { margin-top: -8px !important; } .mr-md-n2, .mx-md-n2 { margin-right: -8px !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -8px !important; } .ml-md-n2, .mx-md-n2 { margin-left: -8px !important; } .m-md-n3 { margin: -16px !important; } .mt-md-n3, .my-md-n3 { margin-top: -16px !important; } .mr-md-n3, .mx-md-n3 { margin-right: -16px !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -16px !important; } .ml-md-n3, .mx-md-n3 { margin-left: -16px !important; } .m-md-n4 { margin: -24px !important; } .mt-md-n4, .my-md-n4 { margin-top: -24px !important; } .mr-md-n4, .mx-md-n4 { margin-right: -24px !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -24px !important; } .ml-md-n4, .mx-md-n4 { margin-left: -24px !important; } .m-md-n5 { margin: -48px !important; } .mt-md-n5, .my-md-n5 { margin-top: -48px !important; } .mr-md-n5, .mx-md-n5 { margin-right: -48px !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -48px !important; } .ml-md-n5, .mx-md-n5 { margin-left: -48px !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1024px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 4px !important; } .mt-lg-1, .my-lg-1 { margin-top: 4px !important; } .mr-lg-1, .mx-lg-1 { margin-right: 4px !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 4px !important; } .ml-lg-1, .mx-lg-1 { margin-left: 4px !important; } .m-lg-2 { margin: 8px !important; } .mt-lg-2, .my-lg-2 { margin-top: 8px !important; } .mr-lg-2, .mx-lg-2 { margin-right: 8px !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 8px !important; } .ml-lg-2, .mx-lg-2 { margin-left: 8px !important; } .m-lg-3 { margin: 16px !important; } .mt-lg-3, .my-lg-3 { margin-top: 16px !important; } .mr-lg-3, .mx-lg-3 { margin-right: 16px !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 16px !important; } .ml-lg-3, .mx-lg-3 { margin-left: 16px !important; } .m-lg-4 { margin: 24px !important; } .mt-lg-4, .my-lg-4 { margin-top: 24px !important; } .mr-lg-4, .mx-lg-4 { margin-right: 24px !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 24px !important; } .ml-lg-4, .mx-lg-4 { margin-left: 24px !important; } .m-lg-5 { margin: 48px !important; } .mt-lg-5, .my-lg-5 { margin-top: 48px !important; } .mr-lg-5, .mx-lg-5 { margin-right: 48px !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 48px !important; } .ml-lg-5, .mx-lg-5 { margin-left: 48px !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 4px !important; } .pt-lg-1, .py-lg-1 { padding-top: 4px !important; } .pr-lg-1, .px-lg-1 { padding-right: 4px !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 4px !important; } .pl-lg-1, .px-lg-1 { padding-left: 4px !important; } .p-lg-2 { padding: 8px !important; } .pt-lg-2, .py-lg-2 { padding-top: 8px !important; } .pr-lg-2, .px-lg-2 { padding-right: 8px !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 8px !important; } .pl-lg-2, .px-lg-2 { padding-left: 8px !important; } .p-lg-3 { padding: 16px !important; } .pt-lg-3, .py-lg-3 { padding-top: 16px !important; } .pr-lg-3, .px-lg-3 { padding-right: 16px !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 16px !important; } .pl-lg-3, .px-lg-3 { padding-left: 16px !important; } .p-lg-4 { padding: 24px !important; } .pt-lg-4, .py-lg-4 { padding-top: 24px !important; } .pr-lg-4, .px-lg-4 { padding-right: 24px !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 24px !important; } .pl-lg-4, .px-lg-4 { padding-left: 24px !important; } .p-lg-5 { padding: 48px !important; } .pt-lg-5, .py-lg-5 { padding-top: 48px !important; } .pr-lg-5, .px-lg-5 { padding-right: 48px !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 48px !important; } .pl-lg-5, .px-lg-5 { padding-left: 48px !important; } .m-lg-n1 { margin: -4px !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -4px !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -4px !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -4px !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -4px !important; } .m-lg-n2 { margin: -8px !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -8px !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -8px !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -8px !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -8px !important; } .m-lg-n3 { margin: -16px !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -16px !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -16px !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -16px !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -16px !important; } .m-lg-n4 { margin: -24px !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -24px !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -24px !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -24px !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -24px !important; } .m-lg-n5 { margin: -48px !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -48px !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -48px !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -48px !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -48px !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1440px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 4px !important; } .mt-xl-1, .my-xl-1 { margin-top: 4px !important; } .mr-xl-1, .mx-xl-1 { margin-right: 4px !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 4px !important; } .ml-xl-1, .mx-xl-1 { margin-left: 4px !important; } .m-xl-2 { margin: 8px !important; } .mt-xl-2, .my-xl-2 { margin-top: 8px !important; } .mr-xl-2, .mx-xl-2 { margin-right: 8px !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 8px !important; } .ml-xl-2, .mx-xl-2 { margin-left: 8px !important; } .m-xl-3 { margin: 16px !important; } .mt-xl-3, .my-xl-3 { margin-top: 16px !important; } .mr-xl-3, .mx-xl-3 { margin-right: 16px !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 16px !important; } .ml-xl-3, .mx-xl-3 { margin-left: 16px !important; } .m-xl-4 { margin: 24px !important; } .mt-xl-4, .my-xl-4 { margin-top: 24px !important; } .mr-xl-4, .mx-xl-4 { margin-right: 24px !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 24px !important; } .ml-xl-4, .mx-xl-4 { margin-left: 24px !important; } .m-xl-5 { margin: 48px !important; } .mt-xl-5, .my-xl-5 { margin-top: 48px !important; } .mr-xl-5, .mx-xl-5 { margin-right: 48px !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 48px !important; } .ml-xl-5, .mx-xl-5 { margin-left: 48px !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 4px !important; } .pt-xl-1, .py-xl-1 { padding-top: 4px !important; } .pr-xl-1, .px-xl-1 { padding-right: 4px !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 4px !important; } .pl-xl-1, .px-xl-1 { padding-left: 4px !important; } .p-xl-2 { padding: 8px !important; } .pt-xl-2, .py-xl-2 { padding-top: 8px !important; } .pr-xl-2, .px-xl-2 { padding-right: 8px !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 8px !important; } .pl-xl-2, .px-xl-2 { padding-left: 8px !important; } .p-xl-3 { padding: 16px !important; } .pt-xl-3, .py-xl-3 { padding-top: 16px !important; } .pr-xl-3, .px-xl-3 { padding-right: 16px !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 16px !important; } .pl-xl-3, .px-xl-3 { padding-left: 16px !important; } .p-xl-4 { padding: 24px !important; } .pt-xl-4, .py-xl-4 { padding-top: 24px !important; } .pr-xl-4, .px-xl-4 { padding-right: 24px !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 24px !important; } .pl-xl-4, .px-xl-4 { padding-left: 24px !important; } .p-xl-5 { padding: 48px !important; } .pt-xl-5, .py-xl-5 { padding-top: 48px !important; } .pr-xl-5, .px-xl-5 { padding-right: 48px !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 48px !important; } .pl-xl-5, .px-xl-5 { padding-left: 48px !important; } .m-xl-n1 { margin: -4px !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -4px !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -4px !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -4px !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -4px !important; } .m-xl-n2 { margin: -8px !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -8px !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -8px !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -8px !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -8px !important; } .m-xl-n3 { margin: -16px !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -16px !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -16px !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -16px !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -16px !important; } .m-xl-n4 { margin: -24px !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -24px !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -24px !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -24px !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -24px !important; } .m-xl-n5 { margin: -48px !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -48px !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -48px !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -48px !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -48px !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 544px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 769px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 1024px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1440px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #FFFFFF !important; } .text-primary { color: #388BFF !important; } a.text-primary:hover, a.text-primary:focus { color: #0062eb !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #155624 !important; } a.text-success:hover, a.text-success:focus { color: #06190a !important; } .text-info { color: #5A49B2 !important; } a.text-info:hover, a.text-info:focus { color: #3f337c !important; } .text-warning { color: #856404 !important; } a.text-warning:hover, a.text-warning:focus { color: #3b2c02 !important; } .text-danger { color: #721C24 !important; } a.text-danger:hover, a.text-danger:focus { color: #350d11 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(9, 16, 16, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 1024px !important; } .container { min-width: 1024px !important; } .navbar { display: none; } .badge { border: 1px solid #091010; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #FFFFFF !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: var(--base-border-color, #F2F1F0); } .table .thead-dark th { color: inherit; border-color: var(--base-border-color, #F2F1F0); } } dt { color: #495057; font-weight: normal; } a { color: inherit; } a:hover { color: inherit; } i { font-style: normal; display: inline-block; } button { background: transparent; border: none; padding: 0; letter-spacing: inherit; } ul { padding-left: 16px; } figure { margin: 0; } .modal-footer > :not(:first-child) { margin-left: 0; } .modal-footer > :not(:last-child) { margin-right: 0; } .tooltip { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; } .text-muted { color: #4C4C4B !important; } .row:not(.no-gutters) { margin-right: -16px; margin-left: -16px; } .row:not(.no-gutters) > .col, .row:not(.no-gutters) > [class*="col-"] { padding-right: 16px; padding-left: 16px; } @media (min-width: 769px) { .row:not(.no-gutters) { margin-right: -16px; margin-left: -16px; } .row:not(.no-gutters) > .col, .row:not(.no-gutters) > [class*="col-"] { padding-right: 16px; padding-left: 16px; } } @media (min-width: 1440px) { .row:not(.no-gutters) { margin-right: -24px; margin-left: -24px; } .row:not(.no-gutters) > .col, .row:not(.no-gutters) > [class*="col-"] { padding-right: 24px; padding-left: 24px; } } .container { padding-right: 16px; padding-left: 16px; } @media (min-width: 769px) { .container { padding-right: 16px; padding-left: 16px; } } @media (min-width: 1440px) { .container { padding-right: 24px; padding-left: 24px; } } .container-fluid { padding-right: 16px; padding-left: 16px; } @media (min-width: 769px) { .container-fluid { padding-right: 16px; padding-left: 16px; } } @media (min-width: 1440px) { .container-fluid { padding-right: 24px; padding-left: 24px; } } :focus, button:focus { outline: 2px solid #4C4C4B; } :focus:not(.focus-visible) { outline: none; } .tns-outer { padding: 0 !important; } .tns-outer [hidden] { display: none !important; } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; } .tns-slider { transition: all 0s; } .tns-slider > .tns-item { box-sizing: border-box; } .tns-horizontal.tns-subpixel { white-space: nowrap; } .tns-horizontal.tns-subpixel > .tns-item { display: inline-block; vertical-align: top; white-space: normal; } .tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both; } .tns-horizontal.tns-no-subpixel > .tns-item { float: left; } .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { margin-right: -100%; } .tns-no-calc { position: relative; left: 0; } .tns-gallery { position: relative; left: 0; min-height: 1px; } .tns-gallery > .tns-item { position: absolute; left: -100%; transition: transform 0s, opacity 0s; } .tns-gallery > .tns-slide-active { position: relative; left: auto !important; } .tns-gallery > .tns-moving { transition: all 0.25s; } .tns-autowidth { display: inline-block; } .tns-lazy-img { transition: opacity 0.6s; opacity: 0.6; } .tns-lazy-img.tns-complete { opacity: 1; } .tns-ah { transition: height 0s; } .tns-ovh { overflow: hidden; } .tns-visually-hidden { position: absolute; left: -10000em; } .tns-transparent { opacity: 0; visibility: hidden; } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; } .tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; } .tns-vpfix { white-space: nowrap; } .tns-vpfix > div, .tns-vpfix > li { display: inline-block; } .tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden; } .tns-t-ct { width: calc(100% * 70 / 3); position: absolute; right: 0; } .tns-t-ct:after { content: ''; display: table; clear: both; } .tns-t-ct > div { width: calc(100% / 70); height: 10px; float: left; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-in-long { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-long { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes scale-in-center-long { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes scale-in-center-long { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes hinge-drop-long { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @keyframes hinge-drop-long { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-top-long { 0% { transform: rotateX(60deg) translateY(-120px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @keyframes flip-in-hor-top-long { 0% { transform: rotateX(60deg) translateY(-120px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-bottom-long { 0% { transform: rotateX(-60deg) translateY(120px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @keyframes flip-in-hor-bottom-long { 0% { transform: rotateX(-60deg) translateY(120px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @-webkit-keyframes slide-in-top-long { 0% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-top-long { 0% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slide-in-left-long { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-left-long { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-right-long { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-right-long { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-bottom-long { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom-long { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes fade-in-medium { 0% { opacity: 0.33; } 100% { opacity: 1; } } @keyframes fade-in-medium { 0% { opacity: 0.33; } 100% { opacity: 1; } } @-webkit-keyframes scale-in-center-medium { 0% { transform: scale(0.33); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes scale-in-center-medium { 0% { transform: scale(0.33); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes hinge-drop-medium { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @keyframes hinge-drop-medium { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-top-medium { 0% { transform: rotateX(60deg) translateY(-80px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @keyframes flip-in-hor-top-medium { 0% { transform: rotateX(60deg) translateY(-80px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-bottom-medium { 0% { transform: rotateX(-60deg) translateY(80px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @keyframes flip-in-hor-bottom-medium { 0% { transform: rotateX(-60deg) translateY(80px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @-webkit-keyframes slide-in-top-medium { 0% { transform: translateY(-66%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-top-medium { 0% { transform: translateY(-66%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slide-in-left-medium { 0% { transform: translateX(-66%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-left-medium { 0% { transform: translateX(-66%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-right-medium { 0% { transform: translateX(66%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-right-medium { 0% { transform: translateX(66%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-bottom-medium { 0% { transform: translateY(66%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom-medium { 0% { transform: translateY(66%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes fade-in-short { 0% { opacity: 0.66; } 100% { opacity: 1; } } @keyframes fade-in-short { 0% { opacity: 0.66; } 100% { opacity: 1; } } @-webkit-keyframes scale-in-center-short { 0% { transform: scale(0.66); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes scale-in-center-short { 0% { transform: scale(0.66); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes hinge-drop-short { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @keyframes hinge-drop-short { 0% { transform: rotateX(-90deg) translateZ(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: rotateX(0deg) translateZ(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-top-short { 0% { transform: rotateX(60deg) translateY(-40px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @keyframes flip-in-hor-top-short { 0% { transform: rotateX(60deg) translateY(-40px); opacity: 0; } 100% { transform: rotateX(0deg) translateY(0); opacity: 1; } } @-webkit-keyframes flip-in-hor-bottom-short { 0% { transform: rotateX(-60deg) translateY(40px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @keyframes flip-in-hor-bottom-short { 0% { transform: rotateX(-60deg) translateY(40px); opacity: 0; } 100% { transform: rotateX(0) translateY(0px); opacity: 1; } } @-webkit-keyframes slide-in-top-short { 0% { transform: translateY(-33%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-top-short { 0% { transform: translateY(-33%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slide-in-left-short { 0% { transform: translateX(-33%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-left-short { 0% { transform: translateX(-33%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-right-short { 0% { transform: translateX(33%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-right-short { 0% { transform: translateX(33%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-in-bottom-short { 0% { transform: translateY(33%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom-short { 0% { transform: translateY(33%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @keyframes slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @-webkit-keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @-webkit-keyframes spincounterclockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes spincounterclockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @-webkit-keyframes spinclockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spinclockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } [class*="swatch-circle-"] { width: 20px; height: 20px; border-radius: 50%; border-radius: 50%; border: 3px solid transparent; display: inline-block; position: relative; } .swatch-circle-beige, .swatch-circle-Beige { background-color: #f5f5dc; } .swatch-circle-black, .swatch-circle-Black { background-color: #000000; } .swatch-circle-blue, .swatch-circle-Blue { background-color: #2A56CB; } .swatch-circle-bronze, .swatch-circle-Bronze { background-color: #997A20; } .swatch-circle-brown, .swatch-circle-Brown { background-color: #8B5515; } .swatch-circle-gold, .swatch-circle-Gold { background-color: #d4af37; } .swatch-circle-green, .swatch-circle-Green { background-color: #229C44; } .swatch-circle-gray, .swatch-circle-Gray { background-color: #8f979d; } .swatch-circle-grey, .swatch-circle-Grey { background-color: #8f979d; } .swatch-circle-metallic, .swatch-circle-Metallic { background-color: #DDE3E4; } .swatch-circle-navy, .swatch-circle-Navy { background-color: #362E84; } .swatch-circle-orange, .swatch-circle-Orange { background-color: #F2A54A; } .swatch-circle-pink, .swatch-circle-Pink { background-color: #CE63B7; } .swatch-circle-purple, .swatch-circle-Purple { background-color: #B6A2E5; } .swatch-circle-red, .swatch-circle-Red { background-color: #DB2B35; } .swatch-circle-silver, .swatch-circle-Silver { background-color: #DBDBDA; } .swatch-circle-turquoise, .swatch-circle-Turquoise { background-color: #51C8B4; } .swatch-circle-white, .swatch-circle-White { background-color: #FFFFFF; } .swatch-circle-yellow, .swatch-circle-Yellow { background-color: #ECF361; } .swatch-circle-miscellaneous, .swatch-circle-multi, .swatch-circle-misc, .swatch-circle-Miscellaneous, .swatch-circle-Multi, .swatch-circle-Misc { background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 1px solid var(--base-border-color, #F2F1F0); border-radius: 50%; transform: rotate(35deg); } .swatch-circle-miscellaneous.swatch-mark.color-value.selected::after, .swatch-circle-multi.swatch-mark.color-value.selected::after, .swatch-circle-misc.swatch-mark.color-value.selected::after, .swatch-circle-Miscellaneous.swatch-mark.color-value.selected::after, .swatch-circle-Multi.swatch-mark.color-value.selected::after, .swatch-circle-Misc.swatch-mark.color-value.selected::after { transform: translate(50%, -50%) rotate(-35deg); } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-25 { max-width: 25% !important; } .mw-50 { max-width: 50% !important; } .mw-75 { max-width: 75% !important; } .mw-100 { max-width: 100% !important; } .mw-auto { max-width: auto !important; } .mh-25 { max-height: 25% !important; } .mh-50 { max-height: 50% !important; } .mh-75 { max-height: 75% !important; } .mh-100 { max-height: 100% !important; } .mh-auto { max-height: auto !important; } @media (min-width: 544px) { .w-sm-25 { width: 25% !important; } .w-sm-50 { width: 50% !important; } .w-sm-75 { width: 75% !important; } .w-sm-100 { width: 100% !important; } .w-sm-auto { width: auto !important; } .h-sm-25 { height: 25% !important; } .h-sm-50 { height: 50% !important; } .h-sm-75 { height: 75% !important; } .h-sm-100 { height: 100% !important; } .h-sm-auto { height: auto !important; } .mw-sm-25 { max-width: 25% !important; } .mw-sm-50 { max-width: 50% !important; } .mw-sm-75 { max-width: 75% !important; } .mw-sm-100 { max-width: 100% !important; } .mw-sm-auto { max-width: auto !important; } .mh-sm-25 { max-height: 25% !important; } .mh-sm-50 { max-height: 50% !important; } .mh-sm-75 { max-height: 75% !important; } .mh-sm-100 { max-height: 100% !important; } .mh-sm-auto { max-height: auto !important; } } @media (min-width: 769px) { .w-md-25 { width: 25% !important; } .w-md-50 { width: 50% !important; } .w-md-75 { width: 75% !important; } .w-md-100 { width: 100% !important; } .w-md-auto { width: auto !important; } .h-md-25 { height: 25% !important; } .h-md-50 { height: 50% !important; } .h-md-75 { height: 75% !important; } .h-md-100 { height: 100% !important; } .h-md-auto { height: auto !important; } .mw-md-25 { max-width: 25% !important; } .mw-md-50 { max-width: 50% !important; } .mw-md-75 { max-width: 75% !important; } .mw-md-100 { max-width: 100% !important; } .mw-md-auto { max-width: auto !important; } .mh-md-25 { max-height: 25% !important; } .mh-md-50 { max-height: 50% !important; } .mh-md-75 { max-height: 75% !important; } .mh-md-100 { max-height: 100% !important; } .mh-md-auto { max-height: auto !important; } } @media (min-width: 1024px) { .w-lg-25 { width: 25% !important; } .w-lg-50 { width: 50% !important; } .w-lg-75 { width: 75% !important; } .w-lg-100 { width: 100% !important; } .w-lg-auto { width: auto !important; } .h-lg-25 { height: 25% !important; } .h-lg-50 { height: 50% !important; } .h-lg-75 { height: 75% !important; } .h-lg-100 { height: 100% !important; } .h-lg-auto { height: auto !important; } .mw-lg-25 { max-width: 25% !important; } .mw-lg-50 { max-width: 50% !important; } .mw-lg-75 { max-width: 75% !important; } .mw-lg-100 { max-width: 100% !important; } .mw-lg-auto { max-width: auto !important; } .mh-lg-25 { max-height: 25% !important; } .mh-lg-50 { max-height: 50% !important; } .mh-lg-75 { max-height: 75% !important; } .mh-lg-100 { max-height: 100% !important; } .mh-lg-auto { max-height: auto !important; } } @media (min-width: 1440px) { .w-xl-25 { width: 25% !important; } .w-xl-50 { width: 50% !important; } .w-xl-75 { width: 75% !important; } .w-xl-100 { width: 100% !important; } .w-xl-auto { width: auto !important; } .h-xl-25 { height: 25% !important; } .h-xl-50 { height: 50% !important; } .h-xl-75 { height: 75% !important; } .h-xl-100 { height: 100% !important; } .h-xl-auto { height: auto !important; } .mw-xl-25 { max-width: 25% !important; } .mw-xl-50 { max-width: 50% !important; } .mw-xl-75 { max-width: 75% !important; } .mw-xl-100 { max-width: 100% !important; } .mw-xl-auto { max-width: auto !important; } .mh-xl-25 { max-height: 25% !important; } .mh-xl-50 { max-height: 50% !important; } .mh-xl-75 { max-height: 75% !important; } .mh-xl-100 { max-height: 100% !important; } .mh-xl-auto { max-height: auto !important; } } .text--blue { color: #388BFF; } .text--indigo { color: #6610f2; } .text--purple { color: #6f42c1; } .text--pink { color: #e83e8c; } .text--red { color: #721C24; } .text--orange { color: #fd7e14; } .text--yellow { color: #856404; } .text--green { color: #155624; } .text--teal { color: #20c997; } .text--cyan { color: #17a2b8; } .text--white { color: #FFFFFF; } .text--gray { color: #6c757d; } .text--gray-dark { color: #343a40; } .text--brand-primary { color: #091010; } .text--brand-secondary { color: #FFFFFF; } .text--brand-tertiary { color: #B0A381; } .text--brand-accent { color: #432F08; } .text--brand-accent-alt { color: #B0A381; } .text--white { color: #FFFFFF; } .text--off-white { color: #F2F1F0; } .text--light-gray { color: #C5C5C5; } .text--gray { color: #BEBEBE; } .text--dark-gray { color: #4C4C4B; } .text--near-black { color: #323232; } .text--black { color: #091010; } .text--green { color: #155624; } .text--red { color: #721C24; } .text--yellow { color: #856404; } .text--blue { color: #388BFF; } .text--success { color: #155624; } .text--danger { color: #721C24; } .text--warning { color: #856404; } .text--info { color: #5A49B2; } @media (min-width: 769px) { .text--md--blue { color: #388BFF; } .text--md--indigo { color: #6610f2; } .text--md--purple { color: #6f42c1; } .text--md--pink { color: #e83e8c; } .text--md--red { color: #721C24; } .text--md--orange { color: #fd7e14; } .text--md--yellow { color: #856404; } .text--md--green { color: #155624; } .text--md--teal { color: #20c997; } .text--md--cyan { color: #17a2b8; } .text--md--white { color: #FFFFFF; } .text--md--gray { color: #6c757d; } .text--md--gray-dark { color: #343a40; } .text--md--brand-primary { color: #091010; } .text--md--brand-secondary { color: #FFFFFF; } .text--md--brand-tertiary { color: #B0A381; } .text--md--brand-accent { color: #432F08; } .text--md--brand-accent-alt { color: #B0A381; } .text--md--white { color: #FFFFFF; } .text--md--off-white { color: #F2F1F0; } .text--md--light-gray { color: #C5C5C5; } .text--md--gray { color: #BEBEBE; } .text--md--dark-gray { color: #4C4C4B; } .text--md--near-black { color: #323232; } .text--md--black { color: #091010; } .text--md--green { color: #155624; } .text--md--red { color: #721C24; } .text--md--yellow { color: #856404; } .text--md--blue { color: #388BFF; } .text--md--success { color: #155624; } .text--md--danger { color: #721C24; } .text--md--warning { color: #856404; } .text--md--info { color: #5A49B2; } } @media (min-width: 1024px) { .text--lg--blue { color: #388BFF; } .text--lg--indigo { color: #6610f2; } .text--lg--purple { color: #6f42c1; } .text--lg--pink { color: #e83e8c; } .text--lg--red { color: #721C24; } .text--lg--orange { color: #fd7e14; } .text--lg--yellow { color: #856404; } .text--lg--green { color: #155624; } .text--lg--teal { color: #20c997; } .text--lg--cyan { color: #17a2b8; } .text--lg--white { color: #FFFFFF; } .text--lg--gray { color: #6c757d; } .text--lg--gray-dark { color: #343a40; } .text--lg--brand-primary { color: #091010; } .text--lg--brand-secondary { color: #FFFFFF; } .text--lg--brand-tertiary { color: #B0A381; } .text--lg--brand-accent { color: #432F08; } .text--lg--brand-accent-alt { color: #B0A381; } .text--lg--white { color: #FFFFFF; } .text--lg--off-white { color: #F2F1F0; } .text--lg--light-gray { color: #C5C5C5; } .text--lg--gray { color: #BEBEBE; } .text--lg--dark-gray { color: #4C4C4B; } .text--lg--near-black { color: #323232; } .text--lg--black { color: #091010; } .text--lg--green { color: #155624; } .text--lg--red { color: #721C24; } .text--lg--yellow { color: #856404; } .text--lg--blue { color: #388BFF; } .text--lg--success { color: #155624; } .text--lg--danger { color: #721C24; } .text--lg--warning { color: #856404; } .text--lg--info { color: #5A49B2; } } .background--blue { background-color: #388BFF; } .background--indigo { background-color: #6610f2; } .background--purple { background-color: #6f42c1; } .background--pink { background-color: #e83e8c; } .background--red { background-color: #721C24; } .background--orange { background-color: #fd7e14; } .background--yellow { background-color: #856404; } .background--green { background-color: #155624; } .background--teal { background-color: #20c997; } .background--cyan { background-color: #17a2b8; } .background--white { background-color: #FFFFFF; } .background--gray { background-color: #6c757d; } .background--gray-dark { background-color: #343a40; } .background--brand-primary { background-color: #091010; } .background--brand-secondary { background-color: #FFFFFF; } .background--brand-tertiary { background-color: #B0A381; } .background--brand-accent { background-color: #432F08; } .background--brand-accent-alt { background-color: #B0A381; } .background--white { background-color: #FFFFFF; } .background--off-white { background-color: #F2F1F0; } .background--light-gray { background-color: #C5C5C5; } .background--gray { background-color: #BEBEBE; } .background--dark-gray { background-color: #4C4C4B; } .background--near-black { background-color: #323232; } .background--black { background-color: #091010; } .background--green { background-color: #155624; } .background--red { background-color: #721C24; } .background--yellow { background-color: #856404; } .background--blue { background-color: #388BFF; } .background--success { background-color: #155624; } .background--danger { background-color: #721C24; } .background--warning { background-color: #856404; } .background--info { background-color: #5A49B2; } @media (min-width: 769px) { .background--md--blue { background-color: #388BFF; } .background--md--indigo { background-color: #6610f2; } .background--md--purple { background-color: #6f42c1; } .background--md--pink { background-color: #e83e8c; } .background--md--red { background-color: #721C24; } .background--md--orange { background-color: #fd7e14; } .background--md--yellow { background-color: #856404; } .background--md--green { background-color: #155624; } .background--md--teal { background-color: #20c997; } .background--md--cyan { background-color: #17a2b8; } .background--md--white { background-color: #FFFFFF; } .background--md--gray { background-color: #6c757d; } .background--md--gray-dark { background-color: #343a40; } .background--md--brand-primary { background-color: #091010; } .background--md--brand-secondary { background-color: #FFFFFF; } .background--md--brand-tertiary { background-color: #B0A381; } .background--md--brand-accent { background-color: #432F08; } .background--md--brand-accent-alt { background-color: #B0A381; } .background--md--white { background-color: #FFFFFF; } .background--md--off-white { background-color: #F2F1F0; } .background--md--light-gray { background-color: #C5C5C5; } .background--md--gray { background-color: #BEBEBE; } .background--md--dark-gray { background-color: #4C4C4B; } .background--md--near-black { background-color: #323232; } .background--md--black { background-color: #091010; } .background--md--green { background-color: #155624; } .background--md--red { background-color: #721C24; } .background--md--yellow { background-color: #856404; } .background--md--blue { background-color: #388BFF; } .background--md--success { background-color: #155624; } .background--md--danger { background-color: #721C24; } .background--md--warning { background-color: #856404; } .background--md--info { background-color: #5A49B2; } } @media (min-width: 1024px) { .background--lg--blue { background-color: #388BFF; } .background--lg--indigo { background-color: #6610f2; } .background--lg--purple { background-color: #6f42c1; } .background--lg--pink { background-color: #e83e8c; } .background--lg--red { background-color: #721C24; } .background--lg--orange { background-color: #fd7e14; } .background--lg--yellow { background-color: #856404; } .background--lg--green { background-color: #155624; } .background--lg--teal { background-color: #20c997; } .background--lg--cyan { background-color: #17a2b8; } .background--lg--white { background-color: #FFFFFF; } .background--lg--gray { background-color: #6c757d; } .background--lg--gray-dark { background-color: #343a40; } .background--lg--brand-primary { background-color: #091010; } .background--lg--brand-secondary { background-color: #FFFFFF; } .background--lg--brand-tertiary { background-color: #B0A381; } .background--lg--brand-accent { background-color: #432F08; } .background--lg--brand-accent-alt { background-color: #B0A381; } .background--lg--white { background-color: #FFFFFF; } .background--lg--off-white { background-color: #F2F1F0; } .background--lg--light-gray { background-color: #C5C5C5; } .background--lg--gray { background-color: #BEBEBE; } .background--lg--dark-gray { background-color: #4C4C4B; } .background--lg--near-black { background-color: #323232; } .background--lg--black { background-color: #091010; } .background--lg--green { background-color: #155624; } .background--lg--red { background-color: #721C24; } .background--lg--yellow { background-color: #856404; } .background--lg--blue { background-color: #388BFF; } .background--lg--success { background-color: #155624; } .background--lg--danger { background-color: #721C24; } .background--lg--warning { background-color: #856404; } .background--lg--info { background-color: #5A49B2; } } .border--blue { border-color: #388BFF; } .border--indigo { border-color: #6610f2; } .border--purple { border-color: #6f42c1; } .border--pink { border-color: #e83e8c; } .border--red { border-color: #721C24; } .border--orange { border-color: #fd7e14; } .border--yellow { border-color: #856404; } .border--green { border-color: #155624; } .border--teal { border-color: #20c997; } .border--cyan { border-color: #17a2b8; } .border--white { border-color: #FFFFFF; } .border--gray { border-color: #6c757d; } .border--gray-dark { border-color: #343a40; } .border--brand-primary { border-color: #091010; } .border--brand-secondary { border-color: #FFFFFF; } .border--brand-tertiary { border-color: #B0A381; } .border--brand-accent { border-color: #432F08; } .border--brand-accent-alt { border-color: #B0A381; } .border--white { border-color: #FFFFFF; } .border--off-white { border-color: #F2F1F0; } .border--light-gray { border-color: #C5C5C5; } .border--gray { border-color: #BEBEBE; } .border--dark-gray { border-color: #4C4C4B; } .border--near-black { border-color: #323232; } .border--black { border-color: #091010; } .border--green { border-color: #155624; } .border--red { border-color: #721C24; } .border--yellow { border-color: #856404; } .border--blue { border-color: #388BFF; } .border--success { border-color: #155624; } .border--danger { border-color: #721C24; } .border--warning { border-color: #856404; } .border--info { border-color: #5A49B2; } @media (min-width: 769px) { .border--md--blue { border-color: #388BFF; } .border--md--indigo { border-color: #6610f2; } .border--md--purple { border-color: #6f42c1; } .border--md--pink { border-color: #e83e8c; } .border--md--red { border-color: #721C24; } .border--md--orange { border-color: #fd7e14; } .border--md--yellow { border-color: #856404; } .border--md--green { border-color: #155624; } .border--md--teal { border-color: #20c997; } .border--md--cyan { border-color: #17a2b8; } .border--md--white { border-color: #FFFFFF; } .border--md--gray { border-color: #6c757d; } .border--md--gray-dark { border-color: #343a40; } .border--md--brand-primary { border-color: #091010; } .border--md--brand-secondary { border-color: #FFFFFF; } .border--md--brand-tertiary { border-color: #B0A381; } .border--md--brand-accent { border-color: #432F08; } .border--md--brand-accent-alt { border-color: #B0A381; } .border--md--white { border-color: #FFFFFF; } .border--md--off-white { border-color: #F2F1F0; } .border--md--light-gray { border-color: #C5C5C5; } .border--md--gray { border-color: #BEBEBE; } .border--md--dark-gray { border-color: #4C4C4B; } .border--md--near-black { border-color: #323232; } .border--md--black { border-color: #091010; } .border--md--green { border-color: #155624; } .border--md--red { border-color: #721C24; } .border--md--yellow { border-color: #856404; } .border--md--blue { border-color: #388BFF; } .border--md--success { border-color: #155624; } .border--md--danger { border-color: #721C24; } .border--md--warning { border-color: #856404; } .border--md--info { border-color: #5A49B2; } } @media (min-width: 1024px) { .border--lg--blue { border-color: #388BFF; } .border--lg--indigo { border-color: #6610f2; } .border--lg--purple { border-color: #6f42c1; } .border--lg--pink { border-color: #e83e8c; } .border--lg--red { border-color: #721C24; } .border--lg--orange { border-color: #fd7e14; } .border--lg--yellow { border-color: #856404; } .border--lg--green { border-color: #155624; } .border--lg--teal { border-color: #20c997; } .border--lg--cyan { border-color: #17a2b8; } .border--lg--white { border-color: #FFFFFF; } .border--lg--gray { border-color: #6c757d; } .border--lg--gray-dark { border-color: #343a40; } .border--lg--brand-primary { border-color: #091010; } .border--lg--brand-secondary { border-color: #FFFFFF; } .border--lg--brand-tertiary { border-color: #B0A381; } .border--lg--brand-accent { border-color: #432F08; } .border--lg--brand-accent-alt { border-color: #B0A381; } .border--lg--white { border-color: #FFFFFF; } .border--lg--off-white { border-color: #F2F1F0; } .border--lg--light-gray { border-color: #C5C5C5; } .border--lg--gray { border-color: #BEBEBE; } .border--lg--dark-gray { border-color: #4C4C4B; } .border--lg--near-black { border-color: #323232; } .border--lg--black { border-color: #091010; } .border--lg--green { border-color: #155624; } .border--lg--red { border-color: #721C24; } .border--lg--yellow { border-color: #856404; } .border--lg--blue { border-color: #388BFF; } .border--lg--success { border-color: #155624; } .border--lg--danger { border-color: #721C24; } .border--lg--warning { border-color: #856404; } .border--lg--info { border-color: #5A49B2; } } .token-background--primary { background-color: #FFFFFF; } .token-background--secondary { background-color: #F2F1F0; } .token-background--tertiary { background-color: #f9f9f9; } .token-background--inverse { background-color: #091010; } .token-background--inverse-alt { background-color: #432F08; } .token-background--accent { background-color: #B0A381; } .token-background--accent-alt { background-color: #B0A381; } .token-background--action-primary { background-color: #091010; } .token-background--action-primary-hovered { background-color: #432F08; } .token-background--action-primary-pressed { background-color: #323232; } .token-background--disabled { background-color: #E4E5E7; } .token-background--overlay { background-color: rgba(0, 0, 0, 0.5); } .token-background--success { background-color: #D4EDDA; } .token-background--warning { background-color: #fef3d4; } .token-background--danger { background-color: #f5d7da; } .token-background--info { background-color: #f2f0f9; } .token-content--primary { color: #091010; } .token-content--secondary { color: #4C4C4B; } .token-content--tertiary { color: #747779; } .token-content--inverse { color: #FFFFFF; } .token-content--inverse-alt { color: #CEC09B; } .token-content--accent { color: #432F08; } .token-content--accent-alt { color: #432F08; } .token-content--disabled { color: #E4E5E7; } .token-content--action-primary { color: #091010; } .token-content--action-primary-hovered { color: #432F08; } .token-content--action-primary-pressed { color: #323232; } .token-content--success { color: #155624; } .token-content--warning { color: #856404; } .token-content--danger { color: #721C24; } .token-content--info { color: #5A49B2; } .token-border--primary { border-color: #091010; } .token-border--secondary { border-color: #afafaf; } .token-border--tertiary { border-color: #F2F1F0; } .token-border--inverse { border-color: #091010; } .token-border--inverse-alt { border-color: #432F08; } .token-border--accent { border-color: #B0A381; } .token-border--accent-alt { border-color: #B0A381; } .token-border--disabled { border-color: #E4E5E7; } .token-border--action-primary { border-color: #091010; } .token-border--action-primary-hovered { border-color: #432F08; } .token-border--action-primary-pressed { border-color: #323232; } .token-border--focus { border-color: #388BFF; } .token-border--success { border-color: #91B499; } .token-border--warning { border-color: #D7C692; } .token-border--danger { border-color: #E08A92; } .token-border--info { border-color: #B4A3FF; } .opacity--0 { opacity: 0 !important; } @media (min-width: 769px) { .opacity--md--0 { opacity: 0 !important; } } @media (min-width: 1024px) { .opacity--lg--0 { opacity: 0 !important; } } .opacity--1 { opacity: 1 !important; } @media (min-width: 769px) { .opacity--md--1 { opacity: 1 !important; } } @media (min-width: 1024px) { .opacity--lg--1 { opacity: 1 !important; } } .font-size--0 { font-size: 0px !important; } @media (min-width: 769px) { .font-size--md--0 { font-size: 0px !important; } } @media (min-width: 1024px) { .font-size--lg--0 { font-size: 0px !important; } } .font-size--1 { font-size: 1px !important; } @media (min-width: 769px) { .font-size--md--1 { font-size: 1px !important; } } @media (min-width: 1024px) { .font-size--lg--1 { font-size: 1px !important; } } .font-size--2 { font-size: 2px !important; } @media (min-width: 769px) { .font-size--md--2 { font-size: 2px !important; } } @media (min-width: 1024px) { .font-size--lg--2 { font-size: 2px !important; } } .font-size--3 { font-size: 3px !important; } @media (min-width: 769px) { .font-size--md--3 { font-size: 3px !important; } } @media (min-width: 1024px) { .font-size--lg--3 { font-size: 3px !important; } } .font-size--4 { font-size: 4px !important; } @media (min-width: 769px) { .font-size--md--4 { font-size: 4px !important; } } @media (min-width: 1024px) { .font-size--lg--4 { font-size: 4px !important; } } .font-size--5 { font-size: 5px !important; } @media (min-width: 769px) { .font-size--md--5 { font-size: 5px !important; } } @media (min-width: 1024px) { .font-size--lg--5 { font-size: 5px !important; } } .font-size--6 { font-size: 6px !important; } @media (min-width: 769px) { .font-size--md--6 { font-size: 6px !important; } } @media (min-width: 1024px) { .font-size--lg--6 { font-size: 6px !important; } } .font-size--7 { font-size: 7px !important; } @media (min-width: 769px) { .font-size--md--7 { font-size: 7px !important; } } @media (min-width: 1024px) { .font-size--lg--7 { font-size: 7px !important; } } .font-size--8 { font-size: 8px !important; } @media (min-width: 769px) { .font-size--md--8 { font-size: 8px !important; } } @media (min-width: 1024px) { .font-size--lg--8 { font-size: 8px !important; } } .font-size--9 { font-size: 9px !important; } @media (min-width: 769px) { .font-size--md--9 { font-size: 9px !important; } } @media (min-width: 1024px) { .font-size--lg--9 { font-size: 9px !important; } } .font-size--10 { font-size: 10px !important; } @media (min-width: 769px) { .font-size--md--10 { font-size: 10px !important; } } @media (min-width: 1024px) { .font-size--lg--10 { font-size: 10px !important; } } .font-size--11 { font-size: 11px !important; } @media (min-width: 769px) { .font-size--md--11 { font-size: 11px !important; } } @media (min-width: 1024px) { .font-size--lg--11 { font-size: 11px !important; } } .font-size--12 { font-size: 12px !important; } @media (min-width: 769px) { .font-size--md--12 { font-size: 12px !important; } } @media (min-width: 1024px) { .font-size--lg--12 { font-size: 12px !important; } } .font-size--13 { font-size: 13px !important; } @media (min-width: 769px) { .font-size--md--13 { font-size: 13px !important; } } @media (min-width: 1024px) { .font-size--lg--13 { font-size: 13px !important; } } .font-size--14 { font-size: 14px !important; } @media (min-width: 769px) { .font-size--md--14 { font-size: 14px !important; } } @media (min-width: 1024px) { .font-size--lg--14 { font-size: 14px !important; } } .font-size--15 { font-size: 15px !important; } @media (min-width: 769px) { .font-size--md--15 { font-size: 15px !important; } } @media (min-width: 1024px) { .font-size--lg--15 { font-size: 15px !important; } } .font-size--16 { font-size: 16px !important; } @media (min-width: 769px) { .font-size--md--16 { font-size: 16px !important; } } @media (min-width: 1024px) { .font-size--lg--16 { font-size: 16px !important; } } .font-size--17 { font-size: 17px !important; } @media (min-width: 769px) { .font-size--md--17 { font-size: 17px !important; } } @media (min-width: 1024px) { .font-size--lg--17 { font-size: 17px !important; } } .font-size--18 { font-size: 18px !important; } @media (min-width: 769px) { .font-size--md--18 { font-size: 18px !important; } } @media (min-width: 1024px) { .font-size--lg--18 { font-size: 18px !important; } } .font-size--19 { font-size: 19px !important; } @media (min-width: 769px) { .font-size--md--19 { font-size: 19px !important; } } @media (min-width: 1024px) { .font-size--lg--19 { font-size: 19px !important; } } .font-size--20 { font-size: 20px !important; } @media (min-width: 769px) { .font-size--md--20 { font-size: 20px !important; } } @media (min-width: 1024px) { .font-size--lg--20 { font-size: 20px !important; } } .font-size--21 { font-size: 21px !important; } @media (min-width: 769px) { .font-size--md--21 { font-size: 21px !important; } } @media (min-width: 1024px) { .font-size--lg--21 { font-size: 21px !important; } } .font-size--22 { font-size: 22px !important; } @media (min-width: 769px) { .font-size--md--22 { font-size: 22px !important; } } @media (min-width: 1024px) { .font-size--lg--22 { font-size: 22px !important; } } .font-size--23 { font-size: 23px !important; } @media (min-width: 769px) { .font-size--md--23 { font-size: 23px !important; } } @media (min-width: 1024px) { .font-size--lg--23 { font-size: 23px !important; } } .font-size--24 { font-size: 24px !important; } @media (min-width: 769px) { .font-size--md--24 { font-size: 24px !important; } } @media (min-width: 1024px) { .font-size--lg--24 { font-size: 24px !important; } } .font-size--25 { font-size: 25px !important; } @media (min-width: 769px) { .font-size--md--25 { font-size: 25px !important; } } @media (min-width: 1024px) { .font-size--lg--25 { font-size: 25px !important; } } .font-size--26 { font-size: 26px !important; } @media (min-width: 769px) { .font-size--md--26 { font-size: 26px !important; } } @media (min-width: 1024px) { .font-size--lg--26 { font-size: 26px !important; } } .font-size--27 { font-size: 27px !important; } @media (min-width: 769px) { .font-size--md--27 { font-size: 27px !important; } } @media (min-width: 1024px) { .font-size--lg--27 { font-size: 27px !important; } } .font-size--28 { font-size: 28px !important; } @media (min-width: 769px) { .font-size--md--28 { font-size: 28px !important; } } @media (min-width: 1024px) { .font-size--lg--28 { font-size: 28px !important; } } .font-size--29 { font-size: 29px !important; } @media (min-width: 769px) { .font-size--md--29 { font-size: 29px !important; } } @media (min-width: 1024px) { .font-size--lg--29 { font-size: 29px !important; } } .font-size--30 { font-size: 30px !important; } @media (min-width: 769px) { .font-size--md--30 { font-size: 30px !important; } } @media (min-width: 1024px) { .font-size--lg--30 { font-size: 30px !important; } } .font-size--31 { font-size: 31px !important; } @media (min-width: 769px) { .font-size--md--31 { font-size: 31px !important; } } @media (min-width: 1024px) { .font-size--lg--31 { font-size: 31px !important; } } .font-size--32 { font-size: 32px !important; } @media (min-width: 769px) { .font-size--md--32 { font-size: 32px !important; } } @media (min-width: 1024px) { .font-size--lg--32 { font-size: 32px !important; } } .font-size--33 { font-size: 33px !important; } @media (min-width: 769px) { .font-size--md--33 { font-size: 33px !important; } } @media (min-width: 1024px) { .font-size--lg--33 { font-size: 33px !important; } } .font-size--34 { font-size: 34px !important; } @media (min-width: 769px) { .font-size--md--34 { font-size: 34px !important; } } @media (min-width: 1024px) { .font-size--lg--34 { font-size: 34px !important; } } .font-size--35 { font-size: 35px !important; } @media (min-width: 769px) { .font-size--md--35 { font-size: 35px !important; } } @media (min-width: 1024px) { .font-size--lg--35 { font-size: 35px !important; } } .font-size--36 { font-size: 36px !important; } @media (min-width: 769px) { .font-size--md--36 { font-size: 36px !important; } } @media (min-width: 1024px) { .font-size--lg--36 { font-size: 36px !important; } } .font-size--37 { font-size: 37px !important; } @media (min-width: 769px) { .font-size--md--37 { font-size: 37px !important; } } @media (min-width: 1024px) { .font-size--lg--37 { font-size: 37px !important; } } .font-size--38 { font-size: 38px !important; } @media (min-width: 769px) { .font-size--md--38 { font-size: 38px !important; } } @media (min-width: 1024px) { .font-size--lg--38 { font-size: 38px !important; } } .font-size--39 { font-size: 39px !important; } @media (min-width: 769px) { .font-size--md--39 { font-size: 39px !important; } } @media (min-width: 1024px) { .font-size--lg--39 { font-size: 39px !important; } } .font-size--40 { font-size: 40px !important; } @media (min-width: 769px) { .font-size--md--40 { font-size: 40px !important; } } @media (min-width: 1024px) { .font-size--lg--40 { font-size: 40px !important; } } .font-size--41 { font-size: 41px !important; } @media (min-width: 769px) { .font-size--md--41 { font-size: 41px !important; } } @media (min-width: 1024px) { .font-size--lg--41 { font-size: 41px !important; } } .font-size--42 { font-size: 42px !important; } @media (min-width: 769px) { .font-size--md--42 { font-size: 42px !important; } } @media (min-width: 1024px) { .font-size--lg--42 { font-size: 42px !important; } } .font-size--43 { font-size: 43px !important; } @media (min-width: 769px) { .font-size--md--43 { font-size: 43px !important; } } @media (min-width: 1024px) { .font-size--lg--43 { font-size: 43px !important; } } .font-size--44 { font-size: 44px !important; } @media (min-width: 769px) { .font-size--md--44 { font-size: 44px !important; } } @media (min-width: 1024px) { .font-size--lg--44 { font-size: 44px !important; } } .font-size--45 { font-size: 45px !important; } @media (min-width: 769px) { .font-size--md--45 { font-size: 45px !important; } } @media (min-width: 1024px) { .font-size--lg--45 { font-size: 45px !important; } } .font-size--46 { font-size: 46px !important; } @media (min-width: 769px) { .font-size--md--46 { font-size: 46px !important; } } @media (min-width: 1024px) { .font-size--lg--46 { font-size: 46px !important; } } .font-size--47 { font-size: 47px !important; } @media (min-width: 769px) { .font-size--md--47 { font-size: 47px !important; } } @media (min-width: 1024px) { .font-size--lg--47 { font-size: 47px !important; } } .font-size--48 { font-size: 48px !important; } @media (min-width: 769px) { .font-size--md--48 { font-size: 48px !important; } } @media (min-width: 1024px) { .font-size--lg--48 { font-size: 48px !important; } } .font-size--49 { font-size: 49px !important; } @media (min-width: 769px) { .font-size--md--49 { font-size: 49px !important; } } @media (min-width: 1024px) { .font-size--lg--49 { font-size: 49px !important; } } .font-size--50 { font-size: 50px !important; } @media (min-width: 769px) { .font-size--md--50 { font-size: 50px !important; } } @media (min-width: 1024px) { .font-size--lg--50 { font-size: 50px !important; } } .font-size--51 { font-size: 51px !important; } @media (min-width: 769px) { .font-size--md--51 { font-size: 51px !important; } } @media (min-width: 1024px) { .font-size--lg--51 { font-size: 51px !important; } } .font-size--52 { font-size: 52px !important; } @media (min-width: 769px) { .font-size--md--52 { font-size: 52px !important; } } @media (min-width: 1024px) { .font-size--lg--52 { font-size: 52px !important; } } .font-size--53 { font-size: 53px !important; } @media (min-width: 769px) { .font-size--md--53 { font-size: 53px !important; } } @media (min-width: 1024px) { .font-size--lg--53 { font-size: 53px !important; } } .font-size--54 { font-size: 54px !important; } @media (min-width: 769px) { .font-size--md--54 { font-size: 54px !important; } } @media (min-width: 1024px) { .font-size--lg--54 { font-size: 54px !important; } } .font-size--55 { font-size: 55px !important; } @media (min-width: 769px) { .font-size--md--55 { font-size: 55px !important; } } @media (min-width: 1024px) { .font-size--lg--55 { font-size: 55px !important; } } .font-size--56 { font-size: 56px !important; } @media (min-width: 769px) { .font-size--md--56 { font-size: 56px !important; } } @media (min-width: 1024px) { .font-size--lg--56 { font-size: 56px !important; } } .font-size--57 { font-size: 57px !important; } @media (min-width: 769px) { .font-size--md--57 { font-size: 57px !important; } } @media (min-width: 1024px) { .font-size--lg--57 { font-size: 57px !important; } } .font-size--58 { font-size: 58px !important; } @media (min-width: 769px) { .font-size--md--58 { font-size: 58px !important; } } @media (min-width: 1024px) { .font-size--lg--58 { font-size: 58px !important; } } .font-size--59 { font-size: 59px !important; } @media (min-width: 769px) { .font-size--md--59 { font-size: 59px !important; } } @media (min-width: 1024px) { .font-size--lg--59 { font-size: 59px !important; } } .font-size--60 { font-size: 60px !important; } @media (min-width: 769px) { .font-size--md--60 { font-size: 60px !important; } } @media (min-width: 1024px) { .font-size--lg--60 { font-size: 60px !important; } } .line-height--0 { line-height: 0px !important; } @media (min-width: 769px) { .line-height--md--0 { line-height: 0px !important; } } @media (min-width: 1024px) { .line-height--lg--0 { line-height: 0px !important; } } .line-height--1 { line-height: 1px !important; } @media (min-width: 769px) { .line-height--md--1 { line-height: 1px !important; } } @media (min-width: 1024px) { .line-height--lg--1 { line-height: 1px !important; } } .line-height--2 { line-height: 2px !important; } @media (min-width: 769px) { .line-height--md--2 { line-height: 2px !important; } } @media (min-width: 1024px) { .line-height--lg--2 { line-height: 2px !important; } } .line-height--3 { line-height: 3px !important; } @media (min-width: 769px) { .line-height--md--3 { line-height: 3px !important; } } @media (min-width: 1024px) { .line-height--lg--3 { line-height: 3px !important; } } .line-height--4 { line-height: 4px !important; } @media (min-width: 769px) { .line-height--md--4 { line-height: 4px !important; } } @media (min-width: 1024px) { .line-height--lg--4 { line-height: 4px !important; } } .line-height--5 { line-height: 5px !important; } @media (min-width: 769px) { .line-height--md--5 { line-height: 5px !important; } } @media (min-width: 1024px) { .line-height--lg--5 { line-height: 5px !important; } } .line-height--6 { line-height: 6px !important; } @media (min-width: 769px) { .line-height--md--6 { line-height: 6px !important; } } @media (min-width: 1024px) { .line-height--lg--6 { line-height: 6px !important; } } .line-height--7 { line-height: 7px !important; } @media (min-width: 769px) { .line-height--md--7 { line-height: 7px !important; } } @media (min-width: 1024px) { .line-height--lg--7 { line-height: 7px !important; } } .line-height--8 { line-height: 8px !important; } @media (min-width: 769px) { .line-height--md--8 { line-height: 8px !important; } } @media (min-width: 1024px) { .line-height--lg--8 { line-height: 8px !important; } } .line-height--9 { line-height: 9px !important; } @media (min-width: 769px) { .line-height--md--9 { line-height: 9px !important; } } @media (min-width: 1024px) { .line-height--lg--9 { line-height: 9px !important; } } .line-height--10 { line-height: 10px !important; } @media (min-width: 769px) { .line-height--md--10 { line-height: 10px !important; } } @media (min-width: 1024px) { .line-height--lg--10 { line-height: 10px !important; } } .line-height--11 { line-height: 11px !important; } @media (min-width: 769px) { .line-height--md--11 { line-height: 11px !important; } } @media (min-width: 1024px) { .line-height--lg--11 { line-height: 11px !important; } } .line-height--12 { line-height: 12px !important; } @media (min-width: 769px) { .line-height--md--12 { line-height: 12px !important; } } @media (min-width: 1024px) { .line-height--lg--12 { line-height: 12px !important; } } .line-height--13 { line-height: 13px !important; } @media (min-width: 769px) { .line-height--md--13 { line-height: 13px !important; } } @media (min-width: 1024px) { .line-height--lg--13 { line-height: 13px !important; } } .line-height--14 { line-height: 14px !important; } @media (min-width: 769px) { .line-height--md--14 { line-height: 14px !important; } } @media (min-width: 1024px) { .line-height--lg--14 { line-height: 14px !important; } } .line-height--15 { line-height: 15px !important; } @media (min-width: 769px) { .line-height--md--15 { line-height: 15px !important; } } @media (min-width: 1024px) { .line-height--lg--15 { line-height: 15px !important; } } .line-height--16 { line-height: 16px !important; } @media (min-width: 769px) { .line-height--md--16 { line-height: 16px !important; } } @media (min-width: 1024px) { .line-height--lg--16 { line-height: 16px !important; } } .line-height--17 { line-height: 17px !important; } @media (min-width: 769px) { .line-height--md--17 { line-height: 17px !important; } } @media (min-width: 1024px) { .line-height--lg--17 { line-height: 17px !important; } } .line-height--18 { line-height: 18px !important; } @media (min-width: 769px) { .line-height--md--18 { line-height: 18px !important; } } @media (min-width: 1024px) { .line-height--lg--18 { line-height: 18px !important; } } .line-height--19 { line-height: 19px !important; } @media (min-width: 769px) { .line-height--md--19 { line-height: 19px !important; } } @media (min-width: 1024px) { .line-height--lg--19 { line-height: 19px !important; } } .line-height--20 { line-height: 20px !important; } @media (min-width: 769px) { .line-height--md--20 { line-height: 20px !important; } } @media (min-width: 1024px) { .line-height--lg--20 { line-height: 20px !important; } } .line-height--21 { line-height: 21px !important; } @media (min-width: 769px) { .line-height--md--21 { line-height: 21px !important; } } @media (min-width: 1024px) { .line-height--lg--21 { line-height: 21px !important; } } .line-height--22 { line-height: 22px !important; } @media (min-width: 769px) { .line-height--md--22 { line-height: 22px !important; } } @media (min-width: 1024px) { .line-height--lg--22 { line-height: 22px !important; } } .line-height--23 { line-height: 23px !important; } @media (min-width: 769px) { .line-height--md--23 { line-height: 23px !important; } } @media (min-width: 1024px) { .line-height--lg--23 { line-height: 23px !important; } } .line-height--24 { line-height: 24px !important; } @media (min-width: 769px) { .line-height--md--24 { line-height: 24px !important; } } @media (min-width: 1024px) { .line-height--lg--24 { line-height: 24px !important; } } .line-height--25 { line-height: 25px !important; } @media (min-width: 769px) { .line-height--md--25 { line-height: 25px !important; } } @media (min-width: 1024px) { .line-height--lg--25 { line-height: 25px !important; } } .line-height--26 { line-height: 26px !important; } @media (min-width: 769px) { .line-height--md--26 { line-height: 26px !important; } } @media (min-width: 1024px) { .line-height--lg--26 { line-height: 26px !important; } } .line-height--27 { line-height: 27px !important; } @media (min-width: 769px) { .line-height--md--27 { line-height: 27px !important; } } @media (min-width: 1024px) { .line-height--lg--27 { line-height: 27px !important; } } .line-height--28 { line-height: 28px !important; } @media (min-width: 769px) { .line-height--md--28 { line-height: 28px !important; } } @media (min-width: 1024px) { .line-height--lg--28 { line-height: 28px !important; } } .line-height--29 { line-height: 29px !important; } @media (min-width: 769px) { .line-height--md--29 { line-height: 29px !important; } } @media (min-width: 1024px) { .line-height--lg--29 { line-height: 29px !important; } } .line-height--30 { line-height: 30px !important; } @media (min-width: 769px) { .line-height--md--30 { line-height: 30px !important; } } @media (min-width: 1024px) { .line-height--lg--30 { line-height: 30px !important; } } .line-height--31 { line-height: 31px !important; } @media (min-width: 769px) { .line-height--md--31 { line-height: 31px !important; } } @media (min-width: 1024px) { .line-height--lg--31 { line-height: 31px !important; } } .line-height--32 { line-height: 32px !important; } @media (min-width: 769px) { .line-height--md--32 { line-height: 32px !important; } } @media (min-width: 1024px) { .line-height--lg--32 { line-height: 32px !important; } } .line-height--33 { line-height: 33px !important; } @media (min-width: 769px) { .line-height--md--33 { line-height: 33px !important; } } @media (min-width: 1024px) { .line-height--lg--33 { line-height: 33px !important; } } .line-height--34 { line-height: 34px !important; } @media (min-width: 769px) { .line-height--md--34 { line-height: 34px !important; } } @media (min-width: 1024px) { .line-height--lg--34 { line-height: 34px !important; } } .line-height--35 { line-height: 35px !important; } @media (min-width: 769px) { .line-height--md--35 { line-height: 35px !important; } } @media (min-width: 1024px) { .line-height--lg--35 { line-height: 35px !important; } } .line-height--36 { line-height: 36px !important; } @media (min-width: 769px) { .line-height--md--36 { line-height: 36px !important; } } @media (min-width: 1024px) { .line-height--lg--36 { line-height: 36px !important; } } .line-height--37 { line-height: 37px !important; } @media (min-width: 769px) { .line-height--md--37 { line-height: 37px !important; } } @media (min-width: 1024px) { .line-height--lg--37 { line-height: 37px !important; } } .line-height--38 { line-height: 38px !important; } @media (min-width: 769px) { .line-height--md--38 { line-height: 38px !important; } } @media (min-width: 1024px) { .line-height--lg--38 { line-height: 38px !important; } } .line-height--39 { line-height: 39px !important; } @media (min-width: 769px) { .line-height--md--39 { line-height: 39px !important; } } @media (min-width: 1024px) { .line-height--lg--39 { line-height: 39px !important; } } .line-height--40 { line-height: 40px !important; } @media (min-width: 769px) { .line-height--md--40 { line-height: 40px !important; } } @media (min-width: 1024px) { .line-height--lg--40 { line-height: 40px !important; } } .line-height--41 { line-height: 41px !important; } @media (min-width: 769px) { .line-height--md--41 { line-height: 41px !important; } } @media (min-width: 1024px) { .line-height--lg--41 { line-height: 41px !important; } } .line-height--42 { line-height: 42px !important; } @media (min-width: 769px) { .line-height--md--42 { line-height: 42px !important; } } @media (min-width: 1024px) { .line-height--lg--42 { line-height: 42px !important; } } .line-height--43 { line-height: 43px !important; } @media (min-width: 769px) { .line-height--md--43 { line-height: 43px !important; } } @media (min-width: 1024px) { .line-height--lg--43 { line-height: 43px !important; } } .line-height--44 { line-height: 44px !important; } @media (min-width: 769px) { .line-height--md--44 { line-height: 44px !important; } } @media (min-width: 1024px) { .line-height--lg--44 { line-height: 44px !important; } } .line-height--45 { line-height: 45px !important; } @media (min-width: 769px) { .line-height--md--45 { line-height: 45px !important; } } @media (min-width: 1024px) { .line-height--lg--45 { line-height: 45px !important; } } .line-height--46 { line-height: 46px !important; } @media (min-width: 769px) { .line-height--md--46 { line-height: 46px !important; } } @media (min-width: 1024px) { .line-height--lg--46 { line-height: 46px !important; } } .line-height--47 { line-height: 47px !important; } @media (min-width: 769px) { .line-height--md--47 { line-height: 47px !important; } } @media (min-width: 1024px) { .line-height--lg--47 { line-height: 47px !important; } } .line-height--48 { line-height: 48px !important; } @media (min-width: 769px) { .line-height--md--48 { line-height: 48px !important; } } @media (min-width: 1024px) { .line-height--lg--48 { line-height: 48px !important; } } .line-height--49 { line-height: 49px !important; } @media (min-width: 769px) { .line-height--md--49 { line-height: 49px !important; } } @media (min-width: 1024px) { .line-height--lg--49 { line-height: 49px !important; } } .line-height--50 { line-height: 50px !important; } @media (min-width: 769px) { .line-height--md--50 { line-height: 50px !important; } } @media (min-width: 1024px) { .line-height--lg--50 { line-height: 50px !important; } } .line-height--51 { line-height: 51px !important; } @media (min-width: 769px) { .line-height--md--51 { line-height: 51px !important; } } @media (min-width: 1024px) { .line-height--lg--51 { line-height: 51px !important; } } .line-height--52 { line-height: 52px !important; } @media (min-width: 769px) { .line-height--md--52 { line-height: 52px !important; } } @media (min-width: 1024px) { .line-height--lg--52 { line-height: 52px !important; } } .line-height--53 { line-height: 53px !important; } @media (min-width: 769px) { .line-height--md--53 { line-height: 53px !important; } } @media (min-width: 1024px) { .line-height--lg--53 { line-height: 53px !important; } } .line-height--54 { line-height: 54px !important; } @media (min-width: 769px) { .line-height--md--54 { line-height: 54px !important; } } @media (min-width: 1024px) { .line-height--lg--54 { line-height: 54px !important; } } .line-height--55 { line-height: 55px !important; } @media (min-width: 769px) { .line-height--md--55 { line-height: 55px !important; } } @media (min-width: 1024px) { .line-height--lg--55 { line-height: 55px !important; } } .line-height--56 { line-height: 56px !important; } @media (min-width: 769px) { .line-height--md--56 { line-height: 56px !important; } } @media (min-width: 1024px) { .line-height--lg--56 { line-height: 56px !important; } } .line-height--57 { line-height: 57px !important; } @media (min-width: 769px) { .line-height--md--57 { line-height: 57px !important; } } @media (min-width: 1024px) { .line-height--lg--57 { line-height: 57px !important; } } .line-height--58 { line-height: 58px !important; } @media (min-width: 769px) { .line-height--md--58 { line-height: 58px !important; } } @media (min-width: 1024px) { .line-height--lg--58 { line-height: 58px !important; } } .line-height--59 { line-height: 59px !important; } @media (min-width: 769px) { .line-height--md--59 { line-height: 59px !important; } } @media (min-width: 1024px) { .line-height--lg--59 { line-height: 59px !important; } } .line-height--60 { line-height: 60px !important; } @media (min-width: 769px) { .line-height--md--60 { line-height: 60px !important; } } @media (min-width: 1024px) { .line-height--lg--60 { line-height: 60px !important; } } .border--0 { border-width: 0px !important; } @media (min-width: 769px) { .border--md--0 { border-width: 0px !important; } } @media (min-width: 1024px) { .border--lg--0 { border-width: 0px !important; } } .border--1 { border-width: 1px !important; } @media (min-width: 769px) { .border--md--1 { border-width: 1px !important; } } @media (min-width: 1024px) { .border--lg--1 { border-width: 1px !important; } } .border--2 { border-width: 2px !important; } @media (min-width: 769px) { .border--md--2 { border-width: 2px !important; } } @media (min-width: 1024px) { .border--lg--2 { border-width: 2px !important; } } .border--3 { border-width: 3px !important; } @media (min-width: 769px) { .border--md--3 { border-width: 3px !important; } } @media (min-width: 1024px) { .border--lg--3 { border-width: 3px !important; } } .border--4 { border-width: 4px !important; } @media (min-width: 769px) { .border--md--4 { border-width: 4px !important; } } @media (min-width: 1024px) { .border--lg--4 { border-width: 4px !important; } } .border--5 { border-width: 5px !important; } @media (min-width: 769px) { .border--md--5 { border-width: 5px !important; } } @media (min-width: 1024px) { .border--lg--5 { border-width: 5px !important; } } .border--6 { border-width: 6px !important; } @media (min-width: 769px) { .border--md--6 { border-width: 6px !important; } } @media (min-width: 1024px) { .border--lg--6 { border-width: 6px !important; } } .border--7 { border-width: 7px !important; } @media (min-width: 769px) { .border--md--7 { border-width: 7px !important; } } @media (min-width: 1024px) { .border--lg--7 { border-width: 7px !important; } } .border--8 { border-width: 8px !important; } @media (min-width: 769px) { .border--md--8 { border-width: 8px !important; } } @media (min-width: 1024px) { .border--lg--8 { border-width: 8px !important; } } .border--9 { border-width: 9px !important; } @media (min-width: 769px) { .border--md--9 { border-width: 9px !important; } } @media (min-width: 1024px) { .border--lg--9 { border-width: 9px !important; } } .border--10 { border-width: 10px !important; } @media (min-width: 769px) { .border--md--10 { border-width: 10px !important; } } @media (min-width: 1024px) { .border--lg--10 { border-width: 10px !important; } } .border--11 { border-width: 11px !important; } @media (min-width: 769px) { .border--md--11 { border-width: 11px !important; } } @media (min-width: 1024px) { .border--lg--11 { border-width: 11px !important; } } .border--12 { border-width: 12px !important; } @media (min-width: 769px) { .border--md--12 { border-width: 12px !important; } } @media (min-width: 1024px) { .border--lg--12 { border-width: 12px !important; } } .border--13 { border-width: 13px !important; } @media (min-width: 769px) { .border--md--13 { border-width: 13px !important; } } @media (min-width: 1024px) { .border--lg--13 { border-width: 13px !important; } } .border--14 { border-width: 14px !important; } @media (min-width: 769px) { .border--md--14 { border-width: 14px !important; } } @media (min-width: 1024px) { .border--lg--14 { border-width: 14px !important; } } .border--15 { border-width: 15px !important; } @media (min-width: 769px) { .border--md--15 { border-width: 15px !important; } } @media (min-width: 1024px) { .border--lg--15 { border-width: 15px !important; } } .border--16 { border-width: 16px !important; } @media (min-width: 769px) { .border--md--16 { border-width: 16px !important; } } @media (min-width: 1024px) { .border--lg--16 { border-width: 16px !important; } } .border--17 { border-width: 17px !important; } @media (min-width: 769px) { .border--md--17 { border-width: 17px !important; } } @media (min-width: 1024px) { .border--lg--17 { border-width: 17px !important; } } .border--18 { border-width: 18px !important; } @media (min-width: 769px) { .border--md--18 { border-width: 18px !important; } } @media (min-width: 1024px) { .border--lg--18 { border-width: 18px !important; } } .border--19 { border-width: 19px !important; } @media (min-width: 769px) { .border--md--19 { border-width: 19px !important; } } @media (min-width: 1024px) { .border--lg--19 { border-width: 19px !important; } } .border--20 { border-width: 20px !important; } @media (min-width: 769px) { .border--md--20 { border-width: 20px !important; } } @media (min-width: 1024px) { .border--lg--20 { border-width: 20px !important; } } .border-radius--0 { border-radius: 0px; } .border-radius--1 { border-radius: 1px; } .border-radius--2 { border-radius: 2px; } .border-radius--3 { border-radius: 3px; } .border-radius--4 { border-radius: 4px; } .border-radius--5 { border-radius: 5px; } .border-radius--6 { border-radius: 6px; } .border-radius--7 { border-radius: 7px; } .border-radius--8 { border-radius: 8px; } .border-radius--9 { border-radius: 9px; } .border-radius--10 { border-radius: 10px; } .border-radius--11 { border-radius: 11px; } .border-radius--12 { border-radius: 12px; } .border-radius--13 { border-radius: 13px; } .border-radius--14 { border-radius: 14px; } .border-radius--15 { border-radius: 15px; } .border-radius--16 { border-radius: 16px; } .border-radius--17 { border-radius: 17px; } .border-radius--18 { border-radius: 18px; } .border-radius--19 { border-radius: 19px; } .border-radius--20 { border-radius: 20px; } .border-radius--21 { border-radius: 21px; } .border-radius--22 { border-radius: 22px; } .border-radius--23 { border-radius: 23px; } .border-radius--24 { border-radius: 24px; } .border-radius--25 { border-radius: 25px; } .border-radius--26 { border-radius: 26px; } .border-radius--27 { border-radius: 27px; } .border-radius--28 { border-radius: 28px; } .border-radius--29 { border-radius: 29px; } .border-radius--30 { border-radius: 30px; } .border-radius--31 { border-radius: 31px; } .border-radius--32 { border-radius: 32px; } .border-radius--33 { border-radius: 33px; } .border-radius--34 { border-radius: 34px; } .border-radius--35 { border-radius: 35px; } .border-radius--36 { border-radius: 36px; } .border-radius--37 { border-radius: 37px; } .border-radius--38 { border-radius: 38px; } .border-radius--39 { border-radius: 39px; } .border-radius--40 { border-radius: 40px; } .border-radius--41 { border-radius: 41px; } .border-radius--42 { border-radius: 42px; } .border-radius--43 { border-radius: 43px; } .border-radius--44 { border-radius: 44px; } .border-radius--45 { border-radius: 45px; } .border-radius--46 { border-radius: 46px; } .border-radius--47 { border-radius: 47px; } .border-radius--48 { border-radius: 48px; } .border-radius--49 { border-radius: 49px; } .border-radius--50 { border-radius: 50px; } .border-radius--51 { border-radius: 51px; } .border-radius--52 { border-radius: 52px; } .border-radius--53 { border-radius: 53px; } .border-radius--54 { border-radius: 54px; } .border-radius--55 { border-radius: 55px; } .border-radius--56 { border-radius: 56px; } .border-radius--57 { border-radius: 57px; } .border-radius--58 { border-radius: 58px; } .border-radius--59 { border-radius: 59px; } .border-radius--60 { border-radius: 60px; } .border-radius-top-left--0 { border-top-left-radius: 0px; } .border-radius-top-left--1 { border-top-left-radius: 1px; } .border-radius-top-left--2 { border-top-left-radius: 2px; } .border-radius-top-left--3 { border-top-left-radius: 3px; } .border-radius-top-left--4 { border-top-left-radius: 4px; } .border-radius-top-left--5 { border-top-left-radius: 5px; } .border-radius-top-left--6 { border-top-left-radius: 6px; } .border-radius-top-left--7 { border-top-left-radius: 7px; } .border-radius-top-left--8 { border-top-left-radius: 8px; } .border-radius-top-left--9 { border-top-left-radius: 9px; } .border-radius-top-left--10 { border-top-left-radius: 10px; } .border-radius-top-left--11 { border-top-left-radius: 11px; } .border-radius-top-left--12 { border-top-left-radius: 12px; } .border-radius-top-left--13 { border-top-left-radius: 13px; } .border-radius-top-left--14 { border-top-left-radius: 14px; } .border-radius-top-left--15 { border-top-left-radius: 15px; } .border-radius-top-left--16 { border-top-left-radius: 16px; } .border-radius-top-left--17 { border-top-left-radius: 17px; } .border-radius-top-left--18 { border-top-left-radius: 18px; } .border-radius-top-left--19 { border-top-left-radius: 19px; } .border-radius-top-left--20 { border-top-left-radius: 20px; } .border-radius-top-left--21 { border-top-left-radius: 21px; } .border-radius-top-left--22 { border-top-left-radius: 22px; } .border-radius-top-left--23 { border-top-left-radius: 23px; } .border-radius-top-left--24 { border-top-left-radius: 24px; } .border-radius-top-left--25 { border-top-left-radius: 25px; } .border-radius-top-left--26 { border-top-left-radius: 26px; } .border-radius-top-left--27 { border-top-left-radius: 27px; } .border-radius-top-left--28 { border-top-left-radius: 28px; } .border-radius-top-left--29 { border-top-left-radius: 29px; } .border-radius-top-left--30 { border-top-left-radius: 30px; } .border-radius-top-left--31 { border-top-left-radius: 31px; } .border-radius-top-left--32 { border-top-left-radius: 32px; } .border-radius-top-left--33 { border-top-left-radius: 33px; } .border-radius-top-left--34 { border-top-left-radius: 34px; } .border-radius-top-left--35 { border-top-left-radius: 35px; } .border-radius-top-left--36 { border-top-left-radius: 36px; } .border-radius-top-left--37 { border-top-left-radius: 37px; } .border-radius-top-left--38 { border-top-left-radius: 38px; } .border-radius-top-left--39 { border-top-left-radius: 39px; } .border-radius-top-left--40 { border-top-left-radius: 40px; } .border-radius-top-left--41 { border-top-left-radius: 41px; } .border-radius-top-left--42 { border-top-left-radius: 42px; } .border-radius-top-left--43 { border-top-left-radius: 43px; } .border-radius-top-left--44 { border-top-left-radius: 44px; } .border-radius-top-left--45 { border-top-left-radius: 45px; } .border-radius-top-left--46 { border-top-left-radius: 46px; } .border-radius-top-left--47 { border-top-left-radius: 47px; } .border-radius-top-left--48 { border-top-left-radius: 48px; } .border-radius-top-left--49 { border-top-left-radius: 49px; } .border-radius-top-left--50 { border-top-left-radius: 50px; } .border-radius-top-left--51 { border-top-left-radius: 51px; } .border-radius-top-left--52 { border-top-left-radius: 52px; } .border-radius-top-left--53 { border-top-left-radius: 53px; } .border-radius-top-left--54 { border-top-left-radius: 54px; } .border-radius-top-left--55 { border-top-left-radius: 55px; } .border-radius-top-left--56 { border-top-left-radius: 56px; } .border-radius-top-left--57 { border-top-left-radius: 57px; } .border-radius-top-left--58 { border-top-left-radius: 58px; } .border-radius-top-left--59 { border-top-left-radius: 59px; } .border-radius-top-left--60 { border-top-left-radius: 60px; } .border-radius-top-right--0 { border-top-right-radius: 0px; } .border-radius-top-right--1 { border-top-right-radius: 1px; } .border-radius-top-right--2 { border-top-right-radius: 2px; } .border-radius-top-right--3 { border-top-right-radius: 3px; } .border-radius-top-right--4 { border-top-right-radius: 4px; } .border-radius-top-right--5 { border-top-right-radius: 5px; } .border-radius-top-right--6 { border-top-right-radius: 6px; } .border-radius-top-right--7 { border-top-right-radius: 7px; } .border-radius-top-right--8 { border-top-right-radius: 8px; } .border-radius-top-right--9 { border-top-right-radius: 9px; } .border-radius-top-right--10 { border-top-right-radius: 10px; } .border-radius-top-right--11 { border-top-right-radius: 11px; } .border-radius-top-right--12 { border-top-right-radius: 12px; } .border-radius-top-right--13 { border-top-right-radius: 13px; } .border-radius-top-right--14 { border-top-right-radius: 14px; } .border-radius-top-right--15 { border-top-right-radius: 15px; } .border-radius-top-right--16 { border-top-right-radius: 16px; } .border-radius-top-right--17 { border-top-right-radius: 17px; } .border-radius-top-right--18 { border-top-right-radius: 18px; } .border-radius-top-right--19 { border-top-right-radius: 19px; } .border-radius-top-right--20 { border-top-right-radius: 20px; } .border-radius-top-right--21 { border-top-right-radius: 21px; } .border-radius-top-right--22 { border-top-right-radius: 22px; } .border-radius-top-right--23 { border-top-right-radius: 23px; } .border-radius-top-right--24 { border-top-right-radius: 24px; } .border-radius-top-right--25 { border-top-right-radius: 25px; } .border-radius-top-right--26 { border-top-right-radius: 26px; } .border-radius-top-right--27 { border-top-right-radius: 27px; } .border-radius-top-right--28 { border-top-right-radius: 28px; } .border-radius-top-right--29 { border-top-right-radius: 29px; } .border-radius-top-right--30 { border-top-right-radius: 30px; } .border-radius-top-right--31 { border-top-right-radius: 31px; } .border-radius-top-right--32 { border-top-right-radius: 32px; } .border-radius-top-right--33 { border-top-right-radius: 33px; } .border-radius-top-right--34 { border-top-right-radius: 34px; } .border-radius-top-right--35 { border-top-right-radius: 35px; } .border-radius-top-right--36 { border-top-right-radius: 36px; } .border-radius-top-right--37 { border-top-right-radius: 37px; } .border-radius-top-right--38 { border-top-right-radius: 38px; } .border-radius-top-right--39 { border-top-right-radius: 39px; } .border-radius-top-right--40 { border-top-right-radius: 40px; } .border-radius-top-right--41 { border-top-right-radius: 41px; } .border-radius-top-right--42 { border-top-right-radius: 42px; } .border-radius-top-right--43 { border-top-right-radius: 43px; } .border-radius-top-right--44 { border-top-right-radius: 44px; } .border-radius-top-right--45 { border-top-right-radius: 45px; } .border-radius-top-right--46 { border-top-right-radius: 46px; } .border-radius-top-right--47 { border-top-right-radius: 47px; } .border-radius-top-right--48 { border-top-right-radius: 48px; } .border-radius-top-right--49 { border-top-right-radius: 49px; } .border-radius-top-right--50 { border-top-right-radius: 50px; } .border-radius-top-right--51 { border-top-right-radius: 51px; } .border-radius-top-right--52 { border-top-right-radius: 52px; } .border-radius-top-right--53 { border-top-right-radius: 53px; } .border-radius-top-right--54 { border-top-right-radius: 54px; } .border-radius-top-right--55 { border-top-right-radius: 55px; } .border-radius-top-right--56 { border-top-right-radius: 56px; } .border-radius-top-right--57 { border-top-right-radius: 57px; } .border-radius-top-right--58 { border-top-right-radius: 58px; } .border-radius-top-right--59 { border-top-right-radius: 59px; } .border-radius-top-right--60 { border-top-right-radius: 60px; } .border-radius-bottom-right--0 { border-bottom-right-radius: 0px; } .border-radius-bottom-right--1 { border-bottom-right-radius: 1px; } .border-radius-bottom-right--2 { border-bottom-right-radius: 2px; } .border-radius-bottom-right--3 { border-bottom-right-radius: 3px; } .border-radius-bottom-right--4 { border-bottom-right-radius: 4px; } .border-radius-bottom-right--5 { border-bottom-right-radius: 5px; } .border-radius-bottom-right--6 { border-bottom-right-radius: 6px; } .border-radius-bottom-right--7 { border-bottom-right-radius: 7px; } .border-radius-bottom-right--8 { border-bottom-right-radius: 8px; } .border-radius-bottom-right--9 { border-bottom-right-radius: 9px; } .border-radius-bottom-right--10 { border-bottom-right-radius: 10px; } .border-radius-bottom-right--11 { border-bottom-right-radius: 11px; } .border-radius-bottom-right--12 { border-bottom-right-radius: 12px; } .border-radius-bottom-right--13 { border-bottom-right-radius: 13px; } .border-radius-bottom-right--14 { border-bottom-right-radius: 14px; } .border-radius-bottom-right--15 { border-bottom-right-radius: 15px; } .border-radius-bottom-right--16 { border-bottom-right-radius: 16px; } .border-radius-bottom-right--17 { border-bottom-right-radius: 17px; } .border-radius-bottom-right--18 { border-bottom-right-radius: 18px; } .border-radius-bottom-right--19 { border-bottom-right-radius: 19px; } .border-radius-bottom-right--20 { border-bottom-right-radius: 20px; } .border-radius-bottom-right--21 { border-bottom-right-radius: 21px; } .border-radius-bottom-right--22 { border-bottom-right-radius: 22px; } .border-radius-bottom-right--23 { border-bottom-right-radius: 23px; } .border-radius-bottom-right--24 { border-bottom-right-radius: 24px; } .border-radius-bottom-right--25 { border-bottom-right-radius: 25px; } .border-radius-bottom-right--26 { border-bottom-right-radius: 26px; } .border-radius-bottom-right--27 { border-bottom-right-radius: 27px; } .border-radius-bottom-right--28 { border-bottom-right-radius: 28px; } .border-radius-bottom-right--29 { border-bottom-right-radius: 29px; } .border-radius-bottom-right--30 { border-bottom-right-radius: 30px; } .border-radius-bottom-right--31 { border-bottom-right-radius: 31px; } .border-radius-bottom-right--32 { border-bottom-right-radius: 32px; } .border-radius-bottom-right--33 { border-bottom-right-radius: 33px; } .border-radius-bottom-right--34 { border-bottom-right-radius: 34px; } .border-radius-bottom-right--35 { border-bottom-right-radius: 35px; } .border-radius-bottom-right--36 { border-bottom-right-radius: 36px; } .border-radius-bottom-right--37 { border-bottom-right-radius: 37px; } .border-radius-bottom-right--38 { border-bottom-right-radius: 38px; } .border-radius-bottom-right--39 { border-bottom-right-radius: 39px; } .border-radius-bottom-right--40 { border-bottom-right-radius: 40px; } .border-radius-bottom-right--41 { border-bottom-right-radius: 41px; } .border-radius-bottom-right--42 { border-bottom-right-radius: 42px; } .border-radius-bottom-right--43 { border-bottom-right-radius: 43px; } .border-radius-bottom-right--44 { border-bottom-right-radius: 44px; } .border-radius-bottom-right--45 { border-bottom-right-radius: 45px; } .border-radius-bottom-right--46 { border-bottom-right-radius: 46px; } .border-radius-bottom-right--47 { border-bottom-right-radius: 47px; } .border-radius-bottom-right--48 { border-bottom-right-radius: 48px; } .border-radius-bottom-right--49 { border-bottom-right-radius: 49px; } .border-radius-bottom-right--50 { border-bottom-right-radius: 50px; } .border-radius-bottom-right--51 { border-bottom-right-radius: 51px; } .border-radius-bottom-right--52 { border-bottom-right-radius: 52px; } .border-radius-bottom-right--53 { border-bottom-right-radius: 53px; } .border-radius-bottom-right--54 { border-bottom-right-radius: 54px; } .border-radius-bottom-right--55 { border-bottom-right-radius: 55px; } .border-radius-bottom-right--56 { border-bottom-right-radius: 56px; } .border-radius-bottom-right--57 { border-bottom-right-radius: 57px; } .border-radius-bottom-right--58 { border-bottom-right-radius: 58px; } .border-radius-bottom-right--59 { border-bottom-right-radius: 59px; } .border-radius-bottom-right--60 { border-bottom-right-radius: 60px; } .border-radius-bottom-left--0 { border-bottom-left-radius: 0px; } .border-radius-bottom-left--1 { border-bottom-left-radius: 1px; } .border-radius-bottom-left--2 { border-bottom-left-radius: 2px; } .border-radius-bottom-left--3 { border-bottom-left-radius: 3px; } .border-radius-bottom-left--4 { border-bottom-left-radius: 4px; } .border-radius-bottom-left--5 { border-bottom-left-radius: 5px; } .border-radius-bottom-left--6 { border-bottom-left-radius: 6px; } .border-radius-bottom-left--7 { border-bottom-left-radius: 7px; } .border-radius-bottom-left--8 { border-bottom-left-radius: 8px; } .border-radius-bottom-left--9 { border-bottom-left-radius: 9px; } .border-radius-bottom-left--10 { border-bottom-left-radius: 10px; } .border-radius-bottom-left--11 { border-bottom-left-radius: 11px; } .border-radius-bottom-left--12 { border-bottom-left-radius: 12px; } .border-radius-bottom-left--13 { border-bottom-left-radius: 13px; } .border-radius-bottom-left--14 { border-bottom-left-radius: 14px; } .border-radius-bottom-left--15 { border-bottom-left-radius: 15px; } .border-radius-bottom-left--16 { border-bottom-left-radius: 16px; } .border-radius-bottom-left--17 { border-bottom-left-radius: 17px; } .border-radius-bottom-left--18 { border-bottom-left-radius: 18px; } .border-radius-bottom-left--19 { border-bottom-left-radius: 19px; } .border-radius-bottom-left--20 { border-bottom-left-radius: 20px; } .border-radius-bottom-left--21 { border-bottom-left-radius: 21px; } .border-radius-bottom-left--22 { border-bottom-left-radius: 22px; } .border-radius-bottom-left--23 { border-bottom-left-radius: 23px; } .border-radius-bottom-left--24 { border-bottom-left-radius: 24px; } .border-radius-bottom-left--25 { border-bottom-left-radius: 25px; } .border-radius-bottom-left--26 { border-bottom-left-radius: 26px; } .border-radius-bottom-left--27 { border-bottom-left-radius: 27px; } .border-radius-bottom-left--28 { border-bottom-left-radius: 28px; } .border-radius-bottom-left--29 { border-bottom-left-radius: 29px; } .border-radius-bottom-left--30 { border-bottom-left-radius: 30px; } .border-radius-bottom-left--31 { border-bottom-left-radius: 31px; } .border-radius-bottom-left--32 { border-bottom-left-radius: 32px; } .border-radius-bottom-left--33 { border-bottom-left-radius: 33px; } .border-radius-bottom-left--34 { border-bottom-left-radius: 34px; } .border-radius-bottom-left--35 { border-bottom-left-radius: 35px; } .border-radius-bottom-left--36 { border-bottom-left-radius: 36px; } .border-radius-bottom-left--37 { border-bottom-left-radius: 37px; } .border-radius-bottom-left--38 { border-bottom-left-radius: 38px; } .border-radius-bottom-left--39 { border-bottom-left-radius: 39px; } .border-radius-bottom-left--40 { border-bottom-left-radius: 40px; } .border-radius-bottom-left--41 { border-bottom-left-radius: 41px; } .border-radius-bottom-left--42 { border-bottom-left-radius: 42px; } .border-radius-bottom-left--43 { border-bottom-left-radius: 43px; } .border-radius-bottom-left--44 { border-bottom-left-radius: 44px; } .border-radius-bottom-left--45 { border-bottom-left-radius: 45px; } .border-radius-bottom-left--46 { border-bottom-left-radius: 46px; } .border-radius-bottom-left--47 { border-bottom-left-radius: 47px; } .border-radius-bottom-left--48 { border-bottom-left-radius: 48px; } .border-radius-bottom-left--49 { border-bottom-left-radius: 49px; } .border-radius-bottom-left--50 { border-bottom-left-radius: 50px; } .border-radius-bottom-left--51 { border-bottom-left-radius: 51px; } .border-radius-bottom-left--52 { border-bottom-left-radius: 52px; } .border-radius-bottom-left--53 { border-bottom-left-radius: 53px; } .border-radius-bottom-left--54 { border-bottom-left-radius: 54px; } .border-radius-bottom-left--55 { border-bottom-left-radius: 55px; } .border-radius-bottom-left--56 { border-bottom-left-radius: 56px; } .border-radius-bottom-left--57 { border-bottom-left-radius: 57px; } .border-radius-bottom-left--58 { border-bottom-left-radius: 58px; } .border-radius-bottom-left--59 { border-bottom-left-radius: 59px; } .border-radius-bottom-left--60 { border-bottom-left-radius: 60px; } @media (max-width: 1023.98px) { .border-radius-md-none { border-radius: unset; } } @media (max-width: 768.98px) { .border-radius-sm-none { border-radius: unset; } } .font--primary { font-family: "Gambetta", serif !important; font-feature-settings: "cpsp"; } .font--secondary { font-family: "Gambetta", serif !important; font-feature-settings: "cpsp"; } .font--tertiary { font-family: "Clash Display", sans-serif !important; font-feature-settings: "cpsp"; } .font--header { font-family: "Gambetta", serif !important; font-feature-settings: "cpsp"; } .font--body { font-family: "Gambetta", serif !important; font-feature-settings: "cpsp"; } .font--gambetta { font-family: "Gambetta", serif !important; font-feature-settings: "cpsp"; } .font--clash-display { font-family: "Clash Display", sans-serif !important; font-feature-settings: "cpsp"; } h1, .h1 { font-family: var(--h1-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h1-mobile-size, 42px) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h1, .h1 { font-size: calc(var(--h1-tablet-size, var(--h1-mobile-size, 42px)) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h1, .h1 { font-size: calc(var(--h1-desktop-size, 54px) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } h1.text-decoration-none *, .h1.text-decoration-none * { text-decoration: none; } h2, .h2 { font-family: var(--h2-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h2-mobile-size, 32px) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h2, .h2 { font-size: calc(var(--h2-tablet-size, var(--h2-mobile-size, 32px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h2, .h2 { font-size: calc(var(--h2-desktop-size, 40px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } h2.text-decoration-none *, .h2.text-decoration-none * { text-decoration: none; } h3, .h3 { font-family: var(--h3-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h3-mobile-size, 26px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h3, .h3 { font-size: calc(var(--h3-tablet-size, var(--h3-mobile-size, 26px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h3, .h3 { font-size: calc(var(--h3-desktop-size, 28px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } h3.text-decoration-none *, .h3.text-decoration-none * { text-decoration: none; } h4, .h4 { font-family: var(--h4-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h4-mobile-size, 22px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h4, .h4 { font-size: calc(var(--h4-tablet-size, var(--h4-mobile-size, 22px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h4, .h4 { font-size: calc(var(--h4-desktop-size, 24px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } h4.text-decoration-none *, .h4.text-decoration-none * { text-decoration: none; } h5, .h5 { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h5, .h5 { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h5, .h5 { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } h5.text-decoration-none *, .h5.text-decoration-none * { text-decoration: none; } h6, .h6 { font-family: var(--h6-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h6-mobile-size, 16px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { h6, .h6 { font-size: calc(var(--h6-tablet-size, var(--h6-mobile-size, 16px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { h6, .h6 { font-size: calc(var(--h6-desktop-size, var(--h6-mobile-size, 16px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } h6.text-decoration-none *, .h6.text-decoration-none * { text-decoration: none; } .b1 { font-family: var(--b1-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: var(--b1-mobile-size, 42px); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } @media (min-width: 769px) { .b1 { font-size: var(--b1-tablet-size, var(--b1-mobile-size, 42px)); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } } @media (min-width: 1024px) { .b1 { font-size: var(--b1-desktop-size, 50px); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } } .b1.text-decoration-none * { text-decoration: none; } .b2 { font-family: var(--b2-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: var(--b2-mobile-size, 28px); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } @media (min-width: 769px) { .b2 { font-size: var(--b2-tablet-size, var(--b2-mobile-size, 28px)); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } } @media (min-width: 1024px) { .b2 { font-size: var(--b2-desktop-size, 36px); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } } .b2.text-decoration-none * { text-decoration: none; } .b3 { font-family: var(--b3-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: var(--b3-mobile-size, 24px); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } @media (min-width: 769px) { .b3 { font-size: var(--b3-tablet-size, var(--b3-mobile-size, 24px)); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } } @media (min-width: 1024px) { .b3 { font-size: var(--b3-desktop-size, 26px); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } } .b3.text-decoration-none * { text-decoration: none; } .b4 { font-family: var(--b4-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; font-size: var(--b4-mobile-size, 12px); line-height: 1; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; } @media (min-width: 769px) { .b4 { font-size: var(--b4-tablet-size, var(--b4-mobile-size, 12px)); line-height: 1; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; } } @media (min-width: 1024px) { .b4 { font-size: var(--b4-desktop-size, var(--b4-mobile-size, 12px)); line-height: 1; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; } } .b4.text-decoration-none * { text-decoration: none; } .b5 { font-family: var(--b5-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; font-size: var(--b5-mobile-size, 10px); line-height: 1; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; font-style: normal; } @media (min-width: 769px) { .b5 { font-size: var(--b5-tablet-size, var(--b5-mobile-size, 10px)); line-height: 1; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; font-style: normal; } } @media (min-width: 1024px) { .b5 { font-size: var(--b5-desktop-size, var(--b5-mobile-size, 10px)); line-height: 1; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; font-style: normal; } } .b5.text-decoration-none * { text-decoration: none; } *:not([class*='font-size-']) > p, *:not([class*='font-size-']) > .p { letter-spacing: 0.01em; font-size: calc(var(--base-font-size, 16px) + 0px); margin-bottom: 16px; line-height: 1.45; } @media (min-width: 1024px) { *:not([class*='font-size-']) > p, *:not([class*='font-size-']) > .p { font-size: calc(var(--base-font-size, 16px) + 0px); } } @media (min-width: 1024px) { *:not([class*='font-size-']) > p, *:not([class*='font-size-']) > .p { line-height: 1.45; } } *:not([class*='font-size-']) > p--small, *:not([class*='font-size-']) > .p--small { letter-spacing: 0.01em; font-size: calc(var(--base-font-size, 16px) - 2px); line-height: 1.45; } @media (min-width: 1024px) { *:not([class*='font-size-']) > p--small, *:not([class*='font-size-']) > .p--small { font-size: calc(var(--base-font-size, 16px) - 2px); } } @media (min-width: 1024px) { *:not([class*='font-size-']) > p--small, *:not([class*='font-size-']) > .p--small { line-height: 1.45; } } *:not([class*='font-size-']) > p--large, *:not([class*='font-size-']) > .p--large { letter-spacing: 0.01em; font-size: calc(var(--base-font-size, 16px) + 2px); } @media (min-width: 1024px) { *:not([class*='font-size-']) > p--large, *:not([class*='font-size-']) > .p--large { font-size: calc(var(--base-font-size, 16px) + 2px); } } small { letter-spacing: 0.01em; font-size: calc(var(--base-font-size, 16px) - 2px); } @media (min-width: 1024px) { small { font-size: calc(var(--base-font-size, 16px) - 2px); } } .lead { letter-spacing: 0.01em; font-size: calc(var(--base-font-size, 16px) + 2px); } @media (min-width: 1024px) { .lead { font-size: calc(var(--base-font-size, 16px) + 2px); } } .btn { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); } .btn.disabled, .btn[disabled] { background: #E4E5E7; color: #60646c; } .btn[class*="icon-"].icon-before:before, .btn[class*="icon-"]:not(.icon-after):before, .btn[class^="icon-"].icon-before:before, .btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn[class*="icon-"].icon-after:after, .btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn:not([class*="icon"]):before, .btn:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn.loading-logo:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn.loading-logo:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn.loading-logo:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-primary, .btn-special { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #FFFFFF; background-color: #091010; border-width: 1px; border-radius: var(--button-border-radius, 0); border-color: #091010; text-decoration: none; text-align: center; font-weight: var(--button-font-weight, 700); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); } .btn-primary.disabled, .btn-primary[disabled], .btn-special.disabled, .btn-special[disabled] { background: #E4E5E7; color: #60646c; } .btn-primary:hover, .btn-primary:focus, .btn-primary[aria-describedby*="popover"], .btn-special:hover, .btn-special:focus, .btn-special[aria-describedby*="popover"] { color: #FFFFFF; background-color: #432F08; border-color: #432F08; text-decoration: none; } .btn-primary:active, .btn-special:active { background-color: #323232; border-color: #323232; } .dark-theme .btn-primary, .dark-theme .btn-special { background-color: #FFFFFF; border-color: #FFFFFF; color: #091010; } .dark-theme .btn-primary:hover, .dark-theme .btn-special:hover { background-color: #432F08; border-color: #432F08; color: #FFFFFF; } .btn-primary[class*="icon-"].icon-before:before, .btn-primary[class*="icon-"]:not(.icon-after):before, .btn-primary[class^="icon-"].icon-before:before, .btn-primary[class^="icon-"]:not(.icon-after):before, .btn-special[class*="icon-"].icon-before:before, .btn-special[class*="icon-"]:not(.icon-after):before, .btn-special[class^="icon-"].icon-before:before, .btn-special[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-primary[class*="icon-"].icon-after:after, .btn-primary[class^="icon-"].icon-after:after, .btn-special[class*="icon-"].icon-after:after, .btn-special[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-primary:not([class*="icon"]):before, .btn-primary:not([class*="icon"]):after, .btn-special:not([class*="icon"]):before, .btn-special:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-primary.loading-logo:not([class*="icon"]):not(.no-logo), .btn-special.loading-logo:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-special.loading-logo:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-special.loading-logo:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-primary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-primary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-special.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-special.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-special.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-special.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-special.loading-logo:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-secondary, .btn-outline-primary { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #091010; border-width: 1px; border-radius: var(--button-border-radius, 0); background-color: #FFFFFF; border-color: #FFFFFF; text-decoration: none; text-align: center; font-weight: var(--button-font-weight, 700); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); } .btn-secondary.disabled, .btn-secondary[disabled], .btn-outline-primary.disabled, .btn-outline-primary[disabled] { background: #E4E5E7; color: #60646c; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary[aria-describedby*="popover"], .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary[aria-describedby*="popover"] { color: #FFFFFF; background-color: #432F08; border-color: #432F08; text-decoration: none; } .btn-secondary:active, .btn-outline-primary:active { background-color: #B0A381; border-color: #B0A381; } .dark-theme .btn-secondary, .dark-theme .btn-outline-primary { background-color: #091010; border-color: #091010; color: #FFFFFF; } .dark-theme .btn-secondary:hover, .dark-theme .btn-outline-primary:hover { background-color: #432F08; border-color: #432F08; color: #FFFFFF; } .btn-secondary[class*="icon-"].icon-before:before, .btn-secondary[class*="icon-"]:not(.icon-after):before, .btn-secondary[class^="icon-"].icon-before:before, .btn-secondary[class^="icon-"]:not(.icon-after):before, .btn-outline-primary[class*="icon-"].icon-before:before, .btn-outline-primary[class*="icon-"]:not(.icon-after):before, .btn-outline-primary[class^="icon-"].icon-before:before, .btn-outline-primary[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-secondary[class*="icon-"].icon-after:after, .btn-secondary[class^="icon-"].icon-after:after, .btn-outline-primary[class*="icon-"].icon-after:after, .btn-outline-primary[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-secondary:not([class*="icon"]):before, .btn-secondary:not([class*="icon"]):after, .btn-outline-primary:not([class*="icon"]):before, .btn-outline-primary:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo), .btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-tertiary { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #091010; background-color: transparent; border-radius: var(--button-border-radius, 0); border-width: 1px; border-color: transparent; text-decoration: none; -webkit-text-decoration-color: #091010; text-decoration-color: #091010; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; text-align: center; font-weight: var(--button-font-weight, 700); line-height: calc( min( var(--button-font-size, 11px) + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)), var(--button-font-size, 11px) + 6px * 3 + 1px )); padding-left: 0px; padding-right: 0px; padding-top: calc( max( ( (var(--button-font-size, 11px) + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) - min( var(--button-font-size, 11px) + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)), var(--button-font-size, 11px) + 6px * 3 + 1px )) / 2), ( 0px ) )); padding-bottom: calc( max( ( (var(--button-font-size, 11px) + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) - min( var(--button-font-size, 11px) + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)), var(--button-font-size, 11px) + 6px * 3 + 1px )) / 2), ( 0px ) )); } .btn-tertiary.disabled, .btn-tertiary[disabled] { background: #E4E5E7; color: #60646c; } .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary[aria-describedby*="popover"] { color: #432F08; background-color: transparent; border-color: transparent; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #432F08; text-decoration-color: #432F08; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .btn-tertiary:active { color: #323232; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #323232; text-decoration-color: #323232; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .dark-theme .btn-tertiary { color: #FFFFFF; -webkit-text-decoration-color: #FFFFFF; text-decoration-color: #FFFFFF; } .dark-theme .btn-tertiary:hover { color: #CEC09B; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #432F08; text-decoration-color: #432F08; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .dark-theme .btn-tertiary:active { color: #FFFFFF; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #323232; text-decoration-color: #323232; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .btn-tertiary.disabled, .btn-tertiary[disabled] { background: transparent; color: #60646c; text-decoration: none; } .btn-tertiary[class*="icon-"].icon-before:before, .btn-tertiary[class*="icon-"]:not(.icon-after):before, .btn-tertiary[class^="icon-"].icon-before:before, .btn-tertiary[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-tertiary[class*="icon-"].icon-after:after, .btn-tertiary[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-tertiary[class*="icon-"].icon-before, .btn-tertiary[class*="icon-"]:not(.icon-after), .btn-tertiary[class^="icon-"].icon-before, .btn-tertiary[class^="icon-"]:not(.icon-after) { padding-left: calc( 0px + 24px); } .btn-tertiary[class*="icon-"].icon-before:before, .btn-tertiary[class*="icon-"]:not(.icon-after):before, .btn-tertiary[class^="icon-"].icon-before:before, .btn-tertiary[class^="icon-"]:not(.icon-after):before { position: absolute; left: 0; } .btn-tertiary[class*="icon-"].icon-after, .btn-tertiary[class^="icon-"].icon-after { padding-right: calc( 0px + 24px); } .btn-tertiary[class*="icon-"].icon-after:after, .btn-tertiary[class^="icon-"].icon-after:after { position: absolute; right: 0; } .btn-tertiary[class*="icon-"].icon-before:before, .btn-tertiary[class*="icon-"]:not(.icon-after):before, .btn-tertiary[class^="icon-"].icon-before:before, .btn-tertiary[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-tertiary[class*="icon-"].icon-after:after, .btn-tertiary[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-tertiary:not([class*="icon"]):before, .btn-tertiary:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-tertiary.icon-before { padding-left: 16px; } .btn-tertiary.icon-before:before { font-size: inherit; position: absolute; } .btn-tertiary.icon-after { padding-left: 0; padding-right: 16px; } .btn-tertiary.icon-after:before { font-size: inherit; position: absolute; right: 0; transform: translateX(0); } .btn-link { color: #091010; font-weight: normal; text-decoration: underline; cursor: pointer; padding: 0; vertical-align: baseline; margin-top: 10px; border: none; text-transform: inherit; letter-spacing: inherit; } .btn-link:hover { color: #432F08; text-decoration: underline; } .dark-theme .btn-link { color: #FFFFFF; } .dark-theme .btn-link:hover { color: #FFFFFF; } .btn-link:active { color: #323232; } .btn-sm, .btn-group-sm > .btn { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: 10px; line-height: 10px; padding: 10px 16px 10px 16px; letter-spacing: 0.05em; } .btn-sm.disabled, .btn-group-sm > .disabled.btn, .btn-sm[disabled], .btn-group-sm > .btn[disabled] { background: #E4E5E7; color: #60646c; } .btn-sm[class*="icon-"].icon-before:before, .btn-group-sm > .btn[class*="icon-"].icon-before:before, .btn-sm[class*="icon-"]:not(.icon-after):before, .btn-group-sm > .btn[class*="icon-"]:not(.icon-after):before, .btn-sm[class^="icon-"].icon-before:before, .btn-group-sm > .btn[class^="icon-"].icon-before:before, .btn-sm[class^="icon-"]:not(.icon-after):before, .btn-group-sm > .btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(16px - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .btn-sm[class*="icon-"].icon-after:after, .btn-group-sm > .btn[class*="icon-"].icon-after:after, .btn-sm[class^="icon-"].icon-after:after, .btn-group-sm > .btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(16px - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .btn-sm:not([class*="icon"]):before, .btn-group-sm > .btn:not([class*="icon"]):before, .btn-sm:not([class*="icon"]):after, .btn-group-sm > .btn:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-sm.loading-logo:not([class*="icon"]):not(.no-logo), .btn-group-sm > .loading-logo.btn:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-sm.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-group-sm > .loading-logo.btn:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-sm.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-group-sm > .loading-logo.btn:not([class*="icon"]):not(.no-logo).disabled:after, .btn-sm.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-group-sm > .loading-logo.btn:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-sm.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-group-sm > .loading-logo.btn:not([class*="icon"]):not(.no-logo):hover:after, .btn-sm.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-group-sm > .loading-logo.btn:not([class*="icon"]):not(.no-logo):focus:after, .btn-sm.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-group-sm > .loading-logo.btn:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-sm.btn-primary, .btn-group-sm > .btn-primary.btn { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: 10px; line-height: 10px; padding: 10px 16px 10px 16px; letter-spacing: 0.05em; font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #FFFFFF; background-color: #091010; border-width: 1px; border-radius: var(--button-border-radius, 0); border-color: #091010; text-decoration: none; text-align: center; font-weight: var(--button-font-weight, 700); padding: 10px 16px 10px 16px; } .btn-sm.btn-primary.disabled, .btn-group-sm > .btn-primary.disabled.btn, .btn-sm.btn-primary[disabled], .btn-group-sm > .btn-primary.btn[disabled] { background: #E4E5E7; color: #60646c; } .btn-sm.btn-primary:hover, .btn-group-sm > .btn-primary.btn:hover, .btn-sm.btn-primary:focus, .btn-group-sm > .btn-primary.btn:focus, .btn-sm.btn-primary[aria-describedby*="popover"], .btn-group-sm > .btn-primary.btn[aria-describedby*="popover"] { color: #FFFFFF; background-color: #432F08; border-color: #432F08; text-decoration: none; } .btn-sm.btn-primary:active, .btn-group-sm > .btn-primary.btn:active { background-color: #323232; border-color: #323232; } .dark-theme .btn-sm.btn-primary, .dark-theme .btn-group-sm > .btn-primary.btn { background-color: #FFFFFF; border-color: #FFFFFF; color: #091010; } .dark-theme .btn-sm.btn-primary:hover, .dark-theme .btn-group-sm > .btn-primary.btn:hover { background-color: #432F08; border-color: #432F08; color: #FFFFFF; } .btn-sm.btn-primary[class*="icon-"].icon-before:before, .btn-group-sm > .btn-primary.btn[class*="icon-"].icon-before:before, .btn-sm.btn-primary[class*="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-primary.btn[class*="icon-"]:not(.icon-after):before, .btn-sm.btn-primary[class^="icon-"].icon-before:before, .btn-group-sm > .btn-primary.btn[class^="icon-"].icon-before:before, .btn-sm.btn-primary[class^="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-primary.btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(16px - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .btn-sm.btn-primary[class*="icon-"].icon-after:after, .btn-group-sm > .btn-primary.btn[class*="icon-"].icon-after:after, .btn-sm.btn-primary[class^="icon-"].icon-after:after, .btn-group-sm > .btn-primary.btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(16px - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .btn-sm.btn-primary:not([class*="icon"]):before, .btn-group-sm > .btn-primary.btn:not([class*="icon"]):before, .btn-sm.btn-primary:not([class*="icon"]):after, .btn-group-sm > .btn-primary.btn:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-sm.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo), .btn-group-sm > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-sm.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-group-sm > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .btn-sm.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-group-sm > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-sm.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-group-sm > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo).disabled:after, .btn-sm.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-group-sm > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-sm.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-group-sm > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):hover:after, .btn-sm.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-group-sm > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):focus:after, .btn-sm.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-group-sm > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-sm.btn-secondary, .btn-group-sm > .btn-secondary.btn, .btn-sm.btn-outline-primary, .btn-group-sm > .btn-outline-primary.btn { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: 10px; line-height: 10px; padding: 10px 16px 10px 16px; letter-spacing: 0.05em; font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #091010; border-width: 1px; border-radius: var(--button-border-radius, 0); background-color: #FFFFFF; border-color: #FFFFFF; text-decoration: none; text-align: center; font-weight: var(--button-font-weight, 700); padding: 10px 16px 10px 16px; } .btn-sm.btn-secondary.disabled, .btn-group-sm > .btn-secondary.disabled.btn, .btn-sm.btn-secondary[disabled], .btn-group-sm > .btn-secondary.btn[disabled], .btn-sm.btn-outline-primary.disabled, .btn-group-sm > .btn-outline-primary.disabled.btn, .btn-sm.btn-outline-primary[disabled], .btn-group-sm > .btn-outline-primary.btn[disabled] { background: #E4E5E7; color: #60646c; } .btn-sm.btn-secondary:hover, .btn-group-sm > .btn-secondary.btn:hover, .btn-sm.btn-secondary:focus, .btn-group-sm > .btn-secondary.btn:focus, .btn-sm.btn-secondary[aria-describedby*="popover"], .btn-group-sm > .btn-secondary.btn[aria-describedby*="popover"], .btn-sm.btn-outline-primary:hover, .btn-group-sm > .btn-outline-primary.btn:hover, .btn-sm.btn-outline-primary:focus, .btn-group-sm > .btn-outline-primary.btn:focus, .btn-sm.btn-outline-primary[aria-describedby*="popover"], .btn-group-sm > .btn-outline-primary.btn[aria-describedby*="popover"] { color: #FFFFFF; background-color: #432F08; border-color: #432F08; text-decoration: none; } .btn-sm.btn-secondary:active, .btn-group-sm > .btn-secondary.btn:active, .btn-sm.btn-outline-primary:active, .btn-group-sm > .btn-outline-primary.btn:active { background-color: #B0A381; border-color: #B0A381; } .dark-theme .btn-sm.btn-secondary, .dark-theme .btn-group-sm > .btn-secondary.btn, .dark-theme .btn-sm.btn-outline-primary, .dark-theme .btn-group-sm > .btn-outline-primary.btn { background-color: #091010; border-color: #091010; color: #FFFFFF; } .dark-theme .btn-sm.btn-secondary:hover, .dark-theme .btn-group-sm > .btn-secondary.btn:hover, .dark-theme .btn-sm.btn-outline-primary:hover, .dark-theme .btn-group-sm > .btn-outline-primary.btn:hover { background-color: #432F08; border-color: #432F08; color: #FFFFFF; } .btn-sm.btn-secondary[class*="icon-"].icon-before:before, .btn-group-sm > .btn-secondary.btn[class*="icon-"].icon-before:before, .btn-sm.btn-secondary[class*="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-secondary.btn[class*="icon-"]:not(.icon-after):before, .btn-sm.btn-secondary[class^="icon-"].icon-before:before, .btn-group-sm > .btn-secondary.btn[class^="icon-"].icon-before:before, .btn-sm.btn-secondary[class^="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-secondary.btn[class^="icon-"]:not(.icon-after):before, .btn-sm.btn-outline-primary[class*="icon-"].icon-before:before, .btn-group-sm > .btn-outline-primary.btn[class*="icon-"].icon-before:before, .btn-sm.btn-outline-primary[class*="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-outline-primary.btn[class*="icon-"]:not(.icon-after):before, .btn-sm.btn-outline-primary[class^="icon-"].icon-before:before, .btn-group-sm > .btn-outline-primary.btn[class^="icon-"].icon-before:before, .btn-sm.btn-outline-primary[class^="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-outline-primary.btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(16px - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .btn-sm.btn-secondary[class*="icon-"].icon-after:after, .btn-group-sm > .btn-secondary.btn[class*="icon-"].icon-after:after, .btn-sm.btn-secondary[class^="icon-"].icon-after:after, .btn-group-sm > .btn-secondary.btn[class^="icon-"].icon-after:after, .btn-sm.btn-outline-primary[class*="icon-"].icon-after:after, .btn-group-sm > .btn-outline-primary.btn[class*="icon-"].icon-after:after, .btn-sm.btn-outline-primary[class^="icon-"].icon-after:after, .btn-group-sm > .btn-outline-primary.btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(16px - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .btn-sm.btn-secondary:not([class*="icon"]):before, .btn-group-sm > .btn-secondary.btn:not([class*="icon"]):before, .btn-sm.btn-secondary:not([class*="icon"]):after, .btn-group-sm > .btn-secondary.btn:not([class*="icon"]):after, .btn-sm.btn-outline-primary:not([class*="icon"]):before, .btn-group-sm > .btn-outline-primary.btn:not([class*="icon"]):before, .btn-sm.btn-outline-primary:not([class*="icon"]):after, .btn-group-sm > .btn-outline-primary.btn:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-sm.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo), .btn-group-sm > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo), .btn-sm.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo), .btn-group-sm > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-sm.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-group-sm > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after, .btn-sm.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-group-sm > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .btn-sm.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-group-sm > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-sm.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-group-sm > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-sm.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-group-sm > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo).disabled:after, .btn-sm.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-group-sm > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-sm.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-group-sm > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo):hover:after, .btn-sm.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-group-sm > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo):focus:after, .btn-sm.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-group-sm > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo):active:after, .btn-sm.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-group-sm > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo).disabled:after, .btn-sm.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-group-sm > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-sm.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-group-sm > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):hover:after, .btn-sm.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-group-sm > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):focus:after, .btn-sm.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-group-sm > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-sm.btn-tertiary, .btn-group-sm > .btn-tertiary.btn { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: 10px; line-height: 10px; padding: 10px 16px 10px 16px; letter-spacing: 0.05em; font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #091010; background-color: transparent; border-radius: var(--button-border-radius, 0); border-width: 1px; border-color: transparent; text-decoration: none; -webkit-text-decoration-color: #091010; text-decoration-color: #091010; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; text-align: center; font-weight: var(--button-font-weight, 700); line-height: calc( min( var(--button-font-size, 11px) + 10px + 10px, var(--button-font-size, 11px) + 6px * 3 + 1px )); padding-left: 0px; padding-right: 0px; padding-top: calc( max( ( (var(--button-font-size, 11px) + 10px + 10px - min( var(--button-font-size, 11px) + 10px + 10px, var(--button-font-size, 11px) + 6px * 3 + 1px )) / 2), ( 0px ) )); padding-bottom: calc( max( ( (var(--button-font-size, 11px) + 10px + 10px - min( var(--button-font-size, 11px) + 10px + 10px, var(--button-font-size, 11px) + 6px * 3 + 1px )) / 2), ( 0px ) )); } .btn-sm.btn-tertiary.disabled, .btn-group-sm > .btn-tertiary.disabled.btn, .btn-sm.btn-tertiary[disabled], .btn-group-sm > .btn-tertiary.btn[disabled] { background: #E4E5E7; color: #60646c; } .btn-sm.btn-tertiary:hover, .btn-group-sm > .btn-tertiary.btn:hover, .btn-sm.btn-tertiary:focus, .btn-group-sm > .btn-tertiary.btn:focus, .btn-sm.btn-tertiary[aria-describedby*="popover"], .btn-group-sm > .btn-tertiary.btn[aria-describedby*="popover"] { color: #432F08; background-color: transparent; border-color: transparent; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #432F08; text-decoration-color: #432F08; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .btn-sm.btn-tertiary:active, .btn-group-sm > .btn-tertiary.btn:active { color: #323232; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #323232; text-decoration-color: #323232; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .dark-theme .btn-sm.btn-tertiary, .dark-theme .btn-group-sm > .btn-tertiary.btn { color: #FFFFFF; -webkit-text-decoration-color: #FFFFFF; text-decoration-color: #FFFFFF; } .dark-theme .btn-sm.btn-tertiary:hover, .dark-theme .btn-group-sm > .btn-tertiary.btn:hover { color: #CEC09B; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #432F08; text-decoration-color: #432F08; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .dark-theme .btn-sm.btn-tertiary:active, .dark-theme .btn-group-sm > .btn-tertiary.btn:active { color: #FFFFFF; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #323232; text-decoration-color: #323232; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .btn-sm.btn-tertiary.disabled, .btn-group-sm > .btn-tertiary.disabled.btn, .btn-sm.btn-tertiary[disabled], .btn-group-sm > .btn-tertiary.btn[disabled] { background: transparent; color: #60646c; text-decoration: none; } .btn-sm.btn-tertiary[class*="icon-"].icon-before:before, .btn-group-sm > .btn-tertiary.btn[class*="icon-"].icon-before:before, .btn-sm.btn-tertiary[class*="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-tertiary.btn[class*="icon-"]:not(.icon-after):before, .btn-sm.btn-tertiary[class^="icon-"].icon-before:before, .btn-group-sm > .btn-tertiary.btn[class^="icon-"].icon-before:before, .btn-sm.btn-tertiary[class^="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-tertiary.btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(16px - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .btn-sm.btn-tertiary[class*="icon-"].icon-after:after, .btn-group-sm > .btn-tertiary.btn[class*="icon-"].icon-after:after, .btn-sm.btn-tertiary[class^="icon-"].icon-after:after, .btn-group-sm > .btn-tertiary.btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(16px - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .btn-sm.btn-tertiary[class*="icon-"].icon-before, .btn-group-sm > .btn-tertiary.btn[class*="icon-"].icon-before, .btn-sm.btn-tertiary[class*="icon-"]:not(.icon-after), .btn-group-sm > .btn-tertiary.btn[class*="icon-"]:not(.icon-after), .btn-sm.btn-tertiary[class^="icon-"].icon-before, .btn-group-sm > .btn-tertiary.btn[class^="icon-"].icon-before, .btn-sm.btn-tertiary[class^="icon-"]:not(.icon-after), .btn-group-sm > .btn-tertiary.btn[class^="icon-"]:not(.icon-after) { padding-left: calc( 0px + 24px); } .btn-sm.btn-tertiary[class*="icon-"].icon-before:before, .btn-group-sm > .btn-tertiary.btn[class*="icon-"].icon-before:before, .btn-sm.btn-tertiary[class*="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-tertiary.btn[class*="icon-"]:not(.icon-after):before, .btn-sm.btn-tertiary[class^="icon-"].icon-before:before, .btn-group-sm > .btn-tertiary.btn[class^="icon-"].icon-before:before, .btn-sm.btn-tertiary[class^="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-tertiary.btn[class^="icon-"]:not(.icon-after):before { position: absolute; left: 0; } .btn-sm.btn-tertiary[class*="icon-"].icon-after, .btn-group-sm > .btn-tertiary.btn[class*="icon-"].icon-after, .btn-sm.btn-tertiary[class^="icon-"].icon-after, .btn-group-sm > .btn-tertiary.btn[class^="icon-"].icon-after { padding-right: calc( 0px + 24px); } .btn-sm.btn-tertiary[class*="icon-"].icon-after:after, .btn-group-sm > .btn-tertiary.btn[class*="icon-"].icon-after:after, .btn-sm.btn-tertiary[class^="icon-"].icon-after:after, .btn-group-sm > .btn-tertiary.btn[class^="icon-"].icon-after:after { position: absolute; right: 0; } .btn-sm.btn-tertiary[class*="icon-"].icon-before:before, .btn-group-sm > .btn-tertiary.btn[class*="icon-"].icon-before:before, .btn-sm.btn-tertiary[class*="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-tertiary.btn[class*="icon-"]:not(.icon-after):before, .btn-sm.btn-tertiary[class^="icon-"].icon-before:before, .btn-group-sm > .btn-tertiary.btn[class^="icon-"].icon-before:before, .btn-sm.btn-tertiary[class^="icon-"]:not(.icon-after):before, .btn-group-sm > .btn-tertiary.btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(16px - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .btn-sm.btn-tertiary[class*="icon-"].icon-after:after, .btn-group-sm > .btn-tertiary.btn[class*="icon-"].icon-after:after, .btn-sm.btn-tertiary[class^="icon-"].icon-after:after, .btn-group-sm > .btn-tertiary.btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(16px - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .btn-sm.btn-tertiary:not([class*="icon"]):before, .btn-group-sm > .btn-tertiary.btn:not([class*="icon"]):before, .btn-sm.btn-tertiary:not([class*="icon"]):after, .btn-group-sm > .btn-tertiary.btn:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-sm.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo), .btn-group-sm > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-sm.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-group-sm > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .btn-sm.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-group-sm > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-sm.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-group-sm > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo).disabled:after, .btn-sm.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-group-sm > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-sm.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-group-sm > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo):hover:after, .btn-sm.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-group-sm > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo):focus:after, .btn-sm.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-group-sm > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-lg, .btn-group-lg > .btn { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); } .btn-lg.disabled, .btn-group-lg > .disabled.btn, .btn-lg[disabled], .btn-group-lg > .btn[disabled] { background: #E4E5E7; color: #60646c; } .btn-lg[class*="icon-"].icon-before:before, .btn-group-lg > .btn[class*="icon-"].icon-before:before, .btn-lg[class*="icon-"]:not(.icon-after):before, .btn-group-lg > .btn[class*="icon-"]:not(.icon-after):before, .btn-lg[class^="icon-"].icon-before:before, .btn-group-lg > .btn[class^="icon-"].icon-before:before, .btn-lg[class^="icon-"]:not(.icon-after):before, .btn-group-lg > .btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-lg[class*="icon-"].icon-after:after, .btn-group-lg > .btn[class*="icon-"].icon-after:after, .btn-lg[class^="icon-"].icon-after:after, .btn-group-lg > .btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-lg:not([class*="icon"]):before, .btn-group-lg > .btn:not([class*="icon"]):before, .btn-lg:not([class*="icon"]):after, .btn-group-lg > .btn:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-lg.loading-logo:not([class*="icon"]):not(.no-logo), .btn-group-lg > .loading-logo.btn:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-lg.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-group-lg > .loading-logo.btn:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-lg.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-group-lg > .loading-logo.btn:not([class*="icon"]):not(.no-logo).disabled:after, .btn-lg.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-group-lg > .loading-logo.btn:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-lg.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-group-lg > .loading-logo.btn:not([class*="icon"]):not(.no-logo):hover:after, .btn-lg.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-group-lg > .loading-logo.btn:not([class*="icon"]):not(.no-logo):focus:after, .btn-lg.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-group-lg > .loading-logo.btn:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-lg.btn-primary, .btn-group-lg > .btn-primary.btn { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #FFFFFF; background-color: #091010; border-width: 1px; border-radius: var(--button-border-radius, 0); border-color: #091010; text-decoration: none; text-align: center; font-weight: var(--button-font-weight, 700); padding: 22px 56px 22px 56px; } .btn-lg.btn-primary.disabled, .btn-group-lg > .btn-primary.disabled.btn, .btn-lg.btn-primary[disabled], .btn-group-lg > .btn-primary.btn[disabled] { background: #E4E5E7; color: #60646c; } .btn-lg.btn-primary:hover, .btn-group-lg > .btn-primary.btn:hover, .btn-lg.btn-primary:focus, .btn-group-lg > .btn-primary.btn:focus, .btn-lg.btn-primary[aria-describedby*="popover"], .btn-group-lg > .btn-primary.btn[aria-describedby*="popover"] { color: #FFFFFF; background-color: #432F08; border-color: #432F08; text-decoration: none; } .btn-lg.btn-primary:active, .btn-group-lg > .btn-primary.btn:active { background-color: #323232; border-color: #323232; } .dark-theme .btn-lg.btn-primary, .dark-theme .btn-group-lg > .btn-primary.btn { background-color: #FFFFFF; border-color: #FFFFFF; color: #091010; } .dark-theme .btn-lg.btn-primary:hover, .dark-theme .btn-group-lg > .btn-primary.btn:hover { background-color: #432F08; border-color: #432F08; color: #FFFFFF; } .btn-lg.btn-primary[class*="icon-"].icon-before:before, .btn-group-lg > .btn-primary.btn[class*="icon-"].icon-before:before, .btn-lg.btn-primary[class*="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-primary.btn[class*="icon-"]:not(.icon-after):before, .btn-lg.btn-primary[class^="icon-"].icon-before:before, .btn-group-lg > .btn-primary.btn[class^="icon-"].icon-before:before, .btn-lg.btn-primary[class^="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-primary.btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-lg.btn-primary[class*="icon-"].icon-after:after, .btn-group-lg > .btn-primary.btn[class*="icon-"].icon-after:after, .btn-lg.btn-primary[class^="icon-"].icon-after:after, .btn-group-lg > .btn-primary.btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-lg.btn-primary:not([class*="icon"]):before, .btn-group-lg > .btn-primary.btn:not([class*="icon"]):before, .btn-lg.btn-primary:not([class*="icon"]):after, .btn-group-lg > .btn-primary.btn:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-lg.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo), .btn-group-lg > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-lg.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-group-lg > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .btn-lg.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-group-lg > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-lg.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-group-lg > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo).disabled:after, .btn-lg.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-group-lg > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-lg.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-group-lg > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):hover:after, .btn-lg.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-group-lg > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):focus:after, .btn-lg.btn-primary.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-group-lg > .btn-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-lg.btn-secondary, .btn-group-lg > .btn-secondary.btn, .btn-lg.btn-outline-primary, .btn-group-lg > .btn-outline-primary.btn { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #091010; border-width: 1px; border-radius: var(--button-border-radius, 0); background-color: #FFFFFF; border-color: #FFFFFF; text-decoration: none; text-align: center; font-weight: var(--button-font-weight, 700); padding: 22px 56px 22px 56px; } .btn-lg.btn-secondary.disabled, .btn-group-lg > .btn-secondary.disabled.btn, .btn-lg.btn-secondary[disabled], .btn-group-lg > .btn-secondary.btn[disabled], .btn-lg.btn-outline-primary.disabled, .btn-group-lg > .btn-outline-primary.disabled.btn, .btn-lg.btn-outline-primary[disabled], .btn-group-lg > .btn-outline-primary.btn[disabled] { background: #E4E5E7; color: #60646c; } .btn-lg.btn-secondary:hover, .btn-group-lg > .btn-secondary.btn:hover, .btn-lg.btn-secondary:focus, .btn-group-lg > .btn-secondary.btn:focus, .btn-lg.btn-secondary[aria-describedby*="popover"], .btn-group-lg > .btn-secondary.btn[aria-describedby*="popover"], .btn-lg.btn-outline-primary:hover, .btn-group-lg > .btn-outline-primary.btn:hover, .btn-lg.btn-outline-primary:focus, .btn-group-lg > .btn-outline-primary.btn:focus, .btn-lg.btn-outline-primary[aria-describedby*="popover"], .btn-group-lg > .btn-outline-primary.btn[aria-describedby*="popover"] { color: #FFFFFF; background-color: #432F08; border-color: #432F08; text-decoration: none; } .btn-lg.btn-secondary:active, .btn-group-lg > .btn-secondary.btn:active, .btn-lg.btn-outline-primary:active, .btn-group-lg > .btn-outline-primary.btn:active { background-color: #B0A381; border-color: #B0A381; } .dark-theme .btn-lg.btn-secondary, .dark-theme .btn-group-lg > .btn-secondary.btn, .dark-theme .btn-lg.btn-outline-primary, .dark-theme .btn-group-lg > .btn-outline-primary.btn { background-color: #091010; border-color: #091010; color: #FFFFFF; } .dark-theme .btn-lg.btn-secondary:hover, .dark-theme .btn-group-lg > .btn-secondary.btn:hover, .dark-theme .btn-lg.btn-outline-primary:hover, .dark-theme .btn-group-lg > .btn-outline-primary.btn:hover { background-color: #432F08; border-color: #432F08; color: #FFFFFF; } .btn-lg.btn-secondary[class*="icon-"].icon-before:before, .btn-group-lg > .btn-secondary.btn[class*="icon-"].icon-before:before, .btn-lg.btn-secondary[class*="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-secondary.btn[class*="icon-"]:not(.icon-after):before, .btn-lg.btn-secondary[class^="icon-"].icon-before:before, .btn-group-lg > .btn-secondary.btn[class^="icon-"].icon-before:before, .btn-lg.btn-secondary[class^="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-secondary.btn[class^="icon-"]:not(.icon-after):before, .btn-lg.btn-outline-primary[class*="icon-"].icon-before:before, .btn-group-lg > .btn-outline-primary.btn[class*="icon-"].icon-before:before, .btn-lg.btn-outline-primary[class*="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-outline-primary.btn[class*="icon-"]:not(.icon-after):before, .btn-lg.btn-outline-primary[class^="icon-"].icon-before:before, .btn-group-lg > .btn-outline-primary.btn[class^="icon-"].icon-before:before, .btn-lg.btn-outline-primary[class^="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-outline-primary.btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-lg.btn-secondary[class*="icon-"].icon-after:after, .btn-group-lg > .btn-secondary.btn[class*="icon-"].icon-after:after, .btn-lg.btn-secondary[class^="icon-"].icon-after:after, .btn-group-lg > .btn-secondary.btn[class^="icon-"].icon-after:after, .btn-lg.btn-outline-primary[class*="icon-"].icon-after:after, .btn-group-lg > .btn-outline-primary.btn[class*="icon-"].icon-after:after, .btn-lg.btn-outline-primary[class^="icon-"].icon-after:after, .btn-group-lg > .btn-outline-primary.btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-lg.btn-secondary:not([class*="icon"]):before, .btn-group-lg > .btn-secondary.btn:not([class*="icon"]):before, .btn-lg.btn-secondary:not([class*="icon"]):after, .btn-group-lg > .btn-secondary.btn:not([class*="icon"]):after, .btn-lg.btn-outline-primary:not([class*="icon"]):before, .btn-group-lg > .btn-outline-primary.btn:not([class*="icon"]):before, .btn-lg.btn-outline-primary:not([class*="icon"]):after, .btn-group-lg > .btn-outline-primary.btn:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-lg.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo), .btn-group-lg > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo), .btn-lg.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo), .btn-group-lg > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-lg.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-group-lg > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after, .btn-lg.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-group-lg > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .btn-lg.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-group-lg > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-lg.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-group-lg > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-lg.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-group-lg > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo).disabled:after, .btn-lg.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-group-lg > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-lg.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-group-lg > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo):hover:after, .btn-lg.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-group-lg > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo):focus:after, .btn-lg.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-group-lg > .btn-secondary.loading-logo.btn:not([class*="icon"]):not(.no-logo):active:after, .btn-lg.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-group-lg > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo).disabled:after, .btn-lg.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-group-lg > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-lg.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-group-lg > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):hover:after, .btn-lg.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-group-lg > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):focus:after, .btn-lg.btn-outline-primary.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-group-lg > .btn-outline-primary.loading-logo.btn:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-lg.btn-tertiary, .btn-group-lg > .btn-tertiary.btn { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #091010; background-color: transparent; border-radius: var(--button-border-radius, 0); border-width: 1px; border-color: transparent; text-decoration: none; -webkit-text-decoration-color: #091010; text-decoration-color: #091010; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; text-align: center; font-weight: var(--button-font-weight, 700); line-height: calc( min( var(--button-font-size, 11px) + 22px + 22px, var(--button-font-size, 11px) + 6px * 3 + 1px )); padding-left: 0px; padding-right: 0px; padding-top: calc( max( ( (var(--button-font-size, 11px) + 22px + 22px - min( var(--button-font-size, 11px) + 22px + 22px, var(--button-font-size, 11px) + 6px * 3 + 1px )) / 2), ( 0px ) )); padding-bottom: calc( max( ( (var(--button-font-size, 11px) + 22px + 22px - min( var(--button-font-size, 11px) + 22px + 22px, var(--button-font-size, 11px) + 6px * 3 + 1px )) / 2), ( 0px ) )); } .btn-lg.btn-tertiary.disabled, .btn-group-lg > .btn-tertiary.disabled.btn, .btn-lg.btn-tertiary[disabled], .btn-group-lg > .btn-tertiary.btn[disabled] { background: #E4E5E7; color: #60646c; } .btn-lg.btn-tertiary:hover, .btn-group-lg > .btn-tertiary.btn:hover, .btn-lg.btn-tertiary:focus, .btn-group-lg > .btn-tertiary.btn:focus, .btn-lg.btn-tertiary[aria-describedby*="popover"], .btn-group-lg > .btn-tertiary.btn[aria-describedby*="popover"] { color: #432F08; background-color: transparent; border-color: transparent; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #432F08; text-decoration-color: #432F08; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .btn-lg.btn-tertiary:active, .btn-group-lg > .btn-tertiary.btn:active { color: #323232; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #323232; text-decoration-color: #323232; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .dark-theme .btn-lg.btn-tertiary, .dark-theme .btn-group-lg > .btn-tertiary.btn { color: #FFFFFF; -webkit-text-decoration-color: #FFFFFF; text-decoration-color: #FFFFFF; } .dark-theme .btn-lg.btn-tertiary:hover, .dark-theme .btn-group-lg > .btn-tertiary.btn:hover { color: #CEC09B; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #432F08; text-decoration-color: #432F08; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .dark-theme .btn-lg.btn-tertiary:active, .dark-theme .btn-group-lg > .btn-tertiary.btn:active { color: #FFFFFF; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: #323232; text-decoration-color: #323232; text-underline-position: under; text-underline-offset: 6px; text-decoration-thickness: 1px; } .btn-lg.btn-tertiary.disabled, .btn-group-lg > .btn-tertiary.disabled.btn, .btn-lg.btn-tertiary[disabled], .btn-group-lg > .btn-tertiary.btn[disabled] { background: transparent; color: #60646c; text-decoration: none; } .btn-lg.btn-tertiary[class*="icon-"].icon-before:before, .btn-group-lg > .btn-tertiary.btn[class*="icon-"].icon-before:before, .btn-lg.btn-tertiary[class*="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-tertiary.btn[class*="icon-"]:not(.icon-after):before, .btn-lg.btn-tertiary[class^="icon-"].icon-before:before, .btn-group-lg > .btn-tertiary.btn[class^="icon-"].icon-before:before, .btn-lg.btn-tertiary[class^="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-tertiary.btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-lg.btn-tertiary[class*="icon-"].icon-after:after, .btn-group-lg > .btn-tertiary.btn[class*="icon-"].icon-after:after, .btn-lg.btn-tertiary[class^="icon-"].icon-after:after, .btn-group-lg > .btn-tertiary.btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-lg.btn-tertiary[class*="icon-"].icon-before, .btn-group-lg > .btn-tertiary.btn[class*="icon-"].icon-before, .btn-lg.btn-tertiary[class*="icon-"]:not(.icon-after), .btn-group-lg > .btn-tertiary.btn[class*="icon-"]:not(.icon-after), .btn-lg.btn-tertiary[class^="icon-"].icon-before, .btn-group-lg > .btn-tertiary.btn[class^="icon-"].icon-before, .btn-lg.btn-tertiary[class^="icon-"]:not(.icon-after), .btn-group-lg > .btn-tertiary.btn[class^="icon-"]:not(.icon-after) { padding-left: calc( 0px + 24px); } .btn-lg.btn-tertiary[class*="icon-"].icon-before:before, .btn-group-lg > .btn-tertiary.btn[class*="icon-"].icon-before:before, .btn-lg.btn-tertiary[class*="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-tertiary.btn[class*="icon-"]:not(.icon-after):before, .btn-lg.btn-tertiary[class^="icon-"].icon-before:before, .btn-group-lg > .btn-tertiary.btn[class^="icon-"].icon-before:before, .btn-lg.btn-tertiary[class^="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-tertiary.btn[class^="icon-"]:not(.icon-after):before { position: absolute; left: 0; } .btn-lg.btn-tertiary[class*="icon-"].icon-after, .btn-group-lg > .btn-tertiary.btn[class*="icon-"].icon-after, .btn-lg.btn-tertiary[class^="icon-"].icon-after, .btn-group-lg > .btn-tertiary.btn[class^="icon-"].icon-after { padding-right: calc( 0px + 24px); } .btn-lg.btn-tertiary[class*="icon-"].icon-after:after, .btn-group-lg > .btn-tertiary.btn[class*="icon-"].icon-after:after, .btn-lg.btn-tertiary[class^="icon-"].icon-after:after, .btn-group-lg > .btn-tertiary.btn[class^="icon-"].icon-after:after { position: absolute; right: 0; } .btn-lg.btn-tertiary[class*="icon-"].icon-before:before, .btn-group-lg > .btn-tertiary.btn[class*="icon-"].icon-before:before, .btn-lg.btn-tertiary[class*="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-tertiary.btn[class*="icon-"]:not(.icon-after):before, .btn-lg.btn-tertiary[class^="icon-"].icon-before:before, .btn-group-lg > .btn-tertiary.btn[class^="icon-"].icon-before:before, .btn-lg.btn-tertiary[class^="icon-"]:not(.icon-after):before, .btn-group-lg > .btn-tertiary.btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-lg.btn-tertiary[class*="icon-"].icon-after:after, .btn-group-lg > .btn-tertiary.btn[class*="icon-"].icon-after:after, .btn-lg.btn-tertiary[class^="icon-"].icon-after:after, .btn-group-lg > .btn-tertiary.btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-lg.btn-tertiary:not([class*="icon"]):before, .btn-group-lg > .btn-tertiary.btn:not([class*="icon"]):before, .btn-lg.btn-tertiary:not([class*="icon"]):after, .btn-group-lg > .btn-tertiary.btn:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-lg.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo), .btn-group-lg > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-lg.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):after, .btn-group-lg > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .btn-lg.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):after, .dark-theme .btn-group-lg > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-lg.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-group-lg > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo).disabled:after, .btn-lg.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-group-lg > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-lg.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-group-lg > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo):hover:after, .btn-lg.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-group-lg > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo):focus:after, .btn-lg.btn-tertiary.loading-logo:not([class*="icon"]):not(.no-logo):active:after, .btn-group-lg > .btn-tertiary.loading-logo.btn:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .btn-block { display: block; width: 100%; } a, .text-link { color: #091010; font-weight: normal; text-decoration: underline; cursor: pointer; } a:hover, .text-link:hover { color: #432F08; text-decoration: underline; } .dark-theme a, .dark-theme .text-link { color: #FFFFFF; } .dark-theme a:hover, .dark-theme .text-link:hover { color: #FFFFFF; } a:active, .text-link:active { color: #323232; } .pull-left { float: left; } .pull-right { float: right; } .header-link { font-family: "Clash Display", sans-serif; font-feature-settings: "cpsp"; text-decoration: none; text-transform: var(--primary-nav-text-transform, uppercase); font-size: 12px; font-weight: var(--primary-nav-font-weight, 600); line-height: 12px; letter-spacing: 0.18em; } .header-link:hover { text-decoration: none; } .navigation-link { font-family: "Clash Display", sans-serif; font-feature-settings: "cpsp"; text-decoration: none; text-transform: var(--primary-nav-text-transform, uppercase); font-size: 12px; font-weight: var(--primary-nav-font-weight, 600); line-height: 12px; letter-spacing: 0.18em; } .navigation-link:hover { text-decoration: none; } .navigation-link-secondary { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-size: 14px; font-weight: normal; line-height: 1.2; text-transform: capitalize; color: var(--secondary-nav-color, #091010); } .navigation-link-secondary:hover { color: var(--secondary-nav-color-hover, #091010); } .navigation-link-tertiary { color: var(--tertiary-nav-color, #FFFFFF); font-feature-settings: "cpsp"; font-family: "Gambetta", serif; font-size: 12px; font-weight: var(--tertiary-nav-font-weight, normal); text-transform: var(--tertiary-nav-text-transform, none); } .navigation-link-tertiary:hover { color: var(--tertiary-nav-color-hover, #091010); } .visually-hidden { opacity: 0; visibility: hidden; z-index: -1; height: 1px; width: 1px; } .lock-scroll { height: calc(100vh - 1px); } .lock-scroll body { overflow: hidden; position: fixed; top: 0; width: 100%; } .custom-scrollbar { /* Firefox */ scrollbar-width: thin; scrollbar-color: #C5C5C5 #F2F1F0; /* Webkit / Blink */ } .custom-scrollbar::-webkit-scrollbar { height: 8px; width: 8px; } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #C5C5C5; border-radius: 9999px; } .custom-scrollbar::-webkit-scrollbar-track { background-color: #F2F1F0; } .hide-scrollbar { scrollbar-width: none; } .hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .leading-lines { overflow: hidden; margin: 0 0 16px; } .leading-lines label { background-color: #FFFFFF; } .leading-lines p { margin-bottom: 0; } .leading-lines .start-lines { padding: 0; align-self: center; } .leading-lines .start-lines span { position: relative; background-color: #FFFFFF; z-index: 2; display: inline-block; } .leading-lines .start-lines span:only-child, .leading-lines .start-lines span:last-child { padding-right: 16px; } .leading-lines .start-lines::before { position: absolute; top: 50%; transform: translateY(-50%); width: 100vw; white-space: nowrap; content: ""; border-bottom: 0 dotted transparent; margin-top: 1px; z-index: 1; } .leading-lines .end-lines { padding: 0; align-self: center; } .leading-lines .end-lines span { position: relative; background-color: #FFFFFF; z-index: 2; display: inline-block; } .leading-lines .end-lines span:only-child, .leading-lines .end-lines span:last-child { padding-left: 16px; padding-right: 16px; margin-right: -16px; } .email-signup-message { position: absolute; right: 50%; transform: translateX(50%); position: fixed; top: 0; padding: 50px 16px 16px; max-height: calc(100vh - 50px); overflow-y: auto; z-index: 1100; } .email-signup-alert { box-shadow: 0 2px 4px rgba(9, 16, 16, 0.4); text-align: center; } .email-signup-alert.show { display: block !important; } .email-signup-alert:not(.alert-dismissible) { -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); } .email-signup-alert.alert-dismissible { -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms; padding-right: 50px; } .email-signup-alert.alert-dismissible .close { padding: 16px; } .swatch-mark.color-value { transition: box-shadow 200ms ease-out; box-shadow: 0 0 0 1px transparent, 0 0 0 calc(1px + 0px) transparent; } .swatch-mark.color-value:hover { box-shadow: 0 0 0 1px #091010, 0 0 0 calc(1px + 1px) #091010; border: 3px solid transparent; } .swatch-mark.color-value:active { border: 3px solid transparent; box-shadow: 0 0 0 1px #091010, 0 0 0 0px #091010; } .swatch-mark.color-value.selected { box-shadow: 0 0 0 1px #091010, 0 0 0 calc(1px + 1px) #091010; border: 3px solid transparent; } .swatch-mark.color-value.selected:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FFFFFF; font-weight: normal; } .swatch-mark.color-value.selected[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title).icon-before:before, .swatch-mark.color-value.selected[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .swatch-mark.color-value.selected.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .swatch-mark.color-value.selected.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .swatch-mark.color-value.selected.btn[class*="btn-"]:not(.title).icon-before:before, .swatch-mark.color-value.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .swatch-mark.color-value.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .swatch-mark.color-value.selected.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .swatch-mark.color-value.selected[class*="btn-"]:not(.title) [class*="icon-"], .swatch-mark.color-value.selected[class*="btn-"]:not(.title) [class^="icon-"], .swatch-mark.color-value.selected[class*="btn-"]:not(.title) .fa { display: none; } .swatch-mark.color-value.selected::after { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); display: none; background: rgba(9, 16, 16, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1; } .swatch-mark.color-value.unselectable { border: 3px solid transparent; } .swatch-mark.color-value.unselectable:before, .swatch-mark.color-value.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 6px); width: 1px; } .swatch-mark.color-value.unselectable:before { background-color: #FFFFFF; } .swatch-mark.color-value.unselectable, .swatch-mark.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; border: 3px solid transparent; } .swatch-mark.color-value.unselectable { cursor: not-allowed; } .swatch-mark.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none; border: 3px solid transparent; } .swatch-mark.color-value.out-of-stock:before, .swatch-mark.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .swatch-mark.color-value.out-of-stock:before { background-color: #FFFFFF; } .swatch-mark.color-value.out-of-stock.selected:after { display: block; } .swatch-mark.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out; } .swatch-mark.non-color-swatch-value:not(.unselectable):hover { border-color: #4C4C4B; box-shadow: none; } .swatch-mark.non-color-swatch-value.selected, .swatch-mark.non-color-swatch-value.selected:hover { background: #FFFFFF; color: #091010; border-color: #091010; box-shadow: none; } .swatch-mark.non-color-swatch-value.selected:after, .swatch-mark.non-color-swatch-value.selected:hover:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FFFFFF; font-weight: normal; } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title), .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title):after, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title).icon-before:before, .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title):not(.icon-after):before, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).icon-before:before, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title).icon-after:after, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title).icon-before:before, .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title).icon-before:before, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title).icon-after:after, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .swatch-mark.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class*="icon-"], .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class^="icon-"], .swatch-mark.non-color-swatch-value.selected[class*="btn-"]:not(.title) .fa, .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class*="icon-"], .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class^="icon-"], .swatch-mark.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) .fa { display: none; } .swatch-mark.non-color-swatch-value.selected::after, .swatch-mark.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(-16px / 3); right: calc(-16px / 3); background: #091010; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none; } .swatch-mark.non-color-swatch-value.unselectable, .swatch-mark.non-color-swatch-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; } .swatch-mark.non-color-swatch-value.unselectable { cursor: not-allowed; } .swatch-mark.non-color-swatch-value.unselectable:before, .swatch-mark.non-color-swatch-value.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .swatch-mark.non-color-swatch-value.unselectable:before { background-color: #FFFFFF; } .swatch-mark.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none; } .swatch-mark.non-color-swatch-value.out-of-stock:before, .swatch-mark.non-color-swatch-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .swatch-mark.non-color-swatch-value.out-of-stock:before { background-color: #FFFFFF; } .swatch-mark.non-color-swatch-value.out-of-stock.selected:after { display: block; } .disabled, :disabled, [disabled] { opacity: 0.5; pointer-events: none; } .pointer-events-none { pointer-events: none; } .vertical-center { position: absolute; top: 50%; transform: translateY(-50%); } .horizontal-center { position: absolute; right: 50%; transform: translateX(50%); } .absolute-center { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } .navbar-nav .megamenu .megamenu-link-list ul { list-style-type: none; padding: 0; margin: 0; -moz-columns: 1; columns: 1; } .navbar-nav .megamenu .megamenu-link-list ul li { padding: 0; } .navbar-nav .megamenu .megamenu-link-list ul li a { font-family: "Clash Display", sans-serif; font-feature-settings: "cpsp"; text-decoration: none; text-transform: var(--primary-nav-text-transform, uppercase); font-size: 12px; font-weight: var(--primary-nav-font-weight, 600); line-height: 12px; letter-spacing: 0.18em; display: block; padding: 10px 5px 10px 5px; } .navbar-nav .megamenu .megamenu-link-list ul li a:hover { text-decoration: none; } .navbar-nav .megamenu .megamenu-link-list ul li a-secondary { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-size: 14px; font-weight: normal; line-height: 1.2; text-transform: capitalize; color: var(--secondary-nav-color, #091010); } .navbar-nav .megamenu .megamenu-link-list ul li a-secondary:hover { color: var(--secondary-nav-color-hover, #091010); } .navbar-nav .megamenu .megamenu-link-list ul li a-tertiary { color: var(--tertiary-nav-color, #FFFFFF); font-feature-settings: "cpsp"; font-family: "Gambetta", serif; font-size: 12px; font-weight: var(--tertiary-nav-font-weight, normal); text-transform: var(--tertiary-nav-text-transform, none); } .navbar-nav .megamenu .megamenu-link-list ul li a-tertiary:hover { color: var(--tertiary-nav-color-hover, #091010); } @media (max-width: 1023.98px) { .category-tile.small-tile-mobile { display: flex; align-items: center; } .category-tile.small-tile-mobile .image-cropper { width: 25%; margin: 0; margin-right: 16px; } .category-tile.small-tile-mobile .category-tile-text > * { text-align: left; } } .fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .fade-out { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .zoom-in { -webkit-animation-name: scale-in-center-long; animation-name: scale-in-center-long; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } [data-animation]:not(.disable-mobile-animation) { will-change: transform, opacity; } [data-animation]:not(.disable-mobile-animation) > [style*="animation-delay"], [data-animation]:not(.disable-mobile-animation) > .container > .row > [style*="animation-delay"] { will-change: transform, opacity; } @media (min-width: 1024px) { [data-animation].disable-mobile-animation { will-change: transform, opacity; } [data-animation].disable-mobile-animation > [style*="animation-delay"], [data-animation].disable-mobile-animation > .container > .row > [style*="animation-delay"] { will-change: transform, opacity; } } .animation-initial-state:not(.disable-mobile-animation) { opacity: 0; } @media (min-width: 1024px) { .animation-initial-state.disable-mobile-animation { opacity: 0; } } .scale-in-center--short:not(.disable-mobile-animation) > [style*="animation-delay"], .scale-in-center--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .scale-in-center--short.disable-mobile-animation > [style*="animation-delay"], .scale-in-center--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .scale-in-center--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .scale-in-center--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .scale-in-center--medium.disable-mobile-animation > [style*="animation-delay"], .scale-in-center--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .scale-in-center--long:not(.disable-mobile-animation) > [style*="animation-delay"], .scale-in-center--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .scale-in-center--long.disable-mobile-animation > [style*="animation-delay"], .scale-in-center--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hinge-drop--short:not(.disable-mobile-animation) { perspective: 1000px; } .hinge-drop--short:not(.disable-mobile-animation) > [style*="animation-delay"], .hinge-drop--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-short 400ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 400ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } @media (min-width: 1024px) { .hinge-drop--short.disable-mobile-animation { perspective: 1000px; } .hinge-drop--short.disable-mobile-animation > [style*="animation-delay"], .hinge-drop--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-short 400ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 400ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } } .hinge-drop--medium:not(.disable-mobile-animation) { perspective: 750px; } .hinge-drop--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .hinge-drop--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-medium 1200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 1200ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } @media (min-width: 1024px) { .hinge-drop--medium.disable-mobile-animation { perspective: 750px; } .hinge-drop--medium.disable-mobile-animation > [style*="animation-delay"], .hinge-drop--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-medium 1200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 1200ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } } .hinge-drop--long:not(.disable-mobile-animation) { perspective: 500px; } .hinge-drop--long:not(.disable-mobile-animation) > [style*="animation-delay"], .hinge-drop--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-long 2000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 2000ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } @media (min-width: 1024px) { .hinge-drop--long.disable-mobile-animation { perspective: 500px; } .hinge-drop--long.disable-mobile-animation > [style*="animation-delay"], .hinge-drop--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-long 2000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 2000ms cubic-bezier(0.2, 1, 0.2, 1) both; transform-origin: 0px 0px 0px; } } .flip-in-hor-top--short:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-top--short:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-top--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-top--short.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-top--short.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-top--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .flip-in-hor-top--medium:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-top--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-top--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-top--medium.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-top--medium.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-top--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .flip-in-hor-top--long:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-top--long:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-top--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-top--long.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-top--long.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-top--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .flip-in-hor-bottom--short:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-bottom--short:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-bottom--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-bottom--short.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-bottom--short.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-bottom--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .flip-in-hor-bottom--medium:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-bottom--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-bottom--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-bottom--medium.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-bottom--medium.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-bottom--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .flip-in-hor-bottom--long:not(.disable-mobile-animation) { perspective: 2000px; } .flip-in-hor-bottom--long:not(.disable-mobile-animation) > [style*="animation-delay"], .flip-in-hor-bottom--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .flip-in-hor-bottom--long.disable-mobile-animation { perspective: 2000px; } .flip-in-hor-bottom--long.disable-mobile-animation > [style*="animation-delay"], .flip-in-hor-bottom--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .slide-in-top--short:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-top--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-top--short.disable-mobile-animation > [style*="animation-delay"], .slide-in-top--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-top--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-top--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-top--medium.disable-mobile-animation > [style*="animation-delay"], .slide-in-top--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-top--long:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-top--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-top--long.disable-mobile-animation > [style*="animation-delay"], .slide-in-top--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-left--short:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-left--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-left--short.disable-mobile-animation > [style*="animation-delay"], .slide-in-left--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-left--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-left--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-left--medium.disable-mobile-animation > [style*="animation-delay"], .slide-in-left--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-left--long:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-left--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-left--long.disable-mobile-animation > [style*="animation-delay"], .slide-in-left--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-right--short:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-right--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-right--short.disable-mobile-animation > [style*="animation-delay"], .slide-in-right--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-right--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-right--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-right--medium.disable-mobile-animation > [style*="animation-delay"], .slide-in-right--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-right--long:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-right--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-right--long.disable-mobile-animation > [style*="animation-delay"], .slide-in-right--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-bottom--short:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-bottom--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-bottom--short.disable-mobile-animation > [style*="animation-delay"], .slide-in-bottom--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-bottom--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-bottom--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-bottom--medium.disable-mobile-animation > [style*="animation-delay"], .slide-in-bottom--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .slide-in-bottom--long:not(.disable-mobile-animation) > [style*="animation-delay"], .slide-in-bottom--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .slide-in-bottom--long.disable-mobile-animation > [style*="animation-delay"], .slide-in-bottom--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .fade-in--short:not(.disable-mobile-animation) > [style*="animation-delay"], .fade-in--short:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } @media (min-width: 1024px) { .fade-in--short.disable-mobile-animation > [style*="animation-delay"], .fade-in--short.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } } .fade-in--medium:not(.disable-mobile-animation) > [style*="animation-delay"], .fade-in--medium:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } @media (min-width: 1024px) { .fade-in--medium.disable-mobile-animation > [style*="animation-delay"], .fade-in--medium.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } } .fade-in--long:not(.disable-mobile-animation) > [style*="animation-delay"], .fade-in--long:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } @media (min-width: 1024px) { .fade-in--long.disable-mobile-animation > [style*="animation-delay"], .fade-in--long.disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } } .hero-has-animation .tns-item [data-animation^="scale-in-center"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="scale-in-center"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="scale-in-center"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="scale-in-center"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="scale-in-center"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="scale-in-center"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--short { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--medium { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--long { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"]:not(.disable-mobile-animation).scale-in-center--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--short { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--medium { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--long { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="scale-in-center"].disable-mobile-animation.scale-in-center--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-center-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hero-has-animation .tns-item [data-animation^="hinge-drop"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="hinge-drop"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="hinge-drop"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="hinge-drop"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="hinge-drop"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="hinge-drop"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--short { -webkit-animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--medium { -webkit-animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--long { -webkit-animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"]:not(.disable-mobile-animation).hinge-drop--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--short { -webkit-animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-short 200ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--medium { -webkit-animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-medium 600ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--long { -webkit-animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="hinge-drop"].disable-mobile-animation.hinge-drop--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; animation: hinge-drop-long 1000ms cubic-bezier(0.2, 1, 0.2, 1) both; } } .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="flip-in-hor-top"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--short { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--medium { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--long { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"]:not(.disable-mobile-animation).flip-in-hor-top--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--short { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--medium { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--long { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-top"].disable-mobile-animation.flip-in-hor-top--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-top-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="flip-in-hor-bottom"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--short { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--medium { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--long { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"]:not(.disable-mobile-animation).flip-in-hor-bottom--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--short { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-short 200ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--medium { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-medium 600ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--long { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="flip-in-hor-bottom"].disable-mobile-animation.flip-in-hor-bottom--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; animation: flip-in-hor-bottom-long 1000ms cubic-bezier(0.65, 0, 0.35, 1) both; } } .hero-has-animation .tns-item [data-animation^="slide-in-top"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-top"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-top"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="slide-in-top"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-top"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-top"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--short { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--medium { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--long { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"]:not(.disable-mobile-animation).slide-in-top--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--short { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--medium { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--long { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-top"].disable-mobile-animation.slide-in-top--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-top-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hero-has-animation .tns-item [data-animation^="slide-in-left"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-left"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-left"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="slide-in-left"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-left"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-left"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--short { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--medium { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--long { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"]:not(.disable-mobile-animation).slide-in-left--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--short { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--medium { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--long { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-left"].disable-mobile-animation.slide-in-left--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hero-has-animation .tns-item [data-animation^="slide-in-right"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-right"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-right"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="slide-in-right"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-right"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-right"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--short { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--medium { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--long { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"]:not(.disable-mobile-animation).slide-in-right--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--short { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--medium { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--long { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-right"].disable-mobile-animation.slide-in-right--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hero-has-animation .tns-item [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="slide-in-bottom"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="slide-in-bottom"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="slide-in-bottom"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--short { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--medium { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--long { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"]:not(.disable-mobile-animation).slide-in-bottom--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--short { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-short 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--medium { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-medium 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--long { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="slide-in-bottom"].disable-mobile-animation.slide-in-bottom--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-bottom-long 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } } .hero-has-animation .tns-item [data-animation^="fade-in"]:not(.disable-mobile-animation) { opacity: 0; } .hero-has-animation .tns-item [data-animation^="fade-in"]:not(.disable-mobile-animation) > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="fade-in"]:not(.disable-mobile-animation) > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } @media (min-width: 1024px) { .hero-has-animation .tns-item [data-animation^="fade-in"].disable-mobile-animation { opacity: 0; } .hero-has-animation .tns-item [data-animation^="fade-in"].disable-mobile-animation > [style*="animation-delay"], .hero-has-animation .tns-item [data-animation^="fade-in"].disable-mobile-animation > [class*="container"] > .row > [style*="animation-delay"] { opacity: 0; -webkit-animation: unset; animation: unset; } } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--short { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--medium { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--long { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"]:not(.disable-mobile-animation).fade-in--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } @media (min-width: 1024px) { .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--short { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--short > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--short > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-short 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--medium { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--medium > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--medium > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-medium 600ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--long { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--long > [style*="animation-delay"], .hero-has-animation .tns-item.tns-slide-active [data-animation^="fade-in"].disable-mobile-animation.fade-in--long > [class*="container"] > .row > [style*="animation-delay"] { -webkit-animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-long 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) both; } } .btn-special { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #091010; border-width: 1px; border-radius: var(--button-border-radius, 0); background-color: #FFFFFF; border-color: #FFFFFF; text-decoration: none; text-align: center; font-weight: var(--button-font-weight, 700); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); background-color: transparent; padding: calc(var(--button-padding-y, 16.5px) + 4px) calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 4px) calc(var(--button-padding-y, var(--button-padding-y, 16.5px)) + 4px) calc(var(--button-padding-x, 26px) + 4px); overflow: hidden; border-width: 0px; } .btn-special.disabled, .btn-special[disabled] { background: #E4E5E7; color: #60646c; } .btn-special:hover, .btn-special:focus, .btn-special[aria-describedby*="popover"] { color: #FFFFFF; background-color: #432F08; border-color: #432F08; text-decoration: none; } .btn-special:active { background-color: #B0A381; border-color: #B0A381; } .dark-theme .btn-special { background-color: #091010; border-color: #091010; color: #FFFFFF; } .dark-theme .btn-special:hover { background-color: #432F08; border-color: #432F08; color: #FFFFFF; } .btn-special[class*="icon-"].icon-before:before, .btn-special[class*="icon-"]:not(.icon-after):before, .btn-special[class^="icon-"].icon-before:before, .btn-special[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-special[class*="icon-"].icon-after:after, .btn-special[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-special:not([class*="icon"]):before, .btn-special:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .btn-special.loading-logo:not([class*="icon"]):not(.no-logo) { color: transparent; } .btn-special.loading-logo:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .btn-special.loading-logo:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .btn-special.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .btn-special.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .btn-special.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .btn-special.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .btn-special.loading-logo:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .dark-theme .btn-special { color: #FFFFFF; background-color: transparent; } .dark-theme .btn-special:hover { color: #FFFFFF; } .dark-theme .btn-special:active { background-color: #B0A381; } .btn-special.disabled, .btn-special[disabled] { background-color: transparent; color: #60646c; border-width: 0px; } .btn-special.disabled:not([class*="icon"]):after, .btn-special.disabled:not([class*="icon"]):before, .btn-special.disabled[class*="icon"]:after, .btn-special.disabled[class*="icon"]:before, .btn-special[disabled]:not([class*="icon"]):after, .btn-special[disabled]:not([class*="icon"]):before, .btn-special[disabled][class*="icon"]:after, .btn-special[disabled][class*="icon"]:before { opacity: 1; box-shadow: 0px 0px 0px 1px #E4E5E7; position: absolute; } .btn-special:not([class*="icon"]):after, .btn-special:not([class*="icon"]):before, .btn-special[class*="icon"]:after, .btn-special[class*="icon"]:before { transition: width 200ms, height 200ms, opacity 300ms; opacity: 1; box-shadow: 0px 0px 0px 1px #B0A381; position: absolute; transform-origin: center center; } .btn-special:not([class*="icon"]):after, .btn-special[class*="icon"]:after { width: calc(100% - (1px * 2)); height: calc(100% - (1px * 2)); } .btn-special:not([class*="icon"]):before, .btn-special[class*="icon"]:before { width: calc(100% - 8px - (1px * 2)); height: calc(100% - 8px - (1px * 2)); } .btn-special:not([class*="icon"]):active:before, .btn-special:not([class*="icon"]):hover:before, .btn-special[class*="icon"]:active:before, .btn-special[class*="icon"]:hover:before { width: calc(100%); height: calc(100%); } .btn-special:not([class*="icon"]):active:after, .btn-special:not([class*="icon"]):active:before, .btn-special:not([class*="icon"]):hover:after, .btn-special:not([class*="icon"]):hover:before, .btn-special[class*="icon"]:active:after, .btn-special[class*="icon"]:active:before, .btn-special[class*="icon"]:hover:after, .btn-special[class*="icon"]:hover:before { opacity: 0; } .btn-tertiary:not([class*="icon"]):after { content: "\E90A"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(16px); } .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title).icon-before:before, .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .btn-tertiary.btn:not([class*="icon"])[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .btn-tertiary.btn:not([class*="icon"])[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(12px); } .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .btn-tertiary.btn:not([class*="icon"])[class*="btn-"]:not(.title).icon-before:before, .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .btn-tertiary.btn:not([class*="icon"])[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .btn-tertiary.btn:not([class*="icon"])[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title) [class*="icon-"], .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title) [class^="icon-"], .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title) .fa { display: none; } .btn-tertiary:not([class*="icon"]):after { opacity: 1; right: 0; transform: translateX(0); } .btn-tertiary:not([class*="icon"])[class*="btn-"]:not(.title):after { font-size: 12px; transform: translateX(calc(16px * -1)) translateY(-1px); } .btn[class*="btn-"][class*="icon-"].icon-large.icon-before, .btn[class*="btn-"][class*="icon-"].icon-large:not(.icon-after) { padding-left: calc(0px + (calc(16px * 2) * 1.5)); } .btn[class*="btn-"][class*="icon-"].icon-large.icon-before:before, .btn[class*="btn-"][class*="icon-"].icon-large:not(.icon-after):before { font-size: calc(16px * 2); } .btn[class*="btn-"][class*="icon-"].icon-large.icon-after { padding-right: calc( 0px + (calc(16px * 2) * 1.5)); } .btn[class*="btn-"][class*="icon-"].icon-large.icon-after:after { font-size: calc(16px * 2); } [class*="fade-to-"]:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } [class*="fade-to-"] .hero-text { z-index: 2; } .fade-to-top:before { background: linear-gradient(0deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-top:before { background: linear-gradient(0deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } .fade-to-right:before { background: linear-gradient(90deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-right:before { background: linear-gradient(90deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } .fade-to-bottom:before { background: linear-gradient(180deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-bottom:before { background: linear-gradient(180deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } .fade-to-left:before { background: linear-gradient(270deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-left:before { background: linear-gradient(270deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } @media (min-width: 544px) { .fade-to-top--sm:before { background: linear-gradient(0deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-top--sm:before { background: linear-gradient(0deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 544px) { .fade-to-right--sm:before { background: linear-gradient(90deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-right--sm:before { background: linear-gradient(90deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 544px) { .fade-to-bottom--sm:before { background: linear-gradient(180deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-bottom--sm:before { background: linear-gradient(180deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 544px) { .fade-to-left--sm:before { background: linear-gradient(270deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-left--sm:before { background: linear-gradient(270deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 769px) { .fade-to-top--md:before { background: linear-gradient(0deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-top--md:before { background: linear-gradient(0deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 769px) { .fade-to-right--md:before { background: linear-gradient(90deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-right--md:before { background: linear-gradient(90deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 769px) { .fade-to-bottom--md:before { background: linear-gradient(180deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-bottom--md:before { background: linear-gradient(180deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 769px) { .fade-to-left--md:before { background: linear-gradient(270deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-left--md:before { background: linear-gradient(270deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 1024px) { .fade-to-top--lg:before { background: linear-gradient(0deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-top--lg:before { background: linear-gradient(0deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 1024px) { .fade-to-right--lg:before { background: linear-gradient(90deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-right--lg:before { background: linear-gradient(90deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 1024px) { .fade-to-bottom--lg:before { background: linear-gradient(180deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-bottom--lg:before { background: linear-gradient(180deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 1024px) { .fade-to-left--lg:before { background: linear-gradient(270deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-left--lg:before { background: linear-gradient(270deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 1440px) { .fade-to-top--xl:before { background: linear-gradient(0deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-top--xl:before { background: linear-gradient(0deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 1440px) { .fade-to-right--xl:before { background: linear-gradient(90deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-right--xl:before { background: linear-gradient(90deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 1440px) { .fade-to-bottom--xl:before { background: linear-gradient(180deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-bottom--xl:before { background: linear-gradient(180deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } @media (min-width: 1440px) { .fade-to-left--xl:before { background: linear-gradient(270deg, rgba(9, 16, 16, 0.35) 0%, rgba(9, 16, 16, 0.5) 33%, rgba(9, 16, 16, 0) 67%); } .fade-light.fade-to-left--xl:before { background: linear-gradient(270deg, rgba(242, 241, 240, 0.35) 0%, rgba(242, 241, 240, 0.5) 33%, rgba(242, 241, 240, 0) 67%); } } .pull-left-xs { float: left; } .pull-right-xs { float: right; } @media (min-width: 544px) and (max-width: 768.98px) { .pull-left-sm { float: left; } .pull-right-sm { float: right; } } @media (min-width: 769px) and (max-width: 1023.98px) { .pull-left-md { float: left; } .pull-right-md { float: right; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .pull-left-lg { float: left; } .pull-right-lg { float: right; } } @media (min-width: 1440px) { .pull-left-xl { float: left; } .pull-right-xl { float: right; } } @media (max-width: 543.98px) { .hidden-xs-down { display: none !important; } } @media (max-width: 768.98px) { .hidden-sm-down { display: none !important; } } @media (max-width: 1023.98px) { .hidden-md-down { display: none !important; } } @media (max-width: 1439.98px) { .hidden-lg-down { display: none !important; } } .hidden-xl-down { display: none !important; } .row.equal-height > [class^="col"] { display: flex; } .flag-icon-background, .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { position: relative; display: inline-block; width: 1.33333em; line-height: 1em; } .flag-icon:before { content: '\A0'; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ad { background-image: url(../fonts/flags//4x3/ad.svg); } .flag-icon-ad.flag-icon-squared { background-image: url(../fonts/flags//1x1/ad.svg); } .flag-icon-ae { background-image: url(../fonts/flags//4x3/ae.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(../fonts/flags//1x1/ae.svg); } .flag-icon-af { background-image: url(../fonts/flags//4x3/af.svg); } .flag-icon-af.flag-icon-squared { background-image: url(../fonts/flags//1x1/af.svg); } .flag-icon-ag { background-image: url(../fonts/flags//4x3/ag.svg); } .flag-icon-ag.flag-icon-squared { background-image: url(../fonts/flags//1x1/ag.svg); } .flag-icon-ai { background-image: url(../fonts/flags//4x3/ai.svg); } .flag-icon-ai.flag-icon-squared { background-image: url(../fonts/flags//1x1/ai.svg); } .flag-icon-al { background-image: url(../fonts/flags//4x3/al.svg); } .flag-icon-al.flag-icon-squared { background-image: url(../fonts/flags//1x1/al.svg); } .flag-icon-am { background-image: url(../fonts/flags//4x3/am.svg); } .flag-icon-am.flag-icon-squared { background-image: url(../fonts/flags//1x1/am.svg); } .flag-icon-ao { background-image: url(../fonts/flags//4x3/ao.svg); } .flag-icon-ao.flag-icon-squared { background-image: url(../fonts/flags//1x1/ao.svg); } .flag-icon-aq { background-image: url(../fonts/flags//4x3/aq.svg); } .flag-icon-aq.flag-icon-squared { background-image: url(../fonts/flags//1x1/aq.svg); } .flag-icon-ar { background-image: url(../fonts/flags//4x3/ar.svg); } .flag-icon-ar.flag-icon-squared { background-image: url(../fonts/flags//1x1/ar.svg); } .flag-icon-as { background-image: url(../fonts/flags//4x3/as.svg); } .flag-icon-as.flag-icon-squared { background-image: url(../fonts/flags//1x1/as.svg); } .flag-icon-at { background-image: url(../fonts/flags//4x3/at.svg); } .flag-icon-at.flag-icon-squared { background-image: url(../fonts/flags//1x1/at.svg); } .flag-icon-au { background-image: url(../fonts/flags//4x3/au.svg); } .flag-icon-au.flag-icon-squared { background-image: url(../fonts/flags//1x1/au.svg); } .flag-icon-aw { background-image: url(../fonts/flags//4x3/aw.svg); } .flag-icon-aw.flag-icon-squared { background-image: url(../fonts/flags//1x1/aw.svg); } .flag-icon-ax { background-image: url(../fonts/flags//4x3/ax.svg); } .flag-icon-ax.flag-icon-squared { background-image: url(../fonts/flags//1x1/ax.svg); } .flag-icon-az { background-image: url(../fonts/flags//4x3/az.svg); } .flag-icon-az.flag-icon-squared { background-image: url(../fonts/flags//1x1/az.svg); } .flag-icon-ba { background-image: url(../fonts/flags//4x3/ba.svg); } .flag-icon-ba.flag-icon-squared { background-image: url(../fonts/flags//1x1/ba.svg); } .flag-icon-bb { background-image: url(../fonts/flags//4x3/bb.svg); } .flag-icon-bb.flag-icon-squared { background-image: url(../fonts/flags//1x1/bb.svg); } .flag-icon-bd { background-image: url(../fonts/flags//4x3/bd.svg); } .flag-icon-bd.flag-icon-squared { background-image: url(../fonts/flags//1x1/bd.svg); } .flag-icon-be { background-image: url(../fonts/flags//4x3/be.svg); } .flag-icon-be.flag-icon-squared { background-image: url(../fonts/flags//1x1/be.svg); } .flag-icon-bf { background-image: url(../fonts/flags//4x3/bf.svg); } .flag-icon-bf.flag-icon-squared { background-image: url(../fonts/flags//1x1/bf.svg); } .flag-icon-bg { background-image: url(../fonts/flags//4x3/bg.svg); } .flag-icon-bg.flag-icon-squared { background-image: url(../fonts/flags//1x1/bg.svg); } .flag-icon-bh { background-image: url(../fonts/flags//4x3/bh.svg); } .flag-icon-bh.flag-icon-squared { background-image: url(../fonts/flags//1x1/bh.svg); } .flag-icon-bi { background-image: url(../fonts/flags//4x3/bi.svg); } .flag-icon-bi.flag-icon-squared { background-image: url(../fonts/flags//1x1/bi.svg); } .flag-icon-bj { background-image: url(../fonts/flags//4x3/bj.svg); } .flag-icon-bj.flag-icon-squared { background-image: url(../fonts/flags//1x1/bj.svg); } .flag-icon-bl { background-image: url(../fonts/flags//4x3/bl.svg); } .flag-icon-bl.flag-icon-squared { background-image: url(../fonts/flags//1x1/bl.svg); } .flag-icon-bm { background-image: url(../fonts/flags//4x3/bm.svg); } .flag-icon-bm.flag-icon-squared { background-image: url(../fonts/flags//1x1/bm.svg); } .flag-icon-bn { background-image: url(../fonts/flags//4x3/bn.svg); } .flag-icon-bn.flag-icon-squared { background-image: url(../fonts/flags//1x1/bn.svg); } .flag-icon-bo { background-image: url(../fonts/flags//4x3/bo.svg); } .flag-icon-bo.flag-icon-squared { background-image: url(../fonts/flags//1x1/bo.svg); } .flag-icon-bq { background-image: url(../fonts/flags//4x3/bq.svg); } .flag-icon-bq.flag-icon-squared { background-image: url(../fonts/flags//1x1/bq.svg); } .flag-icon-br { background-image: url(../fonts/flags//4x3/br.svg); } .flag-icon-br.flag-icon-squared { background-image: url(../fonts/flags//1x1/br.svg); } .flag-icon-bs { background-image: url(../fonts/flags//4x3/bs.svg); } .flag-icon-bs.flag-icon-squared { background-image: url(../fonts/flags//1x1/bs.svg); } .flag-icon-bt { background-image: url(../fonts/flags//4x3/bt.svg); } .flag-icon-bt.flag-icon-squared { background-image: url(../fonts/flags//1x1/bt.svg); } .flag-icon-bv { background-image: url(../fonts/flags//4x3/bv.svg); } .flag-icon-bv.flag-icon-squared { background-image: url(../fonts/flags//1x1/bv.svg); } .flag-icon-bw { background-image: url(../fonts/flags//4x3/bw.svg); } .flag-icon-bw.flag-icon-squared { background-image: url(../fonts/flags//1x1/bw.svg); } .flag-icon-by { background-image: url(../fonts/flags//4x3/by.svg); } .flag-icon-by.flag-icon-squared { background-image: url(../fonts/flags//1x1/by.svg); } .flag-icon-bz { background-image: url(../fonts/flags//4x3/bz.svg); } .flag-icon-bz.flag-icon-squared { background-image: url(../fonts/flags//1x1/bz.svg); } .flag-icon-ca { background-image: url(../fonts/flags//4x3/ca.svg); } .flag-icon-ca.flag-icon-squared { background-image: url(../fonts/flags//1x1/ca.svg); } .flag-icon-cc { background-image: url(../fonts/flags//4x3/cc.svg); } .flag-icon-cc.flag-icon-squared { background-image: url(../fonts/flags//1x1/cc.svg); } .flag-icon-cd { background-image: url(../fonts/flags//4x3/cd.svg); } .flag-icon-cd.flag-icon-squared { background-image: url(../fonts/flags//1x1/cd.svg); } .flag-icon-cf { background-image: url(../fonts/flags//4x3/cf.svg); } .flag-icon-cf.flag-icon-squared { background-image: url(../fonts/flags//1x1/cf.svg); } .flag-icon-cg { background-image: url(../fonts/flags//4x3/cg.svg); } .flag-icon-cg.flag-icon-squared { background-image: url(../fonts/flags//1x1/cg.svg); } .flag-icon-ch { background-image: url(../fonts/flags//4x3/ch.svg); } .flag-icon-ch.flag-icon-squared { background-image: url(../fonts/flags//1x1/ch.svg); } .flag-icon-ci { background-image: url(../fonts/flags//4x3/ci.svg); } .flag-icon-ci.flag-icon-squared { background-image: url(../fonts/flags//1x1/ci.svg); } .flag-icon-ck { background-image: url(../fonts/flags//4x3/ck.svg); } .flag-icon-ck.flag-icon-squared { background-image: url(../fonts/flags//1x1/ck.svg); } .flag-icon-cl { background-image: url(../fonts/flags//4x3/cl.svg); } .flag-icon-cl.flag-icon-squared { background-image: url(../fonts/flags//1x1/cl.svg); } .flag-icon-cm { background-image: url(../fonts/flags//4x3/cm.svg); } .flag-icon-cm.flag-icon-squared { background-image: url(../fonts/flags//1x1/cm.svg); } .flag-icon-cn { background-image: url(../fonts/flags//4x3/cn.svg); } .flag-icon-cn.flag-icon-squared { background-image: url(../fonts/flags//1x1/cn.svg); } .flag-icon-co { background-image: url(../fonts/flags//4x3/co.svg); } .flag-icon-co.flag-icon-squared { background-image: url(../fonts/flags//1x1/co.svg); } .flag-icon-cr { background-image: url(../fonts/flags//4x3/cr.svg); } .flag-icon-cr.flag-icon-squared { background-image: url(../fonts/flags//1x1/cr.svg); } .flag-icon-cu { background-image: url(../fonts/flags//4x3/cu.svg); } .flag-icon-cu.flag-icon-squared { background-image: url(../fonts/flags//1x1/cu.svg); } .flag-icon-cv { background-image: url(../fonts/flags//4x3/cv.svg); } .flag-icon-cv.flag-icon-squared { background-image: url(../fonts/flags//1x1/cv.svg); } .flag-icon-cw { background-image: url(../fonts/flags//4x3/cw.svg); } .flag-icon-cw.flag-icon-squared { background-image: url(../fonts/flags//1x1/cw.svg); } .flag-icon-cx { background-image: url(../fonts/flags//4x3/cx.svg); } .flag-icon-cx.flag-icon-squared { background-image: url(../fonts/flags//1x1/cx.svg); } .flag-icon-cy { background-image: url(../fonts/flags//4x3/cy.svg); } .flag-icon-cy.flag-icon-squared { background-image: url(../fonts/flags//1x1/cy.svg); } .flag-icon-cz { background-image: url(../fonts/flags//4x3/cz.svg); } .flag-icon-cz.flag-icon-squared { background-image: url(../fonts/flags//1x1/cz.svg); } .flag-icon-de { background-image: url(../fonts/flags//4x3/de.svg); } .flag-icon-de.flag-icon-squared { background-image: url(../fonts/flags//1x1/de.svg); } .flag-icon-dj { background-image: url(../fonts/flags//4x3/dj.svg); } .flag-icon-dj.flag-icon-squared { background-image: url(../fonts/flags//1x1/dj.svg); } .flag-icon-dk { background-image: url(../fonts/flags//4x3/dk.svg); } .flag-icon-dk.flag-icon-squared { background-image: url(../fonts/flags//1x1/dk.svg); } .flag-icon-dm { background-image: url(../fonts/flags//4x3/dm.svg); } .flag-icon-dm.flag-icon-squared { background-image: url(../fonts/flags//1x1/dm.svg); } .flag-icon-do { background-image: url(../fonts/flags//4x3/do.svg); } .flag-icon-do.flag-icon-squared { background-image: url(../fonts/flags//1x1/do.svg); } .flag-icon-dz { background-image: url(../fonts/flags//4x3/dz.svg); } .flag-icon-dz.flag-icon-squared { background-image: url(../fonts/flags//1x1/dz.svg); } .flag-icon-ec { background-image: url(../fonts/flags//4x3/ec.svg); } .flag-icon-ec.flag-icon-squared { background-image: url(../fonts/flags//1x1/ec.svg); } .flag-icon-ee { background-image: url(../fonts/flags//4x3/ee.svg); } .flag-icon-ee.flag-icon-squared { background-image: url(../fonts/flags//1x1/ee.svg); } .flag-icon-eg { background-image: url(../fonts/flags//4x3/eg.svg); } .flag-icon-eg.flag-icon-squared { background-image: url(../fonts/flags//1x1/eg.svg); } .flag-icon-eh { background-image: url(../fonts/flags//4x3/eh.svg); } .flag-icon-eh.flag-icon-squared { background-image: url(../fonts/flags//1x1/eh.svg); } .flag-icon-er { background-image: url(../fonts/flags//4x3/er.svg); } .flag-icon-er.flag-icon-squared { background-image: url(../fonts/flags//1x1/er.svg); } .flag-icon-es { background-image: url(../fonts/flags//4x3/es.svg); } .flag-icon-es.flag-icon-squared { background-image: url(../fonts/flags//1x1/es.svg); } .flag-icon-et { background-image: url(../fonts/flags//4x3/et.svg); } .flag-icon-et.flag-icon-squared { background-image: url(../fonts/flags//1x1/et.svg); } .flag-icon-fi { background-image: url(../fonts/flags//4x3/fi.svg); } .flag-icon-fi.flag-icon-squared { background-image: url(../fonts/flags//1x1/fi.svg); } .flag-icon-fj { background-image: url(../fonts/flags//4x3/fj.svg); } .flag-icon-fj.flag-icon-squared { background-image: url(../fonts/flags//1x1/fj.svg); } .flag-icon-fk { background-image: url(../fonts/flags//4x3/fk.svg); } .flag-icon-fk.flag-icon-squared { background-image: url(../fonts/flags//1x1/fk.svg); } .flag-icon-fm { background-image: url(../fonts/flags//4x3/fm.svg); } .flag-icon-fm.flag-icon-squared { background-image: url(../fonts/flags//1x1/fm.svg); } .flag-icon-fo { background-image: url(../fonts/flags//4x3/fo.svg); } .flag-icon-fo.flag-icon-squared { background-image: url(../fonts/flags//1x1/fo.svg); } .flag-icon-fr { background-image: url(../fonts/flags//4x3/fr.svg); } .flag-icon-fr.flag-icon-squared { background-image: url(../fonts/flags//1x1/fr.svg); } .flag-icon-ga { background-image: url(../fonts/flags//4x3/ga.svg); } .flag-icon-ga.flag-icon-squared { background-image: url(../fonts/flags//1x1/ga.svg); } .flag-icon-gb { background-image: url(../fonts/flags//4x3/gb.svg); } .flag-icon-gb.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb.svg); } .flag-icon-gd { background-image: url(../fonts/flags//4x3/gd.svg); } .flag-icon-gd.flag-icon-squared { background-image: url(../fonts/flags//1x1/gd.svg); } .flag-icon-ge { background-image: url(../fonts/flags//4x3/ge.svg); } .flag-icon-ge.flag-icon-squared { background-image: url(../fonts/flags//1x1/ge.svg); } .flag-icon-gf { background-image: url(../fonts/flags//4x3/gf.svg); } .flag-icon-gf.flag-icon-squared { background-image: url(../fonts/flags//1x1/gf.svg); } .flag-icon-gg { background-image: url(../fonts/flags//4x3/gg.svg); } .flag-icon-gg.flag-icon-squared { background-image: url(../fonts/flags//1x1/gg.svg); } .flag-icon-gh { background-image: url(../fonts/flags//4x3/gh.svg); } .flag-icon-gh.flag-icon-squared { background-image: url(../fonts/flags//1x1/gh.svg); } .flag-icon-gi { background-image: url(../fonts/flags//4x3/gi.svg); } .flag-icon-gi.flag-icon-squared { background-image: url(../fonts/flags//1x1/gi.svg); } .flag-icon-gl { background-image: url(../fonts/flags//4x3/gl.svg); } .flag-icon-gl.flag-icon-squared { background-image: url(../fonts/flags//1x1/gl.svg); } .flag-icon-gm { background-image: url(../fonts/flags//4x3/gm.svg); } .flag-icon-gm.flag-icon-squared { background-image: url(../fonts/flags//1x1/gm.svg); } .flag-icon-gn { background-image: url(../fonts/flags//4x3/gn.svg); } .flag-icon-gn.flag-icon-squared { background-image: url(../fonts/flags//1x1/gn.svg); } .flag-icon-gp { background-image: url(../fonts/flags//4x3/gp.svg); } .flag-icon-gp.flag-icon-squared { background-image: url(../fonts/flags//1x1/gp.svg); } .flag-icon-gq { background-image: url(../fonts/flags//4x3/gq.svg); } .flag-icon-gq.flag-icon-squared { background-image: url(../fonts/flags//1x1/gq.svg); } .flag-icon-gr { background-image: url(../fonts/flags//4x3/gr.svg); } .flag-icon-gr.flag-icon-squared { background-image: url(../fonts/flags//1x1/gr.svg); } .flag-icon-gs { background-image: url(../fonts/flags//4x3/gs.svg); } .flag-icon-gs.flag-icon-squared { background-image: url(../fonts/flags//1x1/gs.svg); } .flag-icon-gt { background-image: url(../fonts/flags//4x3/gt.svg); } .flag-icon-gt.flag-icon-squared { background-image: url(../fonts/flags//1x1/gt.svg); } .flag-icon-gu { background-image: url(../fonts/flags//4x3/gu.svg); } .flag-icon-gu.flag-icon-squared { background-image: url(../fonts/flags//1x1/gu.svg); } .flag-icon-gw { background-image: url(../fonts/flags//4x3/gw.svg); } .flag-icon-gw.flag-icon-squared { background-image: url(../fonts/flags//1x1/gw.svg); } .flag-icon-gy { background-image: url(../fonts/flags//4x3/gy.svg); } .flag-icon-gy.flag-icon-squared { background-image: url(../fonts/flags//1x1/gy.svg); } .flag-icon-hk { background-image: url(../fonts/flags//4x3/hk.svg); } .flag-icon-hk.flag-icon-squared { background-image: url(../fonts/flags//1x1/hk.svg); } .flag-icon-hm { background-image: url(../fonts/flags//4x3/hm.svg); } .flag-icon-hm.flag-icon-squared { background-image: url(../fonts/flags//1x1/hm.svg); } .flag-icon-hn { background-image: url(../fonts/flags//4x3/hn.svg); } .flag-icon-hn.flag-icon-squared { background-image: url(../fonts/flags//1x1/hn.svg); } .flag-icon-hr { background-image: url(../fonts/flags//4x3/hr.svg); } .flag-icon-hr.flag-icon-squared { background-image: url(../fonts/flags//1x1/hr.svg); } .flag-icon-ht { background-image: url(../fonts/flags//4x3/ht.svg); } .flag-icon-ht.flag-icon-squared { background-image: url(../fonts/flags//1x1/ht.svg); } .flag-icon-hu { background-image: url(../fonts/flags//4x3/hu.svg); } .flag-icon-hu.flag-icon-squared { background-image: url(../fonts/flags//1x1/hu.svg); } .flag-icon-id { background-image: url(../fonts/flags//4x3/id.svg); } .flag-icon-id.flag-icon-squared { background-image: url(../fonts/flags//1x1/id.svg); } .flag-icon-ie { background-image: url(../fonts/flags//4x3/ie.svg); } .flag-icon-ie.flag-icon-squared { background-image: url(../fonts/flags//1x1/ie.svg); } .flag-icon-il { background-image: url(../fonts/flags//4x3/il.svg); } .flag-icon-il.flag-icon-squared { background-image: url(../fonts/flags//1x1/il.svg); } .flag-icon-im { background-image: url(../fonts/flags//4x3/im.svg); } .flag-icon-im.flag-icon-squared { background-image: url(../fonts/flags//1x1/im.svg); } .flag-icon-in { background-image: url(../fonts/flags//4x3/in.svg); } .flag-icon-in.flag-icon-squared { background-image: url(../fonts/flags//1x1/in.svg); } .flag-icon-io { background-image: url(../fonts/flags//4x3/io.svg); } .flag-icon-io.flag-icon-squared { background-image: url(../fonts/flags//1x1/io.svg); } .flag-icon-iq { background-image: url(../fonts/flags//4x3/iq.svg); } .flag-icon-iq.flag-icon-squared { background-image: url(../fonts/flags//1x1/iq.svg); } .flag-icon-ir { background-image: url(../fonts/flags//4x3/ir.svg); } .flag-icon-ir.flag-icon-squared { background-image: url(../fonts/flags//1x1/ir.svg); } .flag-icon-is { background-image: url(../fonts/flags//4x3/is.svg); } .flag-icon-is.flag-icon-squared { background-image: url(../fonts/flags//1x1/is.svg); } .flag-icon-it { background-image: url(../fonts/flags//4x3/it.svg); } .flag-icon-it.flag-icon-squared { background-image: url(../fonts/flags//1x1/it.svg); } .flag-icon-je { background-image: url(../fonts/flags//4x3/je.svg); } .flag-icon-je.flag-icon-squared { background-image: url(../fonts/flags//1x1/je.svg); } .flag-icon-jm { background-image: url(../fonts/flags//4x3/jm.svg); } .flag-icon-jm.flag-icon-squared { background-image: url(../fonts/flags//1x1/jm.svg); } .flag-icon-jo { background-image: url(../fonts/flags//4x3/jo.svg); } .flag-icon-jo.flag-icon-squared { background-image: url(../fonts/flags//1x1/jo.svg); } .flag-icon-jp { background-image: url(../fonts/flags//4x3/jp.svg); } .flag-icon-jp.flag-icon-squared { background-image: url(../fonts/flags//1x1/jp.svg); } .flag-icon-ke { background-image: url(../fonts/flags//4x3/ke.svg); } .flag-icon-ke.flag-icon-squared { background-image: url(../fonts/flags//1x1/ke.svg); } .flag-icon-kg { background-image: url(../fonts/flags//4x3/kg.svg); } .flag-icon-kg.flag-icon-squared { background-image: url(../fonts/flags//1x1/kg.svg); } .flag-icon-kh { background-image: url(../fonts/flags//4x3/kh.svg); } .flag-icon-kh.flag-icon-squared { background-image: url(../fonts/flags//1x1/kh.svg); } .flag-icon-ki { background-image: url(../fonts/flags//4x3/ki.svg); } .flag-icon-ki.flag-icon-squared { background-image: url(../fonts/flags//1x1/ki.svg); } .flag-icon-km { background-image: url(../fonts/flags//4x3/km.svg); } .flag-icon-km.flag-icon-squared { background-image: url(../fonts/flags//1x1/km.svg); } .flag-icon-kn { background-image: url(../fonts/flags//4x3/kn.svg); } .flag-icon-kn.flag-icon-squared { background-image: url(../fonts/flags//1x1/kn.svg); } .flag-icon-kp { background-image: url(../fonts/flags//4x3/kp.svg); } .flag-icon-kp.flag-icon-squared { background-image: url(../fonts/flags//1x1/kp.svg); } .flag-icon-kr { background-image: url(../fonts/flags//4x3/kr.svg); } .flag-icon-kr.flag-icon-squared { background-image: url(../fonts/flags//1x1/kr.svg); } .flag-icon-kw { background-image: url(../fonts/flags//4x3/kw.svg); } .flag-icon-kw.flag-icon-squared { background-image: url(../fonts/flags//1x1/kw.svg); } .flag-icon-ky { background-image: url(../fonts/flags//4x3/ky.svg); } .flag-icon-ky.flag-icon-squared { background-image: url(../fonts/flags//1x1/ky.svg); } .flag-icon-kz { background-image: url(../fonts/flags//4x3/kz.svg); } .flag-icon-kz.flag-icon-squared { background-image: url(../fonts/flags//1x1/kz.svg); } .flag-icon-la { background-image: url(../fonts/flags//4x3/la.svg); } .flag-icon-la.flag-icon-squared { background-image: url(../fonts/flags//1x1/la.svg); } .flag-icon-lb { background-image: url(../fonts/flags//4x3/lb.svg); } .flag-icon-lb.flag-icon-squared { background-image: url(../fonts/flags//1x1/lb.svg); } .flag-icon-lc { background-image: url(../fonts/flags//4x3/lc.svg); } .flag-icon-lc.flag-icon-squared { background-image: url(../fonts/flags//1x1/lc.svg); } .flag-icon-li { background-image: url(../fonts/flags//4x3/li.svg); } .flag-icon-li.flag-icon-squared { background-image: url(../fonts/flags//1x1/li.svg); } .flag-icon-lk { background-image: url(../fonts/flags//4x3/lk.svg); } .flag-icon-lk.flag-icon-squared { background-image: url(../fonts/flags//1x1/lk.svg); } .flag-icon-lr { background-image: url(../fonts/flags//4x3/lr.svg); } .flag-icon-lr.flag-icon-squared { background-image: url(../fonts/flags//1x1/lr.svg); } .flag-icon-ls { background-image: url(../fonts/flags//4x3/ls.svg); } .flag-icon-ls.flag-icon-squared { background-image: url(../fonts/flags//1x1/ls.svg); } .flag-icon-lt { background-image: url(../fonts/flags//4x3/lt.svg); } .flag-icon-lt.flag-icon-squared { background-image: url(../fonts/flags//1x1/lt.svg); } .flag-icon-lu { background-image: url(../fonts/flags//4x3/lu.svg); } .flag-icon-lu.flag-icon-squared { background-image: url(../fonts/flags//1x1/lu.svg); } .flag-icon-lv { background-image: url(../fonts/flags//4x3/lv.svg); } .flag-icon-lv.flag-icon-squared { background-image: url(../fonts/flags//1x1/lv.svg); } .flag-icon-ly { background-image: url(../fonts/flags//4x3/ly.svg); } .flag-icon-ly.flag-icon-squared { background-image: url(../fonts/flags//1x1/ly.svg); } .flag-icon-ma { background-image: url(../fonts/flags//4x3/ma.svg); } .flag-icon-ma.flag-icon-squared { background-image: url(../fonts/flags//1x1/ma.svg); } .flag-icon-mc { background-image: url(../fonts/flags//4x3/mc.svg); } .flag-icon-mc.flag-icon-squared { background-image: url(../fonts/flags//1x1/mc.svg); } .flag-icon-md { background-image: url(../fonts/flags//4x3/md.svg); } .flag-icon-md.flag-icon-squared { background-image: url(../fonts/flags//1x1/md.svg); } .flag-icon-me { background-image: url(../fonts/flags//4x3/me.svg); } .flag-icon-me.flag-icon-squared { background-image: url(../fonts/flags//1x1/me.svg); } .flag-icon-mf { background-image: url(../fonts/flags//4x3/mf.svg); } .flag-icon-mf.flag-icon-squared { background-image: url(../fonts/flags//1x1/mf.svg); } .flag-icon-mg { background-image: url(../fonts/flags//4x3/mg.svg); } .flag-icon-mg.flag-icon-squared { background-image: url(../fonts/flags//1x1/mg.svg); } .flag-icon-mh { background-image: url(../fonts/flags//4x3/mh.svg); } .flag-icon-mh.flag-icon-squared { background-image: url(../fonts/flags//1x1/mh.svg); } .flag-icon-mk { background-image: url(../fonts/flags//4x3/mk.svg); } .flag-icon-mk.flag-icon-squared { background-image: url(../fonts/flags//1x1/mk.svg); } .flag-icon-ml { background-image: url(../fonts/flags//4x3/ml.svg); } .flag-icon-ml.flag-icon-squared { background-image: url(../fonts/flags//1x1/ml.svg); } .flag-icon-mm { background-image: url(../fonts/flags//4x3/mm.svg); } .flag-icon-mm.flag-icon-squared { background-image: url(../fonts/flags//1x1/mm.svg); } .flag-icon-mn { background-image: url(../fonts/flags//4x3/mn.svg); } .flag-icon-mn.flag-icon-squared { background-image: url(../fonts/flags//1x1/mn.svg); } .flag-icon-mo { background-image: url(../fonts/flags//4x3/mo.svg); } .flag-icon-mo.flag-icon-squared { background-image: url(../fonts/flags//1x1/mo.svg); } .flag-icon-mp { background-image: url(../fonts/flags//4x3/mp.svg); } .flag-icon-mp.flag-icon-squared { background-image: url(../fonts/flags//1x1/mp.svg); } .flag-icon-mq { background-image: url(../fonts/flags//4x3/mq.svg); } .flag-icon-mq.flag-icon-squared { background-image: url(../fonts/flags//1x1/mq.svg); } .flag-icon-mr { background-image: url(../fonts/flags//4x3/mr.svg); } .flag-icon-mr.flag-icon-squared { background-image: url(../fonts/flags//1x1/mr.svg); } .flag-icon-ms { background-image: url(../fonts/flags//4x3/ms.svg); } .flag-icon-ms.flag-icon-squared { background-image: url(../fonts/flags//1x1/ms.svg); } .flag-icon-mt { background-image: url(../fonts/flags//4x3/mt.svg); } .flag-icon-mt.flag-icon-squared { background-image: url(../fonts/flags//1x1/mt.svg); } .flag-icon-mu { background-image: url(../fonts/flags//4x3/mu.svg); } .flag-icon-mu.flag-icon-squared { background-image: url(../fonts/flags//1x1/mu.svg); } .flag-icon-mv { background-image: url(../fonts/flags//4x3/mv.svg); } .flag-icon-mv.flag-icon-squared { background-image: url(../fonts/flags//1x1/mv.svg); } .flag-icon-mw { background-image: url(../fonts/flags//4x3/mw.svg); } .flag-icon-mw.flag-icon-squared { background-image: url(../fonts/flags//1x1/mw.svg); } .flag-icon-mx { background-image: url(../fonts/flags//4x3/mx.svg); } .flag-icon-mx.flag-icon-squared { background-image: url(../fonts/flags//1x1/mx.svg); } .flag-icon-my { background-image: url(../fonts/flags//4x3/my.svg); } .flag-icon-my.flag-icon-squared { background-image: url(../fonts/flags//1x1/my.svg); } .flag-icon-mz { background-image: url(../fonts/flags//4x3/mz.svg); } .flag-icon-mz.flag-icon-squared { background-image: url(../fonts/flags//1x1/mz.svg); } .flag-icon-na { background-image: url(../fonts/flags//4x3/na.svg); } .flag-icon-na.flag-icon-squared { background-image: url(../fonts/flags//1x1/na.svg); } .flag-icon-nc { background-image: url(../fonts/flags//4x3/nc.svg); } .flag-icon-nc.flag-icon-squared { background-image: url(../fonts/flags//1x1/nc.svg); } .flag-icon-ne { background-image: url(../fonts/flags//4x3/ne.svg); } .flag-icon-ne.flag-icon-squared { background-image: url(../fonts/flags//1x1/ne.svg); } .flag-icon-nf { background-image: url(../fonts/flags//4x3/nf.svg); } .flag-icon-nf.flag-icon-squared { background-image: url(../fonts/flags//1x1/nf.svg); } .flag-icon-ng { background-image: url(../fonts/flags//4x3/ng.svg); } .flag-icon-ng.flag-icon-squared { background-image: url(../fonts/flags//1x1/ng.svg); } .flag-icon-ni { background-image: url(../fonts/flags//4x3/ni.svg); } .flag-icon-ni.flag-icon-squared { background-image: url(../fonts/flags//1x1/ni.svg); } .flag-icon-nl { background-image: url(../fonts/flags//4x3/nl.svg); } .flag-icon-nl.flag-icon-squared { background-image: url(../fonts/flags//1x1/nl.svg); } .flag-icon-no { background-image: url(../fonts/flags//4x3/no.svg); } .flag-icon-no.flag-icon-squared { background-image: url(../fonts/flags//1x1/no.svg); } .flag-icon-np { background-image: url(../fonts/flags//4x3/np.svg); } .flag-icon-np.flag-icon-squared { background-image: url(../fonts/flags//1x1/np.svg); } .flag-icon-nr { background-image: url(../fonts/flags//4x3/nr.svg); } .flag-icon-nr.flag-icon-squared { background-image: url(../fonts/flags//1x1/nr.svg); } .flag-icon-nu { background-image: url(../fonts/flags//4x3/nu.svg); } .flag-icon-nu.flag-icon-squared { background-image: url(../fonts/flags//1x1/nu.svg); } .flag-icon-nz { background-image: url(../fonts/flags//4x3/nz.svg); } .flag-icon-nz.flag-icon-squared { background-image: url(../fonts/flags//1x1/nz.svg); } .flag-icon-om { background-image: url(../fonts/flags//4x3/om.svg); } .flag-icon-om.flag-icon-squared { background-image: url(../fonts/flags//1x1/om.svg); } .flag-icon-pa { background-image: url(../fonts/flags//4x3/pa.svg); } .flag-icon-pa.flag-icon-squared { background-image: url(../fonts/flags//1x1/pa.svg); } .flag-icon-pe { background-image: url(../fonts/flags//4x3/pe.svg); } .flag-icon-pe.flag-icon-squared { background-image: url(../fonts/flags//1x1/pe.svg); } .flag-icon-pf { background-image: url(../fonts/flags//4x3/pf.svg); } .flag-icon-pf.flag-icon-squared { background-image: url(../fonts/flags//1x1/pf.svg); } .flag-icon-pg { background-image: url(../fonts/flags//4x3/pg.svg); } .flag-icon-pg.flag-icon-squared { background-image: url(../fonts/flags//1x1/pg.svg); } .flag-icon-ph { background-image: url(../fonts/flags//4x3/ph.svg); } .flag-icon-ph.flag-icon-squared { background-image: url(../fonts/flags//1x1/ph.svg); } .flag-icon-pk { background-image: url(../fonts/flags//4x3/pk.svg); } .flag-icon-pk.flag-icon-squared { background-image: url(../fonts/flags//1x1/pk.svg); } .flag-icon-pl { background-image: url(../fonts/flags//4x3/pl.svg); } .flag-icon-pl.flag-icon-squared { background-image: url(../fonts/flags//1x1/pl.svg); } .flag-icon-pm { background-image: url(../fonts/flags//4x3/pm.svg); } .flag-icon-pm.flag-icon-squared { background-image: url(../fonts/flags//1x1/pm.svg); } .flag-icon-pn { background-image: url(../fonts/flags//4x3/pn.svg); } .flag-icon-pn.flag-icon-squared { background-image: url(../fonts/flags//1x1/pn.svg); } .flag-icon-pr { background-image: url(../fonts/flags//4x3/pr.svg); } .flag-icon-pr.flag-icon-squared { background-image: url(../fonts/flags//1x1/pr.svg); } .flag-icon-ps { background-image: url(../fonts/flags//4x3/ps.svg); } .flag-icon-ps.flag-icon-squared { background-image: url(../fonts/flags//1x1/ps.svg); } .flag-icon-pt { background-image: url(../fonts/flags//4x3/pt.svg); } .flag-icon-pt.flag-icon-squared { background-image: url(../fonts/flags//1x1/pt.svg); } .flag-icon-pw { background-image: url(../fonts/flags//4x3/pw.svg); } .flag-icon-pw.flag-icon-squared { background-image: url(../fonts/flags//1x1/pw.svg); } .flag-icon-py { background-image: url(../fonts/flags//4x3/py.svg); } .flag-icon-py.flag-icon-squared { background-image: url(../fonts/flags//1x1/py.svg); } .flag-icon-qa { background-image: url(../fonts/flags//4x3/qa.svg); } .flag-icon-qa.flag-icon-squared { background-image: url(../fonts/flags//1x1/qa.svg); } .flag-icon-re { background-image: url(../fonts/flags//4x3/re.svg); } .flag-icon-re.flag-icon-squared { background-image: url(../fonts/flags//1x1/re.svg); } .flag-icon-ro { background-image: url(../fonts/flags//4x3/ro.svg); } .flag-icon-ro.flag-icon-squared { background-image: url(../fonts/flags//1x1/ro.svg); } .flag-icon-rs { background-image: url(../fonts/flags//4x3/rs.svg); } .flag-icon-rs.flag-icon-squared { background-image: url(../fonts/flags//1x1/rs.svg); } .flag-icon-ru { background-image: url(../fonts/flags//4x3/ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(../fonts/flags//1x1/ru.svg); } .flag-icon-rw { background-image: url(../fonts/flags//4x3/rw.svg); } .flag-icon-rw.flag-icon-squared { background-image: url(../fonts/flags//1x1/rw.svg); } .flag-icon-sa { background-image: url(../fonts/flags//4x3/sa.svg); } .flag-icon-sa.flag-icon-squared { background-image: url(../fonts/flags//1x1/sa.svg); } .flag-icon-sb { background-image: url(../fonts/flags//4x3/sb.svg); } .flag-icon-sb.flag-icon-squared { background-image: url(../fonts/flags//1x1/sb.svg); } .flag-icon-sc { background-image: url(../fonts/flags//4x3/sc.svg); } .flag-icon-sc.flag-icon-squared { background-image: url(../fonts/flags//1x1/sc.svg); } .flag-icon-sd { background-image: url(../fonts/flags//4x3/sd.svg); } .flag-icon-sd.flag-icon-squared { background-image: url(../fonts/flags//1x1/sd.svg); } .flag-icon-se { background-image: url(../fonts/flags//4x3/se.svg); } .flag-icon-se.flag-icon-squared { background-image: url(../fonts/flags//1x1/se.svg); } .flag-icon-sg { background-image: url(../fonts/flags//4x3/sg.svg); } .flag-icon-sg.flag-icon-squared { background-image: url(../fonts/flags//1x1/sg.svg); } .flag-icon-sh { background-image: url(../fonts/flags//4x3/sh.svg); } .flag-icon-sh.flag-icon-squared { background-image: url(../fonts/flags//1x1/sh.svg); } .flag-icon-si { background-image: url(../fonts/flags//4x3/si.svg); } .flag-icon-si.flag-icon-squared { background-image: url(../fonts/flags//1x1/si.svg); } .flag-icon-sj { background-image: url(../fonts/flags//4x3/sj.svg); } .flag-icon-sj.flag-icon-squared { background-image: url(../fonts/flags//1x1/sj.svg); } .flag-icon-sk { background-image: url(../fonts/flags//4x3/sk.svg); } .flag-icon-sk.flag-icon-squared { background-image: url(../fonts/flags//1x1/sk.svg); } .flag-icon-sl { background-image: url(../fonts/flags//4x3/sl.svg); } .flag-icon-sl.flag-icon-squared { background-image: url(../fonts/flags//1x1/sl.svg); } .flag-icon-sm { background-image: url(../fonts/flags//4x3/sm.svg); } .flag-icon-sm.flag-icon-squared { background-image: url(../fonts/flags//1x1/sm.svg); } .flag-icon-sn { background-image: url(../fonts/flags//4x3/sn.svg); } .flag-icon-sn.flag-icon-squared { background-image: url(../fonts/flags//1x1/sn.svg); } .flag-icon-so { background-image: url(../fonts/flags//4x3/so.svg); } .flag-icon-so.flag-icon-squared { background-image: url(../fonts/flags//1x1/so.svg); } .flag-icon-sr { background-image: url(../fonts/flags//4x3/sr.svg); } .flag-icon-sr.flag-icon-squared { background-image: url(../fonts/flags//1x1/sr.svg); } .flag-icon-ss { background-image: url(../fonts/flags//4x3/ss.svg); } .flag-icon-ss.flag-icon-squared { background-image: url(../fonts/flags//1x1/ss.svg); } .flag-icon-st { background-image: url(../fonts/flags//4x3/st.svg); } .flag-icon-st.flag-icon-squared { background-image: url(../fonts/flags//1x1/st.svg); } .flag-icon-sv { background-image: url(../fonts/flags//4x3/sv.svg); } .flag-icon-sv.flag-icon-squared { background-image: url(../fonts/flags//1x1/sv.svg); } .flag-icon-sx { background-image: url(../fonts/flags//4x3/sx.svg); } .flag-icon-sx.flag-icon-squared { background-image: url(../fonts/flags//1x1/sx.svg); } .flag-icon-sy { background-image: url(../fonts/flags//4x3/sy.svg); } .flag-icon-sy.flag-icon-squared { background-image: url(../fonts/flags//1x1/sy.svg); } .flag-icon-sz { background-image: url(../fonts/flags//4x3/sz.svg); } .flag-icon-sz.flag-icon-squared { background-image: url(../fonts/flags//1x1/sz.svg); } .flag-icon-tc { background-image: url(../fonts/flags//4x3/tc.svg); } .flag-icon-tc.flag-icon-squared { background-image: url(../fonts/flags//1x1/tc.svg); } .flag-icon-td { background-image: url(../fonts/flags//4x3/td.svg); } .flag-icon-td.flag-icon-squared { background-image: url(../fonts/flags//1x1/td.svg); } .flag-icon-tf { background-image: url(../fonts/flags//4x3/tf.svg); } .flag-icon-tf.flag-icon-squared { background-image: url(../fonts/flags//1x1/tf.svg); } .flag-icon-tg { background-image: url(../fonts/flags//4x3/tg.svg); } .flag-icon-tg.flag-icon-squared { background-image: url(../fonts/flags//1x1/tg.svg); } .flag-icon-th { background-image: url(../fonts/flags//4x3/th.svg); } .flag-icon-th.flag-icon-squared { background-image: url(../fonts/flags//1x1/th.svg); } .flag-icon-tj { background-image: url(../fonts/flags//4x3/tj.svg); } .flag-icon-tj.flag-icon-squared { background-image: url(../fonts/flags//1x1/tj.svg); } .flag-icon-tk { background-image: url(../fonts/flags//4x3/tk.svg); } .flag-icon-tk.flag-icon-squared { background-image: url(../fonts/flags//1x1/tk.svg); } .flag-icon-tl { background-image: url(../fonts/flags//4x3/tl.svg); } .flag-icon-tl.flag-icon-squared { background-image: url(../fonts/flags//1x1/tl.svg); } .flag-icon-tm { background-image: url(../fonts/flags//4x3/tm.svg); } .flag-icon-tm.flag-icon-squared { background-image: url(../fonts/flags//1x1/tm.svg); } .flag-icon-tn { background-image: url(../fonts/flags//4x3/tn.svg); } .flag-icon-tn.flag-icon-squared { background-image: url(../fonts/flags//1x1/tn.svg); } .flag-icon-to { background-image: url(../fonts/flags//4x3/to.svg); } .flag-icon-to.flag-icon-squared { background-image: url(../fonts/flags//1x1/to.svg); } .flag-icon-tr { background-image: url(../fonts/flags//4x3/tr.svg); } .flag-icon-tr.flag-icon-squared { background-image: url(../fonts/flags//1x1/tr.svg); } .flag-icon-tt { background-image: url(../fonts/flags//4x3/tt.svg); } .flag-icon-tt.flag-icon-squared { background-image: url(../fonts/flags//1x1/tt.svg); } .flag-icon-tv { background-image: url(../fonts/flags//4x3/tv.svg); } .flag-icon-tv.flag-icon-squared { background-image: url(../fonts/flags//1x1/tv.svg); } .flag-icon-tw { background-image: url(../fonts/flags//4x3/tw.svg); } .flag-icon-tw.flag-icon-squared { background-image: url(../fonts/flags//1x1/tw.svg); } .flag-icon-tz { background-image: url(../fonts/flags//4x3/tz.svg); } .flag-icon-tz.flag-icon-squared { background-image: url(../fonts/flags//1x1/tz.svg); } .flag-icon-ua { background-image: url(../fonts/flags//4x3/ua.svg); } .flag-icon-ua.flag-icon-squared { background-image: url(../fonts/flags//1x1/ua.svg); } .flag-icon-ug { background-image: url(../fonts/flags//4x3/ug.svg); } .flag-icon-ug.flag-icon-squared { background-image: url(../fonts/flags//1x1/ug.svg); } .flag-icon-um { background-image: url(../fonts/flags//4x3/um.svg); } .flag-icon-um.flag-icon-squared { background-image: url(../fonts/flags//1x1/um.svg); } .flag-icon-us { background-image: url(../fonts/flags//4x3/us.svg); } .flag-icon-us.flag-icon-squared { background-image: url(../fonts/flags//1x1/us.svg); } .flag-icon-uy { background-image: url(../fonts/flags//4x3/uy.svg); } .flag-icon-uy.flag-icon-squared { background-image: url(../fonts/flags//1x1/uy.svg); } .flag-icon-uz { background-image: url(../fonts/flags//4x3/uz.svg); } .flag-icon-uz.flag-icon-squared { background-image: url(../fonts/flags//1x1/uz.svg); } .flag-icon-va { background-image: url(../fonts/flags//4x3/va.svg); } .flag-icon-va.flag-icon-squared { background-image: url(../fonts/flags//1x1/va.svg); } .flag-icon-vc { background-image: url(../fonts/flags//4x3/vc.svg); } .flag-icon-vc.flag-icon-squared { background-image: url(../fonts/flags//1x1/vc.svg); } .flag-icon-ve { background-image: url(../fonts/flags//4x3/ve.svg); } .flag-icon-ve.flag-icon-squared { background-image: url(../fonts/flags//1x1/ve.svg); } .flag-icon-vg { background-image: url(../fonts/flags//4x3/vg.svg); } .flag-icon-vg.flag-icon-squared { background-image: url(../fonts/flags//1x1/vg.svg); } .flag-icon-vi { background-image: url(../fonts/flags//4x3/vi.svg); } .flag-icon-vi.flag-icon-squared { background-image: url(../fonts/flags//1x1/vi.svg); } .flag-icon-vn { background-image: url(../fonts/flags//4x3/vn.svg); } .flag-icon-vn.flag-icon-squared { background-image: url(../fonts/flags//1x1/vn.svg); } .flag-icon-vu { background-image: url(../fonts/flags//4x3/vu.svg); } .flag-icon-vu.flag-icon-squared { background-image: url(../fonts/flags//1x1/vu.svg); } .flag-icon-wf { background-image: url(../fonts/flags//4x3/wf.svg); } .flag-icon-wf.flag-icon-squared { background-image: url(../fonts/flags//1x1/wf.svg); } .flag-icon-ws { background-image: url(../fonts/flags//4x3/ws.svg); } .flag-icon-ws.flag-icon-squared { background-image: url(../fonts/flags//1x1/ws.svg); } .flag-icon-ye { background-image: url(../fonts/flags//4x3/ye.svg); } .flag-icon-ye.flag-icon-squared { background-image: url(../fonts/flags//1x1/ye.svg); } .flag-icon-yt { background-image: url(../fonts/flags//4x3/yt.svg); } .flag-icon-yt.flag-icon-squared { background-image: url(../fonts/flags//1x1/yt.svg); } .flag-icon-za { background-image: url(../fonts/flags//4x3/za.svg); } .flag-icon-za.flag-icon-squared { background-image: url(../fonts/flags//1x1/za.svg); } .flag-icon-zm { background-image: url(../fonts/flags//4x3/zm.svg); } .flag-icon-zm.flag-icon-squared { background-image: url(../fonts/flags//1x1/zm.svg); } .flag-icon-zw { background-image: url(../fonts/flags//4x3/zw.svg); } .flag-icon-zw.flag-icon-squared { background-image: url(../fonts/flags//1x1/zw.svg); } .flag-icon-es-ct { background-image: url(../fonts/flags//4x3/es-ct.svg); } .flag-icon-es-ct.flag-icon-squared { background-image: url(../fonts/flags//1x1/es-ct.svg); } .flag-icon-eu { background-image: url(../fonts/flags//4x3/eu.svg); } .flag-icon-eu.flag-icon-squared { background-image: url(../fonts/flags//1x1/eu.svg); } .flag-icon-gb-eng { background-image: url(../fonts/flags//4x3/gb-eng.svg); } .flag-icon-gb-eng.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-eng.svg); } .flag-icon-gb-nir { background-image: url(../fonts/flags//4x3/gb-nir.svg); } .flag-icon-gb-nir.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-nir.svg); } .flag-icon-gb-sct { background-image: url(../fonts/flags//4x3/gb-sct.svg); } .flag-icon-gb-sct.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-sct.svg); } .flag-icon-gb-wls { background-image: url(../fonts/flags//4x3/gb-wls.svg); } .flag-icon-gb-wls.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-wls.svg); } .flag-icon-un { background-image: url(../fonts/flags//4x3/un.svg); } .flag-icon-un.flag-icon-squared { background-image: url(../fonts/flags//1x1/un.svg); } .toast-messages { position: absolute; right: 50%; transform: translateX(50%); position: fixed; top: 0; padding: 50px 16px 16px; max-height: calc(100vh - 50px); overflow-y: auto; z-index: 1100; } .toast-messages .alert { box-shadow: 0 2px 4px rgba(9, 16, 16, 0.4); text-align: center; } .toast-messages .alert.show { display: block !important; } .toast-messages .alert:not(.alert-dismissible) { -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); } .toast-messages .alert.alert-dismissible { -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms; padding-right: 50px; } .toast-messages .alert.alert-dismissible .close { padding: 16px; } .alert { border-radius: var(--border-radius, 0px); padding: 16px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .alert-success { background: #D4EDDA; border-color: #91B499; color: #155624; } .alert-success a, .alert-success a:hover { color: #0b2d13; } .alert-success .close { color: #155624; } .alert-warning { background: #fef3d4; border-color: #D7C692; color: #856404; } .alert-warning a, .alert-warning a:hover { color: #533f03; } .alert-warning .close { color: #856404; } .alert-danger { background: #f5d7da; border-color: #E08A92; color: #721C24; } .alert-danger a, .alert-danger a:hover { color: #491217; } .alert-danger .close { color: #721C24; } .alert-info { background: #f2f0f9; border-color: #B4A3FF; color: #5A49B2; } .alert-info a, .alert-info a:hover { color: #483a8e; } .alert-info .close { color: #5A49B2; } .alert-dismissible { padding-right: calc(32px + 12px); } .alert .close { padding: 16px; line-height: 22px; } .alert .close:before { position: static; transform: none; margin: 0; font-size: 12px; } .badge-product-container { position: relative; z-index: 1; margin: 1px; display: flex; align-items: flex-start; pointer-events: none; top: 0; } @media (min-width: 769px) { .badge-product-container.badge-image-over { position: absolute; flex-direction: column; } } .product-detail .badge-product-container { position: relative; } @media (min-width: 769px) { .product-detail .badge-product-container.badge-image-over { position: absolute; flex-direction: column; } } .badge-product { text-align: left; padding: 2px 3px; margin-bottom: 1px; font-weight: normal; line-height: 1.45; border-radius: var(--border-radius, 0px); border-width: 1px; border-style: solid; } .badge-product:not([class*='text--']) { color: var(--base-font-color, #091010); } .badge-product:not([class*='text--']) .badge-product-container { position: relative; z-index: 1; margin: 1px; display: flex; align-items: flex-start; pointer-events: none; top: 0; } @media (min-width: 769px) { .badge-product.badge-image-over { position: absolute; flex-direction: column; } } .product-detail .badge-product-container { position: relative; } @media (min-width: 769px) { .product-detail .badge-product-container.badge-image-over { position: absolute; flex-direction: column; } } .badge-product { text-align: left; padding: 2px 3px; margin-bottom: 1px; font-weight: normal; line-height: 1.45; border-radius: var(--border-radius, 0px); border-width: 1px; border-style: solid; } .badge-product:not([class*='text--']) { color: var(--base-font-color, #091010); } .badge-product:not([class*='text--']).dark { color: #FFFFFF; } .badge-product:not([class*='background--']) { background-color: #FFFFFF; } .badge-product:not([class*='background--']).dark { background-color: var(--base-font-color, #091010); } .badge-product:not([class*='border--']) { border-color: transparent; } .badge-product:not([class*='border--']).dark { border-color: transparent; } .badge-product:not([class*='font-size--']) { font-size: 10px; } .badge-product:not([class*='font--']) { font-family: "Clash Display", sans-serif; } @media (min-width: 1024px) { .badge-product { padding: 4px 8px; font-size: var(--base-font-size, 16px); } } .blog-nav .nav { background: #F2F1F0; border-bottom: 1px solid var(--base-border-color, #F2F1F0); } .blog-nav .nav-item .nav-link { text-decoration: none; } .blog-nav .nav-item.active .nav-link { font-weight: bold; } .blog-results { padding-top: 16px; padding-bottom: 16px; } .blog-results .result-count { padding: 24px 0; } .blog-detail-header .page-header-subtitle { display: flex; } .blog-detail-header.text-center .page-header-subtitle { justify-content: center; } .blog-detail-header .page-header-title { margin-top: 10px; } .blog-detail-header .blog-category { color: #4C4C4B; } .blog-detail-header .blog-category ~ .blog-creation-date::before { content: "|"; color: #4C4C4B; padding-left: 10px; padding-right: 10px; } .blog-detail-header .blog-creation-date { color: #4C4C4B; } .blog-detail-header .page-header-author { margin-top: 10px; color: #4C4C4B; } .blog .social-container .social-icons, .storepage .social-container .social-icons { display: inline-flex; align-items: center; justify-content: center; } .blog .social-container .social-icons li:not(:last-child), .storepage .social-container .social-icons li:not(:last-child) { margin-right: 30px; } .blog .social-container .social-icons .share-icons, .storepage .social-container .social-icons .share-icons { font-size: 30px; color: #091010; } .blog .social-container .social-icons .share-icons:hover, .storepage .social-container .social-icons .share-icons:hover { color: #432F08; } .blog .blog-footer { text-align: center; } .blog .social-container { border-top: none; margin-top: 80px; padding-top: 0; } .blog .search-words-container { display: inline-flex; justify-content: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--base-border-color, #F2F1F0); } .blog .search-words-container label { margin-right: 7px; margin-bottom: 0; } .blog .search-words-container .search-words { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; } .blog .search-words-container .search-words li { padding: 0; } .blog .search-words-container .search-words li:not(:last-child) a::after { content: ","; margin-left: 0; margin-right: 7px; } .breadcrumb { display: flex; list-style-type: none; padding: 0; margin: 0; margin: 0; font-size: 10px; line-height: 20px; letter-spacing: 0.16em; } .breadcrumb li { padding: 0; } .breadcrumb .breadcrumb-item a { color: #4C4C4B; font-weight: 400; text-decoration: none; } .breadcrumb .breadcrumb-item a:hover { color: #091010; text-decoration: underline; } .breadcrumb .breadcrumb-item + .breadcrumb-item { display: flex; } .breadcrumb .breadcrumb-item + .breadcrumb-item:before { content: "/"; color: #4C4C4B; font-weight: 400; padding: 0 calc(24px / 2); } .breadcrumb .breadcrumb-item + .breadcrumb-item:last-of-type a { color: #4C4C4B; } .breadcrumb .breadcrumb-item + .breadcrumb-item:last-of-type a:hover { color: #091010; } .breadcrumb .breadcrumb-item h1 { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; margin: 0; text-transform: uppercase; } .breadcrumb { font-family: "Clash Display", sans-serif; } .breadcrumb .breadcrumb-item a { text-transform: uppercase; } .card { border: 1px solid #F2F1F0; border-radius: 0px; border-top-left-radius: var(--border-radius, 0px); border-top-right-radius: var(--border-radius, 0px); font-size: var(--base-font-size, 16px); letter-spacing: 0.01em; line-height: 1.45; background-color: transparent; } .card:last-child { border-bottom-left-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px); } .card .card-header { background-color: #FFFFFF; color: #091010; border-bottom: none; padding: 0; flex-basis: auto; } .card .card-header .pull-right { color: #091010; font-size: var(--base-font-size, 16px); letter-spacing: 0.01em; line-height: 1.45; padding-top: 24px; padding-right: 24px; } .card .card-title, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header .checkout-card-header, .card h2.card-header { text-decoration: none; position: relative; margin-bottom: 0; padding-top: 24px; padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } .card .card-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom), .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header .checkout-card-header, .card h2.card-header { font-family: var(--h4-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h4-mobile-size, 22px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .card .card-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom), .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header .checkout-card-header, .card h2.card-header { font-size: calc(var(--h4-tablet-size, var(--h4-mobile-size, 22px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .card .card-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom), .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header .checkout-card-header, .card h2.card-header { font-size: calc(var(--h4-desktop-size, 24px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .card .card-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom).text-decoration-none *, .card .card-header h2.text-decoration-none *, .card .card-header h3.text-decoration-none *, .card .card-header h4.text-decoration-none *, .card .card-header .checkout-card-header.text-decoration-none *, .card h2.card-header.text-decoration-none * { text-decoration: none; } .product-detail .card .card-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom), .product-detail .card .card-header h2, .product-detail .card .card-header h3, .product-detail .card .card-header h4, .product-detail .card .card-header .checkout-card-header, .product-detail .card h2.card-header { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .product-detail .card .card-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom), .product-detail .card .card-header h2, .product-detail .card .card-header h3, .product-detail .card .card-header h4, .product-detail .card .card-header .checkout-card-header, .product-detail .card h2.card-header { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .product-detail .card .card-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom), .product-detail .card .card-header h2, .product-detail .card .card-header h3, .product-detail .card .card-header h4, .product-detail .card .card-header .checkout-card-header, .product-detail .card h2.card-header { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .product-detail .card .card-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom).text-decoration-none *, .product-detail .card .card-header h2.text-decoration-none *, .product-detail .card .card-header h3.text-decoration-none *, .product-detail .card .card-header h4.text-decoration-none *, .product-detail .card .card-header .checkout-card-header.text-decoration-none *, .product-detail .card h2.card-header.text-decoration-none * { text-decoration: none; } .card .card-body { background-color: #FFFFFF; color: var(--base-font-color, #091010); padding: 24px; border-top-left-radius: var(--border-radius, 0px); border-top-right-radius: var(--border-radius, 0px); } .card .card-body:last-child { border-bottom-left-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px); } .card .card-body:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; } .card .card-header ~ .card-body { padding: 0 24px 24px 24px; } .card .card-footer { background-color: #FFFFFF; color: #091010; padding: 24px 24px 24px 24px; } .card .card-footer a { color: #091010; } .card .card-header, .card .card-body, .card .card-footer { border-top: 0; border-left: 0; border-right: 0; border-bottom: 0; } .card:first-child { border-top-left-radius: var(--border-radius, 0px); border-top-right-radius: var(--border-radius, 0px); } .card:first-child .card-header { border-top: 0; border-top-left-radius: calc(var(--border-radius, 0px) - 1px); border-top-right-radius: calc(var(--border-radius, 0px) - 1px); } .card + .card { border-top: 0; border-top-left-radius: 0px; border-top-right-radius: 0px; } .card + .card:last-child { border-bottom-left-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px); } .card + .card .card-body:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .card .card { margin: -1px; } .card:last-child { border-top: 0; border-bottom-left-radius: var(--border-radius, 0px); border-bottom-right-radius: var(--border-radius, 0px); } .card:last-child .card-header:last-child, .card:last-child .card-body:last-child, .card:last-child .card-footer:last-child { border-bottom-left-radius: calc(var(--border-radius, 0px) - 1px); border-bottom-right-radius: calc(var(--border-radius, 0px) - 1px); } .card:only-child { border-top: 1px solid #F2F1F0; border-bottom: 1px solid #F2F1F0; border-radius: var(--border-radius, 0px); } .card:only-child .card-header { border-top: 0; } .card:only-child .card-header:only-child, .card:only-child .card-body:only-child, .card:only-child .card-footer:only-child { border-radius: calc(var(--border-radius, 0px) - 1px); } .card.ghost { opacity: 0.5; } .card.aside { border: 1px solid #F2F1F0; border-width: 1px 0; } .card.aside .card-header { border: none; } .card.aside .card-header .card-title { font-size: 13px; font-weight: bold; line-height: 18px; padding-top: 24px; padding-left: 0; padding-right: 24px; padding-bottom: 24px; } .card.aside .card-body { padding: 0; border: none; z-index: 1; } .card.aside .card-footer { border: none; } .card.no-borders { border: none; } .card.no-borders .card-header, .card.no-borders .card-title, .card.no-borders .card-body, .card.no-borders .card-footer { border: none; padding-left: 0; padding-right: 0; } .card p:not([class*='font-size-']):not([class*='p--']) span:not([class*='font-size-']):not([class*='p--']):not([class*='label']) { font-size: var(--base-font-size, 16px); } .carousel .icon-prev, .carousel .icon-next { background-color: #FFFFFF; font-size: 18px; padding: 16px; color: #091010; } .carousel .icon-prev:before { content: "\E909"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .carousel .icon-prev[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .carousel .icon-prev[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .carousel .icon-prev[class*="btn-"]:not(.title).icon-before:before, .carousel .icon-prev[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .carousel .icon-prev[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .carousel .icon-prev[class*="btn-"]:not(.title).btn-sm, .carousel .btn-group-sm > .icon-prev.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .carousel .icon-prev[class*="btn-"]:not(.title).btn-sm:before, .carousel .btn-group-sm > .icon-prev.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .carousel .icon-prev[class*="btn-"]:not(.title).btn-sm.icon-before:before, .carousel .btn-group-sm > .icon-prev.btn[class*="btn-"]:not(.title).icon-before:before, .carousel .icon-prev[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .carousel .btn-group-sm > .icon-prev.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .carousel .icon-prev[class*="btn-"]:not(.title).btn-sm.icon-after:after, .carousel .btn-group-sm > .icon-prev.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .carousel .icon-prev[class*="btn-"]:not(.title) [class*="icon-"], .carousel .icon-prev[class*="btn-"]:not(.title) [class^="icon-"], .carousel .icon-prev[class*="btn-"]:not(.title) .fa { display: none; } .carousel .icon-next:before { content: "\E90B"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .carousel .icon-next[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .carousel .icon-next[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .carousel .icon-next[class*="btn-"]:not(.title).icon-before:before, .carousel .icon-next[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .carousel .icon-next[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .carousel .icon-next[class*="btn-"]:not(.title).btn-sm, .carousel .btn-group-sm > .icon-next.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .carousel .icon-next[class*="btn-"]:not(.title).btn-sm:before, .carousel .btn-group-sm > .icon-next.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .carousel .icon-next[class*="btn-"]:not(.title).btn-sm.icon-before:before, .carousel .btn-group-sm > .icon-next.btn[class*="btn-"]:not(.title).icon-before:before, .carousel .icon-next[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .carousel .btn-group-sm > .icon-next.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .carousel .icon-next[class*="btn-"]:not(.title).btn-sm.icon-after:after, .carousel .btn-group-sm > .icon-next.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .carousel .icon-next[class*="btn-"]:not(.title) [class*="icon-"], .carousel .icon-next[class*="btn-"]:not(.title) [class^="icon-"], .carousel .icon-next[class*="btn-"]:not(.title) .fa { display: none; } .carousel .carousel-control-prev { justify-content: flex-start; } .carousel .carousel-control-next { justify-content: flex-end; } .category-tile { display: block; position: relative; text-align: center; text-decoration: none; } .category-tile:hover { text-decoration: none; } @media (min-width: 769px) { .category-tile.zoom .image-wrapper { will-change: transform; transition: transform 200ms ease-out; } .category-tile.zoom:hover .image-wrapper { transform: scale(1.2); } } .category-tile .image-cropper { border-radius: var(--border-radius, 0px); overflow: hidden; margin: auto; width: 100%; max-width: 100%; max-height: 100%; } .category-tile.rounded .image-cropper { border-radius: 50%; } .category-tile .image-wrapper { width: 100%; position: relative; } .category-tile .image-wrapper .background-image { background-repeat: no-repeat; background-size: cover; background-position: center; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .category-tile .image-wrapper-custom .background-image-tablet, .category-tile .image-wrapper-custom .background-image-desktop { display: none; } @media (min-width: 769px) { .category-tile .image-wrapper-custom .background-image-mobile, .category-tile .image-wrapper-custom .background-image-desktop { display: none; } .category-tile .image-wrapper-custom .background-image-tablet { display: block; } } @media (min-width: 1024px) { .category-tile .image-wrapper-custom .background-image-mobile, .category-tile .image-wrapper-custom .background-image-tablet { display: none; } .category-tile .image-wrapper-custom .background-image-desktop { display: block; } } .category-tile .image-wrapper .video-container .video-aspect-ratio { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); padding-top: calc(9 / 16 * 100%); padding-left: calc(16 / 9 * 100vh); width: 0; height: 0; min-height: 100%; min-width: 100%; } .category-tile .image-wrapper .video-container .video-aspect-ratio .video-player { position: static; pointer-events: none; } .category-tile .image-wrapper .video-container .video-aspect-ratio iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .category-tile .image-wrapper .video-container .video-aspect-ratio iframe.video-player { position: absolute; } .category-tile .category-tile-text .primary-text:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--base-font-size, 16px) + 2px); font-family: var(--b4-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; font-size: var(--b4-mobile-size, 12px); line-height: 1; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; } @media (min-width: 769px) { .category-tile .category-tile-text .primary-text:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: var(--b4-tablet-size, var(--b4-mobile-size, 12px)); line-height: 1; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; } } @media (min-width: 1024px) { .category-tile .category-tile-text .primary-text:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: var(--b4-desktop-size, var(--b4-mobile-size, 12px)); line-height: 1; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; } } .category-tile .category-tile-text .primary-text:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom).text-decoration-none * { text-decoration: none; } .category-tile .category-tile-text .secondary-text:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--base-font-size, 16px) + 0px); } .category-tile.text-placement-below .category-tile-text { margin-top: 16px; } .category-tile.text-placement-inside::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(9, 16, 16, 0.3); border-radius: var(--border-radius, 0px); } .category-tile.text-placement-inside .category-tile-text { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); color: #FFFFFF; z-index: 1; text-shadow: 0 0 2px rgba(9, 16, 16, 0.6); } .category-tile.aspect-ratio-square .image-wrapper::after { display: block; content: ""; clear: both; } .category-tile.aspect-ratio-square .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1 * 100%); } .category-tile.aspect-ratio-landscape .image-wrapper::after { display: block; content: ""; clear: both; } .category-tile.aspect-ratio-landscape .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1.5 * 100%); } .category-tile.aspect-ratio-portrait .image-wrapper::after { display: block; content: ""; clear: both; } .category-tile.aspect-ratio-portrait .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1.5 / 1 * 100%); } @media (max-width: 543.98px) { .collapsible-xs { border-color: transparent; } .collapsible-xs.inverse .card-header, .collapsible-xs.inverse .title, .collapsible-xs.inverse .title.card-title { background: #091010; color: #FFFFFF; } .collapsible-xs.inverse .card-header:after, .collapsible-xs.inverse .title:after, .collapsible-xs.inverse .title.card-title:after { color: #FFFFFF; } .collapsible-xs.inverse .card-body, .collapsible-xs.inverse .content { background-color: #091010; color: #FFFFFF; } .collapsible-xs .card-header { padding: 0; border-color: transparent; border-radius: 0; } .collapsible-xs .card-header:first-child { border-radius: 0; } .collapsible-xs .card-header:last-child { border-radius: 0; } .collapsible-xs .card-header button { text-align: left; display: block; width: 100%; } .collapsible-xs .card-header button:focus { z-index: 1; } .collapsible-xs .title, .collapsible-xs .title.card-title { background-color: #FFFFFF; color: #091010; padding-top: 24px; padding-right: 0px; padding-bottom: 24px; padding-left: 36px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 0; cursor: pointer; font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; display: flex; align-items: center; } .collapsible-xs .title:after, .collapsible-xs .title.card-title:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .collapsible-xs .title[class*="btn-"]:not(.title), .collapsible-xs .title.card-title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-xs .title[class*="btn-"]:not(.title):after, .collapsible-xs .title.card-title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .collapsible-xs .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xs .title.card-title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs .title.card-title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-xs .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-xs .title.card-title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-xs .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xs .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-xs .title.card-title[class*="btn-"]:not(.title).btn-sm, .collapsible-xs .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-xs .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xs .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xs .title.card-title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xs .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .collapsible-xs .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xs .btn-group-sm > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xs .btn-group-sm > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xs .title.card-title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xs .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs .title.card-title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xs .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-xs .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xs .btn-group-sm > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-xs .title.card-title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xs .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-xs .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xs .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xs .title[class*="btn-"]:not(.title) .fa, .collapsible-xs .title.card-title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xs .title.card-title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xs .title.card-title[class*="btn-"]:not(.title) .fa { display: none; } } @media (max-width: 543.98px) and (min-width: 769px) { .collapsible-xs .title, .collapsible-xs .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 543.98px) and (min-width: 1024px) { .collapsible-xs .title, .collapsible-xs .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 543.98px) { .collapsible-xs .title.text-decoration-none *, .collapsible-xs .title.card-title.text-decoration-none * { text-decoration: none; } .product-detail .main-content-group .collapsible-xs .title, .product-detail .main-content-group .collapsible-xs .title.card-title { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 543.98px) and (min-width: 769px) { .product-detail .main-content-group .collapsible-xs .title, .product-detail .main-content-group .collapsible-xs .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 543.98px) and (min-width: 1024px) { .product-detail .main-content-group .collapsible-xs .title, .product-detail .main-content-group .collapsible-xs .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 543.98px) { .product-detail .main-content-group .collapsible-xs .title.text-decoration-none *, .product-detail .main-content-group .collapsible-xs .title.card-title.text-decoration-none * { text-decoration: none; } } @media (max-width: 543.98px) and (min-width: 1024px) { .collapsible-xs .title, .collapsible-xs .title.card-title { padding-top: 32px; padding-right: 0px; padding-bottom: 32px; padding-left: 36px; } } @media (max-width: 543.98px) { .collapsible-xs .title::after, .collapsible-xs .title.card-title::after { position: absolute; top: unset; left: 0; } .collapsible-xs .content, .collapsible-xs.card .card-header ~ .card-body, .collapsible-xs .card-body { display: none; border-radius: 0; padding-top: 0px; padding-bottom: 32px; padding-left: calc( 16px / 2); padding-right: calc( 16px / 2); } } @media (max-width: 543.98px) and (min-width: 769px) { .collapsible-xs .content, .collapsible-xs.card .card-header ~ .card-body, .collapsible-xs .card-body { padding-right: 32px; padding-left: 32px; } } @media (max-width: 543.98px) { .collapsible-xs .content:first-child, .collapsible-xs.card .card-header ~ .card-body:first-child, .collapsible-xs .card-body:first-child { border-radius: 0; } .collapsible-xs .content:last-child, .collapsible-xs.card .card-header ~ .card-body:last-child, .collapsible-xs .card-body:last-child { border-radius: 0; border-bottom: none; } .collapsible-xs:not(:last-child) { margin-bottom: 0; border-bottom: none; border-radius: 0; } .collapsible-xs:not(:last-child) + .collapsible-xs { border-radius: 0; } .collapsible-xs.aside .title::after, .collapsible-xs.no-borders .title::after { right: 0; left: unset; } .collapsible-xs.aside .title::after { top: 24px; } .collapsible-xs.no-borders .title::after { top: 24px; } .collapsible-xs:first-child .card-header, .collapsible-xs:first-child .card-title { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px) 0 0; } .collapsible-xs:last-child .card-header, .collapsible-xs:last-child .card-title, .collapsible-xs:last-child .card-body { border-radius: 0 0 calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px); } .collapsible-xs:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid transparent; } .collapsible-xs.active > .card-header > .title:after, .collapsible-xs.active > .title:after, .collapsible-xs.active > .content-asset > .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title), .collapsible-xs.active > .title[class*="btn-"]:not(.title), .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title):after, .collapsible-xs.active > .title[class*="btn-"]:not(.title):after, .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xs.active > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-xs.active > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xs.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title), .collapsible-xs.active > .title[class*="btn-"]:not(.title).btn-sm, .btn-group-sm.collapsible-xs.active > .title.btn[class*="btn-"]:not(.title), .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xs.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xs.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xs.active > .title[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm.collapsible-xs.active > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xs.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xs.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xs.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xs.active > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm.collapsible-xs.active > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm.collapsible-xs.active > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xs.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xs.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xs.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-xs.active > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm.collapsible-xs.active > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xs.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xs.active > .card-header > .title[class*="btn-"]:not(.title) .fa, .collapsible-xs.active > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xs.active > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xs.active > .title[class*="btn-"]:not(.title) .fa, .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xs.active > .content-asset > .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-xs.active > .content, .collapsible-xs.active > .content-asset > .content, .collapsible-xs.active > .card-body, .collapsible-xs.active.card .card-header ~ .card-body { display: block; } .collapsible-xs.active > .content > .content:not(.values), .collapsible-xs.active > .content-asset > .content > .content:not(.values), .collapsible-xs.active > .card-body > .content:not(.values), .collapsible-xs.active.card .card-header ~ .card-body > .content:not(.values) { display: block; } .collapsible-xs.active:last-child .card-header, .collapsible-xs.active:last-child .card-title { border-radius: 0; border-bottom: none; } .collapsible-xs.active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: 1px solid transparent; } .collapsible-xs.active.inverse > .card-header > .title:after, .collapsible-xs.active.inverse > .title:after, .collapsible-xs.active.inverse > .content-asset > .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; } .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title), .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title), .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title):after, .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title):after, .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xs.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title), .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title).btn-sm, .btn-group-sm.collapsible-xs.active.inverse > .title.btn[class*="btn-"]:not(.title), .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xs.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xs.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm.collapsible-xs.active.inverse > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xs.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xs.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xs.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm.collapsible-xs.active.inverse > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm.collapsible-xs.active.inverse > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xs.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xs.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xs.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm.collapsible-xs.active.inverse > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xs.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xs.active.inverse > .card-header > .title[class*="btn-"]:not(.title) .fa, .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xs.active.inverse > .title[class*="btn-"]:not(.title) .fa, .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xs.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) .fa { display: none; } } @media (max-width: 768.98px) { .collapsible-sm { border-color: transparent; } .collapsible-sm.inverse .card-header, .collapsible-sm.inverse .title, .collapsible-sm.inverse .title.card-title { background: #091010; color: #FFFFFF; } .collapsible-sm.inverse .card-header:after, .collapsible-sm.inverse .title:after, .collapsible-sm.inverse .title.card-title:after { color: #FFFFFF; } .collapsible-sm.inverse .card-body, .collapsible-sm.inverse .content { background-color: #091010; color: #FFFFFF; } .collapsible-sm .card-header { padding: 0; border-color: transparent; border-radius: 0; } .collapsible-sm .card-header:first-child { border-radius: 0; } .collapsible-sm .card-header:last-child { border-radius: 0; } .collapsible-sm .card-header button { text-align: left; display: block; width: 100%; } .collapsible-sm .card-header button:focus { z-index: 1; } .collapsible-sm .title, .collapsible-sm .title.card-title { background-color: #FFFFFF; color: #091010; padding-top: 24px; padding-right: 0px; padding-bottom: 24px; padding-left: 36px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 0; cursor: pointer; font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; display: flex; align-items: center; } .collapsible-sm .title:after, .collapsible-sm .title.card-title:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .collapsible-sm .title[class*="btn-"]:not(.title), .collapsible-sm .title.card-title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-sm .title[class*="btn-"]:not(.title):after, .collapsible-sm .title.card-title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .collapsible-sm .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-sm .title.card-title[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm .title.card-title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-sm .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-sm .title.card-title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-sm .title[class*="btn-"]:not(.title).btn-sm, .collapsible-sm .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-sm .title.card-title[class*="btn-"]:not(.title).btn-sm, .collapsible-sm .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-sm .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-sm .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-sm .title.card-title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-sm .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .collapsible-sm .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-sm .btn-group-sm > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-sm .btn-group-sm > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-sm .title.card-title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-sm .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm .title.card-title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-sm .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-sm .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-sm .btn-group-sm > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-sm .title.card-title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-sm .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-sm .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-sm .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-sm .title[class*="btn-"]:not(.title) .fa, .collapsible-sm .title.card-title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-sm .title.card-title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-sm .title.card-title[class*="btn-"]:not(.title) .fa { display: none; } } @media (max-width: 768.98px) and (min-width: 769px) { .collapsible-sm .title, .collapsible-sm .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 768.98px) and (min-width: 1024px) { .collapsible-sm .title, .collapsible-sm .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 768.98px) { .collapsible-sm .title.text-decoration-none *, .collapsible-sm .title.card-title.text-decoration-none * { text-decoration: none; } .product-detail .main-content-group .collapsible-sm .title, .product-detail .main-content-group .collapsible-sm .title.card-title { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 768.98px) and (min-width: 769px) { .product-detail .main-content-group .collapsible-sm .title, .product-detail .main-content-group .collapsible-sm .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 768.98px) and (min-width: 1024px) { .product-detail .main-content-group .collapsible-sm .title, .product-detail .main-content-group .collapsible-sm .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 768.98px) { .product-detail .main-content-group .collapsible-sm .title.text-decoration-none *, .product-detail .main-content-group .collapsible-sm .title.card-title.text-decoration-none * { text-decoration: none; } } @media (max-width: 768.98px) and (min-width: 1024px) { .collapsible-sm .title, .collapsible-sm .title.card-title { padding-top: 32px; padding-right: 0px; padding-bottom: 32px; padding-left: 36px; } } @media (max-width: 768.98px) { .collapsible-sm .title::after, .collapsible-sm .title.card-title::after { position: absolute; top: unset; left: 0; } .collapsible-sm .content, .collapsible-sm.card .card-header ~ .card-body, .collapsible-sm .card-body { display: none; border-radius: 0; padding-top: 0px; padding-bottom: 32px; padding-left: calc( 16px / 2); padding-right: calc( 16px / 2); } } @media (max-width: 768.98px) and (min-width: 769px) { .collapsible-sm .content, .collapsible-sm.card .card-header ~ .card-body, .collapsible-sm .card-body { padding-right: 32px; padding-left: 32px; } } @media (max-width: 768.98px) { .collapsible-sm .content:first-child, .collapsible-sm.card .card-header ~ .card-body:first-child, .collapsible-sm .card-body:first-child { border-radius: 0; } .collapsible-sm .content:last-child, .collapsible-sm.card .card-header ~ .card-body:last-child, .collapsible-sm .card-body:last-child { border-radius: 0; border-bottom: none; } .collapsible-sm:not(:last-child) { margin-bottom: 0; border-bottom: none; border-radius: 0; } .collapsible-sm:not(:last-child) + .collapsible-sm { border-radius: 0; } .collapsible-sm.aside .title::after, .collapsible-sm.no-borders .title::after { right: 0; left: unset; } .collapsible-sm.aside .title::after { top: 24px; } .collapsible-sm.no-borders .title::after { top: 24px; } .collapsible-sm:first-child .card-header, .collapsible-sm:first-child .card-title { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px) 0 0; } .collapsible-sm:last-child .card-header, .collapsible-sm:last-child .card-title, .collapsible-sm:last-child .card-body { border-radius: 0 0 calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px); } .collapsible-sm:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid transparent; } .collapsible-sm.active > .card-header > .title:after, .collapsible-sm.active > .title:after, .collapsible-sm.active > .content-asset > .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title), .collapsible-sm.active > .title[class*="btn-"]:not(.title), .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title):after, .collapsible-sm.active > .title[class*="btn-"]:not(.title):after, .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-sm.active > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-sm.active > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-sm.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title), .collapsible-sm.active > .title[class*="btn-"]:not(.title).btn-sm, .btn-group-sm.collapsible-sm.active > .title.btn[class*="btn-"]:not(.title), .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-sm.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-sm.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):after, .collapsible-sm.active > .title[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm.collapsible-sm.active > .title.btn[class*="btn-"]:not(.title):after, .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-sm.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-sm.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-sm.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-sm.active > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm.collapsible-sm.active > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm.collapsible-sm.active > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-sm.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-sm.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-sm.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-sm.active > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm.collapsible-sm.active > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-sm.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-sm.active > .card-header > .title[class*="btn-"]:not(.title) .fa, .collapsible-sm.active > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-sm.active > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-sm.active > .title[class*="btn-"]:not(.title) .fa, .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-sm.active > .content-asset > .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-sm.active > .content, .collapsible-sm.active > .content-asset > .content, .collapsible-sm.active > .card-body, .collapsible-sm.active.card .card-header ~ .card-body { display: block; } .collapsible-sm.active > .content > .content:not(.values), .collapsible-sm.active > .content-asset > .content > .content:not(.values), .collapsible-sm.active > .card-body > .content:not(.values), .collapsible-sm.active.card .card-header ~ .card-body > .content:not(.values) { display: block; } .collapsible-sm.active:last-child .card-header, .collapsible-sm.active:last-child .card-title { border-radius: 0; border-bottom: none; } .collapsible-sm.active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: 1px solid transparent; } .collapsible-sm.active.inverse > .card-header > .title:after, .collapsible-sm.active.inverse > .title:after, .collapsible-sm.active.inverse > .content-asset > .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; } .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title), .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title), .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title):after, .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title):after, .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-sm.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title), .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title).btn-sm, .btn-group-sm.collapsible-sm.active.inverse > .title.btn[class*="btn-"]:not(.title), .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-sm.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-sm.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):after, .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm.collapsible-sm.active.inverse > .title.btn[class*="btn-"]:not(.title):after, .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-sm.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-sm.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-sm.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm.collapsible-sm.active.inverse > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm.collapsible-sm.active.inverse > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-sm.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-sm.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-sm.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm.collapsible-sm.active.inverse > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-sm.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-sm.active.inverse > .card-header > .title[class*="btn-"]:not(.title) .fa, .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-sm.active.inverse > .title[class*="btn-"]:not(.title) .fa, .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-sm.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) .fa { display: none; } } @media (max-width: 1023.98px) { .collapsible-md { border-color: transparent; } .collapsible-md.inverse .card-header, .collapsible-md.inverse .title, .collapsible-md.inverse .title.card-title { background: #091010; color: #FFFFFF; } .collapsible-md.inverse .card-header:after, .collapsible-md.inverse .title:after, .collapsible-md.inverse .title.card-title:after { color: #FFFFFF; } .collapsible-md.inverse .card-body, .collapsible-md.inverse .content { background-color: #091010; color: #FFFFFF; } .collapsible-md .card-header { padding: 0; border-color: transparent; border-radius: 0; } .collapsible-md .card-header:first-child { border-radius: 0; } .collapsible-md .card-header:last-child { border-radius: 0; } .collapsible-md .card-header button { text-align: left; display: block; width: 100%; } .collapsible-md .card-header button:focus { z-index: 1; } .collapsible-md .title, .collapsible-md .title.card-title { background-color: #FFFFFF; color: #091010; padding-top: 24px; padding-right: 0px; padding-bottom: 24px; padding-left: 36px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 0; cursor: pointer; font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; display: flex; align-items: center; } .collapsible-md .title:after, .collapsible-md .title.card-title:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .collapsible-md .title[class*="btn-"]:not(.title), .collapsible-md .title.card-title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-md .title[class*="btn-"]:not(.title):after, .collapsible-md .title.card-title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .collapsible-md .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-md .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-md .title.card-title[class*="btn-"]:not(.title).icon-before:before, .collapsible-md .title.card-title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-md .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-md .title.card-title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-md .title[class*="btn-"]:not(.title).btn-sm, .collapsible-md .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-md .title.card-title[class*="btn-"]:not(.title).btn-sm, .collapsible-md .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-md .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-md .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-md .title.card-title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-md .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .collapsible-md .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-md .btn-group-sm > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-md .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-md .btn-group-sm > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-md .title.card-title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-md .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-md .title.card-title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-md .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-md .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-md .btn-group-sm > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-md .title.card-title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-md .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-md .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-md .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-md .title[class*="btn-"]:not(.title) .fa, .collapsible-md .title.card-title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-md .title.card-title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-md .title.card-title[class*="btn-"]:not(.title) .fa { display: none; } } @media (max-width: 1023.98px) and (min-width: 769px) { .collapsible-md .title, .collapsible-md .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 1023.98px) and (min-width: 1024px) { .collapsible-md .title, .collapsible-md .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 1023.98px) { .collapsible-md .title.text-decoration-none *, .collapsible-md .title.card-title.text-decoration-none * { text-decoration: none; } .product-detail .main-content-group .collapsible-md .title, .product-detail .main-content-group .collapsible-md .title.card-title { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 1023.98px) and (min-width: 769px) { .product-detail .main-content-group .collapsible-md .title, .product-detail .main-content-group .collapsible-md .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 1023.98px) and (min-width: 1024px) { .product-detail .main-content-group .collapsible-md .title, .product-detail .main-content-group .collapsible-md .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 1023.98px) { .product-detail .main-content-group .collapsible-md .title.text-decoration-none *, .product-detail .main-content-group .collapsible-md .title.card-title.text-decoration-none * { text-decoration: none; } } @media (max-width: 1023.98px) and (min-width: 1024px) { .collapsible-md .title, .collapsible-md .title.card-title { padding-top: 32px; padding-right: 0px; padding-bottom: 32px; padding-left: 36px; } } @media (max-width: 1023.98px) { .collapsible-md .title::after, .collapsible-md .title.card-title::after { position: absolute; top: unset; left: 0; } .collapsible-md .content, .collapsible-md.card .card-header ~ .card-body, .collapsible-md .card-body { display: none; border-radius: 0; padding-top: 0px; padding-bottom: 32px; padding-left: calc( 16px / 2); padding-right: calc( 16px / 2); } } @media (max-width: 1023.98px) and (min-width: 769px) { .collapsible-md .content, .collapsible-md.card .card-header ~ .card-body, .collapsible-md .card-body { padding-right: 32px; padding-left: 32px; } } @media (max-width: 1023.98px) { .collapsible-md .content:first-child, .collapsible-md.card .card-header ~ .card-body:first-child, .collapsible-md .card-body:first-child { border-radius: 0; } .collapsible-md .content:last-child, .collapsible-md.card .card-header ~ .card-body:last-child, .collapsible-md .card-body:last-child { border-radius: 0; border-bottom: none; } .collapsible-md:not(:last-child) { margin-bottom: 0; border-bottom: none; border-radius: 0; } .collapsible-md:not(:last-child) + .collapsible-md { border-radius: 0; } .collapsible-md.aside .title::after, .collapsible-md.no-borders .title::after { right: 0; left: unset; } .collapsible-md.aside .title::after { top: 24px; } .collapsible-md.no-borders .title::after { top: 24px; } .collapsible-md:first-child .card-header, .collapsible-md:first-child .card-title { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px) 0 0; } .collapsible-md:last-child .card-header, .collapsible-md:last-child .card-title, .collapsible-md:last-child .card-body { border-radius: 0 0 calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px); } .collapsible-md:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid transparent; } .collapsible-md.active > .card-header > .title:after, .collapsible-md.active > .title:after, .collapsible-md.active > .content-asset > .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title), .collapsible-md.active > .title[class*="btn-"]:not(.title), .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title):after, .collapsible-md.active > .title[class*="btn-"]:not(.title):after, .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-md.active > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-md.active > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-md.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title), .collapsible-md.active > .title[class*="btn-"]:not(.title).btn-sm, .btn-group-sm.collapsible-md.active > .title.btn[class*="btn-"]:not(.title), .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-md.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-md.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):after, .collapsible-md.active > .title[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm.collapsible-md.active > .title.btn[class*="btn-"]:not(.title):after, .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-md.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-md.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-md.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-md.active > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm.collapsible-md.active > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm.collapsible-md.active > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-md.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-md.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-md.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-md.active > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm.collapsible-md.active > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-md.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-md.active > .card-header > .title[class*="btn-"]:not(.title) .fa, .collapsible-md.active > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-md.active > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-md.active > .title[class*="btn-"]:not(.title) .fa, .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-md.active > .content-asset > .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-md.active > .content, .collapsible-md.active > .content-asset > .content, .collapsible-md.active > .card-body, .collapsible-md.active.card .card-header ~ .card-body { display: block; } .collapsible-md.active > .content > .content:not(.values), .collapsible-md.active > .content-asset > .content > .content:not(.values), .collapsible-md.active > .card-body > .content:not(.values), .collapsible-md.active.card .card-header ~ .card-body > .content:not(.values) { display: block; } .collapsible-md.active:last-child .card-header, .collapsible-md.active:last-child .card-title { border-radius: 0; border-bottom: none; } .collapsible-md.active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: 1px solid transparent; } .collapsible-md.active.inverse > .card-header > .title:after, .collapsible-md.active.inverse > .title:after, .collapsible-md.active.inverse > .content-asset > .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; } .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title), .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title), .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title):after, .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title):after, .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-md.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title), .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title).btn-sm, .btn-group-sm.collapsible-md.active.inverse > .title.btn[class*="btn-"]:not(.title), .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-md.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-md.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):after, .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm.collapsible-md.active.inverse > .title.btn[class*="btn-"]:not(.title):after, .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-md.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-md.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-md.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm.collapsible-md.active.inverse > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm.collapsible-md.active.inverse > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-md.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-md.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-md.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm.collapsible-md.active.inverse > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-md.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-md.active.inverse > .card-header > .title[class*="btn-"]:not(.title) .fa, .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-md.active.inverse > .title[class*="btn-"]:not(.title) .fa, .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-md.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) .fa { display: none; } } @media (max-width: 1439.98px) { .collapsible-lg { border-color: transparent; } .collapsible-lg.inverse .card-header, .collapsible-lg.inverse .title, .collapsible-lg.inverse .title.card-title { background: #091010; color: #FFFFFF; } .collapsible-lg.inverse .card-header:after, .collapsible-lg.inverse .title:after, .collapsible-lg.inverse .title.card-title:after { color: #FFFFFF; } .collapsible-lg.inverse .card-body, .collapsible-lg.inverse .content { background-color: #091010; color: #FFFFFF; } .collapsible-lg .card-header { padding: 0; border-color: transparent; border-radius: 0; } .collapsible-lg .card-header:first-child { border-radius: 0; } .collapsible-lg .card-header:last-child { border-radius: 0; } .collapsible-lg .card-header button { text-align: left; display: block; width: 100%; } .collapsible-lg .card-header button:focus { z-index: 1; } .collapsible-lg .title, .collapsible-lg .title.card-title { background-color: #FFFFFF; color: #091010; padding-top: 24px; padding-right: 0px; padding-bottom: 24px; padding-left: 36px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 0; cursor: pointer; font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; display: flex; align-items: center; } .collapsible-lg .title:after, .collapsible-lg .title.card-title:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .collapsible-lg .title[class*="btn-"]:not(.title), .collapsible-lg .title.card-title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-lg .title[class*="btn-"]:not(.title):after, .collapsible-lg .title.card-title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .collapsible-lg .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-lg .title.card-title[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg .title.card-title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-lg .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-lg .title.card-title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-lg .title[class*="btn-"]:not(.title).btn-sm, .collapsible-lg .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-lg .title.card-title[class*="btn-"]:not(.title).btn-sm, .collapsible-lg .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-lg .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-lg .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-lg .title.card-title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-lg .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .collapsible-lg .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-lg .btn-group-sm > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-lg .btn-group-sm > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-lg .title.card-title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-lg .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg .title.card-title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-lg .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-lg .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-lg .btn-group-sm > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-lg .title.card-title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-lg .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-lg .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-lg .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-lg .title[class*="btn-"]:not(.title) .fa, .collapsible-lg .title.card-title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-lg .title.card-title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-lg .title.card-title[class*="btn-"]:not(.title) .fa { display: none; } } @media (max-width: 1439.98px) and (min-width: 769px) { .collapsible-lg .title, .collapsible-lg .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 1439.98px) and (min-width: 1024px) { .collapsible-lg .title, .collapsible-lg .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 1439.98px) { .collapsible-lg .title.text-decoration-none *, .collapsible-lg .title.card-title.text-decoration-none * { text-decoration: none; } .product-detail .main-content-group .collapsible-lg .title, .product-detail .main-content-group .collapsible-lg .title.card-title { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 1439.98px) and (min-width: 769px) { .product-detail .main-content-group .collapsible-lg .title, .product-detail .main-content-group .collapsible-lg .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 1439.98px) and (min-width: 1024px) { .product-detail .main-content-group .collapsible-lg .title, .product-detail .main-content-group .collapsible-lg .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (max-width: 1439.98px) { .product-detail .main-content-group .collapsible-lg .title.text-decoration-none *, .product-detail .main-content-group .collapsible-lg .title.card-title.text-decoration-none * { text-decoration: none; } } @media (max-width: 1439.98px) and (min-width: 1024px) { .collapsible-lg .title, .collapsible-lg .title.card-title { padding-top: 32px; padding-right: 0px; padding-bottom: 32px; padding-left: 36px; } } @media (max-width: 1439.98px) { .collapsible-lg .title::after, .collapsible-lg .title.card-title::after { position: absolute; top: unset; left: 0; } .collapsible-lg .content, .collapsible-lg.card .card-header ~ .card-body, .collapsible-lg .card-body { display: none; border-radius: 0; padding-top: 0px; padding-bottom: 32px; padding-left: calc( 16px / 2); padding-right: calc( 16px / 2); } } @media (max-width: 1439.98px) and (min-width: 769px) { .collapsible-lg .content, .collapsible-lg.card .card-header ~ .card-body, .collapsible-lg .card-body { padding-right: 32px; padding-left: 32px; } } @media (max-width: 1439.98px) { .collapsible-lg .content:first-child, .collapsible-lg.card .card-header ~ .card-body:first-child, .collapsible-lg .card-body:first-child { border-radius: 0; } .collapsible-lg .content:last-child, .collapsible-lg.card .card-header ~ .card-body:last-child, .collapsible-lg .card-body:last-child { border-radius: 0; border-bottom: none; } .collapsible-lg:not(:last-child) { margin-bottom: 0; border-bottom: none; border-radius: 0; } .collapsible-lg:not(:last-child) + .collapsible-lg { border-radius: 0; } .collapsible-lg.aside .title::after, .collapsible-lg.no-borders .title::after { right: 0; left: unset; } .collapsible-lg.aside .title::after { top: 24px; } .collapsible-lg.no-borders .title::after { top: 24px; } .collapsible-lg:first-child .card-header, .collapsible-lg:first-child .card-title { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px) 0 0; } .collapsible-lg:last-child .card-header, .collapsible-lg:last-child .card-title, .collapsible-lg:last-child .card-body { border-radius: 0 0 calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px); } .collapsible-lg:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid transparent; } .collapsible-lg.active > .card-header > .title:after, .collapsible-lg.active > .title:after, .collapsible-lg.active > .content-asset > .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title), .collapsible-lg.active > .title[class*="btn-"]:not(.title), .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title):after, .collapsible-lg.active > .title[class*="btn-"]:not(.title):after, .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-lg.active > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-lg.active > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-lg.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title), .collapsible-lg.active > .title[class*="btn-"]:not(.title).btn-sm, .btn-group-sm.collapsible-lg.active > .title.btn[class*="btn-"]:not(.title), .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-lg.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-lg.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):after, .collapsible-lg.active > .title[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm.collapsible-lg.active > .title.btn[class*="btn-"]:not(.title):after, .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-lg.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-lg.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-lg.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-lg.active > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm.collapsible-lg.active > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm.collapsible-lg.active > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-lg.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-lg.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-lg.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-lg.active > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm.collapsible-lg.active > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-lg.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-lg.active > .card-header > .title[class*="btn-"]:not(.title) .fa, .collapsible-lg.active > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-lg.active > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-lg.active > .title[class*="btn-"]:not(.title) .fa, .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-lg.active > .content-asset > .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-lg.active > .content, .collapsible-lg.active > .content-asset > .content, .collapsible-lg.active > .card-body, .collapsible-lg.active.card .card-header ~ .card-body { display: block; } .collapsible-lg.active > .content > .content:not(.values), .collapsible-lg.active > .content-asset > .content > .content:not(.values), .collapsible-lg.active > .card-body > .content:not(.values), .collapsible-lg.active.card .card-header ~ .card-body > .content:not(.values) { display: block; } .collapsible-lg.active:last-child .card-header, .collapsible-lg.active:last-child .card-title { border-radius: 0; border-bottom: none; } .collapsible-lg.active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: 1px solid transparent; } .collapsible-lg.active.inverse > .card-header > .title:after, .collapsible-lg.active.inverse > .title:after, .collapsible-lg.active.inverse > .content-asset > .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; } .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title), .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title), .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title):after, .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title):after, .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-lg.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title), .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title).btn-sm, .btn-group-sm.collapsible-lg.active.inverse > .title.btn[class*="btn-"]:not(.title), .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-lg.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-lg.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):after, .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm.collapsible-lg.active.inverse > .title.btn[class*="btn-"]:not(.title):after, .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-lg.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-lg.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-lg.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm.collapsible-lg.active.inverse > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm.collapsible-lg.active.inverse > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-lg.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-lg.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-lg.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm.collapsible-lg.active.inverse > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-lg.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-lg.active.inverse > .card-header > .title[class*="btn-"]:not(.title) .fa, .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-lg.active.inverse > .title[class*="btn-"]:not(.title) .fa, .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-lg.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) .fa { display: none; } } .collapsible-xl { border-color: transparent; } .collapsible-xl.inverse .card-header, .collapsible-xl.inverse .title, .collapsible-xl.inverse .title.card-title { background: #091010; color: #FFFFFF; } .collapsible-xl.inverse .card-header:after, .collapsible-xl.inverse .title:after, .collapsible-xl.inverse .title.card-title:after { color: #FFFFFF; } .collapsible-xl.inverse .card-body, .collapsible-xl.inverse .content { background-color: #091010; color: #FFFFFF; } .collapsible-xl .card-header { padding: 0; border-color: transparent; border-radius: 0; } .collapsible-xl .card-header:first-child { border-radius: 0; } .collapsible-xl .card-header:last-child { border-radius: 0; } .collapsible-xl .card-header button { text-align: left; display: block; width: 100%; } .collapsible-xl .card-header button:focus { z-index: 1; } .collapsible-xl .title, .collapsible-xl .title.card-title { background-color: #FFFFFF; color: #091010; padding-top: 24px; padding-right: 0px; padding-bottom: 24px; padding-left: 36px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 0; cursor: pointer; font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; display: flex; align-items: center; } .collapsible-xl .title:after, .collapsible-xl .title.card-title:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .collapsible-xl .title[class*="btn-"]:not(.title), .collapsible-xl .title.card-title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-xl .title[class*="btn-"]:not(.title):after, .collapsible-xl .title.card-title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .collapsible-xl .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xl .title.card-title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl .title.card-title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-xl .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-xl .title.card-title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-xl .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xl .btn-group-sm > .title.btn[class*="btn-"]:not(.title), .collapsible-xl .title.card-title[class*="btn-"]:not(.title).btn-sm, .collapsible-xl .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-xl .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xl .btn-group-sm > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xl .title.card-title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xl .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .collapsible-xl .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xl .btn-group-sm > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xl .btn-group-sm > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xl .title.card-title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xl .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl .title.card-title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xl .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-xl .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xl .btn-group-sm > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-xl .title.card-title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xl .btn-group-sm > .title.card-title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-xl .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xl .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xl .title[class*="btn-"]:not(.title) .fa, .collapsible-xl .title.card-title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xl .title.card-title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xl .title.card-title[class*="btn-"]:not(.title) .fa { display: none; } @media (min-width: 769px) { .collapsible-xl .title, .collapsible-xl .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .collapsible-xl .title, .collapsible-xl .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .collapsible-xl .title.text-decoration-none *, .collapsible-xl .title.card-title.text-decoration-none * { text-decoration: none; } .product-detail .main-content-group .collapsible-xl .title, .product-detail .main-content-group .collapsible-xl .title.card-title { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .product-detail .main-content-group .collapsible-xl .title, .product-detail .main-content-group .collapsible-xl .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .product-detail .main-content-group .collapsible-xl .title, .product-detail .main-content-group .collapsible-xl .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .product-detail .main-content-group .collapsible-xl .title.text-decoration-none *, .product-detail .main-content-group .collapsible-xl .title.card-title.text-decoration-none * { text-decoration: none; } @media (min-width: 1024px) { .collapsible-xl .title, .collapsible-xl .title.card-title { padding-top: 32px; padding-right: 0px; padding-bottom: 32px; padding-left: 36px; } } .collapsible-xl .title::after, .collapsible-xl .title.card-title::after { position: absolute; top: unset; left: 0; } .collapsible-xl .content, .collapsible-xl.card .card-header ~ .card-body, .collapsible-xl .card-body { display: none; border-radius: 0; padding-top: 0px; padding-bottom: 32px; padding-left: calc( 16px / 2); padding-right: calc( 16px / 2); } @media (min-width: 769px) { .collapsible-xl .content, .collapsible-xl.card .card-header ~ .card-body, .collapsible-xl .card-body { padding-right: 32px; padding-left: 32px; } } .collapsible-xl .content:first-child, .collapsible-xl.card .card-header ~ .card-body:first-child, .collapsible-xl .card-body:first-child { border-radius: 0; } .collapsible-xl .content:last-child, .collapsible-xl.card .card-header ~ .card-body:last-child, .collapsible-xl .card-body:last-child { border-radius: 0; border-bottom: none; } .collapsible-xl:not(:last-child) { margin-bottom: 0; border-bottom: none; border-radius: 0; } .collapsible-xl:not(:last-child) + .collapsible-xl { border-radius: 0; } .collapsible-xl.aside .title::after, .collapsible-xl.no-borders .title::after { right: 0; left: unset; } .collapsible-xl.aside .title::after { top: 24px; } .collapsible-xl.no-borders .title::after { top: 24px; } .collapsible-xl:first-child .card-header, .collapsible-xl:first-child .card-title { border-radius: calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px) 0 0; } .collapsible-xl:last-child .card-header, .collapsible-xl:last-child .card-title, .collapsible-xl:last-child .card-body { border-radius: 0 0 calc(var(--border-radius, 0px) - 1px) calc(var(--border-radius, 0px) - 1px); } .collapsible-xl:last-child:not(.active):not(.aside):not(.no-borders) .card-header { border-bottom: 1px solid transparent; } .collapsible-xl.active > .card-header > .title:after, .collapsible-xl.active > .title:after, .collapsible-xl.active > .content-asset > .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title), .collapsible-xl.active > .title[class*="btn-"]:not(.title), .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title):after, .collapsible-xl.active > .title[class*="btn-"]:not(.title):after, .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xl.active > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-xl.active > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xl.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title), .collapsible-xl.active > .title[class*="btn-"]:not(.title).btn-sm, .btn-group-sm.collapsible-xl.active > .title.btn[class*="btn-"]:not(.title), .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xl.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xl.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xl.active > .title[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm.collapsible-xl.active > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xl.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xl.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xl.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xl.active > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm.collapsible-xl.active > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm.collapsible-xl.active > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xl.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xl.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xl.active > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-xl.active > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm.collapsible-xl.active > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xl.active > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xl.active > .card-header > .title[class*="btn-"]:not(.title) .fa, .collapsible-xl.active > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xl.active > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xl.active > .title[class*="btn-"]:not(.title) .fa, .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xl.active > .content-asset > .title[class*="btn-"]:not(.title) .fa { display: none; } .collapsible-xl.active > .content, .collapsible-xl.active > .content-asset > .content, .collapsible-xl.active > .card-body, .collapsible-xl.active.card .card-header ~ .card-body { display: block; } .collapsible-xl.active > .content > .content:not(.values), .collapsible-xl.active > .content-asset > .content > .content:not(.values), .collapsible-xl.active > .card-body > .content:not(.values), .collapsible-xl.active.card .card-header ~ .card-body > .content:not(.values) { display: block; } .collapsible-xl.active:last-child .card-header, .collapsible-xl.active:last-child .card-title { border-radius: 0; border-bottom: none; } .collapsible-xl.active:last-child:not(.aside):not(.no-borders) .card-body { border-bottom: 1px solid transparent; } .collapsible-xl.active.inverse > .card-header > .title:after, .collapsible-xl.active.inverse > .title:after, .collapsible-xl.active.inverse > .content-asset > .title:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; } .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title), .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title), .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title):after, .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title):after, .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title).icon-after:after, .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xl.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title), .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title).btn-sm, .btn-group-sm.collapsible-xl.active.inverse > .title.btn[class*="btn-"]:not(.title), .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm, .collapsible-xl.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xl.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm.collapsible-xl.active.inverse > .title.btn[class*="btn-"]:not(.title):after, .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:after, .collapsible-xl.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xl.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xl.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm.collapsible-xl.active.inverse > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm.collapsible-xl.active.inverse > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before, .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .collapsible-xl.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-before:before, .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .collapsible-xl.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xl.active.inverse > .btn-group-sm.card-header > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm.collapsible-xl.active.inverse > .title.btn[class*="btn-"]:not(.title).icon-after:after, .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .collapsible-xl.active.inverse > .btn-group-sm.content-asset > .title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xl.active.inverse > .card-header > .title[class*="btn-"]:not(.title) .fa, .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xl.active.inverse > .title[class*="btn-"]:not(.title) .fa, .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) [class*="icon-"], .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) [class^="icon-"], .collapsible-xl.active.inverse > .content-asset > .title[class*="btn-"]:not(.title) .fa { display: none; } .accordion-cart-promo .accordion .card { border: none; } .accordion .card { margin-bottom: 0; border-color: transparent; } .accordion .card .card-header { background: #FFFFFF; color: #091010; } .accordion .card .card-header [type="button"] { text-align: left; padding-top: 32px; padding-right: 0px; padding-bottom: 32px; padding-left: 36px; width: 100%; display: flex; align-items: center; } .accordion .card .card-header [type="button"]:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .accordion .card .card-header [type="button"][class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .accordion .card .card-header [type="button"][class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .accordion .card .card-header [type="button"][class*="btn-"]:not(.title).icon-before:before, .accordion .card .card-header [type="button"][class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .accordion .card .card-header [type="button"][class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .accordion .card .card-header [type="button"][class*="btn-"]:not(.title).btn-sm, .accordion .card .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .accordion .card .card-header [type="button"][class*="btn-"]:not(.title).btn-sm:after, .accordion .card .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .accordion .card .card-header [type="button"][class*="btn-"]:not(.title).btn-sm.icon-before:before, .accordion .card .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title).icon-before:before, .accordion .card .card-header [type="button"][class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .accordion .card .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .accordion .card .card-header [type="button"][class*="btn-"]:not(.title).btn-sm.icon-after:after, .accordion .card .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .accordion .card .card-header [type="button"][class*="btn-"]:not(.title) [class*="icon-"], .accordion .card .card-header [type="button"][class*="btn-"]:not(.title) [class^="icon-"], .accordion .card .card-header [type="button"][class*="btn-"]:not(.title) .fa { display: none; } .accordion .card .card-header [type="button"].collapsed:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title).icon-before:before, .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title).btn-sm, .accordion .card .card-header .btn-group-sm > .btn[type="button"].collapsed[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title).btn-sm:after, .accordion .card .card-header .btn-group-sm > .btn[type="button"].collapsed[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title).btn-sm.icon-before:before, .accordion .card .card-header .btn-group-sm > .btn[type="button"].collapsed[class*="btn-"]:not(.title).icon-before:before, .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .accordion .card .card-header .btn-group-sm > .btn[type="button"].collapsed[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title).btn-sm.icon-after:after, .accordion .card .card-header .btn-group-sm > .btn[type="button"].collapsed[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title) [class*="icon-"], .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title) [class^="icon-"], .accordion .card .card-header [type="button"].collapsed[class*="btn-"]:not(.title) .fa { display: none; } .accordion .card .card-header [type="button"]::after { position: absolute; top: unset; left: 0; } .accordion-cart-promo .accordion .card .card-header [type="button"] { padding-top: calc(16px / 2); padding-bottom: calc(16px / 2); padding-left: 0; font-family: "Gambetta", serif; font-size: 16px; font-weight: normal; text-transform: none; } .accordion-cart-promo .accordion .card .card-header [type="button"]::after { position: relative; top: unset; left: 24px; right: unset; } .accordion .card .card-header.no-icon [type="button"]:after { content: ''; } .accordion .card .card-header.no-icon [type="button"].collapsed:after { content: ''; } .accordion .card .card-header .title.card-title { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .accordion .card .card-header .title.card-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .accordion .card .card-header .title.card-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .accordion .card .card-header .title.card-title.text-decoration-none * { text-decoration: none; } .accordion .card.active .card-header [type="button"]:after { content: "\E92C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title).icon-before:before, .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title).btn-sm, .accordion .card.active .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title).btn-sm:after, .accordion .card.active .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title).btn-sm.icon-before:before, .accordion .card.active .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title).icon-before:before, .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .accordion .card.active .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title).btn-sm.icon-after:after, .accordion .card.active .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title) [class*="icon-"], .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title) [class^="icon-"], .accordion .card.active .card-header [type="button"][class*="btn-"]:not(.title) .fa { display: none; } .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"]:after { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(16px); } .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title).icon-before:before, .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title).btn-sm, .accordion .card[class*="collapsible"]:not(.active) .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title).btn-sm:after, .accordion .card[class*="collapsible"]:not(.active) .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(12px); } .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title).btn-sm.icon-before:before, .accordion .card[class*="collapsible"]:not(.active) .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title).icon-before:before, .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .accordion .card[class*="collapsible"]:not(.active) .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title).btn-sm.icon-after:after, .accordion .card[class*="collapsible"]:not(.active) .card-header .btn-group-sm > .btn[type="button"][class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title) [class*="icon-"], .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title) [class^="icon-"], .accordion .card[class*="collapsible"]:not(.active) .card-header [type="button"][class*="btn-"]:not(.title) .fa { display: none; } .accordion .card .card-header, .accordion .card .card-body { border-top: 1px solid transparent; } .accordion .card .card-body { padding: 0; margin: 0; background-color: #FFFFFF; color: #091010; padding-top: 0px; padding-bottom: 32px; padding-left: calc( 16px / 2); padding-right: calc( 16px / 2); } @media (min-width: 769px) { .accordion .card .card-body { padding-right: 32px; padding-left: 32px; } } .accordion .card:first-child .card-header:first-child, .accordion .card:first-child .card-body:first-child { border-top: 0; } .accordion .card:only-child:last-of-type { border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-radius: calc(var(--border-radius, 0px) - 1px); } .accordion.inverse .card .card-header, .accordion.inverse .card .title { background: #091010; color: #FFFFFF; border-top: none; } .accordion.inverse .card .card-header:after, .accordion.inverse .card .title:after { color: #FFFFFF; } .accordion.inverse .card .card-header.collapsed:after, .accordion.inverse .card .title.collapsed:after { color: #FFFFFF; } .accordion.inverse .card .card-body { background: #091010; color: #FFFFFF; } .accordion.no-icon .card .card-header [type="button"]:after { content: ''; } .accordion.no-icon .card .card-header [type="button"].collapsed:after { content: ''; } .accordion .card:first-child { border-top: 1px solid var(--base-border-color, #F2F1F0); } .accordion-cart-promo .accordion .card .card-header [type="button"]::after { left: 0; } body { font-family: "Gambetta", serif; color: var(--base-font-color, #091010); font-size: var(--base-font-size, 16px); line-height: 1.45; letter-spacing: 0.01em; background-color: #FFFFFF; } .page { background-color: #FFFFFF; } .error-page { padding-bottom: 16px; padding-top: 16px; } .error-messaging { position: fixed; top: 0; width: 100%; z-index: 1; } .error-message { margin-top: 50px; margin-bottom: 50px; } .error.continue-shopping { margin-bottom: 100px; } button { color: inherit; } /* * ORIGINAL CSS * (everything under this comment was copied from Base and eventually * should be removed or moved above this comment if in use) */ .modal-background { background-color: #091010; display: none; height: 100vh; position: fixed; opacity: 0.5; width: 100vw; top: 0; left: 0; transform: translateZ(0); z-index: 201; } input[placeholder] { text-overflow: ellipsis; } .hide-order-discount { display: none; } .hide-shipping-discount { display: none; } .order-discount { color: #155624; } .giftcertificate-discount { color: #155624; } .shipping-discount { color: #155624; } .error-messaging { position: fixed; top: 0; width: 100%; z-index: 1; } .error-message { margin-top: 3.125rem; margin-bottom: 3.125rem; } .error.continue-shopping { margin-bottom: 6.25em; } .error-unassigned-category { color: #721C24; } .skip { position: absolute; left: 0; top: -4.2em; overflow: hidden; padding: 1em 1.5em; background: #FFFFFF; transition: all 200ms ease-in-out; } a.skip:active, a.skip:focus, a.skip:hover { left: 0; top: 0; width: auto; height: auto; z-index: 10000000; background: #FFFFFF; transition: all 200ms ease-in-out; } .login-oauth .oauth-facebook { margin-bottom: 16px; } .login-oauth .oauth-facebook:before { content: "\E917"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .login-oauth .oauth-facebook[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title).icon-before:before, .login-oauth .oauth-facebook[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title).btn-sm, .login-oauth .btn-group-sm > .oauth-facebook.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title).btn-sm:before, .login-oauth .btn-group-sm > .oauth-facebook.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title).btn-sm.icon-before:before, .login-oauth .btn-group-sm > .oauth-facebook.btn[class*="btn-"]:not(.title).icon-before:before, .login-oauth .oauth-facebook[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .login-oauth .btn-group-sm > .oauth-facebook.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title).btn-sm.icon-after:after, .login-oauth .btn-group-sm > .oauth-facebook.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .login-oauth .oauth-facebook[class*="btn-"]:not(.title) [class*="icon-"], .login-oauth .oauth-facebook[class*="btn-"]:not(.title) [class^="icon-"], .login-oauth .oauth-facebook[class*="btn-"]:not(.title) .fa { display: none; } .login-oauth .oauth-facebook .fa-facebook-official { display: none; } .login-oauth .oauth-google { margin-bottom: 16px; } .login-oauth .oauth-google:before { content: "\E91B"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .login-oauth .oauth-google[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .login-oauth .oauth-google[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .login-oauth .oauth-google[class*="btn-"]:not(.title).icon-before:before, .login-oauth .oauth-google[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .login-oauth .oauth-google[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .login-oauth .oauth-google[class*="btn-"]:not(.title).btn-sm, .login-oauth .btn-group-sm > .oauth-google.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .login-oauth .oauth-google[class*="btn-"]:not(.title).btn-sm:before, .login-oauth .btn-group-sm > .oauth-google.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .login-oauth .oauth-google[class*="btn-"]:not(.title).btn-sm.icon-before:before, .login-oauth .btn-group-sm > .oauth-google.btn[class*="btn-"]:not(.title).icon-before:before, .login-oauth .oauth-google[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .login-oauth .btn-group-sm > .oauth-google.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .login-oauth .oauth-google[class*="btn-"]:not(.title).btn-sm.icon-after:after, .login-oauth .btn-group-sm > .oauth-google.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .login-oauth .oauth-google[class*="btn-"]:not(.title) [class*="icon-"], .login-oauth .oauth-google[class*="btn-"]:not(.title) [class^="icon-"], .login-oauth .oauth-google[class*="btn-"]:not(.title) .fa { display: none; } .login-oauth .oauth-google .fa-google { display: none; } .grecaptcha-badge { z-index: 499; } .error-page { display: flex; flex-flow: column nowrap; justify-content: space-evenly; align-items: center; min-height: 50vh; text-align: center; padding: 32px; } @media (min-width: 769px) { .error-page { padding: 48px; } } .error-page > * { width: 100%; margin: 0 auto; padding: 5vw; } @media (min-width: 769px) { .error-page > * { padding: 0 5vw; } } .error-page .page-title { font-family: var(--h4-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h4-mobile-size, 22px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; margin: 0; padding-top: 24px; display: flex; flex-flow: column wrap; align-items: center; } @media (min-width: 769px) { .error-page .page-title { font-size: calc(var(--h4-tablet-size, var(--h4-mobile-size, 22px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .error-page .page-title { font-size: calc(var(--h4-desktop-size, 24px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .error-page .page-title.text-decoration-none * { text-decoration: none; } .error-page .page-title:before { content: "\E904"; font-family: "icomoon"; display: inline-block; font-size: var(--h2-mobile-size, 32px); color: inherit; font-weight: normal; } .error-page .page-title[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .error-page .page-title[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .error-page .page-title[class*="btn-"]:not(.title).icon-before:before, .error-page .page-title[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .error-page .page-title[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .error-page .page-title[class*="btn-"]:not(.title).btn-sm, .error-page .btn-group-sm > .page-title.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .error-page .page-title[class*="btn-"]:not(.title).btn-sm:before, .error-page .btn-group-sm > .page-title.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .error-page .page-title[class*="btn-"]:not(.title).btn-sm.icon-before:before, .error-page .btn-group-sm > .page-title.btn[class*="btn-"]:not(.title).icon-before:before, .error-page .page-title[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .error-page .btn-group-sm > .page-title.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .error-page .page-title[class*="btn-"]:not(.title).btn-sm.icon-after:after, .error-page .btn-group-sm > .page-title.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .error-page .page-title[class*="btn-"]:not(.title) [class*="icon-"], .error-page .page-title[class*="btn-"]:not(.title) [class^="icon-"], .error-page .page-title[class*="btn-"]:not(.title) .fa { display: none; } .error-page .page-title:before { padding-bottom: 24px; } .error-page .error-message { font-family: var(--h3-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h3-mobile-size, 26px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .error-page .error-message { font-size: calc(var(--h3-tablet-size, var(--h3-mobile-size, 26px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .error-page .error-message { font-size: calc(var(--h3-desktop-size, 28px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .error-page .error-message.text-decoration-none * { text-decoration: none; } .error-page pre code { white-space: normal; } .content-grid + .content-grid { margin-top: 32px; } @media (max-width: 768.98px) { .content-grid .content-column[class*='col-md'] + .content-column[class*='col-12'] { margin-top: 32px; } .content-grid .content-column[class*='col-md'] + .content-column[class*='col-6']:nth-child(4n), .content-grid .content-column[class*='col-md'] + .content-column[class*='col-6']:nth-child(4n-1) { margin-top: 32px; } } .content-tile { display: block; text-decoration: none; } @media (min-width: 769px) { .content-tile .content-tile-image { will-change: transform; transition: transform 200ms ease-out; } .content-tile:hover .content-tile-image { transform: scale(1.2); } } .search-results .content-tile, .blog-results .content-tile, .content-grid .content-tile { margin-bottom: 48px; } .content-tile .content-tile-image-wrapper { display: block; overflow: hidden; position: relative; margin-bottom: 10px; } .content-tile .content-tile-image { display: block; } .content-tile .content-tile-image::after { display: block; content: ""; clear: both; } .content-tile .content-tile-image::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1 * 100%); } .content-tile .content-tile-body { display: block; } .content-tile .content-tile-category { display: block; font-family: "Gambetta", serif; font-size: calc(var(--base-font-size, 16px) - 2px); font-weight: 500; text-decoration: none; color: #4C4C4B; margin-bottom: 7px; } .content-tile .content-tile-name { font-family: "Gambetta", serif; font-size: 18px; font-weight: 500; text-decoration: none; color: var(--base-font-color, #091010); margin-bottom: 10px; } .content-tile .content-tile-date { display: block; font-family: "Gambetta", serif; font-size: calc(var(--base-font-size, 16px) - 2px); font-weight: 500; text-decoration: none; color: var(--base-font-color, #091010); margin-bottom: 7px; text-transform: uppercase; } .content-tile .content-tile-description { font-family: "Gambetta", serif; font-size: var(--base-font-size, 16px); font-weight: normal; text-decoration: none; color: var(--base-font-color, #091010); } .content-tile:hover { text-decoration: none; } .content-tile:hover .content-tile-image-wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; box-shadow: inset 0px -2px 0px #091010; } .content-tile:hover .content-tile-name { text-decoration: none; color: var(--base-font-color, #091010); } .content-tile:hover .content-tile-description { text-decoration: none; color: var(--base-font-color, #091010); } .card-number-wrapper { position: relative; } .card-number-wrapper input { padding-right: calc(20px + 48px); } .card-number-wrapper::after { content: ''; position: absolute; top: calc(calc(16px + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2))/2 - 15px); right: 10px; background-repeat: no-repeat; background-image: url("../../images/credit.png"); background-size: contain; width: 48px; height: 30px; } .card-number-wrapper[data-type="visa"]::after { background-image: url("../../images/payment-types.png"); background-size: auto; background-position: -162px -110px; } .card-number-wrapper[data-type="mastercard"]::after { background-image: url("../../images/payment-types.png"); background-size: auto; background-position: -295px -110px; } .card-number-wrapper[data-type="amex"]::after { background-image: url("../../images/payment-types.png"); background-size: auto; background-position: -230px -15px; } .card-number-wrapper[data-type="discover"]::after { background-image: url("../../images/payment-types.png"); background-size: auto; background-position: -95px -110px; } .discount-status-bar { background: #4C4C4B; color: #FFFFFF; padding: 16px; } .discount-status-bar .discount-status-bar-data { align-items: center; } .discount-status-bar .discount-status-bar-data .discount-status-bar-no-promo-message { text-align: center; } .discount-status-bar .discount-status-bar-checkpoints { align-items: flex-end; max-width: calc(100% - 24px/2); } @media (min-width: 544px) { .discount-status-bar .discount-status-bar-checkpoints { padding-bottom: calc((18.85px) + (16px/2) + 8px); } } .discount-status-bar .discount-checkpoint-section { margin-bottom: 32px; } .discount-status-bar .discount-checkpoint-section .discount-status-bar-progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .discount-status-bar .discount-checkpoint-section .discount-status-bar-progress-fill { transition: width 200ms ease-out; height: 100%; background: #FFFFFF; } @media (min-width: 544px) { .discount-status-bar .discount-checkpoint-section { margin-bottom: 0; } .discount-status-bar .discount-checkpoint-section .discount-status-bar-progress { border-left: none; border-radius: unset; } .discount-status-bar .discount-checkpoint-section:first-child .discount-status-bar-progress { border-left: 1px solid #FFFFFF; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .discount-status-bar .discount-checkpoint-section:last-child .discount-status-bar-progress { border-right: 1px solid #FFFFFF; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } } .discount-status-bar .discount-checkpoint { text-align: right; position: relative; z-index: 1; margin-right: calc(-24px/2); margin-bottom: calc(-24px/2 + (8px + 1px)/2); } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon { position: relative; width: 24px; height: 24px; margin-left: auto; border: 1px solid #FFFFFF; border-radius: 50%; color: #FFFFFF; background-color: #C5C5C5; clear: both; } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon:before { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title).icon-before:before, .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title).btn-sm, .discount-status-bar .discount-checkpoint .btn-group-sm > .discount-checkpoint-icon.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title).btn-sm:before, .discount-status-bar .discount-checkpoint .btn-group-sm > .discount-checkpoint-icon.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title).btn-sm.icon-before:before, .discount-status-bar .discount-checkpoint .btn-group-sm > .discount-checkpoint-icon.btn[class*="btn-"]:not(.title).icon-before:before, .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .discount-status-bar .discount-checkpoint .btn-group-sm > .discount-checkpoint-icon.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title).btn-sm.icon-after:after, .discount-status-bar .discount-checkpoint .btn-group-sm > .discount-checkpoint-icon.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title) [class*="icon-"], .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title) [class^="icon-"], .discount-status-bar .discount-checkpoint .discount-checkpoint-icon[class*="btn-"]:not(.title) .fa { display: none; } .discount-status-bar .discount-checkpoint .discount-checkpoint-icon::before { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); font-size: calc(24px/2); } .discount-status-bar .discount-checkpoint.applied .discount-checkpoint-icon { color: #FFFFFF; background: #155624; border-color: #FFFFFF; } .discount-status-bar .discount-checkpoint .discount-checkpoint-promo-message { font-size: var(--base-font-size, 16px); line-height: 1.45; margin-bottom: 8px; float: left; text-align: left; } .discount-status-bar .discount-checkpoint .discount-checkpoint-promo-message + .discount-checkpoint-promo-message { clear: left; } @media (min-width: 544px) { .discount-status-bar .discount-checkpoint .discount-checkpoint-promo-message { float: none; text-align: right; margin-left: auto; max-width: calc(100% - 24px); } } .discount-status-bar .discount-checkpoint .discount-checkpoint-threshold { font-size: 13px; line-height: 1.45; margin-bottom: 8px; float: right; } @media (min-width: 544px) { .discount-status-bar .discount-checkpoint .discount-checkpoint-threshold { float: none; position: absolute; top: 100%; right: 0; margin-top: 8px; margin-bottom: 0; } } .discount-status-bar .discount-status-bar-info { text-align: center; align-content: center; margin-top: 16px; } @media (min-width: 769px) { .discount-status-bar .discount-status-bar-info { margin-top: 0; } } .discount-status-bar .discount-status-bar-info .discount-status-bar-total { font-family: "Gambetta", serif; font-size: 20px; line-height: 1.45; margin-bottom: 16px; } .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #091010; border-width: 1px; border-radius: var(--button-border-radius, 0); background-color: #FFFFFF; border-color: #FFFFFF; text-decoration: none; text-align: center; font-weight: var(--button-font-weight, 700); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); } .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn.disabled, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn[disabled] { background: #E4E5E7; color: #60646c; } .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn:hover, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn:focus, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn[aria-describedby*="popover"] { color: #FFFFFF; background-color: #432F08; border-color: #432F08; text-decoration: none; } .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn:active { background-color: #B0A381; border-color: #B0A381; } .dark-theme .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn { background-color: #091010; border-color: #091010; color: #FFFFFF; } .dark-theme .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn:hover { background-color: #432F08; border-color: #432F08; color: #FFFFFF; } .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn[class*="icon-"].icon-before:before, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn[class*="icon-"]:not(.icon-after):before, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn[class^="icon-"].icon-before:before, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn[class*="icon-"].icon-after:after, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn:not([class*="icon"]):before, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn.loading-logo:not([class*="icon"]):not(.no-logo) { color: transparent; } .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn.loading-logo:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn.loading-logo:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .discount-status-bar .discount-status-bar-info .discount-status-bar-checkout-btn.loading-logo:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .discount-status-bar .discount-status-bar-completion-text { color: #FFFFFF; font-family: "Gambetta", serif; font-size: var(--base-font-size, 16px); line-height: 1.45; margin-bottom: 16px; } .dropdown-toggle:after { content: "\E916"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: inherit; font-weight: normal; } .dropdown-toggle[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .dropdown-toggle[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(16px); } .dropdown-toggle[class*="btn-"]:not(.title).icon-before:before, .dropdown-toggle[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .dropdown-toggle[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .dropdown-toggle[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .dropdown-toggle.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .dropdown-toggle[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .dropdown-toggle.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(12px); } .dropdown-toggle[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .dropdown-toggle.btn[class*="btn-"]:not(.title).icon-before:before, .dropdown-toggle[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .dropdown-toggle.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .dropdown-toggle[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .dropdown-toggle.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .dropdown-toggle[class*="btn-"]:not(.title) [class*="icon-"], .dropdown-toggle[class*="btn-"]:not(.title) [class^="icon-"], .dropdown-toggle[class*="btn-"]:not(.title) .fa { display: none; } .dropdown-toggle:after { border: none; vertical-align: top; margin-left: 5px; position: relative; } .dropdown.show .dropdown-toggle:after, .custom-dropdown.show .dropdown-toggle:after { transform: rotate(180deg); } .dropdown-toggle:not(a):not(button) { cursor: default; } .dropdown-menu { margin: 0; padding: 0; border-radius: var(--border-radius, 0px); border: 1px solid #C5C5C5; -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms; } .dropdown-menu .dropdown-item { text-decoration: none; padding: 0; } .dropdown-menu .dropdown-item + .dropdown-item { border-top: 1px solid #C5C5C5; } .dropdown-menu .dropdown-item:hover { background: #C5C5C5; color: #432F08; text-decoration: none; } .dropdown-menu .dropdown-item:last-child:hover { border-radius: 0 0 var(--border-radius, 0px) var(--border-radius, 0px); } .dropdown-menu .dropdown-item .dropdown-link { display: block; padding: 16px; color: #091010; } .dropdown-menu .dropdown-item .dropdown-link:hover { color: #432F08; } .dropdown-menu [class*="sub-asset-"] + .dropdown-item { border-top: 1px solid #C5C5C5; } .add-giftcertificate-messages { position: absolute; right: 50%; transform: translateX(50%); position: fixed; top: 0; padding: 50px 16px 16px; max-height: calc(100vh - 50px); overflow-y: auto; z-index: 1100; } .check-balance .balancemsg { font-weight: bold; font-size: 18px; margin-top: 16px; justify-content: center; } .remove-giftcertificate-pi { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; border: 1px solid #F2F1F0; border-radius: 11px; font-size: 0; cursor: pointer; z-index: 1; background-color: #FFFFFF; padding: 4px; height: calc(24px); width: calc(24px); transition: background-color 200ms ease-in-out; display: flex; align-items: center; justify-content: center; line-height: 11px; padding: 0px 5px; } .remove-giftcertificate-pi:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 11px; color: inherit; font-weight: normal; } .remove-giftcertificate-pi[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .remove-giftcertificate-pi[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .remove-giftcertificate-pi[class*="btn-"]:not(.title).icon-before:before, .remove-giftcertificate-pi[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .remove-giftcertificate-pi[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .remove-giftcertificate-pi[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .remove-giftcertificate-pi.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .remove-giftcertificate-pi[class*="btn-"]:not(.title).btn-sm:before, .btn-group-sm > .remove-giftcertificate-pi.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .remove-giftcertificate-pi[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .remove-giftcertificate-pi.btn[class*="btn-"]:not(.title).icon-before:before, .remove-giftcertificate-pi[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .remove-giftcertificate-pi.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .remove-giftcertificate-pi[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .remove-giftcertificate-pi.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .remove-giftcertificate-pi[class*="btn-"]:not(.title) [class*="icon-"], .remove-giftcertificate-pi[class*="btn-"]:not(.title) [class^="icon-"], .remove-giftcertificate-pi[class*="btn-"]:not(.title) .fa { display: none; } .remove-giftcertificate-pi:hover { background-color: #F2F1F0; } .remove-giftcertificate-pi:before { position: relative; left: 1px; } .max-quantity-msg { padding: 16px 0px; } .navbar { padding: 0; } @media (min-width: 1024px) { .navbar.bg-inverse { position: static; } .navbar.bg-inverse .navbar-nav { flex-wrap: nowrap; } .navbar.bg-inverse .navbar-nav + .nav-item { margin-left: 0; } .navbar.bg-inverse .navbar-nav .nav-link { padding: 16px 16px; white-space: nowrap; } .logo-center .navbar.bg-inverse .nav-item > .nav-link { color: var(--header-navbar-text-color, #091010); } .logo-center .navbar.bg-inverse .nav-item .nav-link > .nav-link, .logo-center .navbar.bg-inverse .nav-item .nav-link:hover, .logo-center .navbar.bg-inverse .nav-item .nav-link:focus, .logo-center .navbar.bg-inverse .nav-item.show > .nav-link, .logo-center .navbar.bg-inverse .nav-item.show:hover, .logo-center .navbar.bg-inverse .nav-item.show:focus { background-color: var(--header-navbar-background-color-hover, #FFFFFF); color: var(--header-navbar-text-color-hover, #432F08); } .logo-center .navbar.bg-inverse .nav-item.highlight .nav-link { color: #B0A381; } .logo-center .navbar.bg-inverse .nav-item.highlight .nav-link:hover, .logo-center .navbar.bg-inverse .nav-item.highlight .nav-link:focus { background-color: #FFFFFF; color: #FFFFFF; } .logo-center .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.is-inview > .nav-link, .logo-center .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.contains-inview > .nav-link { background-color: #f9f9f9; color: var(--header-navbar-text-color-hover, #432F08); } } .multilevel-dropdown .dropdown-menu { top: 100%; border: 0; border-top-left-radius: 0; border-top-right-radius: 0; } @media (min-width: 1024px) { .multilevel-dropdown .dropdown-menu { box-shadow: 0 2px 2px rgba(9, 16, 16, 0.2); left: auto; } } .multilevel-dropdown .nav-item:not(.megamenu) > .dropdown-menu:not(:hover):not(:focus-within) .dropdown-item.contains-inview, .multilevel-dropdown .nav-item:not(.megamenu) > .dropdown-menu:not(:hover):not(:focus-within) .dropdown-item.is-inview { background: #C5C5C5; color: #432F08; text-decoration: none; } .multilevel-dropdown .dropdown-item.custom-dropdown > .dropdown-toggle::after { transform: rotate(-90deg); } @media (min-width: 1024px) { .multilevel-dropdown .dropdown-menu > .custom-dropdown > .dropdown-menu { top: auto; left: 99%; margin-top: calc(-32px - 12px); } } .multilevel-dropdown .navbar > .close-menu { display: none; } .multilevel-dropdown .close-menu .back .caret-left:after { content: "\E909"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: inherit; font-weight: normal; } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(16px); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title).icon-before:before, .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title).btn-sm, .multilevel-dropdown .close-menu .back .btn-group-sm > .caret-left.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title).btn-sm:after, .multilevel-dropdown .close-menu .back .btn-group-sm > .caret-left.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(12px); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title).btn-sm.icon-before:before, .multilevel-dropdown .close-menu .back .btn-group-sm > .caret-left.btn[class*="btn-"]:not(.title).icon-before:before, .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .multilevel-dropdown .close-menu .back .btn-group-sm > .caret-left.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title).btn-sm.icon-after:after, .multilevel-dropdown .close-menu .back .btn-group-sm > .caret-left.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title) [class*="icon-"], .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title) [class^="icon-"], .multilevel-dropdown .close-menu .back .caret-left[class*="btn-"]:not(.title) .fa { display: none; } .multilevel-dropdown .dropdown-menu.show > .dropdown-item.show > .dropdown-toggle::after { transform: rotate(90deg); } .multilevel-dropdown .menu-group { width: 100%; } .multilevel-dropdown .menu-subcategories { padding-left: 0; } @media (min-width: 1024px) { .navbar-nav .megamenu { position: static; } .navbar-nav .megamenu .experience-component > .demo, .navbar-nav .megamenu > .dropdown-menu { max-width: 1440px; padding: 0; box-shadow: none; background: #FFFFFF; z-index: 0; justify-content: center; } .navbar-nav .megamenu .experience-component > .demo:not(.demo), .navbar-nav .megamenu > .dropdown-menu:not(.demo) { position: absolute; right: 50%; transform: translateX(50%); left: auto; top: auto; width: 100vw; } .navbar-nav .megamenu .experience-component > .demo.show, .navbar-nav .megamenu > .dropdown-menu.show { display: flex; } .navbar-nav .megamenu .experience-component > .demo:before, .navbar-nav .megamenu > .dropdown-menu:before { content: ''; position: absolute; right: 50%; transform: translateX(50%); left: auto; top: 0; bottom: 0; width: 100vw; z-index: -1; background: #FFFFFF; box-shadow: 0 2px 2px rgba(9, 16, 16, 0.2); } .navbar-nav .megamenu .experience-component > .demo .category-name-title, .navbar-nav .megamenu > .dropdown-menu .category-name-title { padding-top: 34px; padding-left: calc(21px); font-family: var(--h3-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h3-mobile-size, 26px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; display: flex; clear: both; background: transparent; } } @media (min-width: 1024px) and (min-width: 769px) { .navbar-nav .megamenu .experience-component > .demo .category-name-title, .navbar-nav .megamenu > .dropdown-menu .category-name-title { font-size: calc(var(--h3-tablet-size, var(--h3-mobile-size, 26px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) and (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .category-name-title, .navbar-nav .megamenu > .dropdown-menu .category-name-title { font-size: calc(var(--h3-desktop-size, 28px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .category-name-title.text-decoration-none *, .navbar-nav .megamenu > .dropdown-menu .category-name-title.text-decoration-none * { text-decoration: none; } .navbar-nav .megamenu .experience-component > .demo .category-name-title + .menu-subcategories, .navbar-nav .megamenu > .dropdown-menu .category-name-title + .menu-subcategories { padding-top: calc(34px / 2); } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories { display: flex; flex-wrap: wrap; align-self: flex-start; padding: 34px 0 50px 0; } } @media screen and (min-width: 1024px) and (-ms-high-contrast: active), (min-width: 1024px) and (-ms-high-contrast: none) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories { flex-grow: 1; } } @media (min-width: 1024px) { .navbar-nav .megamenu .experience-component > .demo .menu-subcategories > .dropdown-item, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories > .dropdown-item { padding-left: 16px; padding-bottom: 5px; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-toggle:after, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-toggle:after { display: none; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-item, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-item { width: auto; border: none; white-space: normal; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-item:hover, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-item:hover { background: none; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .nav-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .nav-link { font-family: "Gambetta", serif; font-size: 14px; font-weight: normal; line-height: 1.2; text-transform: capitalize; color: var(--secondary-nav-color, #091010); letter-spacing: -0.005em; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .nav-link:hover, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .nav-link:hover { color: var(--secondary-nav-color-hover, #091010); } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-link { padding: 10px 5px 10px 5px; display: inline-block; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu { margin-left: 2px; position: static; display: flex; box-shadow: none; border-radius: 0; background: transparent; flex-flow: row wrap; align-content: flex-start; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item { border: none; flex-basis: 100%; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item.custom-dropdown, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item.custom-dropdown { flex-basis: 25%; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item { padding-top: unset; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item a, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item a { font-weight: var(--tertiary-nav-font-weight, normal); text-transform: var(--tertiary-nav-text-transform, none); } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item:before, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown .dropdown-item.last-item:before { display: none; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item { padding-top: unset; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item a, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item a { font-weight: var(--tertiary-nav-font-weight, normal); text-transform: var(--tertiary-nav-text-transform, none); } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item:before, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-item + .dropdown-item.custom-dropdown + .dropdown-item.custom-dropdown .dropdown-item.last-item:before { display: none; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-link { color: var(--tertiary-nav-color, #FFFFFF); font-family: "Gambetta", serif; font-size: 12px; font-weight: var(--tertiary-nav-font-weight, normal); text-transform: var(--tertiary-nav-text-transform, none); } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-link:hover, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-link:hover { color: var(--tertiary-nav-color-hover, #091010); } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .dropdown-menu .dropdown-menu, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .dropdown-menu .dropdown-menu { flex-flow: column; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories:not(:hover):not(:focus-within) .dropdown-item.contains-inview > .dropdown-menu > .dropdown-item.contains-inview > .dropdown-link, .navbar-nav .megamenu .experience-component > .demo .menu-subcategories:not(:hover):not(:focus-within) .dropdown-item.contains-inview > .dropdown-menu > .dropdown-item.is-inview > .dropdown-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories:not(:hover):not(:focus-within) .dropdown-item.contains-inview > .dropdown-menu > .dropdown-item.contains-inview > .dropdown-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories:not(:hover):not(:focus-within) .dropdown-item.contains-inview > .dropdown-menu > .dropdown-item.is-inview > .dropdown-link { color: #091010; } .navbar-nav .megamenu .experience-component > .demo .menu-subcategories .menu-level-4 > .dropdown-item > .dropdown-link, .navbar-nav .megamenu > .dropdown-menu .menu-subcategories .menu-level-4 > .dropdown-item > .dropdown-link { padding: 5px 5px 5px 15px; } .navbar-nav .megamenu .experience-component > .demo .view-all-link, .navbar-nav .megamenu > .dropdown-menu .view-all-link { order: 1000; } .navbar-nav .megamenu .experience-component > .demo .view-all-link > .view-all-offset, .navbar-nav .megamenu .experience-component > .demo .view-all-link.view-all-offset, .navbar-nav .megamenu > .dropdown-menu .view-all-link > .view-all-offset, .navbar-nav .megamenu > .dropdown-menu .view-all-link.view-all-offset { display: block; position: relative; padding-top: 16px; font-weight: bold; text-transform: uppercase; } .navbar-nav .megamenu .experience-component > .demo.mega-standard, .navbar-nav .megamenu > .dropdown-menu.mega-standard { flex-wrap: wrap; padding: 0 95px; } .navbar-nav .megamenu .experience-component > .demo.mega-standard .menu-subcategories-container, .navbar-nav .megamenu > .dropdown-menu.mega-standard .menu-subcategories-container { flex: 1 1 25%; } .navbar-nav .megamenu .experience-component > .demo.mega-standard .subcat-columns, .navbar-nav .megamenu > .dropdown-menu.mega-standard .subcat-columns { flex-direction: column; align-content: flex-start; max-height: 500px; } .navbar-nav .megamenu .experience-component > .demo.mega-standard .subcat-columns > .dropdown-item, .navbar-nav .megamenu > .dropdown-menu.mega-standard .subcat-columns > .dropdown-item { width: 33%; } .navbar-nav .megamenu .experience-component > .demo.mega-standard .subcat-columns .menu-level-3 > .dropdown-item, .navbar-nav .megamenu > .dropdown-menu.mega-standard .subcat-columns .menu-level-3 > .dropdown-item { flex-basis: 100%; } .navbar-nav .megamenu .experience-component > .demo.mega-left, .navbar-nav .megamenu > .dropdown-menu.mega-left { justify-content: flex-start; } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left, .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left { flex: 1 1 calc((100% - 15%)/2); } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left .menu-subcategories > .dropdown-item, .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left .menu-subcategories > .dropdown-item { display: none; } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left .menu-subcategories > .dropdown-item.active-list, .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left .menu-subcategories > .dropdown-item.active-list { display: flex; flex-flow: row wrap; } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left .menu-subcategories > .dropdown-item.has-view-all-link > .menu-level-3 > .view-all-link, .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left .menu-subcategories > .dropdown-item.has-view-all-link > .menu-level-3 > .view-all-link { display: none !important; } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left.has-sub-asset, .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left.has-sub-asset { flex: 1 1 calc(100% - 15%); } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left.has-sub-asset + [class*="megamenu-asset-"], .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left.has-sub-asset + [class*="megamenu-asset-"] { display: none; } .navbar-nav .megamenu .experience-component > .demo.mega-left > .mega-left.has-sub-asset + [class*="megamenu-asset-"] + [class*="megamenu-asset-"], .navbar-nav .megamenu > .dropdown-menu.mega-left > .mega-left.has-sub-asset + [class*="megamenu-asset-"] + [class*="megamenu-asset-"] { display: none; } .navbar-nav .megamenu .experience-component > .demo.mega-left .subcat-columns .menu-level-3, .navbar-nav .megamenu > .dropdown-menu.mega-left .subcat-columns .menu-level-3 { flex-direction: column; flex-basis: 100%; align-content: flex-start; max-height: 500px; } .navbar-nav .megamenu .experience-component > .demo.mega-left .subcat-columns .menu-level-3 > .dropdown-item, .navbar-nav .megamenu > .dropdown-menu.mega-left .subcat-columns .menu-level-3 > .dropdown-item { width: 33%; flex-basis: auto; } .navbar-nav .megamenu .experience-component > .demo.mega-left .subcat-columns .menu-level-3 > .dropdown-item > a, .navbar-nav .megamenu > .dropdown-menu.mega-left .subcat-columns .menu-level-3 > .dropdown-item > a { font-weight: normal; font-size: 14px; text-transform: capitalize; } .navbar-nav .megamenu .experience-component > .demo > li > a.title, .navbar-nav .megamenu > .dropdown-menu > li > a.title { margin-bottom: 30px; padding: 0 5px; text-decoration: none; } .navbar-nav .megamenu .experience-component > .demo .megamenu-asset-only, .navbar-nav .megamenu > .dropdown-menu .megamenu-asset-only { width: 100%; } .navbar-nav .megamenu .experience-component > .demo .left-nav, .navbar-nav .megamenu > .dropdown-menu .left-nav { margin-top: 34px; margin-bottom: 34px; flex: 0 0 15%; border-right: 2px solid #F2F1F0; } .navbar-nav .megamenu .experience-component > .demo .left-nav li, .navbar-nav .megamenu > .dropdown-menu .left-nav li { border-top: none; padding: 0; } .navbar-nav .megamenu .experience-component > .demo .left-nav li:hover, .navbar-nav .megamenu > .dropdown-menu .left-nav li:hover { background: unset; } .navbar-nav .megamenu .experience-component > .demo .left-nav a, .navbar-nav .megamenu > .dropdown-menu .left-nav a { padding: 10px 15px; font-size: 18px; text-transform: var(--secondary-nav-text-transform, capitalize); letter-spacing: 0; border-right: 2px solid #F2F1F0; margin-right: -2px; } .navbar-nav .megamenu .experience-component > .demo .left-nav a.active, .navbar-nav .megamenu > .dropdown-menu .left-nav a.active { color: #FFFFFF; border-right: 2px solid #FFFFFF; } } .navbar-nav .megamenu .has-asset-1 .megamenu-asset-1 { padding: 16px; border-top: 1px solid #C5C5C5; } @media (min-width: 1024px) { .navbar-nav .megamenu .has-asset-1 .megamenu-asset-1 { padding: 34px 16px; margin: 0 auto; padding-left: 16px; border-top: none; border-right: none; flex: 1 1 25%; } } .navbar-nav .megamenu .has-asset-2 .megamenu-asset-2 { padding: 16px; border-top: 1px solid #C5C5C5; } @media (min-width: 1024px) { .navbar-nav .megamenu .has-asset-2 .megamenu-asset-2 { padding: 34px 16px; margin: 0 auto; padding-left: 16px; border-top: none; border-left: none; flex: 1 1 50%; } .navbar-nav .megamenu .has-asset-2 .megamenu-asset-2 img { margin-bottom: -34px; margin-top: -34px; margin-left: 16px; margin-right: -16px; } } @media (min-width: 1024px) { .navbar-nav .megamenu .mega-left .active-list + [class*="sub-asset-"] { display: flex; padding: 0; flex: 0 0 50%; } } .navbar-nav .megamenu .mega-left .sub-asset-1, .navbar-nav .megamenu .mega-left .sub-asset-2 { display: none; padding-top: 0; padding-right: 0; padding-bottom: 0; list-style: none; } .navbar-nav .megamenu .mega-left .sub-asset-1 .page-designer, .navbar-nav .megamenu .mega-left .sub-asset-2 .page-designer { flex: 0 0 100%; padding-right: 16px; } .navbar-nav .megamenu .mega-left .sub-asset-1.sub-asset-2 .page-designer { flex: 0 0 50%; } @media (min-width: 1024px) { .navbar-nav .megamenu .mega-left.has-asset-1 .megamenu-asset-1, .navbar-nav .megamenu .mega-left.has-asset-1 .megamenu-asset-2, .navbar-nav .megamenu .mega-left.has-asset-2 .megamenu-asset-1, .navbar-nav .megamenu .mega-left.has-asset-2 .megamenu-asset-2 { flex: 1 1 calc((100% - 15%)/2); padding: 34px 16px 34px 0; } } @media (min-width: 1024px) { .navbar-nav .megamenu .mega-left.has-asset-1.has-asset-2 .megamenu-asset-1, .navbar-nav .megamenu .mega-left.has-asset-1.has-asset-2 .megamenu-asset-2 { flex: 1 1 calc((100% - 15%)/4); } } @media (max-width: 1023.98px) { .navbar-nav .megamenu.show [class*="has-asset-"] .thirdCatOpen + [class*="megamenu-asset-"] { display: none; } .navbar-nav .megamenu.show [class*="has-asset-"] .thirdCatOpen + [class*="megamenu-asset-"] + [class*="megamenu-asset-"] { display: none; } } @media (min-width: 1024px) { .navbar-nav .megamenu .menu-subcategories > .dropdown-item { flex-basis: 20%; } .navbar-nav .megamenu .has-asset-1 .menu-subcategories, .navbar-nav .megamenu .has-asset-2 .menu-subcategories { flex-grow: 1; } .navbar-nav .megamenu .has-asset-1 .menu-subcategories > .dropdown-item, .navbar-nav .megamenu .has-asset-2 .menu-subcategories > .dropdown-item { flex-basis: 33.33%; } .navbar-nav .megamenu .has-asset-1.has-asset-2 .menu-subcategories > .dropdown-item { flex-basis: 50%; } .navbar-nav .megamenu .has-asset-1.has-asset-2 .menu-subcategories.subcat-columns > .dropdown-item { width: 100%; } } @media (min-width: 1440px) { .navbar-nav .megamenu .has-asset-1 .menu-subcategories > .dropdown-item, .navbar-nav .megamenu .has-asset-2 .menu-subcategories > .dropdown-item { flex-basis: 20%; } .navbar-nav .megamenu .has-asset-1.has-asset-2 .menu-subcategories > .dropdown-item { flex-basis: 33.33%; } .navbar-nav .megamenu .has-asset-1.has-asset-2 .menu-subcategories.subcat-columns > .dropdown-item { width: 100%; } } @media (max-width: 1023.98px) { .main-menu.menu-toggleable-left { transform: translateX(-100%); transition: transform 200ms ease-out; display: block; width: 350px; height: calc(100vh - var(--full-header-height, 70px)); background-color: #FFFFFF; z-index: 550; overflow-x: hidden; overflow-y: auto; } .main-menu.menu-toggleable-left:not(.demo) { position: fixed; top: 0; left: 0; } } @media (max-width: 1023.98px) and (max-width: 1023.98px) { .fixed-header-enhanced .main-menu.menu-toggleable-left { top: var(--full-header-height, 70px); } } @media (max-width: 1023.98px) and (max-width: 768.98px) { .fixed-header-enhanced .main-menu.menu-toggleable-left { top: var(--full-header-height, calc(min(50px, 10vh))); } } @media (max-width: 1023.98px) and (max-width: 1023.98px) { .lock-scroll.sticky-header .mobile-menu-in .fixed-header-enhanced .main-menu.menu-toggleable-left, .lock-scroll.sticky-header-lock .mobile-menu-in .fixed-header-enhanced .main-menu.menu-toggleable-left { top: var(--header-height, 70px); } } @media (max-width: 1023.98px) and (max-width: 768.98px) { .lock-scroll.sticky-header .mobile-menu-in .fixed-header-enhanced .main-menu.menu-toggleable-left, .lock-scroll.sticky-header-lock .mobile-menu-in .fixed-header-enhanced .main-menu.menu-toggleable-left { top: var(--header-height, calc(min(50px, 10vh))); } } @media (max-width: 1023.98px) { .main-menu.menu-toggleable-left.in { transform: translateX(0); } .main-menu.menu-toggleable-left.in .show > .dropdown-menu { transform: translateX(0); overflow: auto; } .main-menu.menu-toggleable-left > .container { height: 100%; padding-left: 0; padding-right: 0; } .main-menu.menu-toggleable-left .menu-group { padding-bottom: 100px; } .main-menu.menu-toggleable-left .search-mobile { margin: 16px; } .main-menu.menu-toggleable-left .search-mobile .search-field { padding: 0 16px; border-radius: 0; border: 2px solid #F2F1F0; border-radius: var(--border-radius, 0px); font-size: 16px; line-height: normal; background-color: #F2F1F0; color: var(--primary-nav-color, #091010); } .main-menu.menu-toggleable-left .search-mobile .search-field::-moz-placeholder { color: var(--primary-nav-color, #091010); } .main-menu.menu-toggleable-left .search-mobile .search-field:-ms-input-placeholder { color: var(--primary-nav-color, #091010); } .main-menu.menu-toggleable-left .search-mobile .search-field::placeholder { color: var(--primary-nav-color, #091010); } .main-menu.menu-toggleable-left .search-mobile .search-field:focus { border-color: var(--primary-nav-color, #091010); } .main-menu.menu-toggleable-left .search-mobile .fa-close, .main-menu.menu-toggleable-left .search-mobile .fa-search { right: 16px; } .main-menu.menu-toggleable-left .search-mobile .reset-button { display: none !important; } .main-menu.menu-toggleable-left .search-mobile .suggestions-wrapper { background-color: #C5C5C5; overflow: hidden; } .main-menu.menu-toggleable-left .search-mobile .suggestions-wrapper .suggestions { position: static; width: 100%; margin-bottom: 16px; box-shadow: none; } .main-menu.menu-toggleable-left .search-mobile .suggestions-wrapper .suggestions > .container { max-width: 350px; margin-left: 0; } .main-menu.menu-toggleable-left hr { width: calc(100% - 32px); margin-left: 16px; margin-right: 16px; border-color: #afafaf; } .main-menu.menu-toggleable-left .dropdown-menu { width: 100%; height: 100%; padding-bottom: 70px; overflow: hidden; display: block; } .main-menu.menu-toggleable-left .dropdown-menu:not(.demo) { transform: translateX(-100%); transition: transform 200ms ease-out; position: fixed; left: 0; top: 0; } .main-menu.menu-toggleable-left .dropdown-toggle:after { transform: rotate(-90deg); } .main-menu.menu-toggleable-left .dropdown-item:hover { background: transparent; } .main-menu.menu-toggleable-left .top-category { padding: 16px; } .main-menu.menu-toggleable-left .top-category.back .nav-link { padding: 16px 0; } .main-menu.menu-toggleable-left .top-category.back .nav-link:before { content: "\E908"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; } .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-16px); } .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title).icon-before:before, .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .top-category.back .btn-group-sm > .nav-link.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .top-category.back .btn-group-sm > .nav-link.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-12px); } .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title).btn-sm.icon-before:before, .main-menu.menu-toggleable-left .top-category.back .btn-group-sm > .nav-link.btn[class*="btn-"]:not(.title).icon-before:before, .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .main-menu.menu-toggleable-left .top-category.back .btn-group-sm > .nav-link.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title).btn-sm.icon-after:after, .main-menu.menu-toggleable-left .top-category.back .btn-group-sm > .nav-link.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left .top-category.back .nav-link[class*="btn-"]:not(.title) .fa { display: none; } .main-menu.menu-toggleable-left .top-category.back .nav-link:before { margin-right: 16px; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories, .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories { padding-left: 16px; padding-right: 16px; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories:before, .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories:before, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories:before { content: ''; display: block; height: 0px; width: 100%; border-top: 1px solid #afafaf; margin-top: 0; margin-bottom: 16px; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories:after, .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories:after, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories:after { content: ''; display: block; height: 0px; width: 100%; border-top: 1px solid #afafaf; margin-top: 16px; margin-bottom: 16px; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories > .dropdown-item > .dropdown-link, .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories > .dropdown-item > .dropdown-link, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories > .dropdown-item > .dropdown-link { padding-left: 0; font-family: "Gambetta", serif; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories > .dropdown-item .top-category, .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories > .dropdown-item .top-category, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories > .dropdown-item .top-category { margin-bottom: -1px; border-bottom: 1px solid #C5C5C5; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item, .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item { margin-left: 16px; margin-right: 16px; width: auto; } .main-menu.menu-toggleable-left .top-category ~ .megamenu-asset-only .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item > .dropdown-link, .main-menu.menu-toggleable-left .top-category ~ .mega-left .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item > .dropdown-link, .main-menu.menu-toggleable-left .top-category ~ .menu-subcategories-container .menu-subcategories > .dropdown-item .top-category ~ .dropdown-item > .dropdown-link { padding-left: 0; } .main-menu.menu-toggleable-left .top-category .user-message { display: none; } .main-menu.menu-toggleable-left .support .dropdown-toggle.nav-link { font-family: "Clash Display", sans-serif; font-feature-settings: "cpsp"; text-decoration: none; text-transform: var(--primary-nav-text-transform, uppercase); font-size: 12px; font-weight: var(--primary-nav-font-weight, 600); line-height: 12px; letter-spacing: 0.18em; } .main-menu.menu-toggleable-left .support .dropdown-toggle.nav-link:hover { text-decoration: none; } .main-menu.menu-toggleable-left .support .dropdown-toggle.nav-link-secondary { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-size: 14px; font-weight: normal; line-height: 1.2; text-transform: capitalize; color: var(--secondary-nav-color, #091010); } .main-menu.menu-toggleable-left .support .dropdown-toggle.nav-link-secondary:hover { color: var(--secondary-nav-color-hover, #091010); } .main-menu.menu-toggleable-left .support .dropdown-toggle.nav-link-tertiary { color: var(--tertiary-nav-color, #FFFFFF); font-feature-settings: "cpsp"; font-family: "Gambetta", serif; font-size: 12px; font-weight: var(--tertiary-nav-font-weight, normal); text-transform: var(--tertiary-nav-text-transform, none); } .main-menu.menu-toggleable-left .support .dropdown-toggle.nav-link-tertiary:hover { color: var(--tertiary-nav-color-hover, #091010); } .main-menu.menu-toggleable-left .store-selector .store-locator-header-button:before { display: none; } .main-menu.menu-toggleable-left .nav-item .user-message.nav-link { font-family: "Clash Display", sans-serif; font-feature-settings: "cpsp"; text-decoration: none; text-transform: var(--primary-nav-text-transform, uppercase); font-size: 12px; font-weight: var(--primary-nav-font-weight, 600); line-height: 12px; letter-spacing: 0.18em; } .main-menu.menu-toggleable-left .nav-item .user-message.nav-link:hover { text-decoration: none; } .main-menu.menu-toggleable-left .nav-item .user-message.nav-link-secondary { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-size: 14px; font-weight: normal; line-height: 1.2; text-transform: capitalize; color: var(--secondary-nav-color, #091010); } .main-menu.menu-toggleable-left .nav-item .user-message.nav-link-secondary:hover { color: var(--secondary-nav-color-hover, #091010); } .main-menu.menu-toggleable-left .nav-item .user-message.nav-link-tertiary { color: var(--tertiary-nav-color, #FFFFFF); font-feature-settings: "cpsp"; font-family: "Gambetta", serif; font-size: 12px; font-weight: var(--tertiary-nav-font-weight, normal); text-transform: var(--tertiary-nav-text-transform, none); } .main-menu.menu-toggleable-left .nav-item .user-message.nav-link-tertiary:hover { color: var(--tertiary-nav-color-hover, #091010); } .main-menu.menu-toggleable-left .nav-item ~ .nav-item { border-top: 1px solid #C5C5C5; } .main-menu.menu-toggleable-left .nav-item .nav-link { padding: 16px; color: #091010; font-size: 16px; text-transform: none; letter-spacing: 0.01em; } .main-menu.menu-toggleable-left .nav-item .nav-link.dropdown-toggle:after { display: none; } .main-menu.menu-toggleable-left .nav-item .nav-link.dropdown-toggle:hover { color: #432F08; } .main-menu.menu-toggleable-left .nav-item.highlight .nav-link { color: #721C24; } .main-menu.menu-toggleable-left .close-menu { background-color: #C5C5C5; } .main-menu.menu-toggleable-left .close-menu button { display: block; width: 100%; padding: 16px; text-align: left; } .main-menu.menu-toggleable-left .close-menu .icon { float: left; display: block; margin-top: 3px; margin-right: 10px; } .main-menu.menu-toggleable-left .flag-icon { margin-right: 5px; } .main-menu.menu-toggleable-left .store-locator-header-button { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 16px); } .main-menu.menu-toggleable-left .store-locator-header-button:before { content: "\E927"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title).icon-before:before, .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title).btn-sm, .main-menu.menu-toggleable-left .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title).btn-sm:before, .main-menu.menu-toggleable-left .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title).btn-sm.icon-before:before, .main-menu.menu-toggleable-left .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title).icon-before:before, .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .main-menu.menu-toggleable-left .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title).btn-sm.icon-after:after, .main-menu.menu-toggleable-left .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title) [class*="icon-"], .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title) [class^="icon-"], .main-menu.menu-toggleable-left .store-locator-header-button[class*="btn-"]:not(.title) .fa { display: none; } .main-menu.menu-toggleable-left .store-locator-header-button::before { padding-right: 4px; } } @media (max-width: 768.98px) { .main-menu.menu-toggleable-left { height: calc(100vh - var(--full-header-height, calc(min(50px, 10vh)))); } .sticky-header-lock .header-banner.slide-up + .header-nav .main-menu.menu-toggleable-left { height: calc(100vh - var(--header-height, calc(min(50px, 10vh)))); } } @media (max-width: 543.98px) { .main-menu.menu-toggleable-left { width: calc(100vw - 50px); max-width: 350px; } } .mobile-menu-in .modal-background { top: var(--header-height, calc(min(50px, 10vh))); } @media (min-width: 769px) { .mobile-menu-in .modal-background { top: var(--header-height, 70px); } } .mobile-menu-in .navbar-nav hr { display: none; } .header-banner { background-color: #091010; text-align: center; color: #FFFFFF; font-size: 11px; line-height: 11px; position: relative; } .minicart-open .header-banner { z-index: 551; } .header-banner .header-link:not([class*='text--']):not(.dropdown-link), .header-banner .nav-link:not([class*='text--']):not(.dropdown-link), .header-banner .navigation-link:not([class*='text--']):not(.dropdown-link) { color: #FFFFFF; } .header-banner .header-link:not([class*='text--']):not(.dropdown-link) a, .header-banner .nav-link:not([class*='text--']):not(.dropdown-link) a, .header-banner .navigation-link:not([class*='text--']):not(.dropdown-link) a { color: #FFFFFF; } .header-banner .header-link:not([class*='font-size--']), .header-banner .nav-link:not([class*='font-size--']), .header-banner .navigation-link:not([class*='font-size--']) { line-height: 11px; font-size: 11px; } .header-banner .header-banner-column-1 .pull-left:not(:empty) { margin-left: 16px; } .header-banner .header-banner-column-2 .content { width: 100%; } .header-banner .header-banner-column-2 .close-button { display: none; } .header-banner .header-banner-column-2 .close-button .close { opacity: 1; color: #FFFFFF; font-size: 10px; padding: 0 16px 0 3px; } .header-banner .has-modal button:not([class*='text--']) { color: #FFFFFF; } .header-banner .header-banner-column-3 { align-items: baseline; display: flex; justify-content: flex-end; } .header-banner .header-banner-column-3 .pull-right { margin-right: 16px; } .header-banner [class*="header-banner-column"] { padding-bottom: calc(min(16px, 2vh)); padding-top: calc(min(16px, 2vh)); } @media (max-width: 1023.98px) { .header-banner [class*="header-banner-column"].hidden-md-down, .header-banner [class*="header-banner-column"]:has(.experience-main:empty) { padding-bottom: 0px; padding-top: 0px; } } .header-banner .container { padding-left: 0; padding-right: 0; } .header-banner .dropdown-toggle:after { font-size: 10px; } .header-banner .nav-link { color: #FFFFFF; padding: 0; } .header-banner .header-locale-container .country-selector .dropdown-toggle { display: flex; align-items: center; position: absolute; top: 0; min-width: calc(calc(min(16px, 2vh)) + calc(min(16px, 2vh)) + 11px); height: calc(calc(min(16px, 2vh)) + calc(min(16px, 2vh)) + 11px); padding-right: 20px; } .pre-nav-header { height: 30px; background-color: #F2F1F0; } @media (min-width: 769px) { .pre-nav-header { height: 40px; } } .pre-nav-header > .container { flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 0; } .pre-nav-header > .container .row { width: auto; } @media (min-width: 769px) { .pre-nav-header > .container .row { width: 100%; } } .pre-nav-header .site-switcher { display: flex; flex-flow: row nowrap; } .pre-nav-header .site-switcher > a { display: flex; justify-content: center; align-items: center; height: 30px; width: auto; } @media (min-width: 769px) { .pre-nav-header .site-switcher > a { height: 40px; padding: 0 16px; } } .pre-nav-header .site-switcher > a img { max-height: 15px; width: auto; padding: 0 5px; filter: grayscale(1); transition: 200ms; } @media (min-width: 769px) { .pre-nav-header .site-switcher > a img { max-height: 13.33333px; padding: 0; } } .pre-nav-header .site-switcher > a:hover img { filter: grayscale(0); } .pre-nav-header .site-switcher > a.active { background-color: #FFFFFF; } .pre-nav-header .site-switcher > a.active img { filter: grayscale(0); } .pre-nav-header .site-switcher p { margin-bottom: 0; color: #4C4C4B; font-family: "Gambetta", serif; font-weight: normal; font-size: 11px; text-transform: uppercase; } .header-nav { position: relative; z-index: 550; background: var(--header-background-color, #FFFFFF); border-bottom: 1px solid #F2F1F0; } .header-nav.fixed { position: fixed; top: 0; width: 100%; box-shadow: 0 2px 2px rgba(9, 16, 16, 0.2); transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1); z-index: 400; } .mobile-menu-in .header-nav.fixed { box-shadow: none; } .header-nav.fixed .brand .logo-home { background: var(--brand-logo-mobile, url("../images/logo.svg")) no-repeat center; background-size: contain; } @media (min-width: 769px) { .header-nav.fixed .brand .logo-home { background: var(--brand-logo-desktop, url("../images/logo.svg")) no-repeat center; background-size: contain; } } @media (min-width: 1024px) { .header-nav.fixed .brand .logo-home { background: var(--brand-logo-desktop, url("../images/logo.svg")) no-repeat center; background-size: contain; } } @media (min-width: 1024px) { .header-nav.nav-center .menu-group, .header-nav.nav-center .navbar-nav { display: flex; justify-content: center; text-align: center; } } @media (min-width: 1024px) { .logo-center .header-nav { border-bottom-width: 0; } .logo-center .header-nav .support.custom-dropdown .header-link.nav-link { padding: calc((64px - 12px) / 2) 0; } } .sticky-header .fixed-header-enhanced .header-nav, .sticky-header-lock .fixed-header-enhanced .header-nav { position: fixed; top: 0; width: 100%; box-shadow: 0 2px 2px rgba(9, 16, 16, 0.2); z-index: 400; will-change: transform; transform: translateY(-100%); -webkit-animation: slide-up 400ms ease-out forwards; animation: slide-up 400ms ease-out forwards; } .sticky-header.scroll-direction-up .fixed-header-enhanced .header-nav { -webkit-animation: slide-down 400ms ease-out forwards; animation: slide-down 400ms ease-out forwards; } .sticky-header-lock .fixed-header-enhanced .header-nav, .sticky-header-lock.scroll-direction-up .fixed-header-enhanced .header-nav { transform: none; -webkit-animation: none; animation: none; } @media (max-width: 1023.98px) { .fixed-header-enhanced .main-menu { top: var(--full-header-height, 70px); } } @media (max-width: 768.98px) { .fixed-header-enhanced .main-menu { top: var(--full-header-height, calc(min(50px, 10vh))); } } @media (min-width: 1024px) { .header .store-selector, .header-banner .store-selector { max-width: 200px; } } .header .store-selector .store-locator-header-button, .header-banner .store-selector .store-locator-header-button { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .header .store-selector .store-locator-header-button:before, .header-banner .store-selector .store-locator-header-button:before { content: "\E927"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title), .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title):before, .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title).icon-before:before, .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title):not(.icon-after):before, .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title).icon-before:before, .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title).icon-after:after, .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title).btn-sm, .header .store-selector .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title), .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title).btn-sm, .header-banner .store-selector .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title).btn-sm:before, .header .store-selector .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title):before, .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title).btn-sm:before, .header-banner .store-selector .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title).btn-sm.icon-before:before, .header .store-selector .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title).icon-before:before, .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .header .store-selector .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title):not(.icon-after):before, .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title).btn-sm.icon-before:before, .header-banner .store-selector .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title).icon-before:before, .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .header-banner .store-selector .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title).btn-sm.icon-after:after, .header .store-selector .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title).icon-after:after, .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title).btn-sm.icon-after:after, .header-banner .store-selector .btn-group-sm > .store-locator-header-button.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title) [class*="icon-"], .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title) [class^="icon-"], .header .store-selector .store-locator-header-button[class*="btn-"]:not(.title) .fa, .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title) [class*="icon-"], .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title) [class^="icon-"], .header-banner .store-selector .store-locator-header-button[class*="btn-"]:not(.title) .fa { display: none; } .header .store-selector .store-locator-header-button::before, .header-banner .store-selector .store-locator-header-button::before { padding-right: 4px; } .header .store-selector .store-locator-header-button:hover:before, .header-banner .store-selector .store-locator-header-button:hover:before { color: inherit; } .header .nav-link, .header-banner .nav-link { cursor: pointer; } .header { position: relative; height: calc(min(50px, 10vh)); padding: calc(min(5px, 2vh)) 0px; } @media (min-width: 769px) { .header { padding: 0; height: 70px; } } @media (min-width: 1024px) { .header { height: 64px; } } .header .row { height: 100%; align-items: center; } .header .row .col { display: flex; height: 100%; align-items: center; } .header > .row { flex-wrap: nowrap; } .header .header-column-1 > .pull-left:not(:empty) { margin-left: 16px; } .header .header-column-2 { flex-grow: 0; } .header .header-column-3 { justify-content: flex-end; } .header .nav-link, .header .country-selector { color: var(--primary-nav-color, #091010); transition: color 200ms ease-out; } .header .nav-link:hover, .header .country-selector:hover { color: var(--primary-nav-color-hover, var(--primary-nav-color, #091010)); transition: color 200ms ease-out; } .header .nav-link { padding: 5px; } .header .brand { height: 100%; } .header .brand .logo-home { width: var(--brand-logo-mobile-size, 103px); height: 100%; margin: 0 auto; background: var(--brand-logo-mobile, url("../images/logo.svg")) no-repeat center; background-size: contain; } @media (min-width: 769px) { .header .brand .logo-home { width: var(--brand-logo-desktop-size, var(--brand-logo-mobile-size, 103px)); background: var(--brand-logo-desktop, url("../images/logo.svg")) no-repeat center; background-size: contain; } } @media (min-width: 1024px) { .header .brand .logo-home { width: var(--brand-logo-mobile-size, 103px); background: var(--brand-logo-desktop, url("../images/logo.svg")) no-repeat center; background-size: contain; } } .header .navbar-toggler { padding-left: 16px; padding-right: 16px; } .header .navbar-toggler:before { content: "\E929"; font-family: "icomoon"; display: inline-block; font-size: 22px; color: var(--primary-nav-color, #091010); font-weight: normal; } .header .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .header .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-16px); } .header .navbar-toggler[class*="btn-"]:not(.title).icon-before:before, .header .navbar-toggler[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .header .navbar-toggler[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm, .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-12px); } .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-before:before, .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-before:before, .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-after:after, .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .header .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], .header .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], .header .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } .header .navbar-toggler:hover { color: var(--primary-nav-color-hover, var(--primary-nav-color, #091010)); } .mobile-menu-in .header .navbar-toggler:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 22px; color: var(--primary-nav-color, #091010); font-weight: normal; } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-16px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).icon-before:before, .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm, .mobile-menu-in .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, .mobile-menu-in .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-12px); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-before:before, .mobile-menu-in .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-before:before, .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .mobile-menu-in .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-after:after, .mobile-menu-in .header .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], .mobile-menu-in .header .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } .header .minicart { height: calc(min(50px, 10vh)); display: flex; align-items: center; padding-left: 16px; padding-right: 16px; } @media (min-width: 769px) { .header .minicart { height: 70px; } } @media (min-width: 1024px) { .header .minicart { height: 64px; } } .header .minicart .minicart-icon:before { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; } .header .minicart .minicart-icon[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .header .minicart .minicart-icon[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-16px); } .header .minicart .minicart-icon[class*="btn-"]:not(.title).icon-before:before, .header .minicart .minicart-icon[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .header .minicart .minicart-icon[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .header .minicart .minicart-icon[class*="btn-"]:not(.title).btn-sm, .header .minicart .btn-group-sm > .minicart-icon.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .header .minicart .minicart-icon[class*="btn-"]:not(.title).btn-sm:before, .header .minicart .btn-group-sm > .minicart-icon.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-12px); } .header .minicart .minicart-icon[class*="btn-"]:not(.title).btn-sm.icon-before:before, .header .minicart .btn-group-sm > .minicart-icon.btn[class*="btn-"]:not(.title).icon-before:before, .header .minicart .minicart-icon[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .header .minicart .btn-group-sm > .minicart-icon.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .header .minicart .minicart-icon[class*="btn-"]:not(.title).btn-sm.icon-after:after, .header .minicart .btn-group-sm > .minicart-icon.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .header .minicart .minicart-icon[class*="btn-"]:not(.title) [class*="icon-"], .header .minicart .minicart-icon[class*="btn-"]:not(.title) [class^="icon-"], .header .minicart .minicart-icon[class*="btn-"]:not(.title) .fa { display: none; } .header .minicart .minicart-icon:hover:before { color: var(--primary-nav-color-hover, var(--primary-nav-color, #091010)); } .header .minicart .minicart-total { position: relative; margin-right: 10px; } .header .minicart .minicart-quantity { position: absolute; top: calc(max(50%, -1vh)); right: 50%; background-color: transparent; color: #FFFFFF; border-radius: 50%; width: 16px; height: 16px; line-height: 16px; display: inline-block; text-align: center; font-size: 9px; } .header .minicart .cart { position: relative; z-index: 2; max-height: calc(100vh - var(--full-header-height) - 16px); container-type: inline-size; } .header .header-account-container .user .nav-link { height: calc(min(50px, 10vh)); display: flex; align-items: center; padding-left: 16px; padding-right: 16px; } @media (min-width: 769px) { .header .header-account-container .user .nav-link { height: 70px; margin-bottom: 2px; } } @media (min-width: 1024px) { .header .header-account-container .user .nav-link { height: 64px; } } .header .custom-dropdown.show .nav-link { color: var(--primary-nav-color-hover, var(--primary-nav-color, #091010)); } @media (max-width: 1023.98px) { .logo-left .header-column-1 { order: 1; } .logo-left .header-column-2 { order: 2; } .logo-left .header-column-3 { order: 2; } } @media (min-width: 1024px) { .logo-left .header-banner { overflow: visible; } .logo-left .header-banner-column-3 .dropdown-menu { left: auto; right: 0; } .logo-left .main-menu { background: transparent; } .logo-left .header-column-1 { margin-bottom: -1px; padding-left: 0; padding-right: 0; position: static; overflow-x: auto; overflow-y: hidden; -webkit-mask-image: linear-gradient(90deg, #091010 90%, transparent); mask-image: linear-gradient(90deg, #091010 90%, transparent); scrollbar-width: none; } .logo-left .header-column-1::-webkit-scrollbar { width: 0; height: 0; } .logo-left .header-column-1:hover, .logo-left .header-column-1:focus-within { -webkit-mask-image: unset; mask-image: unset; } .logo-left .nav-center .header-column-1 { text-align: center; } .logo-left .nav-center .header-column-1 .main-menu { margin: 0 auto; } .logo-left .header-column-2 { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) and (min-width: 1024px) { .logo-left .header-column-2 { min-width: calc(var(--brand-logo-mobile-size, 103px) + (16px * 2)); } } @media (min-width: 1024px) and (min-width: 1440px) { .logo-left .header-column-2 { padding-right: 30px; min-width: calc(var(--brand-logo-mobile-size, 103px) + 16px + 30px); } } @media (min-width: 1024px) { .logo-left .header-column-3 { flex-grow: 0; transition: all 200ms ease-in-out; } } @media screen and (min-width: 1024px) and (-ms-high-contrast: active), (min-width: 1024px) and (-ms-high-contrast: none) { .logo-left .header-column-3 { flex: 1; } } @media (min-width: 1024px) { .logo-left .header-column-3 .pull-right { margin-left: 0; margin-right: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .logo-left .header-column-3 { min-width: calc(var(--brand-logo-mobile-size, 103px) + (16px * 2)); } } @media (min-width: 1024px) and (min-width: 1440px) { .logo-left .header-column-3 { min-width: calc(var(--brand-logo-mobile-size, 103px) + 16px + 30px); } } @media (min-width: 1024px) and (min-width: 1024px) { .logo-left .header-column-3:has(.expanded) { min-width: calc(var(--brand-logo-mobile-size, 103px) + (16px * 2) + 65px); } } @media (min-width: 1024px) and (min-width: 1440px) { .logo-left .header-column-3:has(.expanded) { min-width: calc(var(--brand-logo-mobile-size, 103px) + 16px + 30px + 140px); } } @media (min-width: 1024px) { @-moz-document url-prefix() { .logo-left .header-column-3 { flex-basis: min-content; } } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link { padding-top: calc((64px - 12px) / 2); padding-bottom: calc((64px - 12px) / 2); position: relative; font-size: 12px; } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link:before { content: ''; display: block; height: 1px; background-color: #091010; position: absolute; bottom: 0px; transition: right 200ms ease-out; left: 16px; right: 100%; z-index: 1001; } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item > .nav-link:hover:before, .logo-left .navbar.bg-inverse .navbar-nav > .nav-item.show .nav-link:before { right: 16px; } .logo-left .navbar.bg-inverse .navbar-nav > .nav-item.highlight .nav-link { color: #721C24; } .logo-left .navbar.bg-inverse .navbar-nav.nav-item-hover > .nav-item:not(:hover) .nav-link { color: #4C4C4B; transition: color 200ms ease-out; } .logo-left .navbar.bg-inverse .navbar-nav.nav-item-hover > .nav-item.highlight .nav-link:hover { color: #FFFFFF; } .logo-left .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.is-inview > .nav-link:before, .logo-left .navbar.bg-inverse .navbar-nav:not(.nav-item-hover) > .nav-item.contains-inview > .nav-link:before { right: 16px; height: 1px; background-color: #091010; } } .main-menu { background-color: var(--header-navbar-background-color, #FFFFFF); } .main-menu .navbar .close-menu button, .main-menu .navbar .close-button button { background-color: transparent; border: 0; -webkit-appearance: none; } .main-menu .navbar .close-button button:after { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; } .main-menu .navbar .close-button button[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(16px); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title).icon-before:before, .main-menu .navbar .close-button button[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title).btn-sm, .main-menu .navbar .close-button .btn-group-sm > button.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title).btn-sm:after, .main-menu .navbar .close-button .btn-group-sm > button.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(12px); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title).btn-sm.icon-before:before, .main-menu .navbar .close-button .btn-group-sm > button.btn[class*="btn-"]:not(.title).icon-before:before, .main-menu .navbar .close-button button[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .main-menu .navbar .close-button .btn-group-sm > button.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title).btn-sm.icon-after:after, .main-menu .navbar .close-button .btn-group-sm > button.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .main-menu .navbar .close-button button[class*="btn-"]:not(.title) [class*="icon-"], .main-menu .navbar .close-button button[class*="btn-"]:not(.title) [class^="icon-"], .main-menu .navbar .close-button button[class*="btn-"]:not(.title) .fa { display: none; } .main-menu .navbar .close-button button span { display: none; } @media (min-width: 1024px) { .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle:after { content: none; font-family: "icomoon"; display: inline-block; font-size: 10px; color: inherit; font-weight: normal; } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(16px); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title).icon-before:before, .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title).btn-sm, .main-menu .navbar .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title).btn-sm:after, .main-menu .navbar .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(12px); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title).btn-sm.icon-before:before, .main-menu .navbar .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.btn[class*="btn-"]:not(.title).icon-before:before, .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .main-menu .navbar .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title).btn-sm.icon-after:after, .main-menu .navbar .btn-group-sm.nav-item.custom-dropdown > .dropdown-toggle.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title) [class*="icon-"], .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title) [class^="icon-"], .main-menu .navbar .nav-item.custom-dropdown > .dropdown-toggle[class*="btn-"]:not(.title) .fa { display: none; } } .main-menu .dropdown-link, .main-menu .nav-link { font-family: "Clash Display", sans-serif; font-feature-settings: "cpsp"; text-decoration: none; text-transform: var(--primary-nav-text-transform, uppercase); font-size: 12px; font-weight: var(--primary-nav-font-weight, 600); line-height: 12px; letter-spacing: 0.18em; } .main-menu .dropdown-link:hover, .main-menu .nav-link:hover { text-decoration: none; } .main-menu .dropdown-link-secondary, .main-menu .nav-link-secondary { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-size: 14px; font-weight: normal; line-height: 1.2; text-transform: capitalize; color: var(--secondary-nav-color, #091010); } .main-menu .dropdown-link-secondary:hover, .main-menu .nav-link-secondary:hover { color: var(--secondary-nav-color-hover, #091010); } .main-menu .dropdown-link-tertiary, .main-menu .nav-link-tertiary { color: var(--tertiary-nav-color, #FFFFFF); font-feature-settings: "cpsp"; font-family: "Gambetta", serif; font-size: 12px; font-weight: var(--tertiary-nav-font-weight, normal); text-transform: var(--tertiary-nav-text-transform, none); } .main-menu .dropdown-link-tertiary:hover, .main-menu .nav-link-tertiary:hover { color: var(--tertiary-nav-color-hover, #091010); } .slide-up { transition-duration: 0.5s; transition-timing-function: ease-in; max-height: 100px; overflow: hidden; } .slide-up.hide { max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .cookie-warning-messaging.cookie-warning { position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0); text-align: center; display: none; } .valid-cookie-warning { background-color: #388BFF; color: #FFFFFF; white-space: nowrap; } .valid-cookie-warning p { margin-top: 0; margin-bottom: 0.2em; padding-right: 2em; } .checkout-header .header-locale-container .country-selector { display: block; } .checkout-header .header-support-container .support { display: block; } .checkout-header .header-account-container { display: flex; } .checkout-header .minicart { display: flex; } .header-account-container { display: none; } @media (min-width: 1024px) { .header-account-container { display: block; } .header-account-container .header-link.nav-link { font-size: 0; display: flex; } .header-account-container .header-link.nav-link:before { content: "\E900"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-16px); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title).icon-before:before, .header-account-container .header-link.nav-link[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title).btn-sm, .header-account-container .btn-group-sm > .header-link.nav-link.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title).btn-sm:before, .header-account-container .btn-group-sm > .header-link.nav-link.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-12px); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title).btn-sm.icon-before:before, .header-account-container .btn-group-sm > .header-link.nav-link.btn[class*="btn-"]:not(.title).icon-before:before, .header-account-container .header-link.nav-link[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .header-account-container .btn-group-sm > .header-link.nav-link.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title).btn-sm.icon-after:after, .header-account-container .btn-group-sm > .header-link.nav-link.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .header-account-container .header-link.nav-link[class*="btn-"]:not(.title) [class*="icon-"], .header-account-container .header-link.nav-link[class*="btn-"]:not(.title) [class^="icon-"], .header-account-container .header-link.nav-link[class*="btn-"]:not(.title) .fa { display: none; } .header-account-container .header-link.nav-link > .header-link { display: none; } } @media (min-width: 1024px) { header .user .dropdown-menu, header .support .dropdown-menu { border: none; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); } header .user .dropdown-menu .dropdown-item + .dropdown-item, header .support .dropdown-menu .dropdown-item + .dropdown-item { border: none; } header .user .dropdown-menu .dropdown-item .header-link, header .support .dropdown-menu .dropdown-item .header-link { text-align: center; padding: 8px; } header .user .nav, header .support .nav { padding: 0px; display: block; border-radius: var(--border-radius, 0px); overflow: hidden; } header .user .nav .dropdown-item:first-child, header .support .nav .dropdown-item:first-child { padding-top: 4px; } header .user .nav .dropdown-item:last-child, header .support .nav .dropdown-item:last-child { padding-bottom: 4px; } header.logo-center .header-link { font-size: 12px; } header.logo-center .country-selector .dropdown-toggle, header.logo-center .support .dropdown-toggle { padding: calc((64px - 12px) / 2) 0; } header.logo-center .country-selector .dropdown-menu-right, header.logo-center .support .dropdown-menu-right { right: auto; max-width: 225px; } header.logo-center .header-column-2 { min-width: var(--brand-logo-mobile-size, 103px); } } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav { width: 100%; transition: background-color 200ms linear, border-color 200ms linear; } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.nav-center .main-menu { transition: background-color 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .brand a { transition: filter 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .site-search input::-moz-placeholder { -moz-transition: color 200ms linear; transition: color 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .site-search input:-ms-input-placeholder { -ms-transition: color 200ms linear; transition: color 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .fa-search::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .reset-button:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .site-search input, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .site-search input::placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .minicart-icon::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .store-locator-header-button { transition: color 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .site-search { transition: border-color 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .site-search .search-field { transition: width 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav .minicart-quantity { transition: color 200ms linear, background-color 200ms linear; } } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav:not(.fixed) { position: absolute; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.fixed .header { background-color: transparent; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav { transition: color 200ms ease-in-out, box-shadow 200ms ease-in-out; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark { color: #091010; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler:before { content: "\E929"; font-family: "icomoon"; display: inline-block; font-size: 22px; color: #091010; font-weight: normal; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(-16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(-12px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .brand a { filter: brightness(0); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before { color: #091010; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before:before { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; transform: translateX(-16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; transform: translateX(-12px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-quantity { color: #FFFFFF; background-color: transparent; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .store-selector .store-locator-header-button { color: #091010; } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .nav-item > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .nav-item > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .user > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .user > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .support > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .support > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .country-selector > .dropdown-toggle::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .fa-search::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .reset-button:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search input { color: #091010; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field::-moz-placeholder { color: #091010; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field:-ms-input-placeholder { color: #091010; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field::placeholder { color: #091010; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link { color: #091010; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link::before { background-color: #091010; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:hover > .nav-link { color: #091010; } } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light { color: #FFFFFF; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler:before { content: "\E929"; font-family: "icomoon"; display: inline-block; font-size: 22px; color: #FFFFFF; font-weight: normal; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(-16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(-12px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .brand a { filter: brightness(0) invert(1); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before { color: #FFFFFF; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before:before { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; transform: translateX(-16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; transform: translateX(-12px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-quantity { color: #FFFFFF; background-color: transparent; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .store-selector .store-locator-header-button { color: #FFFFFF; } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .nav-item > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .nav-item > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .user > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .user > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .support > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .support > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .country-selector > .dropdown-toggle::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .fa-search::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .reset-button:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search input { color: #FFFFFF; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field::-moz-placeholder { color: #FFFFFF; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field:-ms-input-placeholder { color: #FFFFFF; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field::placeholder { color: #FFFFFF; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link { color: #FFFFFF; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link::before { background-color: #FFFFFF; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:hover > .nav-link { color: #FFFFFF; } } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav:not(.fixed) { background: transparent; border-bottom: transparent; transition: background-color 200ms linear, border-color 200ms linear; width: 100%; position: absolute; } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav:not(.fixed) .main-menu { background-color: transparent; transition: background-color 200ms linear; } } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav:not(.fixed) .header { transition: color 200ms linear; background: transparent; } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav:not(.fixed) .header .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) .nav-link { transition: color 200ms ease-out; } } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav:not(.fixed) .header .site-search { border-color: transparent; } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav { width: 100%; transition: background-color 200ms linear, border-color 200ms linear; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.nav-center .main-menu, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.nav-center .main-menu { transition: background-color 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .brand a, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .brand a { transition: filter 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .site-search input::-moz-placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .site-search input::-moz-placeholder { -moz-transition: color 200ms linear; transition: color 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .site-search input:-ms-input-placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .site-search input:-ms-input-placeholder { -ms-transition: color 200ms linear; transition: color 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .fa-search::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .reset-button:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .site-search input, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .site-search input::placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .minicart-icon::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .store-locator-header-button, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .fa-search::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .reset-button:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .site-search input, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .site-search input::placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .minicart-icon::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .store-locator-header-button { transition: color 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .site-search, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .site-search { transition: border-color 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .site-search .search-field, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .site-search .search-field { transition: width 200ms linear; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav .minicart-quantity, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav .minicart-quantity { transition: color 200ms linear, background-color 200ms linear; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav:not(.fixed), html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav:not(.fixed) { position: absolute; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.fixed .header, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.fixed .header { background-color: transparent; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav { transition: color 200ms ease-in-out, box-shadow 200ms ease-in-out; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark { color: #091010; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler:before { content: "\E929"; font-family: "icomoon"; display: inline-block; font-size: 22px; color: #091010; font-weight: normal; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title), html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(-16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title), html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(-12px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) .fa, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .brand a, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .brand a { filter: brightness(0); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before { color: #091010; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before:before { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title), html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; transform: translateX(-16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title), html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; transform: translateX(-12px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) .fa, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-quantity, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .minicart .minicart-quantity { color: #FFFFFF; background-color: transparent; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .store-selector .store-locator-header-button, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .store-selector .store-locator-header-button { color: #091010; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .nav-item > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .nav-item > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .user > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .user > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .support > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .support > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .country-selector > .dropdown-toggle::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .fa-search::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .reset-button:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search input, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .nav-item > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .nav-item > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .user > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .user > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .support > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .support > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .country-selector > .dropdown-toggle::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .fa-search::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .reset-button:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search input { color: #091010; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field::-moz-placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field::-moz-placeholder { color: #091010; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field:-ms-input-placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field:-ms-input-placeholder { color: #091010; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field::placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .site-search .search-field::placeholder { color: #091010; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link { color: #091010; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link::before { background-color: #091010; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:hover > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-dark:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:hover > .nav-link { color: #091010; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light { color: #FFFFFF; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler:before { content: "\E929"; font-family: "icomoon"; display: inline-block; font-size: 22px; color: #FFFFFF; font-weight: normal; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title), html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(-16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title), html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(-12px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .btn-group-sm > .navbar-toggler.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) .fa, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar-toggler[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .brand a, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .brand a { filter: brightness(0) invert(1); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before { color: #FFFFFF; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before:before { content: "\E90F"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title), html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; transform: translateX(-16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: color; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title), html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; transform: translateX(-12px); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-before:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title).btn-sm.icon-after:after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .btn-group-sm > .minicart-icon.btn::before[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: color; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) .fa, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class*="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) [class^="icon-"], html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-icon::before[class*="btn-"]:not(.title) .fa { display: none; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-quantity, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-quantity { color: #FFFFFF; background-color: transparent; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .store-selector .store-locator-header-button, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .store-selector .store-locator-header-button { color: #FFFFFF; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .nav-item > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .nav-item > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .user > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .user > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .support > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .support > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .country-selector > .dropdown-toggle::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .fa-search::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .reset-button:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search input, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .nav-item > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .nav-item > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .user > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .user > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .support > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .support > .nav-link::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .country-selector > .dropdown-toggle::after, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .fa-search::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .reset-button:before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search input { color: #FFFFFF; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field::-moz-placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field::-moz-placeholder { color: #FFFFFF; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field:-ms-input-placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field:-ms-input-placeholder { color: #FFFFFF; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field::placeholder, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .site-search .search-field::placeholder { color: #FFFFFF; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link { color: #FFFFFF; } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link::before, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) > .nav-link::before { background-color: #FFFFFF; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:hover > .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .navbar .menu-group .nav.navbar-nav > .nav-item:hover > .nav-link { color: #FFFFFF; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav:not(.fixed), html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav:not(.fixed) { background: transparent; border-bottom: transparent; transition: background-color 200ms linear, border-color 200ms linear; width: 100%; position: absolute; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav:not(.fixed) .main-menu, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav:not(.fixed) .main-menu { background-color: transparent; transition: background-color 200ms linear; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav:not(.fixed) .header, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav:not(.fixed) .header { transition: color 200ms linear; background: transparent; } } @media (min-width: 769px) and (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav:not(.fixed) .header .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) .nav-link, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav:not(.fixed) .header .navbar .menu-group .nav.navbar-nav > .nav-item:not(:hover) .nav-link { transition: color 200ms ease-out; } } @media (min-width: 769px) { html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.no-transparent-nav-mobile .header-nav.transparent-nav:not(.fixed) .header .site-search, html:not(.sticky-header):not(.sticky-header-lock) .transparent-header.mobile-transparent-nav-off .header-nav.transparent-nav:not(.fixed) .header .site-search { border-color: transparent; } } @media (min-width: 769px) { .sticky-header .fixed-header-enhanced + #maincontent { margin-top: var(--header-height); } } @media (max-width: 768.98px) { .sticky-header .no-transparent-nav-mobile + #maincontent { margin-top: var(--header-height, calc(min(50px, 10vh))); } .no-transparent-nav-mobile + #maincontent .page-designer > .experience-region:first-child > .experience-component:first-child { display: none; } } [class*="megamenu-asset"] .chromeless.stack { height: 100%; } [class*="megamenu-asset"] .chromeless.stack .experience-region { display: flex; height: 100%; flex-direction: column; justify-content: space-between; } .header-support-container { position: relative; } .header-support-container .support:after { content: ''; height: 5px; display: block; position: absolute; bottom: calc(5px * -1); width: 100%; } .header .minicart .minicart-quantity { transform: translate(50%, -40%); font-family: "Clash Display", sans-serif; } @media (min-width: 769px) { .header .minicart .minicart-quantity { transform: translate(50%, -45%); } } .header .minicart .minicart-icon:before { font-size: 22px; } @media (min-width: 769px) { .header .minicart .minicart-icon:before { font-size: 16px; } } html:not(.sticky-header):not(.sticky-header-lock) .transparent-header:not(.no-transparent-nav-mobile):not(.mobile-transparent-nav-off) .header-nav.transparent-nav.transparent-nav-light:not(.fixed) .minicart .minicart-quantity { color: #091010; } .logo-center .main-menu { border-top: 1px solid #F2F1F0; border-bottom: 1px solid #F2F1F0; } .site-search { position: relative; width: 100%; } .site-search .search-field { border-top: none; } .site-search .fa-close, .site-search .fa-search { position: absolute; top: var(--button-padding-y, 16.5px); border: none; right: 20px; padding: 0; background-color: transparent; } .site-search .fa-close:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: var(--primary-nav-color, #091010); font-weight: normal; } .site-search .fa-close[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .site-search .fa-close[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-16px); } .site-search .fa-close[class*="btn-"]:not(.title).icon-before:before, .site-search .fa-close[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .site-search .fa-close[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .site-search .fa-close[class*="btn-"]:not(.title).btn-sm, .site-search .btn-group-sm > .fa-close.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .site-search .fa-close[class*="btn-"]:not(.title).btn-sm:before, .site-search .btn-group-sm > .fa-close.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-12px); } .site-search .fa-close[class*="btn-"]:not(.title).btn-sm.icon-before:before, .site-search .btn-group-sm > .fa-close.btn[class*="btn-"]:not(.title).icon-before:before, .site-search .fa-close[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .site-search .btn-group-sm > .fa-close.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .site-search .fa-close[class*="btn-"]:not(.title).btn-sm.icon-after:after, .site-search .btn-group-sm > .fa-close.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .site-search .fa-close[class*="btn-"]:not(.title) [class*="icon-"], .site-search .fa-close[class*="btn-"]:not(.title) [class^="icon-"], .site-search .fa-close[class*="btn-"]:not(.title) .fa { display: none; } .site-search .fa-search:before { content: "\E935"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: var(--primary-nav-color, #091010); font-weight: normal; } .site-search .fa-search[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .site-search .fa-search[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-16px); } .site-search .fa-search[class*="btn-"]:not(.title).icon-before:before, .site-search .fa-search[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .site-search .fa-search[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .site-search .fa-search[class*="btn-"]:not(.title).btn-sm, .site-search .btn-group-sm > .fa-search.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .site-search .fa-search[class*="btn-"]:not(.title).btn-sm:before, .site-search .btn-group-sm > .fa-search.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-12px); } .site-search .fa-search[class*="btn-"]:not(.title).btn-sm.icon-before:before, .site-search .btn-group-sm > .fa-search.btn[class*="btn-"]:not(.title).icon-before:before, .site-search .fa-search[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .site-search .btn-group-sm > .fa-search.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .site-search .fa-search[class*="btn-"]:not(.title).btn-sm.icon-after:after, .site-search .btn-group-sm > .fa-search.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .site-search .fa-search[class*="btn-"]:not(.title) [class*="icon-"], .site-search .fa-search[class*="btn-"]:not(.title) [class^="icon-"], .site-search .fa-search[class*="btn-"]:not(.title) .fa { display: none; } .site-search .reset-button { position: absolute; top: 50%; transform: translateY(-50%); border: none; right: 20px; padding: 0 5px; background-color: var(--header-background-color, #FFFFFF); z-index: 1; } .site-search .reset-button:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; } .site-search .reset-button[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .site-search .reset-button[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-16px); } .site-search .reset-button[class*="btn-"]:not(.title).icon-before:before, .site-search .reset-button[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .site-search .reset-button[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .site-search .reset-button[class*="btn-"]:not(.title).btn-sm, .site-search .btn-group-sm > .reset-button.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .site-search .reset-button[class*="btn-"]:not(.title).btn-sm:before, .site-search .btn-group-sm > .reset-button.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; transform: translateX(-12px); } .site-search .reset-button[class*="btn-"]:not(.title).btn-sm.icon-before:before, .site-search .btn-group-sm > .reset-button.btn[class*="btn-"]:not(.title).icon-before:before, .site-search .reset-button[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .site-search .btn-group-sm > .reset-button.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .site-search .reset-button[class*="btn-"]:not(.title).btn-sm.icon-after:after, .site-search .btn-group-sm > .reset-button.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: var(--primary-nav-color, #091010); font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .site-search .reset-button[class*="btn-"]:not(.title) [class*="icon-"], .site-search .reset-button[class*="btn-"]:not(.title) [class^="icon-"], .site-search .reset-button[class*="btn-"]:not(.title) .fa { display: none; } .site-search input { height: calc(16px + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); padding-right: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (min-width: 1024px) { .site-search input { height: 100%; } } .site-search input:hover { box-shadow: none; } @media (min-width: 1024px) { .site-search { float: right; display: block; height: 64px; border-width: 0 1px 0 1px; border-color: #F2F1F0; border-style: solid; } .site-search form { float: right; } .site-search .search-field { font-family: "Clash Display", sans-serif; font-feature-settings: "cpsp"; text-decoration: none; text-transform: var(--primary-nav-text-transform, uppercase); font-size: 12px; font-weight: var(--primary-nav-font-weight, 600); line-height: 12px; letter-spacing: 0.18em; border: none; text-align: left; color: var(--primary-nav-color, #091010); padding-top: calc((64px - 12px) / 2); padding-bottom: calc((64px - 12px) / 2); padding-right: 40px; padding-left: 20px; transition: width 200ms ease-out; width: 125px; background: transparent; text-decoration: none; } .site-search .search-field:hover { text-decoration: none; } .site-search .search-field-secondary { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-size: 14px; font-weight: normal; line-height: 1.2; text-transform: capitalize; color: var(--secondary-nav-color, #091010); } .site-search .search-field-secondary:hover { color: var(--secondary-nav-color-hover, #091010); } .site-search .search-field-tertiary { color: var(--tertiary-nav-color, #FFFFFF); font-feature-settings: "cpsp"; font-family: "Gambetta", serif; font-size: 12px; font-weight: var(--tertiary-nav-font-weight, normal); text-transform: var(--tertiary-nav-text-transform, none); } .site-search .search-field-tertiary:hover { color: var(--tertiary-nav-color-hover, #091010); } .site-search .search-field::-moz-placeholder { color: var(--primary-nav-color, #091010); } .site-search .search-field:-ms-input-placeholder { color: var(--primary-nav-color, #091010); } .site-search .search-field::placeholder { color: var(--primary-nav-color, #091010); } .site-search .search-field:focus { box-shadow: none; } .site-search .search-field:hover { text-decoration: none; } .site-search .fa-close, .site-search .fa-search { position: absolute; top: 50%; transform: translateY(-50%); } .site-search .fa-close::before, .site-search .fa-search::before, .site-search .reset-button::before { font-size: 16px; } } @media (min-width: 1440px) { .site-search .search-field:focus { width: 200px; } } @media (min-width: 1024px) { .search-icon-only .site-search { border-color: transparent; border-style: solid; border-width: 0 1px 0 1px; transition: border 200ms ease-out; width: auto; } .search-icon-only .site-search .search-field { border-left: none; border-right: none; width: 0; } .search-icon-only .site-search.expanded { border-color: #F2F1F0; } .search-icon-only .site-search.expanded .search-field { width: 125px; } .search-icon-only .site-search.expanded button { color: #FFFFFF; } .logo-center .search-icon-only .site-search { height: 64px; border-bottom: 0; border-top: 0; } } @media (min-width: 1440px) { .search-icon-only .site-search.expanded .search-field { width: 200px; } } .suggestions-wrapper { position: relative; } .suggestions-wrapper .suggestions { list-style-type: none; display: block; background-color: #FFFFFF; top: 0; right: 0; box-shadow: 0 2px 2px rgba(9, 16, 16, 0.2); position: absolute; width: 350px; } .suggestions-wrapper .suggestions-header { font-family: "Gambetta", serif; font-size: 15px; margin-bottom: 5px; color: #091010; text-transform: none; padding-top: 16px; background: transparent; } .suggestions-wrapper .suggestions-header:not(:first-child) { border-top: 1px solid #C5C5C5; } .suggestions-wrapper .suggestions-items { font-family: "Gambetta", serif; font-size: var(--base-font-size, 16px); padding-bottom: 16px; } .suggestions-wrapper .suggestions-item a { display: flex; align-items: center; text-decoration: none; padding-top: 3px; padding-bottom: 3px; } .suggestions-wrapper .suggestions-item .swatch-thumbnail { width: 30px; height: 30px; background-color: #FFFFFF; background-size: cover; display: block; position: relative; text-align: center; border-radius: 0; margin-right: 16px; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value { transition: box-shadow 200ms ease-out; box-shadow: 0 0 0 1px transparent, 0 0 0 calc(1px + 0px) transparent; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value:hover:not(.unselectable) { box-shadow: inset 0px -2px 0px #091010; border: none; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value:active { border: none; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected { box-shadow: inset 0px -2px 0px #091010; border: none; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FFFFFF; font-weight: normal; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).icon-before:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).btn-sm, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.color-value.selected.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).btn-sm:after, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.color-value.selected.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.color-value.selected.btn[class*="btn-"]:not(.title).icon-before:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.color-value.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.color-value.selected.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title) [class*="icon-"], .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title) [class^="icon-"], .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title) .fa { display: none; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.selected::after { position: absolute; top: calc(-14px / 3); right: calc(-14px / 3); display: none; background: rgba(9, 16, 16, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable { border: none; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable:before { background-color: #FFFFFF; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; border: 3px solid transparent; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.unselectable { cursor: not-allowed; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none; border: 3px solid transparent; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock:before { background-color: #FFFFFF; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.color-value.out-of-stock.selected:after { display: block; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value:not(.unselectable):hover { border-color: #4C4C4B; box-shadow: none; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover { background: #FFFFFF; color: #091010; border-color: #091010; box-shadow: none; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FFFFFF; font-weight: normal; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title), .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title):after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).icon-before:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title):not(.icon-after):before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).icon-before:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).icon-after:after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:after, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:after, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title).icon-before:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm.icon-before:before, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title).icon-before:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title).icon-after:after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm.icon-after:after, .suggestions-wrapper .suggestions-item .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class*="icon-"], .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class^="icon-"], .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title) .fa, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class*="icon-"], .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class^="icon-"], .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) .fa { display: none; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected::after, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(-16px / 3); right: calc(-16px / 3); background: #091010; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.unselectable, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.unselectable { cursor: not-allowed; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.unselectable:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.unselectable:before { background-color: #FFFFFF; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.out-of-stock:before, .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.out-of-stock:before { background-color: #FFFFFF; } .suggestions-wrapper .suggestions-item .swatch-thumbnail.non-color-swatch-value.out-of-stock.selected:after { display: block; } .suggestions-wrapper .suggestions-item .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .suggestions-wrapper .suggestions-item .category-parent { color: #BEBEBE; } .suggestions-wrapper .suggestions-item.selected { background-color: #C5C5C5; } .site-search form { height: 100%; } .site-search .reset-button { background-color: transparent; } .site-search .reset-button.d-sm-block + button.fa-search { opacity: 0; } .hero { position: relative; overflow: hidden; display: flex; } .hero .hero-container { display: flex; padding: 16px; height: 100%; width: 100%; } @media (min-width: 769px) { .hero .hero-container { padding: 16px; } } @media (min-width: 1024px) { .hero .hero-container { padding: 50px; } } @media (min-width: 1440px) { .full-bleed .hero .hero-container { max-width: 1440px; margin-left: auto; margin-right: auto; } } .hero .hero-container .hero-background-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero .hero-container .hero-background-link .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero .hero-container .hero-background-link .video-container .video-player { display: none; } .hero .embedded-component { width: 100%; } .hero .embedded-component:empty { display: none; } .hero .embedded-component .experience-region:empty { display: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .hero { height: 0; } .hero.no-image { height: auto; } } .hero.short { min-height: 64px; } @media (min-width: 769px) { .hero.short { min-height: 64px; } } @media (min-width: 1024px) { .hero.short { min-height: 112px; } } .hero.medium { min-height: 430px; } @media (min-width: 769px) { .hero.medium { min-height: 430px; } } @media (min-width: 1024px) { .hero.medium { min-height: 450px; } } .hero.tall { min-height: 502px; } @media (min-width: 769px) { .hero.tall { min-height: 502px; } } @media (min-width: 1024px) { .hero.tall { min-height: 700px; } } .hero.screen-height { min-height: 100vh; } .fixed-header ~ div .hero.screen-height { min-height: calc(100vh - calc(min(50px, 10vh))); } @media (min-width: 769px) { .fixed-header ~ div .hero.screen-height { min-height: calc(100vh - 70px); } } @media (min-width: 1024px) { .fixed-header ~ div .hero.screen-height { min-height: calc(100vh - 64px); } } .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - calc(min(50px, 10vh)) - 1px - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh))); } .multi-brand .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - calc(min(50px, 10vh)) - 1px - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh)) - 30px); } @media (min-width: 769px) { .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 70px - 1px - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh))); } .multi-brand .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 70px - 1px - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh))- 40px); } } @media (min-width: 1024px) { .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 64px - 1px - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh))); } .multi-brand .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 64px - 1px - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh)) - 40px); } } .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh))); } .multi-brand .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh)) - 30px); } @media (min-width: 769px) { .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh))); } .multi-brand .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh)) - 40px); } } @media (min-width: 1024px) { .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh))); } .multi-brand .transparent-header ~ div .experience-main > .experience-component:first-child .hero.screen-height { min-height: calc(100vh - 11px - calc(min(16px, 2vh)) - calc(min(16px, 2vh)) - 40px); } } .hero-media { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); height: 100%; width: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; } .full-bleed .hero-media { width: calc(100vw + 2px); } .hero-media.hero-media-tablet, .hero-media.hero-media-desktop { display: none; } @media (min-width: 769px) { .hero-media.hero-media-mobile, .hero-media.hero-media-desktop { display: none; } .hero-media.hero-media-tablet { display: block; } } @media (min-width: 1024px) { .hero-media.hero-media-mobile, .hero-media.hero-media-tablet { display: none; } .hero-media.hero-media-desktop { display: block; } } .hero-media.video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; right: auto; transform: none; transition: opacity 200ms ease-out; } .hero-media.video-container .video-aspect-ratio { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 0; height: 0; min-height: 100%; min-width: 100%; } .hero-media.video-container .video-aspect-ratio.aspect-ratio-16-9 { padding-top: calc(9 / 16 * 100%); padding-left: calc(16 / 9 * 100vh); } .hero-media.video-container .video-aspect-ratio.aspect-ratio-9-16 { padding-top: calc(16 / 9 * 100%); padding-left: calc(9 / 16 * 100vh); } .hero-media.video-container .video-aspect-ratio.aspect-ratio-4-3 { padding-top: calc(3 / 4 * 100%); padding-left: calc(4 / 3 * 100vh); } .hero-media.video-container .video-aspect-ratio.aspect-ratio-3-4 { padding-top: calc(4 / 3 * 100%); padding-left: calc(3 / 4 * 100vh); } .hero-media.video-container .video-aspect-ratio.aspect-ratio-1-1 { padding-top: calc(1 / 1 * 100%); padding-left: calc(1 / 1 * 100vh); } .hero-media.video-container .video-aspect-ratio .video-player { position: static; pointer-events: none; } .hero-media.video-container .video-aspect-ratio iframe, .hero-media.video-container .video-aspect-ratio video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .hero-media.video-container .video-aspect-ratio iframe.video-player, .hero-media.video-container .video-aspect-ratio video.video-player { position: absolute; } .hero-media.video-container ~ .replay-video { z-index: 1; position: absolute; opacity: 0; transition: opacity 200ms ease-out; } .align-items-start .hero-media.video-container ~ .replay-video, .align-items-center .hero-media.video-container ~ .replay-video { bottom: 16px; } .align-items-end .hero-media.video-container ~ .replay-video { top: 16px; } .transparent-header ~ div .align-items-end .hero-media.video-container ~ .replay-video { top: calc(min(50px, 10vh))16px; } @media (min-width: 769px) { .transparent-header ~ div .align-items-end .hero-media.video-container ~ .replay-video { top: 86px; } } @media (min-width: 1024px) { .transparent-header ~ div .align-items-end .hero-media.video-container ~ .replay-video { top: 80px; } } .justify-content-md-start .hero-media.video-container ~ .replay-video { right: 16px; } .justify-content-md-end .hero-media.video-container ~ .replay-video, .justify-content-md-center .hero-media.video-container ~ .replay-video { left: 16px; } .hero-media.video-container.video-stopped { opacity: 0; } .hero-media.video-container.video-stopped ~ .replay-video { transition: opacity 200ms ease-out 600ms; opacity: 1; } .hero-text { overflow: visible; display: flex; flex-direction: column; position: relative; width: 100%; } .text-in-card .hero-text { padding: 16px; border-width: 1px; border-style: solid; } @media (min-width: 769px) { .text-in-card .hero-text { padding: 16px; } } @media (min-width: 1024px) { .text-in-card .hero-text { padding: 16px; } } .text-in-card .hero-text:not([class*='border--']) { border-color: transparent; } .text-in-card .hero-text.semitransparent:not([class*='background--']).dark-theme { background: rgba(9, 16, 16, 0.7); } .text-in-card .hero-text.semitransparent:not([class*='background--']).light-theme { background: rgba(255, 255, 255, 0.7); } .text-in-card .hero-text.opaque:not([class*='background--']).dark-theme { background: #091010; } .text-in-card .hero-text.opaque:not([class*='background--']).light-theme { background: #FFFFFF; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .hero-text.text-center { align-items: center; } .hero-text.text-right { align-items: flex-end; } } @media (min-width: 769px) { .hero-text.width-1-4 { max-width: 25%; } .hero-text.width-1-3 { max-width: 33.3333%; } .hero-text.width-1-2 { max-width: 50%; } .hero-text.width-2-3 { max-width: 66.6666%; } .hero-text.width-3-4 { max-width: 75%; } .hero-text.width-1 { max-width: 100%; } } .hero-text .hero-subtitle > *, .hero-text .hero-title > *, .hero-text .hero-body > * { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; margin-bottom: 0; } .hero-text .hero-subtitle:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-family: "Gambetta", serif; font-size: calc(var(--base-font-size, 16px) - 2px); text-transform: none; } .hero-text .hero-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-family: var(--h1-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h1-mobile-size, 42px) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .hero-text .hero-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--h1-tablet-size, var(--h1-mobile-size, 42px)) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .hero-text .hero-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--h1-desktop-size, 54px) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .hero-text .hero-title:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom).text-decoration-none * { text-decoration: none; } .hero-text .hero-body ul { list-style: disc; list-style-position: outside; margin-left: 16px; } @media (min-width: 544px) { .hero-text .hero-body ul { -moz-columns: 2; columns: 2; } } .hero-text .hero-subtitle + .hero-title, .hero-text .hero-title + .hero-body, .hero-text .hero-embedded-component + .hero-body, .hero-text .hero-body + .hero-buttons .hero-button, .hero-text .hero-embedded-component .experience-region > * { margin-top: 16px; } .hero-text .hero-buttons { font-size: 0; } .hero-text .hero-button { margin-top: 16px; display: inline-block; position: relative; } .hero-text.text-center .hero-button:not(:only-child) { margin-left: 8px; margin-right: 8px; } .hero-text.text-left .hero-button:not(:only-child) { margin-right: 16px; } .hero-text.text-right .hero-button:not(:only-child) { margin-left: 16px; } .hero-slider-container .hero-slot.container { padding-left: 0; padding-right: 0; } @media (max-width: 768.98px) { .hero.half-and-half { height: auto; } .hero.half-and-half .hero-container { flex-flow: column !important; } .hero.half-and-half .hero-media { transform: translateX(50%); top: 0; position: relative; width: calc(100% + 32px); margin: -16px 0 16px -32px; } .hero.half-and-half.short { min-height: 0; } .hero.half-and-half.short .hero-media { height: 64px; } .hero.half-and-half.medium { min-height: 0; } .hero.half-and-half.medium .hero-media { height: 430px; } .hero.half-and-half.tall, .hero.half-and-half.screen-height { min-height: 0; } .hero.half-and-half.tall .hero-media, .hero.half-and-half.screen-height .hero-media { height: 502px; } .hero.half-and-half [class*="justify-content-md"] .hero-media.video-container { position: absolute; margin-left: -50%; margin-top: 0; } } @media (min-width: 769px) and (max-width: 1023.98px) { .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media:not(.video-container) { transform: translateY(-50%); } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-1-4 { max-width: 75%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-1-3 { max-width: 66.66666%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-1-2 { max-width: 50%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-2-3 { max-width: 33.3333%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-3-4 { max-width: 25%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-media.width-1 { max-width: 50%; } .hero.half-and-half .hero-container:not(.flex-md-column) .hero-text.width-1 { max-width: 50%; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media { right: 0; left: auto; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-4.video-container { transform: translateX(25%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-4.video-container .video-aspect-ratio { right: calc(50% + (25%/2)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-3.video-container { transform: translateX(calc(33.3333%)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-3.video-container .video-aspect-ratio { right: calc(50% + (33.3333%/2)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-2.video-container, .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1.video-container { transform: translateX(50%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1-2.video-container .video-aspect-ratio, .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-1.video-container .video-aspect-ratio { right: calc(50% + (50%/2)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-2-3.video-container { transform: translateX(66.6666%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-2-3.video-container .video-aspect-ratio { right: calc(50% + (66.6666%/2)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-3-4.video-container { transform: translateX(75%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-media.width-3-4.video-container .video-aspect-ratio { right: calc(50% + (75%/2)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-text { padding-right: 16px; } } @media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 769px) { .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-text { padding-right: 16px; } } @media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 1024px) { .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-start .hero-text { padding-right: 50px; } } @media (min-width: 769px) and (max-width: 1023.98px) { .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media { left: 0; right: auto; } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-4.video-container { transform: translateX(-25%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-4.video-container .video-aspect-ratio { right: calc(50% - (25%/2)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-3.video-container { transform: translateX(calc(-33.3333%)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-3.video-container .video-aspect-ratio { right: calc(50% - (33.3333%/2)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-2.video-container, .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1.video-container { transform: translateX(-50%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1-2.video-container .video-aspect-ratio, .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-1.video-container .video-aspect-ratio { right: calc(50% - (50%/2)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-2-3.video-container { transform: translateX(-66.6666%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-2-3.video-container .video-aspect-ratio { right: calc(50% - (66.6666%/2)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-3-4.video-container { transform: translateX(-75%); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-media.width-3-4.video-container .video-aspect-ratio { right: calc(50% - (75%/2)); } .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-text { padding-left: 16px; } } @media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 769px) { .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-text { padding-left: 16px; } } @media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 1024px) { .hero.half-and-half .hero-container:not(.flex-md-column).justify-content-md-end .hero-text { padding-left: 50px; } } @media (min-width: 1024px) { .hero.half-and-half .hero-media:not(.video-container) { transform: translateY(-50%); } .hero.half-and-half .hero-media.width-1-4 { max-width: 75%; } .hero.half-and-half .hero-media.width-1-3 { max-width: 66.66666%; } .hero.half-and-half .hero-media.width-1-2 { max-width: 50%; } .hero.half-and-half .hero-media.width-2-3 { max-width: 33.3333%; } .hero.half-and-half .hero-media.width-3-4 { max-width: 25%; } .hero.half-and-half .hero-media.width-1 { max-width: 50%; } .hero.half-and-half .hero-text.width-1 { max-width: 50%; } .hero.half-and-half.justify-content-md-start .hero-media { right: 0; left: auto; } .hero.half-and-half.justify-content-md-start .hero-media.width-1-4.video-container { transform: translateX(25%); } .hero.half-and-half.justify-content-md-start .hero-media.width-1-4.video-container .video-aspect-ratio { right: calc(50% + (25%/2)); } .hero.half-and-half.justify-content-md-start .hero-media.width-1-3.video-container { transform: translateX(calc(33.3333%)); } .hero.half-and-half.justify-content-md-start .hero-media.width-1-3.video-container .video-aspect-ratio { right: calc(50% + (33.3333%/2)); } .hero.half-and-half.justify-content-md-start .hero-media.width-1-2.video-container, .hero.half-and-half.justify-content-md-start .hero-media.width-1.video-container { transform: translateX(50%); } .hero.half-and-half.justify-content-md-start .hero-media.width-1-2.video-container .video-aspect-ratio, .hero.half-and-half.justify-content-md-start .hero-media.width-1.video-container .video-aspect-ratio { right: calc(50% + (50%/2)); } .hero.half-and-half.justify-content-md-start .hero-media.width-2-3.video-container { transform: translateX(66.6666%); } .hero.half-and-half.justify-content-md-start .hero-media.width-2-3.video-container .video-aspect-ratio { right: calc(50% + (66.6666%/2)); } .hero.half-and-half.justify-content-md-start .hero-media.width-3-4.video-container { transform: translateX(75%); } .hero.half-and-half.justify-content-md-start .hero-media.width-3-4.video-container .video-aspect-ratio { right: calc(50% + (75%/2)); } .hero.half-and-half.justify-content-md-start .hero-text { padding-right: 16px; } } @media (min-width: 1024px) and (min-width: 769px) { .hero.half-and-half.justify-content-md-start .hero-text { padding-right: 16px; } } @media (min-width: 1024px) and (min-width: 1024px) { .hero.half-and-half.justify-content-md-start .hero-text { padding-right: 50px; } } @media (min-width: 1024px) { .hero.half-and-half.justify-content-md-end .hero-media { left: 0; right: auto; } .hero.half-and-half.justify-content-md-end .hero-media.width-1-4.video-container { transform: translateX(-25%); } .hero.half-and-half.justify-content-md-end .hero-media.width-1-4.video-container .video-aspect-ratio { right: calc(50% - (25%/2)); } .hero.half-and-half.justify-content-md-end .hero-media.width-1-3.video-container { transform: translateX(calc(-33.3333%)); } .hero.half-and-half.justify-content-md-end .hero-media.width-1-3.video-container .video-aspect-ratio { right: calc(50% - (33.3333%/2)); } .hero.half-and-half.justify-content-md-end .hero-media.width-1-2.video-container, .hero.half-and-half.justify-content-md-end .hero-media.width-1.video-container { transform: translateX(-50%); } .hero.half-and-half.justify-content-md-end .hero-media.width-1-2.video-container .video-aspect-ratio, .hero.half-and-half.justify-content-md-end .hero-media.width-1.video-container .video-aspect-ratio { right: calc(50% - (50%/2)); } .hero.half-and-half.justify-content-md-end .hero-media.width-2-3.video-container { transform: translateX(-66.6666%); } .hero.half-and-half.justify-content-md-end .hero-media.width-2-3.video-container .video-aspect-ratio { right: calc(50% - (66.6666%/2)); } .hero.half-and-half.justify-content-md-end .hero-media.width-3-4.video-container { transform: translateX(-75%); } .hero.half-and-half.justify-content-md-end .hero-media.width-3-4.video-container .video-aspect-ratio { right: calc(50% - (75%/2)); } .hero.half-and-half.justify-content-md-end .hero-text { padding-left: 16px; } } @media (min-width: 1024px) and (min-width: 769px) { .hero.half-and-half.justify-content-md-end .hero-text { padding-left: 16px; } } @media (min-width: 1024px) and (min-width: 1024px) { .hero.half-and-half.justify-content-md-end .hero-text { padding-left: 50px; } } @media (max-width: 768.98px) { .hero .flex-column .hero-media { transform: translateX(50%); top: 0; position: relative; width: calc(100% + 32px); margin: -16px 0 16px -32px; } .flex-column .hero-media.video-container { margin-left: -50%; position: absolute; margin-top: 0; margin-bottom: 0; } .hero.short .flex-column { min-height: 0; } .hero.short .flex-column .hero-media { height: 64px; } .hero.medium .flex-column { min-height: 0; } .hero.medium .flex-column .hero-media { height: 430px; } .hero.tall .flex-column, .hero.screen-height .flex-column { min-height: 0; } .hero.tall .flex-column .hero-media, .hero.screen-height .flex-column .hero-media { height: 502px; } .hero.half-and-half .flex-column[class*="justify-content-md"] .hero-media { left: auto; right: 50%; max-width: calc(100% + 32px); } .hero.half-and-half .flex-column[class*="justify-content-md"] .hero-text { padding-left: 0; padding-right: 0; } } @media (min-width: 769px) and (max-width: 1023.98px) { .hero .flex-md-column .hero-media { transform: translateX(50%); top: 0; position: relative; width: calc(100% + 32px); margin: -16px 0 16px -32px; } .flex-md-column .hero-media.video-container { margin-left: -50%; position: absolute; margin-top: 0; margin-bottom: 0; } .hero.short .flex-md-column { min-height: 0; } .hero.short .flex-md-column .hero-media { height: 64px; } .hero.medium .flex-md-column { min-height: 0; } .hero.medium .flex-md-column .hero-media { height: 430px; } .hero.tall .flex-md-column, .hero.screen-height .flex-md-column { min-height: 0; } .hero.tall .flex-md-column .hero-media, .hero.screen-height .flex-md-column .hero-media { height: 502px; } .hero.half-and-half .flex-md-column[class*="justify-content-md"] .hero-media { left: auto; right: 50%; max-width: calc(100% + 32px); } .hero.half-and-half .flex-md-column[class*="justify-content-md"] .hero-text { padding-left: 0; padding-right: 0; } } .experience-component .hero-button .video-container::before, .experience-component .hero-button .video-container .video-player, .experience-component .button .video-container::before, .experience-component .button .video-container .video-player, .experience-component .image-text-block-button .video-container::before, .experience-component .image-text-block-button .video-container .video-player { display: none; } .hero-hr { border-width: 1px; border-style: solid; width: calc(100% + (32px)); left: calc(calc(16px * 3) * -1); position: relative; border-color: inherit; } @media (min-width: 769px) { .hero-hr { width: calc(100% + (calc(16px * 3) * 2)); } } .dark-theme .hero-hr { border-color: #FFFFFF; } .light-theme .hero-hr { border-color: #091010; } @media (min-width: 769px) { .hero-text.hr-after-title.width-1-4 { max-width: calc(25% - (calc(16px * 3))); } .hero-text.hr-after-title.width-1-3 { max-width: calc(33.3333% - (calc(16px * 3))); } .hero-text.hr-after-title.width-1-2 { max-width: calc(50% - (calc(16px * 3))); } .hero-text.hr-after-title.width-2-3 { max-width: calc(66.6666% - (calc(16px * 3))); } .hero-text.hr-after-title.width-3-4 { max-width: calc(75% - (calc(16px * 3))); } .hero-text.hr-after-title.width-1 { max-width: calc(100% - (calc(16px * 3))); } } .hero-text .hero-buttons .hero-button { z-index: 1; } .hero .hero-container.tight-padding { padding: 5px; } @media (min-width: 544px) { .hero .hero-container.tight-padding { padding: 16px; } } .hero.align-items-start:not(.auto-size-for-image) .top-hero, .hero.align-items-md-start:not(.auto-size-for-image) .top-hero { padding-top: calc(var(--header-height, calc(min(50px, 10vh))) + 16px); } @media (min-width: 769px) { .hero.align-items-start:not(.auto-size-for-image) .top-hero, .hero.align-items-md-start:not(.auto-size-for-image) .top-hero { padding-top: calc(var(--header-height, 70px) + 16px); } } @media (min-width: 1024px) { .hero.align-items-start:not(.auto-size-for-image) .top-hero, .hero.align-items-md-start:not(.auto-size-for-image) .top-hero { padding-top: calc(var(--header-height, 64px) + 50px); } } .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-start:not(.auto-size-for-image), .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-md-start:not(.auto-size-for-image) { padding-top: calc(var(--header-height, calc(min(50px, 10vh)))); } @media (min-width: 769px) { .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-start:not(.auto-size-for-image), .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-md-start:not(.auto-size-for-image) { padding-top: calc(var(--header-height, 70px)); } } @media (min-width: 1024px) { .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-start:not(.auto-size-for-image), .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-md-start:not(.auto-size-for-image) { padding-top: calc(var(--header-height, 64px)); } } .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-start:not(.auto-size-for-image) .top-hero, .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-md-start:not(.auto-size-for-image) .top-hero { padding: 16px; } @media (min-width: 769px) { .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-start:not(.auto-size-for-image) .top-hero, .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-md-start:not(.auto-size-for-image) .top-hero { padding: 16px; } } @media (min-width: 1024px) { .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-start:not(.auto-size-for-image) .top-hero, .transparent-header + #maincontent > .page-designer > .experience-region:first-child > .experience-component:first-child .hero.align-items-md-start:not(.auto-size-for-image) .top-hero { padding: 50px; } } .hero .embedded-image-tile { width: 160px; border-radius: 50%; margin: 0 auto; } @media (max-width: 768.98px) { .hero.half-and-half.short { min-height: 0; } .hero.half-and-half.short .hero-media { height: calc(64px / 2); } .hero.half-and-half.medium { min-height: 0; } .hero.half-and-half.medium .hero-media { height: calc(430px / 2); } .hero.half-and-half.tall, .hero.half-and-half.screen-height { min-height: 0; } .hero.half-and-half.tall .hero-media, .hero.half-and-half.screen-height .hero-media { height: calc(502px / 2); } } .hero.rounded-accent { border-radius: 0px 0px 55px 0px; } .hero.auto-size-for-image { container-type: inline-size; } .hero.auto-size-for-image .hero-container { container-type: inline-size; height: auto; padding: 0px; } @media (min-width: 544px) { .hero.auto-size-for-image .hero-container { padding: 0px; } } @media (min-width: 769px) { .hero.auto-size-for-image .hero-container { padding: 0px; } } @media (min-width: 1024px) { .hero.auto-size-for-image .hero-container { padding: 0px; } } .hero.auto-size-for-image .hero-container.tight-padding { padding: 0px; } @media (min-width: 544px) { .hero.auto-size-for-image .hero-container.tight-padding { padding: 0px; } } @media (min-width: 769px) { .hero.auto-size-for-image .hero-container.tight-padding { padding: 0px; } } @media (min-width: 1024px) { .hero.auto-size-for-image .hero-container.tight-padding { padding: 0px; } } .hero.auto-size-for-image .hero-container.tight-padding .hero-text { padding: 5px; padding-left: 5px; padding-right: 5px; } @media (min-width: 544px) { .hero.auto-size-for-image .hero-container.tight-padding .hero-text { padding: 16px; padding-left: 16px; padding-right: 16px; } } .hero.auto-size-for-image .hero-container .hero-text { padding: 16px; padding-left: 16px; padding-right: 16px; } @media (min-width: 769px) { .hero.auto-size-for-image .hero-container .hero-text { padding: 16px; padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .hero.auto-size-for-image .hero-container .hero-text { padding: 50px; padding-left: 50px; padding-right: 50px; } } .hero.auto-size-for-image.half-and-half picture img.hero-media { width: 100%; max-width: calc(50cqw * 1); transform: none; left: unset; right: unset; position: relative; margin: 0; } .hero.auto-size-for-image.half-and-half .flex-column[class*="justify-content-md"] .hero-text, .hero.auto-size-for-image.half-and-half .flex-md-column[class*="justify-content-md"] .hero-text { padding: 16px; padding-left: 16px; padding-right: 16px; } @media (min-width: 769px) { .hero.auto-size-for-image.half-and-half .flex-column[class*="justify-content-md"] .hero-text, .hero.auto-size-for-image.half-and-half .flex-md-column[class*="justify-content-md"] .hero-text { padding: 16px; padding-left: 16px; padding-right: 16px; } } @media (min-width: 1024px) { .hero.auto-size-for-image.half-and-half .flex-column[class*="justify-content-md"] .hero-text, .hero.auto-size-for-image.half-and-half .flex-md-column[class*="justify-content-md"] .hero-text { padding: 50px; padding-left: 50px; padding-right: 50px; } } @media (max-width: 768.98px) { .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row { flex-direction: row-reverse !important; } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img.width-1-4, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img.width-1-4 { max-width: calc(0.75 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img.width-1-4, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img.width-1-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); transform: translateX(calc(((0.75 * 100vw) - (0.75 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img.width-1-3, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img.width-1-3 { max-width: calc(0.66667 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img.width-1-3, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img.width-1-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); transform: translateX(calc(((0.66667 * 100vw) - (0.66667 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img.width-1-2, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img.width-1-2 { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img.width-1-2, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img.width-2-3, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img.width-2-3 { max-width: calc(0.33333 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img.width-2-3, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img.width-2-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); transform: translateX(calc(((0.33333 * 100vw) - (0.33333 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img.width-3-4, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img.width-3-4 { max-width: calc(0.25 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture img.width-3-4, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture img.width-3-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); transform: translateX(calc(((0.25 * 100vw) - (0.25 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text.width-1-4, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text.width-1-4 { max-width: calc(0.25 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text.width-1-4, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text.width-1-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text.width-1-3, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text.width-1-3 { max-width: calc(0.33333 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text.width-1-3, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text.width-1-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text.width-1-2, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text.width-1-2 { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text.width-1-2, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text.width-2-3, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text.width-2-3 { max-width: calc(0.66667 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text.width-2-3, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text.width-2-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); } .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text.width-3-4, .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text.width-3-4 { max-width: calc(0.75 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-start .hero-container.flex-row picture + .hero-text.width-3-4, .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-center .hero-container.flex-row picture + .hero-text.width-3-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); } } @media (max-width: 768.98px) { .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row { flex-direction: row !important; } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img.width-1-4 { max-width: calc(0.75 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img.width-1-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); transform: translateX(calc(((0.75 * 100vw) - (0.75 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img.width-1-3 { max-width: calc(0.66667 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img.width-1-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); transform: translateX(calc(((0.66667 * 100vw) - (0.66667 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img.width-1-2 { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img.width-2-3 { max-width: calc(0.33333 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img.width-2-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); transform: translateX(calc(((0.33333 * 100vw) - (0.33333 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img.width-3-4 { max-width: calc(0.25 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture img.width-3-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); transform: translateX(calc(((0.25 * 100vw) - (0.25 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text.width-1-4 { max-width: calc(0.25 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text.width-1-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text.width-1-3 { max-width: calc(0.33333 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text.width-1-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text.width-1-2 { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text.width-2-3 { max-width: calc(0.66667 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text.width-2-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); } .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text.width-3-4 { max-width: calc(0.75 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half.justify-content-end .hero-container.flex-row picture + .hero-text.width-3-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); } } .hero.auto-size-for-image.half-and-half.align-items-center .hero-container .hero-text { justify-content: center; } .hero.auto-size-for-image.half-and-half.align-items-end .hero-container .hero-text { justify-content: end; } .hero.auto-size-for-image.half-and-half .hero-container { max-width: 100vw; } @media (max-width: 768.98px) { .hero.auto-size-for-image.half-and-half .hero-container.flex-column .hero-text, .hero.auto-size-for-image.half-and-half .hero-container.flex-column .hero-media { width: 100%; max-width: calc(50cqw * 2); transform: none; left: unset; right: unset; } } @media (min-width: 769px) and (max-width: 1023.98px) { .hero.auto-size-for-image.half-and-half .hero-container.flex-md-column .hero-text, .hero.auto-size-for-image.half-and-half .hero-container.flex-md-column .hero-media { width: 100%; max-width: calc(50cqw * 2); transform: none; left: unset; right: unset; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1023.98px) { .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) { flex-direction: row-reverse !important; } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img.width-1-4 { max-width: calc(0.75 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img.width-1-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); transform: translateX(calc(((0.75 * 100vw) - (0.75 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img.width-1-3 { max-width: calc(0.66667 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img.width-1-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); transform: translateX(calc(((0.66667 * 100vw) - (0.66667 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img.width-1-2 { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img.width-2-3 { max-width: calc(0.33333 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img.width-2-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); transform: translateX(calc(((0.33333 * 100vw) - (0.33333 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img.width-3-4 { max-width: calc(0.25 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture img.width-3-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); transform: translateX(calc(((0.25 * 100vw) - (0.25 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-4 { max-width: calc(0.25 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-3 { max-width: calc(0.33333 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-2 { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text.width-2-3 { max-width: calc(0.66667 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text.width-2-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text.width-3-4 { max-width: calc(0.75 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row:not(.flex-md-column) picture + .hero-text.width-3-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); } } @media (min-width: 769px) and (min-width: 1024px) { .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row { flex-direction: row-reverse !important; } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img.width-1-4 { max-width: calc(0.75 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img.width-1-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); transform: translateX(calc(((0.75 * 100vw) - (0.75 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img.width-1-3 { max-width: calc(0.66667 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img.width-1-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); transform: translateX(calc(((0.66667 * 100vw) - (0.66667 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img.width-1-2 { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img.width-2-3 { max-width: calc(0.33333 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img.width-2-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); transform: translateX(calc(((0.33333 * 100vw) - (0.33333 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img.width-3-4 { max-width: calc(0.25 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture img.width-3-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); transform: translateX(calc(((0.25 * 100vw) - (0.25 * 100cqw)) * 1)); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text.width-1-4 { max-width: calc(0.25 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text.width-1-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text.width-1-3 { max-width: calc(0.33333 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text.width-1-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text.width-1-2 { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text.width-2-3 { max-width: calc(0.66667 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text.width-2-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text.width-3-4 { max-width: calc(0.75 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container[class*="justify-content-md"].flex-lg-row picture + .hero-text.width-3-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); } } @media (min-width: 769px) { .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row { flex-direction: row !important; } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) { flex-direction: row !important; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1023.98px) { .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img.width-1-4 { max-width: calc(0.75 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img.width-1-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); transform: translateX(calc(((0.75 * 100vw) - (0.75 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img.width-1-3 { max-width: calc(0.66667 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img.width-1-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); transform: translateX(calc(((0.66667 * 100vw) - (0.66667 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img.width-1-2 { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img.width-2-3 { max-width: calc(0.33333 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img.width-2-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); transform: translateX(calc(((0.33333 * 100vw) - (0.33333 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img.width-3-4 { max-width: calc(0.25 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture img.width-3-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); transform: translateX(calc(((0.25 * 100vw) - (0.25 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-4 { max-width: calc(0.25 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-3 { max-width: calc(0.33333 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-2 { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text.width-2-3 { max-width: calc(0.66667 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text.width-2-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text.width-3-4 { max-width: calc(0.75 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row:not(.flex-md-column) picture + .hero-text.width-3-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); } } @media (min-width: 769px) and (min-width: 1024px) { .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img.width-1-4 { max-width: calc(0.75 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img.width-1-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); transform: translateX(calc(((0.75 * 100vw) - (0.75 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img.width-1-3 { max-width: calc(0.66667 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img.width-1-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); transform: translateX(calc(((0.66667 * 100vw) - (0.66667 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img.width-1-2 { max-width: calc(0.5 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); transform: translateX(calc(((0.5 * 100vw) - (0.5 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img.width-2-3 { max-width: calc(0.33333 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img.width-2-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); transform: translateX(calc(((0.33333 * 100vw) - (0.33333 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img.width-3-4 { max-width: calc(0.25 * 100cqw); transform: none; } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture img.width-3-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); transform: translateX(calc(((0.25 * 100vw) - (0.25 * 100cqw)) * -1)); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text.width-1-4 { max-width: calc(0.25 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text.width-1-4 { width: calc(0.25 * 100vw); max-width: calc(0.25 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text.width-1-3 { max-width: calc(0.33333 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text.width-1-3 { width: calc(0.33333 * 100vw); max-width: calc(0.33333 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text.width-1-2 { max-width: calc(0.5 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text.width-1-2 { width: calc(0.5 * 100vw); max-width: calc(0.5 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text.width-2-3 { max-width: calc(0.66667 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text.width-2-3 { width: calc(0.66667 * 100vw); max-width: calc(0.66667 * 100vw); } .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text.width-3-4 { max-width: calc(0.75 * 100cqw); } .full-bleed .hero.auto-size-for-image.half-and-half .hero-container.justify-content-md-end.flex-lg-row picture + .hero-text.width-3-4 { width: calc(0.75 * 100vw); max-width: calc(0.75 * 100vw); } } .hero.auto-size-for-image:not(.half-and-half) .hero-container { width: calc(min(100cqw, 100vw)); } .full-bleed .hero.auto-size-for-image:not(.half-and-half) .hero-container { width: 100vw; max-width: 100vw; } @media (max-width: 768.98px) { .hero.auto-size-for-image:not(.half-and-half) .hero-container.flex-column .hero-text { position: relative; } } @media (min-width: 769px) and (max-width: 1023.98px) { .hero.auto-size-for-image:not(.half-and-half) .hero-container.flex-md-column .hero-text { position: relative; } } .hero.auto-size-for-image:not(.half-and-half) .hero-media { position: relative; transform: none; height: auto; top: auto; right: auto; left: auto; margin: 0; background: unset; width: 100cqw; } .full-bleed .hero.auto-size-for-image:not(.half-and-half) .hero-media { width: 100vw; } .hero.auto-size-for-image:not(.half-and-half) .hero-text { position: absolute; } .hero.auto-size-for-image:not(.half-and-half).align-item-center .hero-container { align-items: center; } .hero.auto-size-for-image:not(.half-and-half).align-item-end .hero-container { align-items: flex-end; } .image-text-block { display: block; position: relative; text-align: center; text-decoration: none; } .image-text-block:hover { text-decoration: none; } @media (min-width: 769px) { .image-text-block.zoom .image-wrapper { will-change: transform; transition: transform 200ms ease-out; } .image-text-block.zoom:hover .image-wrapper { transform: scale(1.2); } } .image-text-block .image-cropper { border-radius: var(--border-radius, 0px); overflow: hidden; margin: auto; width: 100%; max-width: 100%; max-height: 100%; } .image-text-block .image-wrapper { width: 100%; position: relative; } .image-text-block .image-wrapper .background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; display: block; } .image-text-block .image-wrapper .background-image-tablet, .image-text-block .image-wrapper .background-image-desktop { display: none; } @media (min-width: 769px) { .image-text-block .image-wrapper .background-image-mobile, .image-text-block .image-wrapper .background-image-desktop { display: none; } .image-text-block .image-wrapper .background-image-tablet { display: block; } } @media (min-width: 1024px) { .image-text-block .image-wrapper .background-image-mobile, .image-text-block .image-wrapper .background-image-tablet { display: none; } .image-text-block .image-wrapper .background-image-desktop { display: block; } } .image-text-block .image-wrapper .video-container .video-aspect-ratio { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); padding-top: calc(9 / 16 * 100%); padding-left: calc(16 / 9 * 100vh); width: 0; height: 0; min-height: 100%; min-width: 100%; } .image-text-block .image-wrapper .video-container .video-aspect-ratio .video-player { position: static; pointer-events: none; } .image-text-block .image-wrapper .video-container .video-aspect-ratio iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .image-text-block .image-wrapper .video-container .video-aspect-ratio iframe.video-player { position: absolute; } .image-text-block .image-text-block-text .primary-text > *, .image-text-block .image-text-block-text .secondary-text > *, .image-text-block .image-text-block-text .image-text-block-subtitle > * { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; margin-bottom: 0; } .image-text-block .image-text-block-text .image-text-block-subtitle:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--base-font-size, 16px) - 2px); } .image-text-block .image-text-block-text .primary-text:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--base-font-size, 16px) + 2px); } .image-text-block .image-text-block-text .secondary-text:not([class*='p--']):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--base-font-size, 16px) + 0px); } .image-text-block .image-text-block-text .image-text-block-subtitle + .primary-text { margin-top: 5px; } .image-text-block .image-text-block-text .secondary-text + .image-text-block-button { margin-top: 16px; } .image-text-block .image-text-block-text .image-text-block-button { text-shadow: none; } .image-text-block.text-placement-below .image-text-block-text { margin-top: 16px; } .image-text-block.text-placement-inside::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(9, 16, 16, 0.3); border-radius: var(--border-radius, 0px); } .image-text-block.text-placement-inside .image-text-block-text { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); color: #FFFFFF; z-index: 1; text-shadow: 0 0 2px rgba(9, 16, 16, 0.6); width: calc(100% - 16px); } @media (min-width: 1024px) { .image-text-block.text-placement-inside .image-text-block-text { width: calc(100% - 32px); } } .image-text-block.aspect-ratio-square .image-wrapper::after { display: block; content: ""; clear: both; } .image-text-block.aspect-ratio-square .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1 * 100%); } .image-text-block.aspect-ratio-landscape .image-wrapper::after { display: block; content: ""; clear: both; } .image-text-block.aspect-ratio-landscape .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1.5 * 100%); } .image-text-block.aspect-ratio-portrait .image-wrapper::after { display: block; content: ""; clear: both; } .image-text-block.aspect-ratio-portrait .image-wrapper::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1.5 / 1 * 100%); } footer { background-color: var(--footer-background-color, #091010); border-bottom: 0 solid var(--base-border-color, #F2F1F0); padding-bottom: var(--footer-padding-y, 60px); padding-top: var(--footer-padding-y, 0px); margin-top: var(--footer-margin-top, 24px); } footer ul { list-style: none; padding-left: 0; padding-top: 12px; } footer .title { position: relative; color: var(--footer-header-text-color, var(--primary-nav-color, #FFFFFF)); font-family: var(--h6-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h6-mobile-size, 16px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { footer .title { font-size: calc(var(--h6-tablet-size, var(--h6-mobile-size, 16px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { footer .title { font-size: calc(var(--h6-desktop-size, var(--h6-mobile-size, 16px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } footer .title.text-decoration-none * { text-decoration: none; } @media (min-width: 769px) { footer .title { font-family: var(--h4-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h4-mobile-size, 22px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; margin-bottom: 16px; } } @media (min-width: 769px) and (min-width: 769px) { footer .title { font-size: calc(var(--h4-tablet-size, var(--h4-mobile-size, 22px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 769px) and (min-width: 1024px) { footer .title { font-size: calc(var(--h4-desktop-size, 24px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 769px) { footer .title.text-decoration-none * { text-decoration: none; } } footer .content { font-size: calc(var(--base-font-size, 16px) + 0px); } footer .content li { height: 34px; margin-bottom: 16px; } footer .content li a { text-decoration: none; } footer .content li a:hover { text-decoration: underline; } footer .store { padding-left: 8px; padding-right: 8px; } @media (min-width: 769px) { footer .store { padding-left: 0; padding-right: 0; padding-top: 8px; } } footer .store .btn { margin-bottom: 16px; margin-top: 16px; } footer .store .content { display: none; } @media (min-width: 769px) { footer .store { border: none; } footer .store .btn { margin-top: 5px; } footer .store .content { display: block; } } footer .store .locate-store { padding-left: 16px; } footer .store .locate-store:before { font-size: 16px; line-height: normal; margin-top: 3px; } footer .social { padding-left: 8px; padding-right: 8px; } @media (min-width: 769px) { footer .social { padding-left: 0; padding-right: 0; } } footer .back-to-top { background-color: transparent; border: 0; -webkit-appearance: none; } @media (max-width: 1023.98px) { footer .back-to-top { position: absolute; top: 0; right: 16px; } } footer .back-to-top .fa-stack { width: 40px; height: 40px; line-height: 40px; } footer .back-to-top .fa-arrow-up { width: 100%; height: 100%; } footer .back-to-top .fa-arrow-up:before { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: 20px; color: #091010; font-weight: normal; } footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(-16px); } footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title).icon-before:before, footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title).btn-sm, footer .back-to-top .btn-group-sm > .fa-arrow-up.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title).btn-sm:before, footer .back-to-top .btn-group-sm > .fa-arrow-up.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(-12px); } footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title).btn-sm.icon-before:before, footer .back-to-top .btn-group-sm > .fa-arrow-up.btn[class*="btn-"]:not(.title).icon-before:before, footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, footer .back-to-top .btn-group-sm > .fa-arrow-up.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title).btn-sm.icon-after:after, footer .back-to-top .btn-group-sm > .fa-arrow-up.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title) [class*="icon-"], footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title) [class^="icon-"], footer .back-to-top .fa-arrow-up[class*="btn-"]:not(.title) .fa { display: none; } footer .back-to-top .fa-circle { background-color: #CEC09B; box-shadow: none; width: 100%; height: 100%; border-radius: 50%; } footer .copyright, footer .postscript { color: #FFFFFF; font-size: 11px; padding-bottom: 16px; } footer .copyright a, footer .postscript a { color: #FFFFFF; text-decoration: none; } footer hr { border-color: transparent; margin: 72px 0 10px 0; } footer a, footer .text-link { color: var(--footer-link-color, var(--secondary-nav-color, #FFFFFF)); } footer a:hover, footer .text-link:hover { color: var(--footer-link-color, var(--secondary-nav-color, #FFFFFF)); text-decoration: underline; } .footer-item.collapsible-sm { padding-left: 0; padding-right: 0; } .footer-item.collapsible-sm ~ .collapsible-sm { margin-top: 0; } .footer-item.collapsible-sm .content { margin-bottom: 0; padding-left: 32px; } .footer-item.collapsible-sm .title { padding: 24px 16px 24px 32px; margin-bottom: 0; } @media (min-width: 769px) { .footer-item.collapsible-sm .title { margin-bottom: 8px; font-family: var(--h4-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h4-mobile-size, 22px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 769px) and (min-width: 769px) { .footer-item.collapsible-sm .title { font-size: calc(var(--h4-tablet-size, var(--h4-mobile-size, 22px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 769px) and (min-width: 1024px) { .footer-item.collapsible-sm .title { font-size: calc(var(--h4-desktop-size, 24px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 769px) { .footer-item.collapsible-sm .title.text-decoration-none * { text-decoration: none; } } .footer-item.collapsible-sm .title::after { color: var(--footer-header-text-color, var(--primary-nav-color, #FFFFFF)); font-size: 16px; right: 0; } .footer-item.collapsible-sm button { text-align: left; display: block; width: 100%; } .footer-item.collapsible-sm button:focus { z-index: 1; } @media (min-width: 769px) { .footer-item.collapsible-sm .title { border-bottom: 0; padding: 0; } .footer-item.collapsible-sm button { cursor: text; } } @media (min-width: 769px) { .footer-item.collapsible-sm { border: none; padding-left: 16px; padding-right: 16px; } .footer-item.collapsible-sm .content { padding-left: 0; padding-right: 0; } } .email-signup-form { padding-left: 8px; padding-right: 8px; } @media (min-width: 769px) { .email-signup-form { padding-left: 0; padding-right: 0; padding-top: 8px; } } .email-signup-form .form-control { color: #FFFFFF; } .email-signup-form .form-control::-moz-placeholder { color: #FFFFFF; } .email-signup-form .form-control:-ms-input-placeholder { color: #FFFFFF; } .email-signup-form .form-control::placeholder { color: #FFFFFF; } .email-signup-form .form-control:-webkit-autofill { box-shadow: 0 0 0 1000px #091010 inset; -webkit-text-fill-color: #FFFFFF; border: none; } .email-signup-form .inline-btn:hover, .email-signup-form .inline-btn:focus { border-color: #FFFFFF; } .email-signup-form .inline-btn input { border-width: 0px; } .email-signup-form .email-success { font-weight: bold; font-size: 16px; line-height: 22px; letter-spacing: 0.01em; } .email-signup-form .email-description { font-family: var(--b3-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: var(--b3-mobile-size, 24px); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; color: #FFFFFF; margin-bottom: 8px; } @media (min-width: 769px) { .email-signup-form .email-description { font-size: var(--b3-tablet-size, var(--b3-mobile-size, 24px)); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } } @media (min-width: 1024px) { .email-signup-form .email-description { font-size: var(--b3-desktop-size, 26px); line-height: 1; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; font-style: normal; } } .email-signup-form .email-description.text-decoration-none * { text-decoration: none; } .email-signup-form .btn:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; } .email-signup-form .btn[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .email-signup-form .btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .email-signup-form .btn[class*="btn-"]:not(.title).icon-before:before, .email-signup-form .btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .email-signup-form .btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .email-signup-form .btn[class*="btn-"]:not(.title).btn-sm, .email-signup-form .btn-group-sm > .btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .email-signup-form .btn[class*="btn-"]:not(.title).btn-sm:after, .email-signup-form .btn-group-sm > .btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .email-signup-form .btn[class*="btn-"]:not(.title).btn-sm.icon-before:before, .email-signup-form .btn-group-sm > .btn[class*="btn-"]:not(.title).icon-before:before, .email-signup-form .btn[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .email-signup-form .btn-group-sm > .btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .email-signup-form .btn[class*="btn-"]:not(.title).btn-sm.icon-after:after, .email-signup-form .btn-group-sm > .btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .email-signup-form .btn[class*="btn-"]:not(.title) [class*="icon-"], .email-signup-form .btn[class*="btn-"]:not(.title) [class^="icon-"], .email-signup-form .btn[class*="btn-"]:not(.title) .fa { display: none; } .email-signup-form .btn::after { transform: rotate(90deg); } .email-signup-form .email-success, .email-signup-form .email-error { display: none; } .email-signup-form.submit-success .email-success { display: block; } .email-signup-form.submit-success .email-description, .email-signup-form.submit-success .email-input { display: none; } .email-signup-form.submit-error .email-error { display: block; } .newsletter-subscription-modal { font-size: 16px; text-align: center; } footer .prefooter { background-color: var(--footer-background-color, #091010); color: #FFFFFF; } footer .footer-container { padding-top: 16px; } @media (min-width: 769px) { footer .footer-container { padding-top: calc(16px * 2); } } footer .store { padding-top: 0; } footer .back-to-top { margin: -5px 5px 5px; padding: 0; } footer .back-to-top .fa-circle { box-shadow: none; } footer .footer-item.collapsible-sm .title { font-family: var(--b4-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; font-size: var(--b4-mobile-size, 12px); line-height: 1; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; color: var(--footer-header-text-color, var(--primary-nav-color, #FFFFFF)); } @media (min-width: 769px) { footer .footer-item.collapsible-sm .title { font-size: var(--b4-tablet-size, var(--b4-mobile-size, 12px)); line-height: 1; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; } } @media (min-width: 1024px) { footer .footer-item.collapsible-sm .title { font-size: var(--b4-desktop-size, var(--b4-mobile-size, 12px)); line-height: 1; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; font-style: normal; } } footer .footer-item.collapsible-sm .title.text-decoration-none * { text-decoration: none; } footer .footer-item.collapsible-sm .title:after { top: 22px; } footer .footer-item.collapsible-sm .title, footer .footer-item.collapsible-sm .content { background: transparent; } footer .footer-item.collapsible-sm.active > .content-asset > .title:after { color: inherit; } footer .footer-item ul { padding-top: calc(16px * 2); } footer .social .social-links, footer .social .social-links li { justify-content: flex-end; display: flex; } footer .social .social-links a, footer .social .social-links li a { color: #CEC09B; } footer .email-signup-form .form-control { color: var(--footer-link-color, var(--secondary-nav-color, #FFFFFF)); } footer .email-signup-form .form-control::-moz-placeholder { color: var(--footer-link-color, var(--secondary-nav-color, #FFFFFF)); } footer .email-signup-form .form-control:-ms-input-placeholder { color: var(--footer-link-color, var(--secondary-nav-color, #FFFFFF)); } footer .email-signup-form .form-control::placeholder { color: var(--footer-link-color, var(--secondary-nav-color, #FFFFFF)); } footer .email-signup-form .form-control:-webkit-autofill { box-shadow: 0 0 0 1000px #f9f9f9 inset; -webkit-text-fill-color: #091010; border: none; } footer .email-signup-form .inline-btn, footer .email-signup-form .inline-btn:hover, footer .email-signup-form .inline-btn:focus { border-color: #B0A381; } footer .email-signup-form .email-description { color: var(--footer-link-color, var(--secondary-nav-color, #FFFFFF)); margin-bottom: 8px; } footer .email-signup-form .btn:after { content: "\E90C"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; } footer .email-signup-form .btn[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } footer .email-signup-form .btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } footer .email-signup-form .btn[class*="btn-"]:not(.title).icon-before:before, footer .email-signup-form .btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } footer .email-signup-form .btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } footer .email-signup-form .btn[class*="btn-"]:not(.title).btn-sm, footer .email-signup-form .btn-group-sm > .btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } footer .email-signup-form .btn[class*="btn-"]:not(.title).btn-sm:after, footer .email-signup-form .btn-group-sm > .btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } footer .email-signup-form .btn[class*="btn-"]:not(.title).btn-sm.icon-before:before, footer .email-signup-form .btn-group-sm > .btn[class*="btn-"]:not(.title).icon-before:before, footer .email-signup-form .btn[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, footer .email-signup-form .btn-group-sm > .btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } footer .email-signup-form .btn[class*="btn-"]:not(.title).btn-sm.icon-after:after, footer .email-signup-form .btn-group-sm > .btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } footer .email-signup-form .btn[class*="btn-"]:not(.title) [class*="icon-"], footer .email-signup-form .btn[class*="btn-"]:not(.title) [class^="icon-"], footer .email-signup-form .btn[class*="btn-"]:not(.title) .fa { display: none; } footer .email-signup-form .btn::after { transform: rotate(90deg); } footer .email-signup-form .btn::before { content: ''; } .row .form-group { margin-top: calc(24px - 4px); } .form-group { margin: 0; } .form-group ~ .form-group, .form-group ~ .btn-block { margin-top: 24px; } .form-group.required .form-control-label::before { content: "* "; color: #721C24; } .form-group label { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-weight: normal; font-size: var(--base-font-size, 16px); line-height: 1.45; margin-bottom: 6px; text-transform: none; letter-spacing: 0.01em; color: var(--base-font-color, #091010); } .form-group .form-text, .form-group .invalid-feedback { font-size: 12px; line-height: 12px; letter-spacing: 0.05em; margin-top: 4px; display: block; } .form-group .form-text { color: #4C4C4B; } .form-group .invalid-feedback { color: #721C24; display: none; } .form-group .was-validated .form-control:invalid { display: block; } .form-control, select.form-control { outline: none; border: 1px solid #afafaf; box-shadow: none; color: var(--base-font-color, #091010); background-color: #FFFFFF; border-radius: var(--border-radius, 0px); font-family: "Gambetta", serif; font-size: 16px; line-height: 16px; letter-spacing: 0.01em; transition: border-color 200ms ease-out, box-shadow 200ms ease-out; padding: var(--button-padding-y, 16.5px) 20px var(--button-padding-y, var(--button-padding-y, 16.5px)) 20px; height: calc(16px + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); background-clip: border-box; } @media (min-width: 769px) { .form-control, select.form-control { font-size: var(--base-font-size, 16px); } } .form-control:hover, select.form-control:hover { border-color: #091010; box-shadow: 0 0 0 1px #FFFFFF; } .form-control:focus, .form-control.focus .form-control:focus:hover, select.form-control:focus, select.form-control.focus .form-control:focus:hover, .form-control.focus select.form-control:focus:hover, select.form-control.focus select.form-control:focus:hover { outline: none; border-color: #388BFF; box-shadow: none; } .form-control:disabled, .form-control.disabled, select.form-control:disabled, select.form-control.disabled { opacity: 0.5; pointer-events: none; background-color: #FFFFFF; } .form-control.form-control-sm, select.form-control.form-control-sm { font-size: 11px; line-height: 11px; padding: 6px 10px 6px 10px; height: calc(11px + 6px + 6px + (1px*2)); } .form-control.is-invalid, select.form-control.is-invalid { background-image: none; border-color: #721C24; padding-right: 20px; } .form-control.is-invalid:focus, select.form-control.is-invalid:focus { border-color: #721C24; box-shadow: none; } .form-control::-moz-placeholder, select.form-control::-moz-placeholder { color: #4C4C4B; } .form-control:-ms-input-placeholder, select.form-control:-ms-input-placeholder { color: #4C4C4B; } .form-control::placeholder, select.form-control::placeholder { color: #4C4C4B; } .custom-control { min-height: 0; } .custom-radio, .custom-checkbox { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: calc(20px + 10px); } .custom-radio .custom-control-label, .custom-checkbox .custom-control-label { font-family: "Gambetta", serif; font-weight: normal; font-size: var(--base-font-size, 16px); text-transform: none; letter-spacing: 0.01em; vertical-align: middle; transition: box-shadow 200ms ease-out; } .custom-radio .custom-control-label:hover:before, .custom-checkbox .custom-control-label:hover:before { box-shadow: 0 0 0 1px #afafaf; } .custom-radio .custom-control-label:before, .custom-radio .custom-control-label:after, .custom-checkbox .custom-control-label:before, .custom-checkbox .custom-control-label:after { top: 0; left: calc(-20px - 10px); } .custom-radio .custom-control-input:checked ~ .custom-control-label:before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label:before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label:before { background-color: #091010; border-color: #091010; } .custom-radio .custom-control-input:disabled ~ .custom-control-label, .custom-checkbox .custom-control-input:disabled ~ .custom-control-label { color: inherit; opacity: 0.5; } .custom-radio .custom-control-input:disabled ~ .custom-control-label:before, .custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before { box-shadow: none; } .custom-radio .custom-control-input.is-invalid ~ .custom-control-label:before, .custom-checkbox .custom-control-input.is-invalid ~ .custom-control-label:before { background-color: #eeb9be; border-color: #721C24; } .custom-radio .custom-control-input:focus ~ .custom-control-label:before, .custom-checkbox .custom-control-input:focus ~ .custom-control-label:before { box-shadow: none; border-color: #091010; } .custom-checkbox .custom-control-label:before { content: ""; width: 20px; height: 20px; border: 1px solid #afafaf; background-color: #FFFFFF; border-radius: 2px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before { content: ""; width: 20px; height: 20px; background-color: #091010; border: 1px solid #091010; border-radius: 2px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { content: "\E910"; width: 20px; height: 20px; line-height: calc(20px + 2px); background: none; font-family: "icomoon"; font-size: 13.33333px; text-align: center; color: #FFFFFF; } .custom-checkbox + .custom-checkbox { margin-top: 3px; } .custom-radio .custom-control-label:before { content: ""; width: 20px; height: 20px; border: 1px solid #afafaf; border-radius: 50%; background-color: #FFFFFF; } .custom-radio .custom-control-input:checked ~ .custom-control-label:before { content: ""; width: 20px; height: 20px; border-radius: 50%; background-color: #FFFFFF; border: 1px solid #091010; } .custom-radio .custom-control-input:checked ~ .custom-control-label:after { content: ""; background: none; width: 14px; height: 14px; top: calc(6px/ 2); left: calc(-30px + 6px/ 2); background-color: #091010; border-radius: 50%; } .custom-radio + .custom-radio { margin-top: 3px; } .custom-select, select.form-control, select { background-image: url(../images/icons/icon-arrow-down.svg); background-size: 12px; padding-right: 37px; } .custom-select.form-control-sm, select.form-control-sm { background-size: 10px; padding-right: 25px; } .custom-select.is-invalid, select.is-invalid { background-image: url(../images/icons/icon-arrow-down.svg); background-size: 12px; padding-right: 37px; } .custom-select.is-invalid.form-control-sm, select.is-invalid.form-control-sm { background-size: 10px; padding-right: 25px; } .custom-select.quantity-select, select.quantity-select { height: calc(var(--button-font-size, 11px) + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); line-height: var(--button-font-size, 11px); } select { overflow: hidden; max-width: 100vw; } .quantity-stepper { display: flex; padding: 0; height: calc(var(--button-font-size, 11px) + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); line-height: var(--button-font-size, 11px); } .quantity-stepper input, .quantity-stepper button { border: none; padding: 0; } .quantity-stepper input { width: calc(100% - 20px - 20px - 20px - 6px); text-align: center; height: 100%; padding-bottom: var(--button-padding-y, var(--button-padding-y, 16.5px)); padding-top: var(--button-padding-y, 16.5px); } .quantity-stepper input:focus { outline: none; } .quantity-stepper button { font-size: 10px; padding-top: var(--button-padding-y, 16.5px); padding-bottom: var(--button-padding-y, var(--button-padding-y, 16.5px)); } .quantity-stepper button:before { font-weight: bold; } .quantity-stepper button.icon-minus { padding-left: 20px; padding-right: 3px; } .quantity-stepper button.icon-plus { padding-right: 20px; padding-left: 3px; } .quantity-stepper.form-control-sm { padding: 0; } .quantity-stepper.form-control-sm input { width: calc(100% - 16px - 10px - 10px - 6px); padding-top: 6px; padding-bottom: 6px; } .quantity-stepper.form-control-sm button { font-size: 8px; padding-top: 6px; padding-bottom: 6px; } .quantity-stepper.form-control-sm button.icon-minus { padding-left: 10px; padding-right: 2px; } .quantity-stepper.form-control-sm button.icon-plus { padding-right: 10px; padding-left: 2px; } .inline-btn { background-color: transparent; border-color: #F2F1F0; border-radius: 0; border-style: solid; border-width: 0 0 1px 0; } .inline-btn:hover, .inline-btn:focus { border-color: #091010; box-shadow: none; } .inline-btn input { background-color: transparent; border-color: transparent; border-radius: 0; color: var(--base-font-color, #091010); padding-left: 0; } .inline-btn input:hover { border: none; box-shadow: none; } .inline-btn input:focus { background-color: transparent; outline: none; } .inline-btn input::-moz-placeholder { color: #4C4C4B; } .inline-btn input:-ms-input-placeholder { color: #4C4C4B; } .inline-btn input::placeholder { color: #4C4C4B; } .inline-btn .btn { border: none; padding: 0 5px 0 10px; } .show-password { float: right; } .show-password input { margin-right: 8px; } .validator-container { width: 100%; padding: 16px 16px 0 16px; } .validator-container .password-validation-helper { margin: 0 auto; padding: 0; } .validator-container .password-validation-helper li { font-family: inherit; list-style-type: none; padding: calc(16px/3) calc(16px/2); display: flex; flex-flow: wrap; align-items: center; color: #091010; } .validator-container .password-validation-helper li:before { content: "\E90B"; font-family: "icomoon"; display: inline-block; font-size: 13px; color: #BEBEBE; font-weight: normal; } .validator-container .password-validation-helper li[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .validator-container .password-validation-helper li[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #BEBEBE; font-weight: normal; transform: translateX(-16px); } .validator-container .password-validation-helper li[class*="btn-"]:not(.title).icon-before:before, .validator-container .password-validation-helper li[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #BEBEBE; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .validator-container .password-validation-helper li[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #BEBEBE; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .validator-container .password-validation-helper li[class*="btn-"]:not(.title).btn-sm, .validator-container .password-validation-helper .btn-group-sm > li.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .validator-container .password-validation-helper li[class*="btn-"]:not(.title).btn-sm:before, .validator-container .password-validation-helper .btn-group-sm > li.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #BEBEBE; font-weight: normal; transform: translateX(-12px); } .validator-container .password-validation-helper li[class*="btn-"]:not(.title).btn-sm.icon-before:before, .validator-container .password-validation-helper .btn-group-sm > li.btn[class*="btn-"]:not(.title).icon-before:before, .validator-container .password-validation-helper li[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .validator-container .password-validation-helper .btn-group-sm > li.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #BEBEBE; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .validator-container .password-validation-helper li[class*="btn-"]:not(.title).btn-sm.icon-after:after, .validator-container .password-validation-helper .btn-group-sm > li.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #BEBEBE; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .validator-container .password-validation-helper li[class*="btn-"]:not(.title) [class*="icon-"], .validator-container .password-validation-helper li[class*="btn-"]:not(.title) [class^="icon-"], .validator-container .password-validation-helper li[class*="btn-"]:not(.title) .fa { display: none; } .validator-container .password-validation-helper li:before { width: 32px; } .validator-container .password-validation-helper li.valid { color: #C5C5C5; } .validator-container .password-validation-helper li.valid:before { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: 13px; color: #155624; font-weight: normal; } .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #155624; font-weight: normal; transform: translateX(-16px); } .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title).icon-before:before, .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #155624; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #155624; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title).btn-sm, .validator-container .password-validation-helper .btn-group-sm > li.valid.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title).btn-sm:before, .validator-container .password-validation-helper .btn-group-sm > li.valid.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #155624; font-weight: normal; transform: translateX(-12px); } .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title).btn-sm.icon-before:before, .validator-container .password-validation-helper .btn-group-sm > li.valid.btn[class*="btn-"]:not(.title).icon-before:before, .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .validator-container .password-validation-helper .btn-group-sm > li.valid.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #155624; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title).btn-sm.icon-after:after, .validator-container .password-validation-helper .btn-group-sm > li.valid.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #155624; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title) [class*="icon-"], .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title) [class^="icon-"], .validator-container .password-validation-helper li.valid[class*="btn-"]:not(.title) .fa { display: none; } .validator-container .password-validation-helper li.error:before { content: "\E904"; font-family: "icomoon"; display: inline-block; font-size: 13px; color: #721C24; font-weight: normal; } .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #721C24; font-weight: normal; transform: translateX(-16px); } .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title).icon-before:before, .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #721C24; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #721C24; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title).btn-sm, .validator-container .password-validation-helper .btn-group-sm > li.error.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title).btn-sm:before, .validator-container .password-validation-helper .btn-group-sm > li.error.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #721C24; font-weight: normal; transform: translateX(-12px); } .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title).btn-sm.icon-before:before, .validator-container .password-validation-helper .btn-group-sm > li.error.btn[class*="btn-"]:not(.title).icon-before:before, .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .validator-container .password-validation-helper .btn-group-sm > li.error.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #721C24; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title).btn-sm.icon-after:after, .validator-container .password-validation-helper .btn-group-sm > li.error.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #721C24; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title) [class*="icon-"], .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title) [class^="icon-"], .validator-container .password-validation-helper li.error[class*="btn-"]:not(.title) .fa { display: none; } .order-confirm-create-account .validator-container { padding-left: 0; padding-right: 0; } .order-confirm-create-account .validator-container .password-validation-helper li { padding-left: 0; padding-right: 0; } .form-control.is-invalid, select.form-control.is-invalid { border-color: #721C24; color: #721C24; } .custom-radio.selected .custom-control-label:before { content: ""; width: 20px; height: 20px; border-radius: 50%; background-color: #FFFFFF; border: 1px solid #091010; } .custom-radio.selected .custom-control-label:after { content: ""; background: none; width: 14px; height: 14px; top: calc(6px/ 2); left: calc(-30px + 6px/ 2); background-color: #091010; border-radius: 50%; } .custom-radio .custom-control-input.focus-visible ~ .custom-control-label:before, .custom-radio .custom-control-input:focus ~ .custom-control-label:before { outline: 2px solid #388BFF; border-radius: 50%; } .quantity-stepper input { width: auto; min-width: 1.5rem; max-width: 2rem; } .quantity-stepper button:before { font-weight: bold; } .quantity-stepper button.icon-minus, .quantity-stepper button.icon-plus { flex: 1 1 auto; padding-left: 3px; padding-right: 3px; } .quantity-stepper button.icon-minus { text-align: right; } .quantity-stepper button.icon-plus { text-align: left; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { width: calc(22px); top: calc(2px * -1); font-size: 18px; } /* * PAGE DESIGNER LAYOUT GRID SPACING */ [class*='experience-commerce_layouts'] + [class*='experience-commerce_layouts'] > div:first-child { margin-top: 32px; } @media (max-width: 768.98px) { [class*='experience-commerce_layouts'] .region[class*='col-md'] + .region[class*='col-12']:not(.order-1), [class*='experience-commerce_layouts'] .region[class*='col-md'].order-2[class*='col-12'] { margin-top: 32px; } [class*='experience-commerce_layouts'] .region[class*='col-md'] + .region[class*='col-6']:not(:nth-child(1)):not(:nth-child(2)) { margin-top: 32px; } [class*='experience-commerce_layouts'] .region[class*='col-md'] + .region[class*='col-4']:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) { margin-top: 32px; } } [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div, [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div { height: auto; } [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div:only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div:only-child { height: 100%; } [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) [class*='experience-commerce_assets'] > div, [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div [class*='experience-commerce_assets'] > div, [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) [class*='experience-commerce_assets'] > div, [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div [class*='experience-commerce_assets'] > div { height: auto; } [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) [class*='experience-commerce_assets'] > div:only-child, [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div [class*='experience-commerce_assets'] > div:only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) [class*='experience-commerce_assets'] > div:only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div [class*='experience-commerce_assets'] > div:only-child { height: 100%; } [class*='experience-commerce_layouts'] .no-gutters .row { padding-right: 16px; padding-left: 16px; } @media (min-width: 1440px) { [class*='experience-commerce_layouts'] .no-gutters .row { padding-right: 24px; padding-left: 24px; } } [class*='experience-commerce_layouts'] .no-gutters .row > [class*=" col-"] { padding-right: 0; padding-left: 0; } [class*='experience-commerce_layouts'] .has-background-image { position: relative; } [class*='experience-commerce_layouts'] .has-background-image > .container { position: relative; } [class*='experience-commerce_layouts'] .has-background-image > .container .column-background { width: calc(100% - 32px); } @media (min-width: 1440px) { [class*='experience-commerce_layouts'] .has-background-image > .container .column-background { width: calc(100% - 48px); } } [class*='experience-commerce_layouts'] .has-background-image .column-background { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); height: 100%; width: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; } .full-bleed [class*='experience-commerce_layouts'] .has-background-image .column-background { width: calc(100vw + 2px); } [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-tablet, [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-desktop { display: none; } @media (min-width: 769px) { [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-mobile, [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-desktop { display: none; } [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-tablet { display: block; } } @media (min-width: 1024px) { [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-mobile, [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-tablet { display: none; } [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-desktop { display: block; } } /* * LAYOUT GRID ASPECT RATIOS */ .region-square, .region-landscape, .region-portrait { position: relative; } .region-square .experience-component, .region-landscape .experience-component, .region-portrait .experience-component { position: absolute; top: 0; overflow: hidden; padding-left: 0; padding-right: 0; max-width: calc(100% - 32px); } @media (min-width: 1440px) { .region-square .experience-component, .region-landscape .experience-component, .region-portrait .experience-component { max-width: calc(100% - 48px); } } .region-square::after { display: block; content: ""; clear: both; } .region-square::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1 * 100%); } .region-landscape::after { display: block; content: ""; clear: both; } .region-landscape::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1.5 * 100%); } .region-portrait::after { display: block; content: ""; clear: both; } .region-portrait::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1.5 / 1 * 100%); } div.sf-interactions-proxyHoverContainer a { overflow: visible; } .hover-switch--hover { display: none; } .hover-switch:hover .hover-switch--load { display: none; } .hover-switch:hover .hover-switch--hover { display: block; } .product-grid .experience-region, .product-grid .experience-component, .product-grid .chromeless { height: 100%; } .product-grid .hero { min-height: calc(100% - 48px); margin-bottom: 48px; } .folder-nav-layout { padding: 0; } @media (max-width: 768.98px) { .folder-nav-layout .folder-nav-menu { padding: 16px; } .folder-nav-layout .folder-based-navigation .card .card-body a.active { color: #091010; font-weight: bold; } .folder-nav-layout .folder-based-navigation .card .card-body a + .card { margin-top: 16px; } } @media (min-width: 769px) { .folder-nav-layout .folder-nav-menu { width: 300px; max-width: 300px; background: #FFFFFF; } .folder-nav-layout .folder-nav-content { width: calc(100% - 300px); max-width: calc(100% - 300px); } .folder-nav-layout .folder-based-navigation { position: sticky; top: calc(70px + 16px); padding-top: 16px; padding-left: 16px; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - (70px + 11px + calc(min(16px, 2vh)) + calc(min(16px, 2vh)))); } .multi-brand .folder-nav-layout .folder-based-navigation { max-height: calc(100vh - (70px + 11px + calc(min(16px, 2vh)) + calc(min(16px, 2vh)) + 40px)); } .folder-nav-layout .folder-based-navigation .card { margin-bottom: 0; border: none; } .folder-nav-layout .folder-based-navigation .card .card-header { background: transparent; } .folder-nav-layout .folder-based-navigation .card .card-title { font-family: var(--h4-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h4-mobile-size, 22px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; padding: 0; margin-bottom: 3px; cursor: text; } } @media (min-width: 769px) and (min-width: 769px) { .folder-nav-layout .folder-based-navigation .card .card-title { font-size: calc(var(--h4-tablet-size, var(--h4-mobile-size, 22px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 769px) and (min-width: 1024px) { .folder-nav-layout .folder-based-navigation .card .card-title { font-size: calc(var(--h4-desktop-size, 24px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 769px) { .folder-nav-layout .folder-based-navigation .card .card-title.text-decoration-none * { text-decoration: none; } .folder-nav-layout .folder-based-navigation .card .card-body { padding: 0; margin-bottom: 16px; background: transparent; } .folder-nav-layout .folder-based-navigation .card .card-body a { padding: 2px 0; } .folder-nav-layout .folder-based-navigation .card .card-body a.active { color: #091010; font-weight: bold; } .folder-nav-layout .folder-based-navigation .card .card-body a + .card { margin-top: 16px; } .folder-nav-layout .folder-based-navigation .card .card-body .card { padding-left: 16px; border-left: 1px solid var(--base-border-color, #F2F1F0); } } @media (min-width: 1024px) { .folder-nav-layout .folder-based-navigation { top: calc(64px + 16px); max-height: calc(100vh - (64px + 11px + calc(min(16px, 2vh)) + calc(min(16px, 2vh)))); } .multi-brand .folder-nav-layout .folder-based-navigation { max-height: calc(100vh - (64px + 11px + calc(min(16px, 2vh)) + calc(min(16px, 2vh)) + 40px)); } } table { border: none; } table * { border: none; } table:not([class*="w-"]) { width: 100%; } table thead { border-bottom: 2px solid #091010; } table thead th { font-family: var(--h4-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h4-mobile-size, 22px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { table thead th { font-size: calc(var(--h4-tablet-size, var(--h4-mobile-size, 22px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { table thead th { font-size: calc(var(--h4-desktop-size, 24px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } table thead th.text-decoration-none * { text-decoration: none; } table tr { border-bottom: 1px solid #C5C5C5; } .modal table tr:hover, .content-asset table tr:hover { background: rgba(9, 16, 16, 0.05); } table tbody tr:last-child { border: none; } table tbody td { overflow-wrap: anywhere; } /* * PAGE DESIGNER LAYOUT GRID SPACING */ [class*='experience-commerce_layouts'] + [class*='experience-commerce_layouts'] > div:first-child { margin-top: 32px; } @media (max-width: 768.98px) { [class*='experience-commerce_layouts'] .region[class*='col-md'] + .region[class*='col-12']:not(.order-1), [class*='experience-commerce_layouts'] .region[class*='col-md'].order-2[class*='col-12'] { margin-top: 32px; } [class*='experience-commerce_layouts'] .region[class*='col-md'] + .region[class*='col-6']:not(:nth-child(1)):not(:nth-child(2)) { margin-top: 32px; } [class*='experience-commerce_layouts'] .region[class*='col-md'] + .region[class*='col-4']:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) { margin-top: 32px; } } [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div, [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div { height: auto; } [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div:only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div:only-child { height: 100%; } [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) [class*='experience-commerce_assets'] > div, [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div [class*='experience-commerce_assets'] > div, [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) [class*='experience-commerce_assets'] > div, [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']), [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div [class*='experience-commerce_assets'] > div { height: auto; } [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region[class*='col-md-6'] .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) [class*='experience-commerce_assets'] > div:only-child, [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region[class*='col-md-6'] [class*='experience-commerce_assets'] > div [class*='experience-commerce_assets'] > div:only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']) [class*='experience-commerce_assets'] > div:only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div + .experience-component:not(.experience-commerce_assets-html):not([class*='experience-commerce_layouts']):only-child, [class*='experience-commerce_layouts'] .region.align-self-stretch [class*='experience-commerce_assets'] > div [class*='experience-commerce_assets'] > div:only-child { height: 100%; } [class*='experience-commerce_layouts'] .region.align-self-stretch > [class*='experience-commerce_layouts'] { height: 100%; } [class*='experience-commerce_layouts'] .region.align-self-stretch > [class*='experience-commerce_layouts'] > [class*='-1c'] { height: 100%; } [class*='experience-commerce_layouts'] .no-gutters .row { padding-right: 16px; padding-left: 16px; } @media (min-width: 1440px) { [class*='experience-commerce_layouts'] .no-gutters .row { padding-right: 24px; padding-left: 24px; } } [class*='experience-commerce_layouts'] .no-gutters .row > [class*=" col-"] { padding-right: 0; padding-left: 0; } [class*='experience-commerce_layouts'] .has-background-image { position: relative; } [class*='experience-commerce_layouts'] .has-background-image > .container { position: relative; } [class*='experience-commerce_layouts'] .has-background-image > .container .column-background { width: calc(100% - 32px); } @media (min-width: 1440px) { [class*='experience-commerce_layouts'] .has-background-image > .container .column-background { width: calc(100% - 48px); } } [class*='experience-commerce_layouts'] .has-background-image .column-background { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); height: 100%; width: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; } .full-bleed [class*='experience-commerce_layouts'] .has-background-image .column-background { width: calc(100vw + 2px); } [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-tablet, [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-desktop { display: none; } @media (min-width: 769px) { [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-mobile, [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-desktop { display: none; } [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-tablet { display: block; } } @media (min-width: 1024px) { [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-mobile, [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-tablet { display: none; } [class*='experience-commerce_layouts'] .has-background-image .column-background.column-background-desktop { display: block; } } /* * LAYOUT GRID ASPECT RATIOS */ .region-square, .region-landscape, .region-portrait { position: relative; } .region-square .experience-component, .region-landscape .experience-component, .region-portrait .experience-component { position: absolute; top: 0; overflow: hidden; padding-left: 0; padding-right: 0; max-width: calc(100% - 32px); } @media (min-width: 1440px) { .region-square .experience-component, .region-landscape .experience-component, .region-portrait .experience-component { max-width: calc(100% - 48px); } } .region-square::after { display: block; content: ""; clear: both; } .region-square::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1 * 100%); } .region-landscape::after { display: block; content: ""; clear: both; } .region-landscape::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1.5 * 100%); } .region-portrait::after { display: block; content: ""; clear: both; } .region-portrait::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1.5 / 1 * 100%); } div.sf-interactions-proxyHoverContainer a { overflow: visible; } .hover-switch--hover { display: block; opacity: 0; visibility: hidden; height: 0; } .hover-switch:hover .hover-switch--load { display: block; opacity: 0; visibility: hidden; height: 0; } .hover-switch:hover .hover-switch--hover { display: block; opacity: 1; visibility: visible; height: auto; } .product-grid .experience-region, .product-grid .experience-component, .product-grid .chromeless { height: 100%; } .product-grid .hero { min-height: calc(100% - 48px); margin-bottom: 48px; } .folder-nav-layout { padding: 0; } @media (max-width: 768.98px) { .folder-nav-layout .folder-nav-menu { padding: 16px; } .folder-nav-layout .folder-based-navigation .card .card-body a.active { color: #091010; font-weight: bold; } .folder-nav-layout .folder-based-navigation .card .card-body a + .card { margin-top: 16px; } } @media (min-width: 769px) { .folder-nav-layout .folder-nav-menu { width: 300px; max-width: 300px; background: #FFFFFF; margin-right: 16px; border-right: 1px solid #F2F1F0; } .folder-nav-layout .folder-nav-content { width: calc(100% - 300px); max-width: calc(100% - 300px); } .folder-nav-layout .folder-based-navigation { position: sticky; top: calc(70px + 16px); padding-top: 16px; padding-left: 16px; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - (70px + 11px + calc(min(16px, 2vh)) + calc(min(16px, 2vh)))); } .multi-brand .folder-nav-layout .folder-based-navigation { max-height: calc(100vh - (70px + 11px + calc(min(16px, 2vh)) + calc(min(16px, 2vh)) + 40px)); } .folder-nav-layout .folder-based-navigation .card { margin-bottom: 0; border: none; } .folder-nav-layout .folder-based-navigation .card .card-header { background: transparent; } .folder-nav-layout .folder-based-navigation .card .card-title { font-family: var(--h4-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h4-mobile-size, 22px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; text-align: left; padding: 0; margin-bottom: 3px; cursor: text; word-break: break-word; } } @media (min-width: 769px) and (min-width: 769px) { .folder-nav-layout .folder-based-navigation .card .card-title { font-size: calc(var(--h4-tablet-size, var(--h4-mobile-size, 22px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 769px) and (min-width: 1024px) { .folder-nav-layout .folder-based-navigation .card .card-title { font-size: calc(var(--h4-desktop-size, 24px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 769px) { .folder-nav-layout .folder-based-navigation .card .card-title.text-decoration-none * { text-decoration: none; } .folder-nav-layout .folder-based-navigation .card .card-body { padding: 0; margin-bottom: 16px; background: transparent; } .folder-nav-layout .folder-based-navigation .card .card-body a { padding: 2px 0; text-decoration: none; } .folder-nav-layout .folder-based-navigation .card .card-body a.active { color: #091010; font-weight: bold; } .folder-nav-layout .folder-based-navigation .card .card-body a + .card { margin-top: 16px; } .folder-nav-layout .folder-based-navigation .card .card-body .card { padding-left: 16px; border-left: 1px solid var(--base-border-color, #F2F1F0); } } @media (min-width: 1024px) { .folder-nav-layout .folder-based-navigation { top: calc(64px + 16px); max-height: calc(100vh - (64px + 11px + calc(min(16px, 2vh)) + calc(min(16px, 2vh)))); } .multi-brand .folder-nav-layout .folder-based-navigation { max-height: calc(100vh - (64px + 11px + calc(min(16px, 2vh)) + calc(min(16px, 2vh)) + 40px)); } } ul.styled-list, ol.styled-list, .styled-list ul, .styled-list ol { margin-left: 2px; padding-left: 12px; } ul.styled-list li, ol.styled-list li, .styled-list ul li, .styled-list ol li { margin-bottom: calc(var(--base-font-size, 16px) / 2); padding-left: 4px; } ul.styled-list li::marker, ol.styled-list li::marker, .styled-list ul li::marker, .styled-list ol li::marker { color: #4C4C4B; } ol.styled-list, .styled-list ol { counter-reset: ol-items; } ol.styled-list li, .styled-list ol li { display: list-item; counter-increment: ol-items; } ol.styled-list li::marker, .styled-list ol li::marker { display: list-item; content: counter(ol-items) " "; font-family: "Gambetta", serif; font-size: var(--base-font-size, 16px); font-style: normal; font-weight: normal; } ul li::marker, ol li::marker { font-size: 70%; } .minicart { position: relative; } .minicart .popover { top: calc(100% - 1px); left: auto; right: -1px; min-width: calc(100vw - (16px * 2)); max-width: 350px; min-height: 0px; max-height: 0px; margin-right: 16px; box-shadow: none; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; opacity: 0; z-index: -1; overflow: hidden; transition: opacity 200ms ease-in-out, max-height calc(200ms * 2) ease-out; } @media (min-width: 769px) { .minicart .popover { min-width: 350px; } } @media (min-width: 1440px) { .minicart .popover { width: calc(max(350px, ((1440px / 12) * var(--product-data-column-span, 3)))); max-width: calc(max(350px, ((1440px / 12) * var(--product-data-column-span, 3)))); } } .minicart .popover .veil .underlay { background-color: #FFFFFF; opacity: 0.7; } .minicart .popover .veil .spinner { filter: invert(1); } .minicart .popover.show { opacity: 1; z-index: 0; overflow: auto; min-height: 200px; max-height: calc(100vh - var(--full-header-height) - 16px); } .minicart .popover.show div:last-child.cart .minicart-label.item-added { color: #FFFFFF; display: flex; align-items: center; } .minicart .popover.show div:last-child.cart .minicart-label.item-added:before { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: 22px; color: #155624; font-weight: normal; } .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #155624; font-weight: normal; transform: translateX(-16px); } .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title).icon-before:before, .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #155624; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #155624; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title).btn-sm, .minicart .popover.show div:last-child.cart .btn-group-sm > .minicart-label.item-added.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title).btn-sm:before, .minicart .popover.show div:last-child.cart .btn-group-sm > .minicart-label.item-added.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #155624; font-weight: normal; transform: translateX(-12px); } .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title).btn-sm.icon-before:before, .minicart .popover.show div:last-child.cart .btn-group-sm > .minicart-label.item-added.btn[class*="btn-"]:not(.title).icon-before:before, .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .minicart .popover.show div:last-child.cart .btn-group-sm > .minicart-label.item-added.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #155624; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title).btn-sm.icon-after:after, .minicart .popover.show div:last-child.cart .btn-group-sm > .minicart-label.item-added.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #155624; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title) [class*="icon-"], .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title) [class^="icon-"], .minicart .popover.show div:last-child.cart .minicart-label.item-added[class*="btn-"]:not(.title) .fa { display: none; } .minicart .popover.show div:last-child.cart .minicart-label.item-added:before { opacity: 1; width: calc(44px); } .minicart .popover.show div:last-child.cart .minicart-label.item-added:after { opacity: 1; content: attr(data-title-onadd); margin-left: calc(calc(44px) + calc(16px / 2)); } .minicart .close-minicart { color: #091010; text-shadow: none; opacity: 1; line-height: 1.1; margin-top: -2px; } @media (min-width: 769px) { .minicart .close-minicart { line-height: 1.1; } } @media (min-width: 1024px) { .minicart .close-minicart { line-height: 1.1; } } .minicart .minicart-label { font-family: var(--h3-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h3-mobile-size, 26px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .minicart .minicart-label { font-size: calc(var(--h3-tablet-size, var(--h3-mobile-size, 26px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .minicart .minicart-label { font-size: calc(var(--h3-desktop-size, 28px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .minicart .minicart-label.text-decoration-none * { text-decoration: none; } .minicart .minicart-label.item-added { transition: color 200ms ease; } .minicart .minicart-label.item-added:before, .minicart .minicart-label.item-added:after { content: ''; position: absolute; background: white; opacity: 0; } .minicart .minicart-label.item-added:before { width: 0px; transition: opacity 200ms ease-in-out calc(200ms * 3), width 200ms ease-out 200ms; } .minicart .minicart-label.item-added:after { left: 0; margin-left: 0px; color: var(--base-font-color, #091010); transition: opacity 200ms ease-in-out calc(200ms * 2), margin-left calc(200ms * 2) cubic-bezier(0.68, -0.55, 0.265, 1.55) 200ms; } .minicart .cart { padding-top: calc(16px / 2); background-color: #FFFFFF; border-radius: var(--border-radius, 0px); } .minicart .remove-btn { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; border: 1px solid #F2F1F0; border-radius: 11px; font-size: 0; position: absolute; top: 0; right: 0; margin-top: calc(19px); margin-right: calc(19px); margin-bottom: calc(19px); margin-left: calc(19px); cursor: pointer; z-index: 1; background-color: #FFFFFF; padding: 4px; height: calc(24px); width: calc(24px); transition: background-color 200ms ease-in-out; display: flex; align-items: center; justify-content: center; line-height: 11px; margin: 0px; left: 0; right: auto; } .minicart .remove-btn:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 11px; color: inherit; font-weight: normal; } .minicart .remove-btn[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .minicart .remove-btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .minicart .remove-btn[class*="btn-"]:not(.title).icon-before:before, .minicart .remove-btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .minicart .remove-btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .minicart .remove-btn[class*="btn-"]:not(.title).btn-sm, .minicart .btn-group-sm > .remove-btn.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .minicart .remove-btn[class*="btn-"]:not(.title).btn-sm:before, .minicart .btn-group-sm > .remove-btn.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .minicart .remove-btn[class*="btn-"]:not(.title).btn-sm.icon-before:before, .minicart .btn-group-sm > .remove-btn.btn[class*="btn-"]:not(.title).icon-before:before, .minicart .remove-btn[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .minicart .btn-group-sm > .remove-btn.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .minicart .remove-btn[class*="btn-"]:not(.title).btn-sm.icon-after:after, .minicart .btn-group-sm > .remove-btn.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .minicart .remove-btn[class*="btn-"]:not(.title) [class*="icon-"], .minicart .remove-btn[class*="btn-"]:not(.title) [class^="icon-"], .minicart .remove-btn[class*="btn-"]:not(.title) .fa { display: none; } .minicart .remove-btn:hover { background-color: #F2F1F0; } .minicart .remove-btn:before { position: relative; left: 1px; } .minicart .product-summary { max-height: 50vh; overflow-y: auto; overflow-x: hidden; padding-left: 0; padding-right: 0; padding-bottom: 16px; padding-top: 16px; width: 100%; -ms-overflow-style: none; scrollbar-width: none; } .minicart .product-summary::-webkit-scrollbar { display: none; } .minicart .product-summary .line-item-name { width: calc(100% - 11px - 16px / 2); } .minicart .minicart-item + .minicart-item { margin-top: calc(16px - 16px / 2); padding-top: 16px; border-top: 1px solid #F2F1F0; border-radius: var(--border-radius, 0px); } .minicart .minicart-item:first-child .product-line-item { margin-top: 0; } .minicart .product-line-item { position: relative; } .minicart .item-price-qty .col { flex-direction: column; align-items: flex-start; } .minicart .percent-off { color: #721C24; } .minicart .free-shipping-badge { color: #155624; background-color: color-mix(in srgb, currentColor 15%, transparent); border: 1px solid color-mix(in srgb, currentColor 25%, transparent); padding: 5px 0px; border-radius: var(--border-radius, 0px); } .minicart .quantity, .minicart .quantity-stepper { width: 100%; max-width: 90px; margin: 5px 0; } .minicart .quantity { min-width: 50px; } .minicart .line-item-promo > div { padding: 0 0 calc(16px / 2); } .minicart .minicart-footer { padding: 16px 0; border-top: 1px solid #F2F1F0; } .minicart .estimated-total { font-family: "Gambetta", serif; font-weight: bold; text-transform: none; } .minicart .estimated-total p { letter-spacing: 0.01em; font-size: calc(var(--base-font-size, 16px) - 2px); } @media (min-width: 1024px) { .minicart .estimated-total p { font-size: calc(var(--base-font-size, 16px) - 2px); } } .minicart .single-approaching-discount { color: #155624; padding-top: calc(16px / 2); } .minicart-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: -1; opacity: 0; transition: opacity 200ms ease; } .minicart-backdrop.show { z-index: 2; opacity: 1; } .modal { z-index: 1050; } .modal .modal-content { background-color: transparent; border: none; border-radius: 3px; box-shadow: 0 2px 6px rgba(9, 16, 16, 0.1); } .modal .modal-header { padding: 24px 24px calc(24px / 2); background-color: #FFFFFF; color: #091010; border-bottom-color: transparent; border-top-left-radius: calc(3px - 1px); border-top-right-radius: calc(3px - 1px); } .modal .modal-header .modal-title { font-family: var(--h4-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h4-mobile-size, 22px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; align-self: center; overflow-wrap: anywhere; } @media (min-width: 769px) { .modal .modal-header .modal-title { font-size: calc(var(--h4-tablet-size, var(--h4-mobile-size, 22px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .modal .modal-header .modal-title { font-size: calc(var(--h4-desktop-size, 24px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .modal .modal-header .modal-title.text-decoration-none * { text-decoration: none; } .modal .modal-header .close { line-height: 55%; margin: 0; padding: 0; text-shadow: none; opacity: 1; } .modal .modal-header .close:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #091010; font-weight: normal; } .modal .modal-header .close[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .modal .modal-header .close[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(-16px); } .modal .modal-header .close[class*="btn-"]:not(.title).icon-before:before, .modal .modal-header .close[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .modal .modal-header .close[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .modal .modal-header .close[class*="btn-"]:not(.title).btn-sm, .modal .modal-header .btn-group-sm > .close.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .modal .modal-header .close[class*="btn-"]:not(.title).btn-sm:before, .modal .modal-header .btn-group-sm > .close.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(-12px); } .modal .modal-header .close[class*="btn-"]:not(.title).btn-sm.icon-before:before, .modal .modal-header .btn-group-sm > .close.btn[class*="btn-"]:not(.title).icon-before:before, .modal .modal-header .close[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .modal .modal-header .btn-group-sm > .close.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .modal .modal-header .close[class*="btn-"]:not(.title).btn-sm.icon-after:after, .modal .modal-header .btn-group-sm > .close.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .modal .modal-header .close[class*="btn-"]:not(.title) [class*="icon-"], .modal .modal-header .close[class*="btn-"]:not(.title) [class^="icon-"], .modal .modal-header .close[class*="btn-"]:not(.title) .fa { display: none; } .modal .modal-header .close [aria-hidden=true] { display: none; } .modal .modal-header a { color: #091010; } .modal .modal-body { flex: 0 0 auto; padding: calc(24px / 2) 24px 24px; color: var(--base-font-color, #091010); background-color: #FFFFFF; } .modal .modal-footer { padding: 0 24px 24px; color: var(--base-font-color, #091010); background-color: #FFFFFF; border-top-color: transparent; border-bottom-left-radius: calc(3px - 1px); border-bottom-right-radius: calc(3px - 1px); justify-content: flex-start; } .modal .modal-footer .button-wrapper .btn + .btn { margin-left: 16px; } .modal .modal-footer > .btn + .btn { margin-left: 24px; } .modal.show ~ .modal.show { z-index: 1052; } .dropdown-modal .outer-container { background-color: #FFFFFF; padding: 16px; position: relative; transition: max-height 0.3s ease-in-out; max-height: 0px; will-change: max-height; overflow: auto; } .dropdown-modal .container { max-width: 768px; } .dropdown-modal .container .modal-header { background: #FFFFFF; } .dropdown-modal.slide { max-height: 0px; will-change: max-height; overflow: hidden; opacity: 1; transition: max-height 0.3s ease-in-out; } .dropdown-modal.show { max-height: 100%; } .dropdown-modal.show .outer-container { max-height: 100%; } .dropdown-modal.show .modal-dialog { pointer-events: auto; } .page[data-action="null"] .dropdown-modal.bm-show { max-height: 100%; } .page[data-action="null"] .dropdown-modal.bm-show .outer-container { max-height: 100%; } .modal-backdrop { background-color: rgba(0, 0, 0, 0.5); } .modal-backdrop.show { opacity: 1; z-index: 1000; } .modal-backdrop.show ~ .modal-backdrop.show { z-index: 1051; } .modal-backdrop.show + .modal.show { z-index: 1052; } .modal-dialog { max-width: none; margin: 8px auto; } @media (min-width: 544px) { .modal-dialog { max-width: 345px; } } @media (min-width: 1024px) { .modal-dialog { max-width: 768px; margin: calc(16px * 2) auto; } } @media (min-width: 1440px) { .modal-dialog { max-width: 1140px; } } .modal-sm { max-width: none; margin: 8px auto; max-width: 768px; } @media (min-width: 544px) { .modal-sm { max-width: 345px; } } .modal-lg { max-width: none; margin: 8px auto; } @media (min-width: 1024px) { .modal-lg { max-width: 768px; margin: calc(16px * 2) auto; } } .modal-xl { max-width: none; margin: 8px auto; } @media (min-width: 1024px) { .modal-xl { max-width: 768px; margin: calc(16px * 2) auto; } } @media (min-width: 1440px) { .modal-xl { max-width: 1140px; } } .modal-full-screen { max-width: 100vw; margin: 0; display: flex; height: 100%; align-items: center; min-height: 100vw; } @media (min-width: 1024px) { .modal-full-screen { min-height: var(--hi-res-image-width, 1600px); } } .modal-full-screen .modal-content { background-color: #FFFFFF; display: flex; align-items: center; } .modal-full-screen .modal-body { display: flex; align-items: center; max-width: var(--hi-res-image-width, 1600px); padding: 0; } @media (min-width: 544px) { .modal-full-screen .modal-body { padding: 24px; } } .modal-full-screen .icon-close { position: absolute; color: var(--base-font-color, #091010); background-color: #FFFFFF; font-size: 24px; padding: 16px; border-radius: 3px; top: 0; right: 0; } @media (min-width: 544px) { .modal-full-screen .icon-close { top: calc(50px / 2); right: calc(50px / 2); } } @media (min-width: 769px) { .modal-full-screen .icon-close { top: 50px; right: 50px; } } .modal-scrollbody { overflow: hidden; } .modal-scrollbody .modal-body { overflow-x: hidden; overflow-y: auto; } .notify { position: fixed; top: 0; } .page-header { padding-top: 16px; padding-bottom: 16px; } @media (min-width: 769px) { .page-header { padding-top: 24px; padding-bottom: 24px; } } .page-header.blog-detail-header .page-header-title { font-family: var(--h2-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h2-mobile-size, 32px) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .page-header.blog-detail-header .page-header-title { font-size: calc(var(--h2-tablet-size, var(--h2-mobile-size, 32px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .page-header.blog-detail-header .page-header-title { font-size: calc(var(--h2-desktop-size, 40px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .page-header.blog-detail-header .page-header-title.text-decoration-none * { text-decoration: none; } .page-header.search-results-header .page-header-title { font-family: var(--h2-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h2-mobile-size, 32px) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; margin-top: 24px; } @media (min-width: 769px) { .page-header.search-results-header .page-header-title { font-size: calc(var(--h2-tablet-size, var(--h2-mobile-size, 32px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .page-header.search-results-header .page-header-title { font-size: calc(var(--h2-desktop-size, 40px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .page-header.search-results-header .page-header-title.text-decoration-none * { text-decoration: none; } .hero-slider-container + .page-header .page-header-title, .hero-slot + .page-header .page-header-title { display: none; } .page-header.search-results-header .page-header-title { font-family: var(--h2-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h2-mobile-size, 32px) + -4px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .page-header.search-results-header .page-header-title { font-size: calc(var(--h2-tablet-size, var(--h2-mobile-size, 32px)) + -4px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .page-header.search-results-header .page-header-title { font-size: calc(var(--h2-desktop-size, 40px) + -4px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .page-header.search-results-header .page-header-title.text-decoration-none * { text-decoration: none; } .page-title { font-family: var(--h2-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h2-mobile-size, 32px) + -4px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .page-title { font-size: calc(var(--h2-tablet-size, var(--h2-mobile-size, 32px)) + -4px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .page-title { font-size: calc(var(--h2-desktop-size, 40px) + -4px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .page-title.text-decoration-none * { text-decoration: none; } .page-header.search-results-header .page-header-title { margin-top: 16px; } .photo-hotspots { position: relative; } .photo-hotspots .hotspot { position: absolute; width: 12px; height: 12px; background: #FFFFFF; border-radius: 50%; margin-top: -6px; margin-left: -6px; box-shadow: none; transition: all 200ms ease-out; text-decoration: none; } .photo-hotspots .hotspot::before { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 10px; } .photo-hotspots .hotspot .hotspot-border-inner, .photo-hotspots .hotspot .hotspot-border-outer { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); border-radius: 50%; transition: all 200ms ease-out; } .photo-hotspots .hotspot .hotspot-border-inner { font-size: 10px; line-height: 12px; width: 12px; height: 12px; border: 0px solid transparent; z-index: 1; } .photo-hotspots .hotspot .hotspot-border-outer { content: ''; width: 28px; height: 28px; border: 8px solid rgba(9, 16, 16, 0.4); } .photo-hotspots .hotspot:hover { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; } .photo-hotspots .hotspot:hover .hotspot-border-inner { line-height: 24px; width: 24px; height: 24px; border: 0px solid transparent; } .photo-hotspots .hotspot:hover .hotspot-border-outer { width: 32px; height: 32px; border: 4px solid rgba(9, 16, 16, 0.4); } .photo-hotspots .hotspot.dark { background: #091010; } .photo-hotspots .hotspot.dark::before { color: #091010; } .photo-hotspots .hotspot.dark .hotspot-border-inner { border-color: transparent; } .photo-hotspots .hotspot.dark .hotspot-border-outer { border-color: rgba(255, 255, 255, 0.6); } .photo-hotspots .hotspot.dark:hover .hotspot-border-inner { border-color: transparent; } .photo-hotspots .hotspot.dark:hover .hotspot-border-outer { border-color: rgba(255, 255, 255, 0.6); } .photo-hotspots-tooltip.tooltip { z-index: 999; } .photo-hotspots-tooltip.tooltip .tooltip-inner { padding: 0; max-width: 300px; } .modal.show ~ .photo-hotspots-tooltip.tooltip { z-index: 1051; } .photo-hotspots-tooltip-text { text-align: left; padding: 8px; } .photo-hotspots-tooltip-text > * { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; margin-bottom: 0; } .photo-hotspots-tooltip-text + .secondary-text { padding-top: 0; } .photo-hotspots-tooltip-text + .photo-hotspots-tooltip-product { border-top: 1px solid var(--base-border-color, #F2F1F0); } .photo-hotspots-tooltip-product { text-decoration: none; } .photo-hotspots-tooltip-product:hover { text-decoration: none; } .photo-hotspots-tooltip-product .product-image { width: 75px; height: 75px; background-size: cover; background-repeat: no-repeat; } .photo-hotspots-tooltip-product .product-attributes { max-width: calc(300px - 75px - 5px); padding: 8px; text-align: left; } .photo-hotspots-tooltip-product .product-name { font-size: var(--base-font-size, 16px); color: #091010; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .photo-hotspots-tooltip-product .product-price { font-size: var(--base-font-size, 16px); color: #4C4C4B; margin-top: 4px; } .photo-hotspots-tooltip-product .product-price .strike-through { margin-right: 5px; } .photo-hotspots-tooltip-product .product-price .sales { color: #721C24; } .photo-hotspots-tooltip-product .product-message { display: block; font-size: 10px; text-transform: uppercase; color: #4C4C4B; margin-top: 4px; } .popover { font-family: "Gambetta", serif; font-size: 14px; background-color: #FFFFFF; border-color: #F2F1F0; box-shadow: 0 2px 6px rgba(9, 16, 16, 0.1); border-radius: var(--border-radius, 0px); max-width: 300px; } .popover .popover-header { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; background-color: #FFFFFF; color: #091010; border-top-left-radius: calc(var(--border-radius, 0px) - 1px); border-top-right-radius: calc(var(--border-radius, 0px) - 1px); } @media (min-width: 769px) { .popover .popover-header { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .popover .popover-header { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .popover .popover-header.text-decoration-none * { text-decoration: none; } .popover .popover-body { padding: 24px; font-size: 14px; } .popover .popover-body p { font-size: 14px; } .popover .popover-body ul:only-child { margin-bottom: 0; } .popover.bs-popover-bottom .popover-header:before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header:before { display: none; } .popover.bs-popover-bottom .arrow:after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow:after { border-bottom-color: #F2F1F0; } .product-detail .price, .quick-view-dialog .price { color: #091010; } .product-detail .price .strike-through, .quick-view-dialog .price .strike-through { font-size: calc(var(--base-font-size, 16px) - 2px); text-decoration: line-through; color: #4C4C4B; } .product-detail .price del, .quick-view-dialog .price del { all: unset; } .product-detail .price del ~ .sales, .quick-view-dialog .price del ~ .sales { float: left; margin-right: 5px; } .product-detail .price .tiered, .quick-view-dialog .price .tiered { color: #091010; } .product-detail .price .tiered table .table-header, .quick-view-dialog .price .tiered table .table-header { display: none; } .product-detail .price .tiered td, .product-detail .price .tiered span.price, .quick-view-dialog .price .tiered td, .quick-view-dialog .price .tiered span.price { font-size: paragraph-font-size(small); font-weight: bold; } .product-detail .price .tiered td, .quick-view-dialog .price .tiered td { padding: 8px; } .product-detail .price .tiered td.quantity, .quick-view-dialog .price .tiered td.quantity { font-weight: normal; text-align: right; } .product-detail .price .tiered td.value, .quick-view-dialog .price .tiered td.value { text-align: left; } .product-detail .price .tiered .table-header, .quick-view-dialog .price .tiered .table-header { padding: 8px; } .product-detail .price .tiered .column-header, .quick-view-dialog .price .tiered .column-header { padding: 8px; font-weight: normal; } .product-detail .price .tiered .column-header.quantity, .quick-view-dialog .price .tiered .column-header.quantity { text-align: right; } .product-detail .price .percent-off, .quick-view-dialog .price .percent-off { font-size: calc(var(--base-font-size, 16px) - 2px); text-decoration: none; color: #721C24; padding-left: 5px; } .product-info .product-line-item + .product-line-item, .product-info .product-line-item + .bonus-product-line-item, .product-info .product-line-item + .shipment-block, .product-info .bonus-product-line-item + .product-line-item, .product-info .bonus-product-line-item + .bonus-product-line-item, .product-info .bonus-product-line-item + .shipment-block, .product-info .multi-shipping + .product-line-item, .product-info .multi-shipping + .bonus-product-line-item, .product-info .multi-shipping + .shipment-block, .product-info .shipment-block + .product-line-item, .product-info .shipment-block + .bonus-product-line-item, .product-info .shipment-block + .shipment-block, .product-summary .product-line-item + .product-line-item, .product-summary .product-line-item + .bonus-product-line-item, .product-summary .product-line-item + .shipment-block, .product-summary .bonus-product-line-item + .product-line-item, .product-summary .bonus-product-line-item + .bonus-product-line-item, .product-summary .bonus-product-line-item + .shipment-block, .product-summary .multi-shipping + .product-line-item, .product-summary .multi-shipping + .bonus-product-line-item, .product-summary .multi-shipping + .shipment-block, .product-summary .shipment-block + .product-line-item, .product-summary .shipment-block + .bonus-product-line-item, .product-summary .shipment-block + .shipment-block { margin-top: calc(16px / 2); padding-top: 16px; } .product-info .bonus-product-line-item + .product-line-item, .product-info .bonus-product-line-item + .bonus-product-line-item, .product-summary .bonus-product-line-item + .product-line-item, .product-summary .bonus-product-line-item + .bonus-product-line-item { border-top: none; } .product-info .shipment-block + .shipment-block, .product-summary .shipment-block + .shipment-block { margin-top: 24px; padding-top: 24px; } .order-product-summary .product-info, .order-product-summary .product-summary, .order-product-summary .multi-shipping { padding: 0; margin: 0; } .order-product-summary .product-info h3:not(:first-child), .order-product-summary .product-summary h3:not(:first-child), .order-product-summary .multi-shipping h3:not(:first-child) { margin-top: 16px; } .product-info .product-summary-block > .card, .product-summary .product-summary-block > .card, .multi-shipping .product-summary-block > .card { border: none; } .product-info .product-summary-block > .card .card-body, .product-summary .product-summary-block > .card .card-body, .multi-shipping .product-summary-block > .card .card-body { padding: 0; } .product-info .item-image, .product-summary .item-image, .multi-shipping .item-image { width: 100px; margin-right: 16px; flex-grow: 0; flex-shrink: 0; } .product-info .item-image img.product-image, .product-summary .item-image img.product-image, .multi-shipping .item-image img.product-image { display: block; margin: 0 auto; max-width: 100%; height: auto; } .product-info .line-item-name, .product-summary .line-item-name, .multi-shipping .line-item-name { display: block; font-family: "Gambetta", serif; letter-spacing: 0.01em; font-size: calc(var(--base-font-size, 16px) + 0px); text-transform: none; font-weight: normal; text-decoration: none; text-overflow: initial; white-space: pre-wrap; overflow: hidden; width: calc(100% - 16px); line-height: 1.3; padding: 0 0 calc(16px / 2); } @media (min-width: 1024px) { .product-info .line-item-name, .product-summary .line-item-name, .multi-shipping .line-item-name { font-size: calc(var(--base-font-size, 16px) + 0px); } } @media (min-width: 769px) { .product-info .line-item-name, .product-summary .line-item-name, .multi-shipping .line-item-name { width: calc(100% - 24px); } } .product-info .item-attributes, .product-summary .item-attributes, .multi-shipping .item-attributes { color: #4C4C4B; padding: 0 0 calc(16px / 2); width: calc(100% - 100px); } .product-info .item-attributes, .product-info .item-attributes p, .product-info .item-price-qty, .product-info .line-item-availability, .product-summary .item-attributes, .product-summary .item-attributes p, .product-summary .item-price-qty, .product-summary .line-item-availability, .multi-shipping .item-attributes, .multi-shipping .item-attributes p, .multi-shipping .item-price-qty, .multi-shipping .line-item-availability { font-size: var(--base-font-size, 16px); line-height: 1.7; margin: 0; } .product-info .line-item-availability .line-item-attributes, .product-summary .line-item-availability .line-item-attributes, .multi-shipping .line-item-availability .line-item-attributes { display: inline; } .product-info .line-item-availability .line-item-attributes:first-child:after, .product-summary .line-item-availability .line-item-attributes:first-child:after, .multi-shipping .line-item-availability .line-item-attributes:first-child:after { content: ': '; } .product-info .line-item-pricing-info, .product-summary .line-item-pricing-info, .multi-shipping .line-item-pricing-info { font-size: var(--base-font-size, 16px); margin-bottom: 0; } .product-info .price, .product-summary .price, .multi-shipping .price { margin-top: calc(16px / 2); font-size: var(--base-font-size, 16px); } .product-info .item-price-qty, .product-info .product-card-footer, .product-summary .item-price-qty, .product-summary .product-card-footer, .multi-shipping .item-price-qty, .multi-shipping .product-card-footer { padding-top: calc(16px / 2); padding-bottom: calc(16px / 2); } .product-info .item-price-qty.row > .col, .product-info .product-card-footer.row > .col, .product-summary .item-price-qty.row > .col, .product-summary .product-card-footer.row > .col, .multi-shipping .item-price-qty.row > .col, .multi-shipping .product-card-footer.row > .col { padding: 0; } .product-info .item-price-qty .line-item-unit-price + .line-item-quantity, .product-info .item-price-qty .col-4 + .line-item-quantity, .product-info .product-card-footer .line-item-unit-price + .line-item-quantity, .product-info .product-card-footer .col-4 + .line-item-quantity, .product-summary .item-price-qty .line-item-unit-price + .line-item-quantity, .product-summary .item-price-qty .col-4 + .line-item-quantity, .product-summary .product-card-footer .line-item-unit-price + .line-item-quantity, .product-summary .product-card-footer .col-4 + .line-item-quantity, .multi-shipping .item-price-qty .line-item-unit-price + .line-item-quantity, .multi-shipping .item-price-qty .col-4 + .line-item-quantity, .multi-shipping .product-card-footer .line-item-unit-price + .line-item-quantity, .multi-shipping .product-card-footer .col-4 + .line-item-quantity { align-items: center; text-align: center; } .product-info .item-price-qty .line-item-total-price, .product-info .product-card-footer .line-item-total-price, .product-summary .item-price-qty .line-item-total-price, .product-summary .product-card-footer .line-item-total-price, .multi-shipping .item-price-qty .line-item-total-price, .multi-shipping .product-card-footer .line-item-total-price { align-items: flex-end; text-align: right; } .product-info .quantity-label, .product-summary .quantity-label, .multi-shipping .quantity-label { display: none; } .product-info del, .product-info .strike-through, .product-summary del, .product-summary .strike-through, .multi-shipping del, .multi-shipping .strike-through { text-decoration: line-through; color: #4C4C4B; } .product-info del .value, .product-info .strike-through .value, .product-summary del .value, .product-summary .strike-through .value, .multi-shipping del .value, .multi-shipping .strike-through .value { margin-right: 4px; } .product-info .bonus-line-item-msg, .product-summary .bonus-line-item-msg, .multi-shipping .bonus-line-item-msg { margin-top: calc(16px / 2); } .product-info .nested-line-item, .product-summary .nested-line-item, .multi-shipping .nested-line-item { margin: 0; border: 1px solid #F2F1F0; padding: calc(16px / 2); } .product-info .nested-line-item ~ .nested-line-item, .product-summary .nested-line-item ~ .nested-line-item, .multi-shipping .nested-line-item ~ .nested-line-item { border-top: 0; } .product-info .bonus-line-item-msg, .product-info .unit-price-label, .product-info .quantity-label, .product-info .line-item-total-price-label, .product-summary .bonus-line-item-msg, .product-summary .unit-price-label, .product-summary .quantity-label, .product-summary .line-item-total-price-label, .multi-shipping .bonus-line-item-msg, .multi-shipping .unit-price-label, .multi-shipping .quantity-label, .multi-shipping .line-item-total-price-label { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-weight: normal; font-size: var(--base-font-size, 16px); line-height: 1.45; margin-bottom: 6px; text-transform: none; letter-spacing: 0.01em; } .product-info .non-adjusted-price, .product-summary .non-adjusted-price, .multi-shipping .non-adjusted-price { display: none; } .product-info .line-item-promo, .product-summary .line-item-promo, .multi-shipping .line-item-promo { color: #155624; font-size: var(--base-font-size, 16px); } .product-tile { position: relative; } .product-grid .product-tile { padding-bottom: 48px; display: flex; flex-direction: column; height: 100%; } .product-tile .image-container { position: relative; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .product-tile .image-container:before { content: ''; margin-top: 100%; display: block; } .product-tile .tile-image { width: 100%; position: relative; top: 0; left: 0; right: 0; bottom: 0; } .product-tile .product-tile-image-link { display: block; } .product-tile .quick-action-btns { display: flex; align-items: center; } .product-tile .quick-action-btns .swatch-color-count-only { display: none; } .product-grid-small .product-tile .quick-action-btns { white-space: nowrap; } .product-tile .quickview { text-decoration: none; } .product-tile .quickview .quickview-icon { width: 14px; height: 14px; line-height: 14px; background-color: rgba(255, 255, 255, 0.7); box-shadow: none; border-radius: 50%; position: relative; right: 0px; } .product-tile .quickview .quickview-icon:before { content: "\E931"; font-family: "icomoon"; display: inline-block; font-size: 15px; color: #4C4C4B; font-weight: normal; } .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title).icon-before:before, .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title).btn-sm, .product-tile .quickview .btn-group-sm > .quickview-icon.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title).btn-sm:before, .product-tile .quickview .btn-group-sm > .quickview-icon.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-tile .quickview .btn-group-sm > .quickview-icon.btn[class*="btn-"]:not(.title).icon-before:before, .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-tile .quickview .btn-group-sm > .quickview-icon.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-tile .quickview .btn-group-sm > .quickview-icon.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title) [class*="icon-"], .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title) [class^="icon-"], .product-tile .quickview .quickview-icon[class*="btn-"]:not(.title) .fa { display: none; } .product-tile .quickview .quickview-icon-label { margin-left: 5px; color: #4C4C4B; font-size: 14px; text-decoration: none; } .product-tile .quickview.btn { flex: 1 1 50%; opacity: 0; } .product-tile .quick-add-to-cart:not(.bundle-builder-add-to-cart), .product-tile .single-variant-quick-add-to-cart:not(.single-variant-bundle-builder-add-to-cart) { text-decoration: none; align-items: stretch; } .product-tile .quick-add-to-cart:not(.bundle-builder-add-to-cart) .icon-add-to-cart, .product-tile .single-variant-quick-add-to-cart:not(.single-variant-bundle-builder-add-to-cart) .icon-add-to-cart { width: 14px; height: 14px; line-height: 14px; background-color: rgba(255, 255, 255, 0.7); box-shadow: none; border-radius: 50%; } .product-tile .quick-add-to-cart:not(.bundle-builder-add-to-cart) .icon-add-to-cart:before, .product-tile .single-variant-quick-add-to-cart:not(.single-variant-bundle-builder-add-to-cart) .icon-add-to-cart:before { font-size: 20px; } .product-tile .quick-add-to-cart:not(.bundle-builder-add-to-cart) .icon-add-to-cart .path2:before, .product-tile .single-variant-quick-add-to-cart:not(.single-variant-bundle-builder-add-to-cart) .icon-add-to-cart .path2:before { font-size: 30px; margin-left: -0.9em; } .product-tile .quick-add-to-cart:not(.bundle-builder-add-to-cart) .icon-add-to-cart .path3:before, .product-tile .single-variant-quick-add-to-cart:not(.single-variant-bundle-builder-add-to-cart) .icon-add-to-cart .path3:before { font-size: 40px; margin-left: -1.015em; bottom: -0.06em; position: relative; } .product-tile .quick-add-to-cart:not(.bundle-builder-add-to-cart) .quick-add-to-cart-icon-label, .product-tile .single-variant-quick-add-to-cart:not(.single-variant-bundle-builder-add-to-cart) .quick-add-to-cart-icon-label { margin-left: 5px; color: #4C4C4B; font-size: 14px; text-decoration: none; } .product-tile .quick-add-to-cart:not(.bundle-builder-add-to-cart).btn, .product-tile .single-variant-quick-add-to-cart:not(.single-variant-bundle-builder-add-to-cart).btn { flex: 1 1 50%; opacity: 0; padding-left: 0; padding-right: 0; } .product-tile .quick-add-to-cart:not(.bundle-builder-add-to-cart).btn:not(.d-none) + .quickview, .product-tile .single-variant-quick-add-to-cart:not(.single-variant-bundle-builder-add-to-cart).btn:not(.d-none) + .quickview { margin-left: 16px; } @media (min-width: 1024px) { .product-tile .quick-add-to-cart:not(.bundle-builder-add-to-cart):not(.d-none) + .quickview, .product-tile .single-variant-quick-add-to-cart:not(.single-variant-bundle-builder-add-to-cart):not(.d-none) + .quickview { margin-left: 16px; } } .product-tile .single-variant-bundle-builder-add-to-cart { flex-basis: auto; margin-top: 16px; } .product-tile .tile-preimage, .product-tile .tile-postimage { display: flex; align-items: center; margin-bottom: 4px; height: 24px; } .product-tile .tile-preimage .badge-product-container.badge-image-over, .product-tile .tile-postimage .badge-product-container.badge-image-over { position: unset; margin: 0px; } .product-tile .tile-postimage { margin-bottom: 5px; align-items: center; } .product-tile .product-tile-image-container { max-height: 400px; aspect-ratio: 1 / 1; } .product-tile .product-list-enhancements-toggle-product.product-tile-wishlist-icon { position: relative; top: unset; right: unset; margin-left: auto; } .product-tile .product-list-enhancements-toggle-product .product-list-enhancements-icon { height: unset; width: unset; line-height: normal; } .product-tile .product-list-enhancements-toggle-product .product-list-enhancements-icon.before:before { position: relative; top: unset; right: unset; transform: translate(0, 0); } .product-tile .tile-body { padding-top: 5px; padding-bottom: 16px; position: relative; display: flex; flex-flow: column; flex: 1 0 auto; } .product-tile .tile-body :last-child { margin-bottom: 0; } .product-tile .tile-body.align-items-center { text-align: center; } .product-tile .tile-body.align-items-end { text-align: right; } .product-tile .color-swatches { margin-bottom: 10px; font-size: 0; display: flex; align-items: center; } .product-tile .color-swatches .swatches::after { display: block; content: ""; clear: both; } .product-tile .color-swatches .swatch-link { display: block; float: left; text-decoration: none; padding: 4px; cursor: default; } .product-tile .color-swatches .swatch-link.swatch-hide { display: none; } @media (min-width: 769px) { .product-tile .color-swatches .swatch-link.swatch-md-hide { display: none; } } .product-tile .color-swatches .swatch-link.swatch-show { display: block; } @media (min-width: 769px) { .product-tile .color-swatches .swatch-link.swatch-md-show { display: block; } } .product-tile .color-swatches .swatch-circle { width: var(--product-tile-swatch-size, 14px); height: var(--product-tile-swatch-size, 14px); background-color: #FFFFFF; background-size: cover; display: block; position: relative; text-align: center; border-radius: 50%; margin-right: 8px; border: 3px solid transparent; cursor: pointer; } .product-tile .color-swatches .swatch-circle.color-value { transition: box-shadow 200ms ease-out; box-shadow: 0 0 0 1px transparent, 0 0 0 calc(1px + 0px) transparent; } .product-tile .color-swatches .swatch-circle.color-value:hover { box-shadow: 0 0 0 1px #091010, 0 0 0 calc(1px + 1px) #091010; border: 3px solid transparent; } .product-tile .color-swatches .swatch-circle.color-value:active { border: 3px solid transparent; box-shadow: 0 0 0 1px #091010, 0 0 0 0px #091010; } .product-tile .color-swatches .swatch-circle.color-value.selected { box-shadow: 0 0 0 1px #091010, 0 0 0 calc(1px + 1px) #091010; border: 3px solid transparent; } .product-tile .color-swatches .swatch-circle.color-value.selected:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FFFFFF; font-weight: normal; } .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title).btn-sm, .product-tile .color-swatches .btn-group-sm > .swatch-circle.color-value.selected.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-tile .color-swatches .btn-group-sm > .swatch-circle.color-value.selected.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-tile .color-swatches .btn-group-sm > .swatch-circle.color-value.selected.btn[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-tile .color-swatches .btn-group-sm > .swatch-circle.color-value.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-tile .color-swatches .btn-group-sm > .swatch-circle.color-value.selected.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title) [class*="icon-"], .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title) [class^="icon-"], .product-tile .color-swatches .swatch-circle.color-value.selected[class*="btn-"]:not(.title) .fa { display: none; } .product-tile .color-swatches .swatch-circle.color-value.selected::after { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); display: none; background: rgba(9, 16, 16, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1; } .product-tile .color-swatches .swatch-circle.color-value.unselectable { border: 3px solid transparent; } .product-tile .color-swatches .swatch-circle.color-value.unselectable:before, .product-tile .color-swatches .swatch-circle.color-value.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 6px); width: 1px; } .product-tile .color-swatches .swatch-circle.color-value.unselectable:before { background-color: #FFFFFF; } .product-tile .color-swatches .swatch-circle.color-value.unselectable, .product-tile .color-swatches .swatch-circle.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; border: 3px solid transparent; } .product-tile .color-swatches .swatch-circle.color-value.unselectable { cursor: not-allowed; } .product-tile .color-swatches .swatch-circle.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none; border: 3px solid transparent; } .product-tile .color-swatches .swatch-circle.color-value.out-of-stock:before, .product-tile .color-swatches .swatch-circle.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .product-tile .color-swatches .swatch-circle.color-value.out-of-stock:before { background-color: #FFFFFF; } .product-tile .color-swatches .swatch-circle.color-value.out-of-stock.selected:after { display: block; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value:not(.unselectable):hover { border-color: #4C4C4B; box-shadow: none; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover { background: #FFFFFF; color: #091010; border-color: #091010; box-shadow: none; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:after, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FFFFFF; font-weight: normal; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title), .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title):after, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title):not(.icon-after):before, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).icon-after:after, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:after, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title).icon-after:after, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-tile .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class*="icon-"], .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class^="icon-"], .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title) .fa, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class*="icon-"], .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class^="icon-"], .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) .fa { display: none; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected::after, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(-16px / 3); right: calc(-16px / 3); background: #091010; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.unselectable, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.unselectable { cursor: not-allowed; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.unselectable:before, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.unselectable:before { background-color: #FFFFFF; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.out-of-stock:before, .product-tile .color-swatches .swatch-circle.non-color-swatch-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.out-of-stock:before { background-color: #FFFFFF; } .product-tile .color-swatches .swatch-circle.non-color-swatch-value.out-of-stock.selected:after { display: block; } .product-tile .color-swatches .swatch-circle:hover { box-shadow: 0 0 0 1px #F2F1F0, 0 0 0 calc(1px + 1px) #091010; border: 2px solid transparent; } .product-tile .color-swatches .swatch-circle.selected { box-shadow: 0 0 0 1px #F2F1F0, 0 0 0 calc(1px + 1px) #091010; border: 2px solid transparent; } .product-tile .color-swatches .swatch-circle.unselectable, .product-tile .color-swatches .swatch-circle.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; } .product-tile .color-swatches .swatch-circle.unselectable { box-shadow: 0 0 0 1px #F2F1F0, 0 0 0 calc(1px + 1px) #F2F1F0; border: 2px solid transparent; cursor: not-allowed; } .product-tile .color-swatches .swatch-circle.unselectable:before, .product-tile .color-swatches .swatch-circle.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: var(--product-tile-swatch-size, 14px); width: 1px; } .product-tile .color-swatches .swatch-circle.unselectable:before { background-color: #afafaf; } .product-tile .color-swatches .swatch-circle:active { border: 2px solid transparent; box-shadow: 0 0 0 1px #F2F1F0, 0 0 0 calc(1px + 1px) #afafaf; } .product-tile .color-swatches .swatch-thumbnail { width: var(--product-tile-thumbnail-size, 30px); height: var(--product-tile-thumbnail-size, 30px); background-color: #FFFFFF; background-size: cover; display: block; position: relative; text-align: center; border-radius: 0; margin-right: 1px; border: 2px solid transparent; } .product-tile .color-swatches .swatch-thumbnail.color-value { transition: box-shadow 200ms ease-out; box-shadow: 0 0 0 1px transparent, 0 0 0 calc(1px + 0px) transparent; } .product-tile .color-swatches .swatch-thumbnail.color-value:hover:not(.unselectable) { box-shadow: inset 0px -2px 0px #091010; border: none; } .product-tile .color-swatches .swatch-thumbnail.color-value:active { border: none; } .product-tile .color-swatches .swatch-thumbnail.color-value.selected { box-shadow: inset 0px -2px 0px #091010; border: none; } .product-tile .color-swatches .swatch-thumbnail.color-value.selected:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: calc(14px / 2); color: #FFFFFF; font-weight: normal; } .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).btn-sm, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.color-value.selected.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.color-value.selected.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.color-value.selected.btn[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.color-value.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.color-value.selected.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title) [class*="icon-"], .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title) [class^="icon-"], .product-tile .color-swatches .swatch-thumbnail.color-value.selected[class*="btn-"]:not(.title) .fa { display: none; } .product-tile .color-swatches .swatch-thumbnail.color-value.selected::after { position: absolute; top: calc(-14px / 3); right: calc(-14px / 3); display: none; background: rgba(9, 16, 16, 0.7); width: 14px; height: 14px; line-height: 14px; padding-left: 1px; text-align: center; border-radius: 50%; z-index: 1; } .product-tile .color-swatches .swatch-thumbnail.color-value.unselectable { border: none; } .product-tile .color-swatches .swatch-thumbnail.color-value.unselectable:before, .product-tile .color-swatches .swatch-thumbnail.color-value.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .product-tile .color-swatches .swatch-thumbnail.color-value.unselectable:before { background-color: #FFFFFF; } .product-tile .color-swatches .swatch-thumbnail.color-value.unselectable, .product-tile .color-swatches .swatch-thumbnail.color-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; border: 3px solid transparent; } .product-tile .color-swatches .swatch-thumbnail.color-value.unselectable { cursor: not-allowed; } .product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none; border: 3px solid transparent; } .product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock:before, .product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock:before { background-color: #FFFFFF; } .product-tile .color-swatches .swatch-thumbnail.color-value.out-of-stock.selected:after { display: block; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value { transition: border 200ms ease-out, box-shadow 200ms ease-out; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value:not(.unselectable):hover { border-color: #4C4C4B; box-shadow: none; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover { background: #FFFFFF; color: #091010; border-color: #091010; box-shadow: none; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:after, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: calc(16px / 2); color: #FFFFFF; font-weight: normal; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title), .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title):after, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title):not(.icon-after):before, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).icon-after:after, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:after, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title).icon-before:before, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title).icon-after:after, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-tile .color-swatches .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class*="icon-"], .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class^="icon-"], .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title) .fa, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class*="icon-"], .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class^="icon-"], .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) .fa { display: none; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected::after, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.selected:hover::after { position: absolute; top: calc(-16px / 3); right: calc(-16px / 3); background: #091010; width: 16px; height: 16px; line-height: 16px; padding-left: 1px; text-align: center; border-radius: 50%; display: none; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.unselectable, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.unavailable { opacity: 0.5; pointer-events: none; pointer-events: auto; position: relative; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.unselectable { cursor: not-allowed; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.unselectable:before, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.unselectable:before { background-color: #FFFFFF; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.out-of-stock { cursor: pointer; opacity: 0.5; pointer-events: none; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.out-of-stock:before, .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.out-of-stock:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.out-of-stock:before { background-color: #FFFFFF; } .product-tile .color-swatches .swatch-thumbnail.non-color-swatch-value.out-of-stock.selected:after { display: block; } .product-tile .color-swatches .swatch-thumbnail:hover { box-shadow: 0 0 0 1px #F2F1F0, 0 0 0 calc(1px + 1px) #091010; border: 2px solid transparent; } .product-tile .color-swatches .swatch-thumbnail.selected { box-shadow: inset 0px -2px 0px #091010; border: 3px solid transparent; } .product-tile .color-swatches .swatch-thumbnail.unselectable { border: 2px solid transparent; box-shadow: inset 0px -2px 0px #091010; cursor: not-allowed; } .product-tile .color-swatches .swatch-thumbnail.unselectable:before, .product-tile .color-swatches .swatch-thumbnail.unselectable:after { content: ""; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); height: calc(100% + 15px); width: 1px; } .product-tile .color-swatches .swatch-thumbnail.unselectable:before { background-color: #FFFFFF; } .product-tile .color-swatches .swatch-thumbnail:active { border: 2px solid transparent; box-shadow: 0 0 0 1px #091010, 0 0 0 0px #091010; } .product-tile .color-swatches .swatch-color-count { font-size: calc(var(--base-font-size, 16px) - 2px); line-height: var(--product-tile-swatch-size, 14px); letter-spacing: -0.005em; margin-left: calc(16px / 2); white-space: nowrap; display: inline-block; vertical-align: middle; color: #4C4C4B; text-decoration: none; display: flex; } .product-tile .color-swatches .swatch-color-count:after { content: attr(data-extra-colors-mobile); letter-spacing: .2em; } @media (min-width: 769px) { .product-tile .color-swatches .swatch-color-count:after { content: attr(data-extra-colors); } } .product-tile .color-swatches .swatch-color-count span { order: 2; } .product-tile .color-swatches .swatch-color-count span.plus { order: 0; } .product-tile .pdp-link { margin-bottom: 16px; flex: 1 0 auto; } .product-tile .pdp-link .link { display: block; font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; color: var(--base-font-color, #091010); text-decoration: none; overflow-wrap: anywhere; } @media (min-width: 769px) { .product-tile .pdp-link .link { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .product-tile .pdp-link .link { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .product-tile .pdp-link .link.text-decoration-none * { text-decoration: none; } .product-tile .pdp-link .link:hover { color: var(--base-font-color, #091010); text-decoration: none; } .product-tile .pdp-link .subtitle, .product-tile .pdp-link .subtitle > * { font-weight: normal; font-size: 16px; margin-top: 16px; color: var(--base-font-color, #091010); } .product-tile .price { margin-bottom: 12px; font-size: var(--product-tile-price-size, 16px); color: var(--product-tile-price-color, var(--base-font-color, #091010)); flex: 0 0 auto; } .product-tile .price::after { display: block; content: ""; clear: both; } @media (min-width: 1024px) { .product-tile .price { font-size: var(--product-tile-price-size, 16px); line-height: 1.45; } } .product-tile .price del, .product-tile .price .strike-through { color: #4C4C4B; font-size: calc(var(--base-font-size, 16px) - 2px); } .product-tile .price del ~ .sales { margin-right: 5px; color: var(--product-tile-sale-color, #091010); } .product-tile .price .percent-off { font-size: calc(var(--base-font-size, 16px) - 2px); text-decoration: none; color: #721C24; padding-left: 5px; } .product-tile .promotion { margin-bottom: 12px; color: #4C4C4B; font-size: 16px; flex: 0 0 auto; } .product-tile .promotion .tooltip-icon { display: none; } .product-tile .ratings { margin-bottom: 12px; font-size: var(--product-tile-star-size, 11px); color: var(--product-tile-star-color, #091010); max-width: 100%; flex: 0 0 auto; } .product-tile .ratings .fa-star:before { content: "\E939"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .product-tile .ratings .fa-star[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-tile .ratings .fa-star[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .product-tile .ratings .fa-star[class*="btn-"]:not(.title).icon-before:before, .product-tile .ratings .fa-star[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-tile .ratings .fa-star[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-tile .ratings .fa-star[class*="btn-"]:not(.title).btn-sm, .product-tile .ratings .btn-group-sm > .fa-star.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-tile .ratings .fa-star[class*="btn-"]:not(.title).btn-sm:before, .product-tile .ratings .btn-group-sm > .fa-star.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .product-tile .ratings .fa-star[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-tile .ratings .btn-group-sm > .fa-star.btn[class*="btn-"]:not(.title).icon-before:before, .product-tile .ratings .fa-star[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-tile .ratings .btn-group-sm > .fa-star.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-tile .ratings .fa-star[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-tile .ratings .btn-group-sm > .fa-star.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-tile .ratings .fa-star[class*="btn-"]:not(.title) [class*="icon-"], .product-tile .ratings .fa-star[class*="btn-"]:not(.title) [class^="icon-"], .product-tile .ratings .fa-star[class*="btn-"]:not(.title) .fa { display: none; } .product-tile .ratings .fa-star-half-o:before { content: "\E938"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title).icon-before:before, .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title).btn-sm, .product-tile .ratings .btn-group-sm > .fa-star-half-o.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title).btn-sm:before, .product-tile .ratings .btn-group-sm > .fa-star-half-o.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-tile .ratings .btn-group-sm > .fa-star-half-o.btn[class*="btn-"]:not(.title).icon-before:before, .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-tile .ratings .btn-group-sm > .fa-star-half-o.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-tile .ratings .btn-group-sm > .fa-star-half-o.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title) [class*="icon-"], .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title) [class^="icon-"], .product-tile .ratings .fa-star-half-o[class*="btn-"]:not(.title) .fa { display: none; } .product-tile .ratings .fa-star-o:before { content: "\E937"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title).icon-before:before, .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title).btn-sm, .product-tile .ratings .btn-group-sm > .fa-star-o.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title).btn-sm:before, .product-tile .ratings .btn-group-sm > .fa-star-o.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-tile .ratings .btn-group-sm > .fa-star-o.btn[class*="btn-"]:not(.title).icon-before:before, .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-tile .ratings .btn-group-sm > .fa-star-o.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-tile .ratings .btn-group-sm > .fa-star-o.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title) [class*="icon-"], .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title) [class^="icon-"], .product-tile .ratings .fa-star-o[class*="btn-"]:not(.title) .fa { display: none; } .product-tile .ratings .bv-ratings-count, .product-tile .ratings .bv-rating-stars-rating { display: none; } .product-tile .ratings .bv-rating-stars { margin-top: calc(16px / 2); } @media (min-width: 1024px) { .product-tile.on-hover .color-swatches .swatches { opacity: 0; } .product-tile.on-hover:hover .color-swatches .swatches { opacity: 1; } } @media (min-width: 769px) { .product-tile .show-secondary-image:hover .product-tile-image { display: none; } .product-tile .show-secondary-image:hover .product-tile-image-secondary { display: block; } } .product-tile .show-secondary-image .product-tile-image { display: block; } .product-tile .show-secondary-image .product-tile-image-secondary { display: none; } .product-tile.bottom-border:hover .product-tile-image-container:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; box-shadow: inset 0px -2px 0px #091010; } .product-tile.zoom-image .image-container { overflow: hidden; } .product-tile.zoom-image .product-tile-image-link { transition: transform 600ms ease-in-out; } .product-tile.zoom-image:hover .product-tile-image-link { transform: scale(1.035); } .product-tile.underline-title:hover .tile-body .pdp-link .link { text-decoration: underline; } .product-tile:hover .quick-action-btns .btn { opacity: 1; } .product-grid-small .product-tile .pdp-link .link { font-family: var(--product-name-font, "Gambetta", serif); font-size: 14px; font-weight: normal; text-transform: none; } .product-grid-small .product-tile .promotion, .product-grid-small .product-tile .ratings, .product-grid-small .product-tile .tile-preimage, .product-grid-small .product-tile .tile-postimage { display: none; } .product-grid-small .product-tile .quick-action-btns .swatch-color-count-only { display: none; font-size: calc(var(--base-font-size, 16px) - 2px); line-height: var(--product-tile-swatch-size, 14px); letter-spacing: -0.005em; margin-left: calc(16px / 2); white-space: nowrap; vertical-align: middle; color: #4C4C4B; text-decoration: none; } .product-grid-small .slider { display: flex; } .product-grid-small .slider .product { height: 100%; } .product-grid-small .slider .product .product-tile { display: flex; flex-flow: column wrap; height: 100%; align-items: stretch; justify-content: space-between; } .page .product-tile .BVInlineRatings.pdp-inline-bv-rating-drawer { display: none; } .page .product-tile [data-bv-show=inline_rating] .bv_main_container { display: inherit !important; } .page .product-tile [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_component_container, .page .product-tile [data-bv-show=inline_rating] .bv_main_container .bv_averageRating_component_container { display: none !important; } .page .product-tile [data-bv-show=inline_rating] .bv_main_container .bv_stars_component_container .bv_stars_svg_no_wrap { display: inherit !important; padding-top: calc(10px) !important; } .page .product-tile [data-bv-show=inline_rating] .bv_main_container .bv_stars_component_container .bv_stars_svg_no_wrap svg { padding-right: 6px !important; } .product-tile .tile-preimage { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 4px; height: 24px; } .product-tile .tile-preimage .badge-product-container.badge-image-over { position: unset; margin: 0px; order: 2; font-family: var(--b5-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; font-size: var(--b5-mobile-size, 10px); line-height: 1; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; font-style: normal; } @media (min-width: 769px) { .product-tile .tile-preimage .badge-product-container.badge-image-over { font-size: var(--b5-tablet-size, var(--b5-mobile-size, 10px)); line-height: 1; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; font-style: normal; } } @media (min-width: 1024px) { .product-tile .tile-preimage .badge-product-container.badge-image-over { font-size: var(--b5-desktop-size, var(--b5-mobile-size, 10px)); line-height: 1; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; font-style: normal; } } .product-tile .tile-preimage .badge-product-container.badge-image-over.text-decoration-none * { text-decoration: none; } .product-tile .tile-preimage .product-list-enhancements-toggle-product.product-tile-wishlist-icon { margin-left: 0px; order: 1; } .product-tile .color-swatches .swatch-color-count { font-family: var(--product-price-font, "Clash Display", sans-serif); } .product-tile .quickview { font-family: "Clash Display", sans-serif; } .product-grid-small .product-tile .quickview .quickview-icon-label { font-size: var(--base-font-size, 16px); } .product-tile .quickview .quickview-icon:before { position: relative; top: 2px; } .product-tile .tile-postimage { display: flex; align-items: center; justify-content: center; margin-bottom: 5px; } .product-tile .price { font-family: var(--product-price-font, "Clash Display", sans-serif); line-height: 1; } .product-tile .promotion { text-align: center; font-family: "Clash Display", sans-serif; font-size: calc(var(--base-font-size, 16px) - 2px); letter-spacing: 0.01em; line-height: 1; } .product-tile .ratings { margin-top: calc(16px - 12px); } .quick-view-dialog, .choose-bonus-product-dialog { max-width: none; margin: 8px auto; } @media (min-width: 1024px) { .quick-view-dialog, .choose-bonus-product-dialog { max-width: 768px; margin: calc(16px * 2) auto; } } .quick-view-dialog .modal-body, .choose-bonus-product-dialog .modal-body { overflow-x: hidden; min-height: 150px; padding-bottom: 0; scrollbar-width: none; } .quick-view-dialog .modal-body .veil .underlay, .choose-bonus-product-dialog .modal-body .veil .underlay { background-color: #FFFFFF; opacity: 0.7; } .quick-view-dialog .modal-body .veil .spinner, .choose-bonus-product-dialog .modal-body .veil .spinner { filter: invert(1); } .quick-view-dialog .modal-body::-webkit-scrollbar, .choose-bonus-product-dialog .modal-body::-webkit-scrollbar { width: 0px; } .quick-view-dialog .modal-content .veil .underlay, .choose-bonus-product-dialog .modal-content .veil .underlay { background-color: #FFFFFF; opacity: 0.7; } .quick-view-dialog .modal-content .veil .spinner, .choose-bonus-product-dialog .modal-content .veil .spinner { filter: invert(1); } .quick-view-dialog .product-quickview, .choose-bonus-product-dialog .product-quickview { padding: 0; } .quick-view-dialog .product-quickview.product-set .set-banner-bar-wrapper, .choose-bonus-product-dialog .product-quickview.product-set .set-banner-bar-wrapper { left: 0; } .quick-view-dialog .product-quickview .availability, .choose-bonus-product-dialog .product-quickview .availability { margin-left: 0; margin-right: 0; } .quick-view-dialog .product-quickview .product-availability, .choose-bonus-product-dialog .product-quickview .product-availability { display: none; } .quick-view-dialog .product-quickview .pdp-in-store-inventory, .choose-bonus-product-dialog .product-quickview .pdp-in-store-inventory { margin-top: 16px; width: 100%; } .quick-view-dialog .product-detail, .choose-bonus-product-dialog .product-detail { margin-top: 0; margin-bottom: 0; } .quick-view-dialog .product-detail .product-name, .choose-bonus-product-dialog .product-detail .product-name { margin-bottom: 0; word-break: break-word; } .quick-view-dialog .primary-images, .choose-bonus-product-dialog .primary-images { margin: 0 0 16px; } @media (min-width: 769px) { .quick-view-dialog .primary-images, .choose-bonus-product-dialog .primary-images { margin-bottom: 0; } } .quick-view-dialog .selectable-bonus-product-line-item, .choose-bonus-product-dialog .selectable-bonus-product-line-item { margin-top: 8px; margin-bottom: 8px; padding-top: 8px; padding-bottom: 8px; } .quick-view-dialog .beenSelected, .choose-bonus-product-dialog .beenSelected { background-color: #C5C5C5; } .quick-view-dialog .availability-container, .choose-bonus-product-dialog .availability-container { padding: 0; display: flex; } .quick-view-dialog .availability-container label, .choose-bonus-product-dialog .availability-container label { color: #091010; display: none; } @media (min-width: 769px) { .quick-view-dialog .availability-container label, .choose-bonus-product-dialog .availability-container label { display: block; } } .quick-view-dialog .modal-footer, .choose-bonus-product-dialog .modal-footer { padding: 16px 24px 24px; border-top: 1px solid var(--base-border-color, #F2F1F0); } @media (min-width: 769px) { .quick-view-dialog .modal-footer, .choose-bonus-product-dialog .modal-footer { border-top: none; } } .quick-view-dialog .modal-footer .prices, .choose-bonus-product-dialog .modal-footer .prices { text-align: left; margin-bottom: 8px; } .quick-view-dialog .modal-footer .prices .price, .quick-view-dialog .modal-footer .prices .sales, .choose-bonus-product-dialog .modal-footer .prices .price, .choose-bonus-product-dialog .modal-footer .prices .sales { font-size: 16px; font-family: "Clash Display", sans-serif; } .quick-view-dialog .modal-footer label, .quick-view-dialog .modal-footer .non-input-label, .choose-bonus-product-dialog .modal-footer label, .choose-bonus-product-dialog .modal-footer .non-input-label { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-weight: normal; font-size: var(--base-font-size, 16px); line-height: 1.45; margin-bottom: 6px; text-transform: none; letter-spacing: 0.01em; } .quick-view-dialog .set-items, .choose-bonus-product-dialog .set-items { padding: 0; } .quick-view-dialog .set-items .set-item-product-name, .choose-bonus-product-dialog .set-items .set-item-product-name { font-family: var(--h4-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h4-mobile-size, 22px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; margin-bottom: 8px; } @media (min-width: 769px) { .quick-view-dialog .set-items .set-item-product-name, .choose-bonus-product-dialog .set-items .set-item-product-name { font-size: calc(var(--h4-tablet-size, var(--h4-mobile-size, 22px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .quick-view-dialog .set-items .set-item-product-name, .choose-bonus-product-dialog .set-items .set-item-product-name { font-size: calc(var(--h4-desktop-size, 24px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .quick-view-dialog .set-items .set-item-product-name.text-decoration-none *, .choose-bonus-product-dialog .set-items .set-item-product-name.text-decoration-none * { text-decoration: none; } .quick-view-dialog .set-items .product-availability, .choose-bonus-product-dialog .set-items .product-availability { display: block; } .quick-view-dialog .set-items .product-availability .availability-container, .choose-bonus-product-dialog .set-items .product-availability .availability-container { padding-left: 0; } .quick-view-dialog .product-set-contains, .choose-bonus-product-dialog .product-set-contains { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; color: #091010; } @media (min-width: 769px) { .quick-view-dialog .product-set-contains, .choose-bonus-product-dialog .product-set-contains { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .quick-view-dialog .product-set-contains, .choose-bonus-product-dialog .product-set-contains { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .quick-view-dialog .product-set-contains.text-decoration-none *, .choose-bonus-product-dialog .product-set-contains.text-decoration-none * { text-decoration: none; } .quick-view-dialog .bonus-product-item, .choose-bonus-product-dialog .bonus-product-item { padding: 0; } .quick-view-dialog .bonus-product-item ~ .bonus-product-item, .choose-bonus-product-dialog .bonus-product-item ~ .bonus-product-item { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--base-border-color, #F2F1F0); } .quick-view-dialog .bonus-product-item .product-quickview + hr, .choose-bonus-product-dialog .bonus-product-item .product-quickview + hr { display: none; } .quick-view-dialog .bonus-product-item .bonus-quantity, .quick-view-dialog .bonus-product-item .bonus-option, .quick-view-dialog .bonus-product-item .select-bonus-product, .quick-view-dialog .bonus-product-item .bonus-product-price:not(:empty), .choose-bonus-product-dialog .bonus-product-item .bonus-quantity, .choose-bonus-product-dialog .bonus-product-item .bonus-option, .choose-bonus-product-dialog .bonus-product-item .select-bonus-product, .choose-bonus-product-dialog .bonus-product-item .bonus-product-price:not(:empty) { margin-top: 16px; } .quick-view-dialog .bonus-product-item .attribute label, .choose-bonus-product-dialog .bonus-product-item .attribute label { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-weight: normal; font-size: var(--base-font-size, 16px); line-height: 1.45; margin-bottom: 6px; text-transform: none; letter-spacing: 0.01em; } .quick-view-dialog .bonus-product-item .quantity, .choose-bonus-product-dialog .bonus-product-item .quantity { margin-bottom: 0; } .quick-view-dialog .bonus-product-item .quantity label, .choose-bonus-product-dialog .bonus-product-item .quantity label { display: block; margin-right: 0; } .quick-view-dialog .bonus-product-item .quantity label:after, .choose-bonus-product-dialog .bonus-product-item .quantity label:after { display: none; } .quick-view-dialog .selected-bonus-products ~ .col-sm-6, .choose-bonus-product-dialog .selected-bonus-products ~ .col-sm-6 { text-align: right; } .quick-view-dialog .selected-bonus-products .bonus-summary, .choose-bonus-product-dialog .selected-bonus-products .bonus-summary { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; font-weight: normal; font-size: var(--base-font-size, 16px); line-height: 1.45; margin-bottom: 6px; text-transform: none; letter-spacing: 0.01em; } .quick-view-dialog .selected-bonus-products .bonus-summary.alert-danger, .choose-bonus-product-dialog .selected-bonus-products .bonus-summary.alert-danger { background: transparent; border: none; } .quick-view-dialog .selected-bonus-products .bonus-summary .pre-cart-products, .choose-bonus-product-dialog .selected-bonus-products .bonus-summary .pre-cart-products { font-weight: bold; } .quick-view-dialog .selected-bonus-products .bonus-summary-products-container, .choose-bonus-product-dialog .selected-bonus-products .bonus-summary-products-container { position: relative; padding: 0 20px 0 20px; border: 1px solid var(--base-border-color, #F2F1F0); font-size: var(--base-font-size, 16px); line-height: 16px; letter-spacing: 0.01em; min-height: calc(16px + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); } .quick-view-dialog .selected-bonus-products .selected-pid, .choose-bonus-product-dialog .selected-bonus-products .selected-pid { position: relative; line-height: calc(16px + var(--button-padding-y, 16.5px) + var(--button-padding-y, var(--button-padding-y, 16.5px)) + (1px*2)); } .quick-view-dialog .selected-bonus-products .selected-pid .bonus-product-name, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .bonus-product-name { padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .quick-view-dialog .selected-bonus-products .selected-pid + .selected-pid::before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid + .selected-pid::before { content: ''; display: block; width: 100%; height: 1px; background-color: var(--base-border-color, #F2F1F0); } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; border: 1px solid #F2F1F0; border-radius: 11px; font-size: 0; position: absolute; top: 0; right: 0; margin-top: calc(19px); margin-right: calc(19px); margin-bottom: calc(19px); margin-left: calc(19px); cursor: pointer; z-index: 1; background-color: #FFFFFF; padding: 4px; height: calc(24px); width: calc(24px); transition: background-color 200ms ease-in-out; display: flex; align-items: center; justify-content: center; line-height: 11px; background-color: transparent; margin: 0; padding: 0; } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product:before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 11px; color: inherit; font-weight: normal; } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title), .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title):before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).icon-before:before, .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title):not(.icon-after):before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).icon-before:before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).icon-after:after, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).btn-sm, .quick-view-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product.btn[class*="btn-"]:not(.title), .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).btn-sm, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).btn-sm:before, .quick-view-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product.btn[class*="btn-"]:not(.title):before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).btn-sm:before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).btn-sm.icon-before:before, .quick-view-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product.btn[class*="btn-"]:not(.title).icon-before:before, .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .quick-view-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product.btn[class*="btn-"]:not(.title):not(.icon-after):before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).btn-sm.icon-before:before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product.btn[class*="btn-"]:not(.title).icon-before:before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).btn-sm.icon-after:after, .quick-view-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product.btn[class*="btn-"]:not(.title).icon-after:after, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title).btn-sm.icon-after:after, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .btn-group-sm > .remove-bonus-product.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title) [class*="icon-"], .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title) [class^="icon-"], .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title) .fa, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title) [class*="icon-"], .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title) [class^="icon-"], .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product[class*="btn-"]:not(.title) .fa { display: none; } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product:hover, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product:hover { background-color: #F2F1F0; } .quick-view-dialog .selected-bonus-products .selected-pid .remove-bonus-product:before, .choose-bonus-product-dialog .selected-bonus-products .selected-pid .remove-bonus-product:before { position: relative; left: 1px; } .choose-bonus-product-dialog .modal-header, .choose-bonus-product-dialog .product-detail .product-name { font-family: var(--h6-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h6-mobile-size, 16px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .choose-bonus-product-dialog .modal-header, .choose-bonus-product-dialog .product-detail .product-name { font-size: calc(var(--h6-tablet-size, var(--h6-mobile-size, 16px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .choose-bonus-product-dialog .modal-header, .choose-bonus-product-dialog .product-detail .product-name { font-size: calc(var(--h6-desktop-size, var(--h6-mobile-size, 16px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .choose-bonus-product-dialog .modal-header.text-decoration-none *, .choose-bonus-product-dialog .product-detail .product-name.text-decoration-none * { text-decoration: none; } .popover[role="tooltip"] .arrow { display: none; } .popover[role="tooltip"] .product-quick-add-to-cart { padding: 0; margin: 0; } .popover[role="tooltip"] .product-quick-add-to-cart .attributes .swatch + .swatch { margin-top: 16px; } .popover[role="tooltip"] .product-quick-add-to-cart .detail-panel { padding-top: 0px; padding-bottom: 0px; } .popover[role="tooltip"] .product-quick-add-to-cart .attribute { margin-top: 0; } .popover[role="tooltip"] .product-quick-add-to-cart .attribute .non-input-label { text-align: left; margin-bottom: 0px; color: #091010; } .popover[role="tooltip"] .product-quick-add-to-cart .attribute .non-input-label > [class*="value"] { color: var(--base-font-color, #091010); margin-left: calc(16px / 2); } .popover[role="tooltip"] .product-quick-add-to-cart .attribute [class*='-attribute'] { padding: 0; } .popover[role="tooltip"] .product-quick-add-to-cart .attribute .swatch-tile-container { margin: 5px 0; } .popover[role="tooltip"] .product-quick-add-to-cart .availability .availability-container { margin-top: 16px; } .slider-title { text-align: center; padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; } .slider-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .slider-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .slider-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .slider-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom).text-decoration-none * { text-decoration: none; } [data-slider-controls-position='top'] .slider-title { line-height: 15px !important; } .suggested-products-slider .slider-title { padding-top: 30px; padding-bottom: 30px; line-height: 15px; height: calc(75px); font-family: var(--h5-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h5-mobile-size, 18px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; display: flex; align-items: center; max-width: calc(100% - 132px); } @media (min-width: 769px) { .suggested-products-slider .slider-title { font-size: calc(var(--h5-tablet-size, var(--h5-mobile-size, 18px)) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .suggested-products-slider .slider-title { font-size: calc(var(--h5-desktop-size, 20px) + 0px); line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .suggested-products-slider .slider-title.text-decoration-none * { text-decoration: none; } .slider-container { position: relative; padding-left: 48px; padding-right: 48px; letter-spacing: 0; max-width: 100vw; } @media (max-width: 768.98px) { .slider-container:not(.slider-bullets-inside):not(.slider-bullets-hidden) { margin-bottom: 32px; } } @media (min-width: 769px) and (max-width: 1023.98px) { .slider-container:not(.slider-bullets-inside-md):not(.slider-bullets-hidden-md) { margin-bottom: 32px; } } @media (min-width: 1024px) { .slider-container:not(.slider-bullets-inside-lg):not(.slider-bullets-hidden-lg) { margin-bottom: 32px; } } .slider-container:not([class*='slider-thumbnails-vertical']) .slider { display: flex; } .slider-container .slider { opacity: 0; } .slider-container .slider.tns-slider { opacity: 1; } .slider-container .slider.tns-gallery .tns-slide-active { z-index: 1; } .slider-container .slide { transform: translateZ(0); } .slider-container:not([data-slider-controls-position='top']) .tns-controls button { position: absolute; top: 50%; transform: translateY(-50%); } .slider-container[data-slider-controls-position='top'] { padding-left: 0px; padding-right: 0px; } @media (max-width: 768.98px) { .slider-container[data-slider-controls-position='top'][class*='next-slide-']:not(.next-slide-0) { margin-right: -16px; } .slider-container[data-slider-controls-position='top'][class*='next-slide-']:not(.next-slide-0) .tns-controls, .slider-container[data-slider-controls-position='top'][class*='next-slide-']:not(.next-slide-0) .tns-nav { padding-right: 16px; } } @media (min-width: 769px) and (max-width: 1023.98px) { .slider-container[data-slider-controls-position='top'][class*='next-slide-']:not(.next-slide-md-0) { margin-right: -16px; } .slider-container[data-slider-controls-position='top'][class*='next-slide-']:not(.next-slide-md-0) .tns-controls, .slider-container[data-slider-controls-position='top'][class*='next-slide-']:not(.next-slide-md-0) .tns-nav { padding-right: 16px; } } @media (min-width: 1024px) { .slider-container[data-slider-controls-position='top'][class*='next-slide-']:not(.next-slide-lg-0) { margin-right: -16px; } .slider-container[data-slider-controls-position='top'][class*='next-slide-']:not(.next-slide-lg-0) .tns-controls, .slider-container[data-slider-controls-position='top'][class*='next-slide-']:not(.next-slide-lg-0) .tns-nav { padding-right: 16px; } } .slider-container[data-slider-controls-position='top'] .tns-controls { padding: 0; position: relative; display: flex; align-items: center; justify-content: flex-end; margin-top: calc((30px + 15px) * -1); height: calc(30px + 15px); margin-right: 16px; } @media (min-width: 769px) { .slider-container[data-slider-controls-position='top'] .tns-controls { margin-right: 0; } } .slider-container[data-slider-controls-position='top'] .tns-controls button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; width: 48px; height: 100%; background-color: transparent; border: none; display: flex; text-align: center; transition: background-color 200ms ease-out; font-size: 0; padding: 10px 0 10px 10px; margin-left: 16px; } .slider-container[data-slider-controls-position='top'] .tns-controls button:before { width: 100%; align-self: center; transition: color 200ms ease-out; } .slider-container[data-slider-controls-position='top'] .tns-controls button:focus { outline: none; } .slider-container[data-slider-controls-position='top'] .tns-controls button:hover { background-color: transparent; } .slider-container[data-slider-controls-position='top'] .tns-controls button:hover:before { color: #091010; } .suggested-products-slider .slider-container[data-slider-controls-position='top'] .tns-controls { position: relative; display: flex; align-items: center; justify-content: flex-end; margin-top: calc((30px + 15px) * -1); height: calc(30px + 15px); padding-top: 0px; padding-bottom: 30px; margin-right: 16px; } @media (min-width: 769px) { .suggested-products-slider .slider-container[data-slider-controls-position='top'] .tns-controls { margin-right: 0; } } .suggested-products-slider .slider-container[data-slider-controls-position='top'] .tns-controls button { height: calc(30px + 15px); padding: 10px 0 10px 10px; } .slider-container .tns-controls button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; width: 48px; height: 48px; background-color: #B0A381; border: none; display: flex; text-align: center; transition: background-color 200ms ease-out; font-size: 0; padding: 0; } .slider-container .tns-controls button:before { width: 100%; align-self: center; transition: color 200ms ease-out; } .slider-container .tns-controls button:focus { outline: none; } .slider-container .tns-controls button:hover { background-color: #c4baa0; } .slider-container .tns-controls button:hover:before { color: #091010; } .slider-container [data-controls='prev'] { left: 0; } .slider-container [data-controls='prev']:before { content: "\E908"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .slider-container [data-controls='prev'][class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .slider-container [data-controls='prev'][class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(-16px); } .slider-container [data-controls='prev'][class*="btn-"]:not(.title).icon-before:before, .slider-container [data-controls='prev'][class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .slider-container [data-controls='prev'][class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .slider-container [data-controls='prev'][class*="btn-"]:not(.title).btn-sm, .slider-container .btn-group-sm > .btn[data-controls='prev'][class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .slider-container [data-controls='prev'][class*="btn-"]:not(.title).btn-sm:before, .slider-container .btn-group-sm > .btn[data-controls='prev'][class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(-12px); } .slider-container [data-controls='prev'][class*="btn-"]:not(.title).btn-sm.icon-before:before, .slider-container .btn-group-sm > .btn[data-controls='prev'][class*="btn-"]:not(.title).icon-before:before, .slider-container [data-controls='prev'][class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .slider-container .btn-group-sm > .btn[data-controls='prev'][class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .slider-container [data-controls='prev'][class*="btn-"]:not(.title).btn-sm.icon-after:after, .slider-container .btn-group-sm > .btn[data-controls='prev'][class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .slider-container [data-controls='prev'][class*="btn-"]:not(.title) [class*="icon-"], .slider-container [data-controls='prev'][class*="btn-"]:not(.title) [class^="icon-"], .slider-container [data-controls='prev'][class*="btn-"]:not(.title) .fa { display: none; } .slider-container [data-controls='next'] { right: 0; } .slider-container [data-controls='next']:before { content: "\E90A"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .slider-container [data-controls='next'][class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .slider-container [data-controls='next'][class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(-16px); } .slider-container [data-controls='next'][class*="btn-"]:not(.title).icon-before:before, .slider-container [data-controls='next'][class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .slider-container [data-controls='next'][class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .slider-container [data-controls='next'][class*="btn-"]:not(.title).btn-sm, .slider-container .btn-group-sm > .btn[data-controls='next'][class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .slider-container [data-controls='next'][class*="btn-"]:not(.title).btn-sm:before, .slider-container .btn-group-sm > .btn[data-controls='next'][class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(-12px); } .slider-container [data-controls='next'][class*="btn-"]:not(.title).btn-sm.icon-before:before, .slider-container .btn-group-sm > .btn[data-controls='next'][class*="btn-"]:not(.title).icon-before:before, .slider-container [data-controls='next'][class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .slider-container .btn-group-sm > .btn[data-controls='next'][class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .slider-container [data-controls='next'][class*="btn-"]:not(.title).btn-sm.icon-after:after, .slider-container .btn-group-sm > .btn[data-controls='next'][class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .slider-container [data-controls='next'][class*="btn-"]:not(.title) [class*="icon-"], .slider-container [data-controls='next'][class*="btn-"]:not(.title) [class^="icon-"], .slider-container [data-controls='next'][class*="btn-"]:not(.title) .fa { display: none; } .slider-container .tns-nav { position: absolute; right: 50%; transform: translateX(50%); display: flex; bottom: 0; z-index: 2; bottom: -32px; } .slider-container .tns-nav button { display: block; background: #F2F1F0; border: none; width: 12px; height: 12px; margin: 10px 5px 10px 5px; padding: 0; cursor: pointer; transition: transform 200ms ease-out; } .slider-container .tns-nav button:focus { outline: none; } .slider-container .tns-nav button.tns-nav-active { background: #091010; border: none; transform: scale(1); } .slider-container .tns-nav.with-pagination-btn button { order: 1; } .slider-container .tns-nav.with-pagination-btn .with-pagination { order: 0; } .slider-container.pagination-style-dots .tns-nav { align-items: center; } .slider-container.pagination-style-dots .tns-nav button { border-radius: 50%; } .slider-container.pagination-style-shortLines .tns-nav { align-items: flex-end; } .slider-container.pagination-style-shortLines .tns-nav button { background-color: #B0A381; border: none; width: 20px; height: 2px; } .slider-container.pagination-style-shortLines .tns-nav button.tns-nav-active, .slider-container.pagination-style-shortLines .tns-nav button:hover:not(.tns-nav-active) { background-color: #091010; height: 4px; transition: background-color 200ms ease-in-out, height 200ms ease-in-out; } .slider-container.pagination-style-longLines .tns-nav { align-items: flex-end; width: 100%; } .slider-container.pagination-style-longLines .tns-nav button { background-color: #091010; border: none; width: 20px; height: 3px; margin: 0; flex: auto; } .slider-container.pagination-style-longLines .tns-nav button.tns-nav-active, .slider-container.pagination-style-longLines .tns-nav button:hover:not(.tns-nav-active) { background-color: #afafaf; height: 3px; transition: background-color 200ms ease-in-out, height 200ms ease-in-out; } .slider-container.light:not([data-slider-controls-position='top']) .tns-controls button { background-color: #B0A381; } .slider-container.light:not([data-slider-controls-position='top']) .tns-controls button::before { color: #091010; } .slider-container.light:not([data-slider-controls-position='top']) .tns-controls button:hover { background-color: #9c8c62; } .slider-container.light:not([data-slider-controls-position='top']) .tns-controls button:hover::before { color: #091010; } .slider-container.light:not([data-slider-controls-position='top']) .tns-nav button { background: rgba(255, 255, 255, 0.5); border: none; } .slider-container.light:not([data-slider-controls-position='top']) .tns-nav button.tns-nav-active { background: #FFFFFF; border: none; } .slider-container.light:not([data-slider-controls-position='top']) .tns-nav-controller::before { color: #FFFFFF; } .slider-container.light:not([data-slider-controls-position='top']) .tns-nav-controller.pause::before { color: #FFFFFF; } .slider-container.light:not([data-slider-controls-position='top']).pagination-style-shortLines .tns-nav button { background-color: rgba(255, 255, 255, 0.5); } .slider-container.light:not([data-slider-controls-position='top']).pagination-style-shortLines .tns-nav button.tns-nav-active, .slider-container.light:not([data-slider-controls-position='top']).pagination-style-shortLines .tns-nav button:hover:not(.tns-nav-active) { background-color: #FFFFFF; } .slider-container [data-action='stop'], .slider-container [data-action='start'] { display: none; } @media (max-width: 768.98px) { .slider-container.slider-buttons-hidden { padding-left: 0; padding-right: 0; } .slider-container.slider-buttons-hidden .tns-controls { display: none; } .slider-container.slider-bullets-hidden .tns-nav { display: none; } .slider-container.slider-buttons-inside { padding-left: 0; padding-right: 0; } .slider-container.slider-bullets-inside .tns-nav { bottom: 0; } .slider-container.next-slide-1 .tns-inner { padding-right: 1%; } .slider-container.next-slide-1.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-1 .tns-inner { padding-left: 1%; } .slider-container.prev-slide-1.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-2 .tns-inner { padding-right: 2%; } .slider-container.next-slide-2.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-2 .tns-inner { padding-left: 2%; } .slider-container.prev-slide-2.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-3 .tns-inner { padding-right: 3%; } .slider-container.next-slide-3.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-3 .tns-inner { padding-left: 3%; } .slider-container.prev-slide-3.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-4 .tns-inner { padding-right: 4%; } .slider-container.next-slide-4.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-4 .tns-inner { padding-left: 4%; } .slider-container.prev-slide-4.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-5 .tns-inner { padding-right: 5%; } .slider-container.next-slide-5.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-5 .tns-inner { padding-left: 5%; } .slider-container.prev-slide-5.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-6 .tns-inner { padding-right: 6%; } .slider-container.next-slide-6.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-6 .tns-inner { padding-left: 6%; } .slider-container.prev-slide-6.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-7 .tns-inner { padding-right: 7%; } .slider-container.next-slide-7.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-7 .tns-inner { padding-left: 7%; } .slider-container.prev-slide-7.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-8 .tns-inner { padding-right: 8%; } .slider-container.next-slide-8.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-8 .tns-inner { padding-left: 8%; } .slider-container.prev-slide-8.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-9 .tns-inner { padding-right: 9%; } .slider-container.next-slide-9.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-9 .tns-inner { padding-left: 9%; } .slider-container.prev-slide-9.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-10 .tns-inner { padding-right: 10%; } .slider-container.next-slide-10.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-10 .tns-inner { padding-left: 10%; } .slider-container.prev-slide-10.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-11 .tns-inner { padding-right: 11%; } .slider-container.next-slide-11.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-11 .tns-inner { padding-left: 11%; } .slider-container.prev-slide-11.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-12 .tns-inner { padding-right: 12%; } .slider-container.next-slide-12.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-12 .tns-inner { padding-left: 12%; } .slider-container.prev-slide-12.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-13 .tns-inner { padding-right: 13%; } .slider-container.next-slide-13.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-13 .tns-inner { padding-left: 13%; } .slider-container.prev-slide-13.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-14 .tns-inner { padding-right: 14%; } .slider-container.next-slide-14.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-14 .tns-inner { padding-left: 14%; } .slider-container.prev-slide-14.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-15 .tns-inner { padding-right: 15%; } .slider-container.next-slide-15.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-15 .tns-inner { padding-left: 15%; } .slider-container.prev-slide-15.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-16 .tns-inner { padding-right: 16%; } .slider-container.next-slide-16.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-16 .tns-inner { padding-left: 16%; } .slider-container.prev-slide-16.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-17 .tns-inner { padding-right: 17%; } .slider-container.next-slide-17.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-17 .tns-inner { padding-left: 17%; } .slider-container.prev-slide-17.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-18 .tns-inner { padding-right: 18%; } .slider-container.next-slide-18.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-18 .tns-inner { padding-left: 18%; } .slider-container.prev-slide-18.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-19 .tns-inner { padding-right: 19%; } .slider-container.next-slide-19.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-19 .tns-inner { padding-left: 19%; } .slider-container.prev-slide-19.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-20 .tns-inner { padding-right: 20%; } .slider-container.next-slide-20.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-20 .tns-inner { padding-left: 20%; } .slider-container.prev-slide-20.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-21 .tns-inner { padding-right: 21%; } .slider-container.next-slide-21.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-21 .tns-inner { padding-left: 21%; } .slider-container.prev-slide-21.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-22 .tns-inner { padding-right: 22%; } .slider-container.next-slide-22.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-22 .tns-inner { padding-left: 22%; } .slider-container.prev-slide-22.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-23 .tns-inner { padding-right: 23%; } .slider-container.next-slide-23.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-23 .tns-inner { padding-left: 23%; } .slider-container.prev-slide-23.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-24 .tns-inner { padding-right: 24%; } .slider-container.next-slide-24.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-24 .tns-inner { padding-left: 24%; } .slider-container.prev-slide-24.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-25 .tns-inner { padding-right: 25%; } .slider-container.next-slide-25.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-25 .tns-inner { padding-left: 25%; } .slider-container.prev-slide-25.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-26 .tns-inner { padding-right: 26%; } .slider-container.next-slide-26.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-26 .tns-inner { padding-left: 26%; } .slider-container.prev-slide-26.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-27 .tns-inner { padding-right: 27%; } .slider-container.next-slide-27.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-27 .tns-inner { padding-left: 27%; } .slider-container.prev-slide-27.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-28 .tns-inner { padding-right: 28%; } .slider-container.next-slide-28.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-28 .tns-inner { padding-left: 28%; } .slider-container.prev-slide-28.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-29 .tns-inner { padding-right: 29%; } .slider-container.next-slide-29.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-29 .tns-inner { padding-left: 29%; } .slider-container.prev-slide-29.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-30 .tns-inner { padding-right: 30%; } .slider-container.next-slide-30.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-30 .tns-inner { padding-left: 30%; } .slider-container.prev-slide-30.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-31 .tns-inner { padding-right: 31%; } .slider-container.next-slide-31.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-31 .tns-inner { padding-left: 31%; } .slider-container.prev-slide-31.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-32 .tns-inner { padding-right: 32%; } .slider-container.next-slide-32.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-32 .tns-inner { padding-left: 32%; } .slider-container.prev-slide-32.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-33 .tns-inner { padding-right: 33%; } .slider-container.next-slide-33.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-33 .tns-inner { padding-left: 33%; } .slider-container.prev-slide-33.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-34 .tns-inner { padding-right: 34%; } .slider-container.next-slide-34.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-34 .tns-inner { padding-left: 34%; } .slider-container.prev-slide-34.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-35 .tns-inner { padding-right: 35%; } .slider-container.next-slide-35.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-35 .tns-inner { padding-left: 35%; } .slider-container.prev-slide-35.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-36 .tns-inner { padding-right: 36%; } .slider-container.next-slide-36.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-36 .tns-inner { padding-left: 36%; } .slider-container.prev-slide-36.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-37 .tns-inner { padding-right: 37%; } .slider-container.next-slide-37.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-37 .tns-inner { padding-left: 37%; } .slider-container.prev-slide-37.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-38 .tns-inner { padding-right: 38%; } .slider-container.next-slide-38.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-38 .tns-inner { padding-left: 38%; } .slider-container.prev-slide-38.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-39 .tns-inner { padding-right: 39%; } .slider-container.next-slide-39.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-39 .tns-inner { padding-left: 39%; } .slider-container.prev-slide-39.slider-buttons-hidden { margin-left: -16px; } .slider-container.next-slide-40 .tns-inner { padding-right: 40%; } .slider-container.next-slide-40.slider-buttons-hidden { margin-right: -16px; } .slider-container.prev-slide-40 .tns-inner { padding-left: 40%; } .slider-container.prev-slide-40.slider-buttons-hidden { margin-left: -16px; } } @media (min-width: 769px) and (max-width: 1023.98px) { .slider-container.slider-buttons-hidden-md { padding-left: 0; padding-right: 0; } .slider-container.slider-buttons-hidden-md .tns-controls { display: none; } .slider-container.slider-bullets-hidden-md { margin-bottom: 0; } .slider-container.slider-bullets-hidden-md .tns-nav { display: none; } .slider-container.slider-buttons-inside-md { padding-left: 0; padding-right: 0; } .slider-container.slider-bullets-inside-md { margin-bottom: 0; } .slider-container.slider-bullets-inside-md .tns-nav { bottom: 0; } .slider-container.next-slide-md-1 .tns-inner { padding-right: 1%; } .slider-container.prev-slide-md-1 .tns-inner { padding-left: 1%; } .slider-container.next-slide-md-2 .tns-inner { padding-right: 2%; } .slider-container.prev-slide-md-2 .tns-inner { padding-left: 2%; } .slider-container.next-slide-md-3 .tns-inner { padding-right: 3%; } .slider-container.prev-slide-md-3 .tns-inner { padding-left: 3%; } .slider-container.next-slide-md-4 .tns-inner { padding-right: 4%; } .slider-container.prev-slide-md-4 .tns-inner { padding-left: 4%; } .slider-container.next-slide-md-5 .tns-inner { padding-right: 5%; } .slider-container.prev-slide-md-5 .tns-inner { padding-left: 5%; } .slider-container.next-slide-md-6 .tns-inner { padding-right: 6%; } .slider-container.prev-slide-md-6 .tns-inner { padding-left: 6%; } .slider-container.next-slide-md-7 .tns-inner { padding-right: 7%; } .slider-container.prev-slide-md-7 .tns-inner { padding-left: 7%; } .slider-container.next-slide-md-8 .tns-inner { padding-right: 8%; } .slider-container.prev-slide-md-8 .tns-inner { padding-left: 8%; } .slider-container.next-slide-md-9 .tns-inner { padding-right: 9%; } .slider-container.prev-slide-md-9 .tns-inner { padding-left: 9%; } .slider-container.next-slide-md-10 .tns-inner { padding-right: 10%; } .slider-container.prev-slide-md-10 .tns-inner { padding-left: 10%; } .slider-container.next-slide-md-11 .tns-inner { padding-right: 11%; } .slider-container.prev-slide-md-11 .tns-inner { padding-left: 11%; } .slider-container.next-slide-md-12 .tns-inner { padding-right: 12%; } .slider-container.prev-slide-md-12 .tns-inner { padding-left: 12%; } .slider-container.next-slide-md-13 .tns-inner { padding-right: 13%; } .slider-container.prev-slide-md-13 .tns-inner { padding-left: 13%; } .slider-container.next-slide-md-14 .tns-inner { padding-right: 14%; } .slider-container.prev-slide-md-14 .tns-inner { padding-left: 14%; } .slider-container.next-slide-md-15 .tns-inner { padding-right: 15%; } .slider-container.prev-slide-md-15 .tns-inner { padding-left: 15%; } .slider-container.next-slide-md-16 .tns-inner { padding-right: 16%; } .slider-container.prev-slide-md-16 .tns-inner { padding-left: 16%; } .slider-container.next-slide-md-17 .tns-inner { padding-right: 17%; } .slider-container.prev-slide-md-17 .tns-inner { padding-left: 17%; } .slider-container.next-slide-md-18 .tns-inner { padding-right: 18%; } .slider-container.prev-slide-md-18 .tns-inner { padding-left: 18%; } .slider-container.next-slide-md-19 .tns-inner { padding-right: 19%; } .slider-container.prev-slide-md-19 .tns-inner { padding-left: 19%; } .slider-container.next-slide-md-20 .tns-inner { padding-right: 20%; } .slider-container.prev-slide-md-20 .tns-inner { padding-left: 20%; } .slider-container.next-slide-md-21 .tns-inner { padding-right: 21%; } .slider-container.prev-slide-md-21 .tns-inner { padding-left: 21%; } .slider-container.next-slide-md-22 .tns-inner { padding-right: 22%; } .slider-container.prev-slide-md-22 .tns-inner { padding-left: 22%; } .slider-container.next-slide-md-23 .tns-inner { padding-right: 23%; } .slider-container.prev-slide-md-23 .tns-inner { padding-left: 23%; } .slider-container.next-slide-md-24 .tns-inner { padding-right: 24%; } .slider-container.prev-slide-md-24 .tns-inner { padding-left: 24%; } .slider-container.next-slide-md-25 .tns-inner { padding-right: 25%; } .slider-container.prev-slide-md-25 .tns-inner { padding-left: 25%; } .slider-container.next-slide-md-26 .tns-inner { padding-right: 26%; } .slider-container.prev-slide-md-26 .tns-inner { padding-left: 26%; } .slider-container.next-slide-md-27 .tns-inner { padding-right: 27%; } .slider-container.prev-slide-md-27 .tns-inner { padding-left: 27%; } .slider-container.next-slide-md-28 .tns-inner { padding-right: 28%; } .slider-container.prev-slide-md-28 .tns-inner { padding-left: 28%; } .slider-container.next-slide-md-29 .tns-inner { padding-right: 29%; } .slider-container.prev-slide-md-29 .tns-inner { padding-left: 29%; } .slider-container.next-slide-md-30 .tns-inner { padding-right: 30%; } .slider-container.prev-slide-md-30 .tns-inner { padding-left: 30%; } .slider-container.next-slide-md-31 .tns-inner { padding-right: 31%; } .slider-container.prev-slide-md-31 .tns-inner { padding-left: 31%; } .slider-container.next-slide-md-32 .tns-inner { padding-right: 32%; } .slider-container.prev-slide-md-32 .tns-inner { padding-left: 32%; } .slider-container.next-slide-md-33 .tns-inner { padding-right: 33%; } .slider-container.prev-slide-md-33 .tns-inner { padding-left: 33%; } .slider-container.next-slide-md-34 .tns-inner { padding-right: 34%; } .slider-container.prev-slide-md-34 .tns-inner { padding-left: 34%; } .slider-container.next-slide-md-35 .tns-inner { padding-right: 35%; } .slider-container.prev-slide-md-35 .tns-inner { padding-left: 35%; } .slider-container.next-slide-md-36 .tns-inner { padding-right: 36%; } .slider-container.prev-slide-md-36 .tns-inner { padding-left: 36%; } .slider-container.next-slide-md-37 .tns-inner { padding-right: 37%; } .slider-container.prev-slide-md-37 .tns-inner { padding-left: 37%; } .slider-container.next-slide-md-38 .tns-inner { padding-right: 38%; } .slider-container.prev-slide-md-38 .tns-inner { padding-left: 38%; } .slider-container.next-slide-md-39 .tns-inner { padding-right: 39%; } .slider-container.prev-slide-md-39 .tns-inner { padding-left: 39%; } .slider-container.next-slide-md-40 .tns-inner { padding-right: 40%; } .slider-container.prev-slide-md-40 .tns-inner { padding-left: 40%; } } @media (min-width: 1024px) { .slider-container.slider-buttons-hidden-lg { padding-left: 0; padding-right: 0; } .slider-container.slider-buttons-hidden-lg .tns-controls { display: none; } .slider-container.slider-bullets-hidden-lg { margin-bottom: 0; } .slider-container.slider-bullets-hidden-lg .tns-nav { display: none; } .slider-container.slider-buttons-inside-lg { padding-left: 0; padding-right: 0; } .slider-container.slider-bullets-inside-lg { margin-bottom: 0; } .slider-container.slider-bullets-inside-lg .tns-nav { bottom: 0; } .slider-container.next-slide-lg-1 .tns-inner { padding-right: 1%; } .slider-container.prev-slide-lg-1 .tns-inner { padding-left: 1%; } .slider-container.next-slide-lg-2 .tns-inner { padding-right: 2%; } .slider-container.prev-slide-lg-2 .tns-inner { padding-left: 2%; } .slider-container.next-slide-lg-3 .tns-inner { padding-right: 3%; } .slider-container.prev-slide-lg-3 .tns-inner { padding-left: 3%; } .slider-container.next-slide-lg-4 .tns-inner { padding-right: 4%; } .slider-container.prev-slide-lg-4 .tns-inner { padding-left: 4%; } .slider-container.next-slide-lg-5 .tns-inner { padding-right: 5%; } .slider-container.prev-slide-lg-5 .tns-inner { padding-left: 5%; } .slider-container.next-slide-lg-6 .tns-inner { padding-right: 6%; } .slider-container.prev-slide-lg-6 .tns-inner { padding-left: 6%; } .slider-container.next-slide-lg-7 .tns-inner { padding-right: 7%; } .slider-container.prev-slide-lg-7 .tns-inner { padding-left: 7%; } .slider-container.next-slide-lg-8 .tns-inner { padding-right: 8%; } .slider-container.prev-slide-lg-8 .tns-inner { padding-left: 8%; } .slider-container.next-slide-lg-9 .tns-inner { padding-right: 9%; } .slider-container.prev-slide-lg-9 .tns-inner { padding-left: 9%; } .slider-container.next-slide-lg-10 .tns-inner { padding-right: 10%; } .slider-container.prev-slide-lg-10 .tns-inner { padding-left: 10%; } .slider-container.next-slide-lg-11 .tns-inner { padding-right: 11%; } .slider-container.prev-slide-lg-11 .tns-inner { padding-left: 11%; } .slider-container.next-slide-lg-12 .tns-inner { padding-right: 12%; } .slider-container.prev-slide-lg-12 .tns-inner { padding-left: 12%; } .slider-container.next-slide-lg-13 .tns-inner { padding-right: 13%; } .slider-container.prev-slide-lg-13 .tns-inner { padding-left: 13%; } .slider-container.next-slide-lg-14 .tns-inner { padding-right: 14%; } .slider-container.prev-slide-lg-14 .tns-inner { padding-left: 14%; } .slider-container.next-slide-lg-15 .tns-inner { padding-right: 15%; } .slider-container.prev-slide-lg-15 .tns-inner { padding-left: 15%; } .slider-container.next-slide-lg-16 .tns-inner { padding-right: 16%; } .slider-container.prev-slide-lg-16 .tns-inner { padding-left: 16%; } .slider-container.next-slide-lg-17 .tns-inner { padding-right: 17%; } .slider-container.prev-slide-lg-17 .tns-inner { padding-left: 17%; } .slider-container.next-slide-lg-18 .tns-inner { padding-right: 18%; } .slider-container.prev-slide-lg-18 .tns-inner { padding-left: 18%; } .slider-container.next-slide-lg-19 .tns-inner { padding-right: 19%; } .slider-container.prev-slide-lg-19 .tns-inner { padding-left: 19%; } .slider-container.next-slide-lg-20 .tns-inner { padding-right: 20%; } .slider-container.prev-slide-lg-20 .tns-inner { padding-left: 20%; } .slider-container.next-slide-lg-21 .tns-inner { padding-right: 21%; } .slider-container.prev-slide-lg-21 .tns-inner { padding-left: 21%; } .slider-container.next-slide-lg-22 .tns-inner { padding-right: 22%; } .slider-container.prev-slide-lg-22 .tns-inner { padding-left: 22%; } .slider-container.next-slide-lg-23 .tns-inner { padding-right: 23%; } .slider-container.prev-slide-lg-23 .tns-inner { padding-left: 23%; } .slider-container.next-slide-lg-24 .tns-inner { padding-right: 24%; } .slider-container.prev-slide-lg-24 .tns-inner { padding-left: 24%; } .slider-container.next-slide-lg-25 .tns-inner { padding-right: 25%; } .slider-container.prev-slide-lg-25 .tns-inner { padding-left: 25%; } .slider-container.next-slide-lg-26 .tns-inner { padding-right: 26%; } .slider-container.prev-slide-lg-26 .tns-inner { padding-left: 26%; } .slider-container.next-slide-lg-27 .tns-inner { padding-right: 27%; } .slider-container.prev-slide-lg-27 .tns-inner { padding-left: 27%; } .slider-container.next-slide-lg-28 .tns-inner { padding-right: 28%; } .slider-container.prev-slide-lg-28 .tns-inner { padding-left: 28%; } .slider-container.next-slide-lg-29 .tns-inner { padding-right: 29%; } .slider-container.prev-slide-lg-29 .tns-inner { padding-left: 29%; } .slider-container.next-slide-lg-30 .tns-inner { padding-right: 30%; } .slider-container.prev-slide-lg-30 .tns-inner { padding-left: 30%; } .slider-container.next-slide-lg-31 .tns-inner { padding-right: 31%; } .slider-container.prev-slide-lg-31 .tns-inner { padding-left: 31%; } .slider-container.next-slide-lg-32 .tns-inner { padding-right: 32%; } .slider-container.prev-slide-lg-32 .tns-inner { padding-left: 32%; } .slider-container.next-slide-lg-33 .tns-inner { padding-right: 33%; } .slider-container.prev-slide-lg-33 .tns-inner { padding-left: 33%; } .slider-container.next-slide-lg-34 .tns-inner { padding-right: 34%; } .slider-container.prev-slide-lg-34 .tns-inner { padding-left: 34%; } .slider-container.next-slide-lg-35 .tns-inner { padding-right: 35%; } .slider-container.prev-slide-lg-35 .tns-inner { padding-left: 35%; } .slider-container.next-slide-lg-36 .tns-inner { padding-right: 36%; } .slider-container.prev-slide-lg-36 .tns-inner { padding-left: 36%; } .slider-container.next-slide-lg-37 .tns-inner { padding-right: 37%; } .slider-container.prev-slide-lg-37 .tns-inner { padding-left: 37%; } .slider-container.next-slide-lg-38 .tns-inner { padding-right: 38%; } .slider-container.prev-slide-lg-38 .tns-inner { padding-left: 38%; } .slider-container.next-slide-lg-39 .tns-inner { padding-right: 39%; } .slider-container.prev-slide-lg-39 .tns-inner { padding-left: 39%; } .slider-container.next-slide-lg-40 .tns-inner { padding-right: 40%; } .slider-container.prev-slide-lg-40 .tns-inner { padding-left: 40%; } } .tns-nav-controller { cursor: pointer; } .tns-nav-controller:before { content: "\E92E"; font-family: "icomoon"; display: inline-block; font-size: 25px; color: #C5C5C5; font-weight: normal; } .tns-nav-controller[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .tns-nav-controller[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #C5C5C5; font-weight: normal; transform: translateX(-16px); } .tns-nav-controller[class*="btn-"]:not(.title).icon-before:before, .tns-nav-controller[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #C5C5C5; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .tns-nav-controller[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #C5C5C5; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .tns-nav-controller[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .tns-nav-controller.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .tns-nav-controller[class*="btn-"]:not(.title).btn-sm:before, .btn-group-sm > .tns-nav-controller.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #C5C5C5; font-weight: normal; transform: translateX(-12px); } .tns-nav-controller[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .tns-nav-controller.btn[class*="btn-"]:not(.title).icon-before:before, .tns-nav-controller[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .tns-nav-controller.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #C5C5C5; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .tns-nav-controller[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .tns-nav-controller.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #C5C5C5; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .tns-nav-controller[class*="btn-"]:not(.title) [class*="icon-"], .tns-nav-controller[class*="btn-"]:not(.title) [class^="icon-"], .tns-nav-controller[class*="btn-"]:not(.title) .fa { display: none; } .tns-nav-controller.pause:before { content: "\E930"; font-family: "icomoon"; display: inline-block; font-size: 25px; color: #091010; font-weight: normal; } .tns-nav-controller.pause[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .tns-nav-controller.pause[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(-16px); } .tns-nav-controller.pause[class*="btn-"]:not(.title).icon-before:before, .tns-nav-controller.pause[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .tns-nav-controller.pause[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .tns-nav-controller.pause[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .tns-nav-controller.pause.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .tns-nav-controller.pause[class*="btn-"]:not(.title).btn-sm:before, .btn-group-sm > .tns-nav-controller.pause.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(-12px); } .tns-nav-controller.pause[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .tns-nav-controller.pause.btn[class*="btn-"]:not(.title).icon-before:before, .tns-nav-controller.pause[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .tns-nav-controller.pause.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .tns-nav-controller.pause[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .tns-nav-controller.pause.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .tns-nav-controller.pause[class*="btn-"]:not(.title) [class*="icon-"], .tns-nav-controller.pause[class*="btn-"]:not(.title) [class^="icon-"], .tns-nav-controller.pause[class*="btn-"]:not(.title) .fa { display: none; } .tns-nav-controller:not(.with-pagination) { position: absolute; padding: 10px; z-index: 2; } .tns-nav-controller.top-right { top: 0; right: 0; } .tns-nav-controller.top-left { top: 0; left: 0; } .tns-nav-controller.bottom-right { bottom: 0; right: 0; } .tns-nav-controller.bottom-left { bottom: 0; left: 0; } .tns-nav-controller.with-pagination { padding-right: 5px; } .slider-thumbnails { padding-left: 32px; padding-right: 32px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slider-thumbnails .slider { overflow: auto; text-align: center; padding-bottom: 50px; margin-bottom: -50px; } .slider-thumbnails .slide { background-color: #FFFFFF; min-width: 48px; max-width: 48px; flex-basis: 48px; max-height: 48px; overflow: hidden; } @media (min-width: 769px) { .slider-thumbnails .slide { min-width: 48px; max-width: 48px; flex-basis: 48px; max-height: 48px; } } @media (min-width: 1024px) { .slider-thumbnails .slide { min-width: 48px; max-width: 48px; flex-basis: 48px; max-height: 48px; } } .slider-thumbnails .slide > * { width: 100%; } .slider-thumbnails .slide::after { content: ''; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-style: solid; border-width: 0px; border-color: transparent; transition: border 200ms ease-out; border-radius: var(--border-radius, 0px); } .slider-thumbnails .slide.tns-nav-active { background-color: #FFFFFF; } .slider-thumbnails .slide.tns-nav-active img { padding: 0px; } .slider-thumbnails .slide.tns-nav-active::after { border-width: 0 0 2px 0; border-color: #091010; border-radius: var(--border-radius, 0px); } @media (max-width: 768.98px) { .slider-thumbnails.slider-thumbnail-dots .slide { min-width: 12px; max-width: 12px; height: 12px; margin: 10px 5px 10px 5px; } .slider-thumbnails.slider-thumbnail-dots .slide:focus { outline: none; } .slider-thumbnails.slider-thumbnail-dots .slide:after { background: #F2F1F0; border: none; border-radius: 50%; } .slider-thumbnails.slider-thumbnail-dots .slide.tns-nav-active::after { background: #091010; border: none; transform: scale(1); } .slider-thumbnails.slider-thumbnail-dots .slide img { display: none !important; } } .primary-images-thumbnails-dots .slider-thumbnails.slider-thumbnail-dots .slide { min-width: 12px; max-width: 12px; height: 12px; margin: 10px 5px 10px 5px; } .primary-images-thumbnails-dots .slider-thumbnails.slider-thumbnail-dots .slide:focus { outline: none; } .primary-images-thumbnails-dots .slider-thumbnails.slider-thumbnail-dots .slide:after { background: #F2F1F0; border: none; border-radius: 50%; } .primary-images-thumbnails-dots .slider-thumbnails.slider-thumbnail-dots .slide.tns-nav-active::after { background: #091010; border: none; transform: scale(1); } .primary-images-thumbnails-dots .slider-thumbnails.slider-thumbnail-dots .slide img { display: none !important; } .slider-thumbnails.slider-thumbnail-dots .slider-thumbnail-controls { display: none; } .primary-images-thumbnails .slider-thumbnails.slider-thumbnail-dots .slider-thumbnail-controls { display: block; } @media (max-width: 768.98px) { .slider-thumbnails.slider-thumbnail-lines .slider { border-radius: 3px; } .slider-thumbnails.slider-thumbnail-lines .slider .slide { width: calc(100% / var(--thumbnail-product-slider-number-of-slides)); height: 3px; margin: 0; border-radius: 0; max-width: unset; min-width: unset; } .slider-thumbnails.slider-thumbnail-lines .slider .slide:focus { outline: none; } .slider-thumbnails.slider-thumbnail-lines .slider .slide:after { background: #F2F1F0; border: none; border-radius: 0; } .slider-thumbnails.slider-thumbnail-lines .slider .slide.tns-nav-active::after { background: #091010; border: none; } .slider-thumbnails.slider-thumbnail-lines .slider .slide img { display: none !important; } } .slider-thumbnails .tns-horizontal > .tns-item { vertical-align: middle; } .slider-thumbnails .slider-thumbnail-controls .prev, .slider-thumbnails .slider-thumbnail-controls .next { position: absolute; top: 0; height: 100%; width: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #FFFFFF; transition: opacity 200ms ease-out; } .slider-thumbnails .slider-thumbnail-controls .prev::before, .slider-thumbnails .slider-thumbnail-controls .next::before { position: absolute; top: 50%; transform: translateY(-50%); } .slider-thumbnails .slider-thumbnail-controls .prev:hover, .slider-thumbnails .slider-thumbnail-controls .next:hover { background-color: #FFFFFF; } .slider-thumbnails .slider-thumbnail-controls .prev:hover::before, .slider-thumbnails .slider-thumbnail-controls .next:hover::before { color: #091010; } .slider-thumbnails .slider-thumbnail-controls .prev[aria-disabled=true], .slider-thumbnails .slider-thumbnail-controls .next[aria-disabled=true] { opacity: 0; } .slider-thumbnails .slider-thumbnail-controls .prev { left: 0; } .slider-thumbnails .slider-thumbnail-controls .prev:before { content: "\E908"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(-16px); } .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title).icon-before:before, .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title).btn-sm, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .prev.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title).btn-sm:before, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .prev.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(-12px); } .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title).btn-sm.icon-before:before, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .prev.btn[class*="btn-"]:not(.title).icon-before:before, .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .prev.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title).btn-sm.icon-after:after, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .prev.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title) [class*="icon-"], .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title) [class^="icon-"], .slider-thumbnails .slider-thumbnail-controls .prev[class*="btn-"]:not(.title) .fa { display: none; } .slider-thumbnails .slider-thumbnail-controls .next { right: 0; } .slider-thumbnails .slider-thumbnail-controls .next:before { content: "\E90A"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; } .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(-16px); } .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title).icon-before:before, .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title).btn-sm, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .next.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title).btn-sm:before, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .next.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(-12px); } .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title).btn-sm.icon-before:before, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .next.btn[class*="btn-"]:not(.title).icon-before:before, .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .next.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title).btn-sm.icon-after:after, .slider-thumbnails .slider-thumbnail-controls .btn-group-sm > .next.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title) [class*="icon-"], .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title) [class^="icon-"], .slider-thumbnails .slider-thumbnail-controls .next[class*="btn-"]:not(.title) .fa { display: none; } .slider-thumbnails .tns-horizontal.tns-no-subpixel { white-space: nowrap; } .slider-thumbnails .tns-horizontal.tns-no-subpixel > .tns-item { float: none; display: inline-block; margin: 0; margin-left: 0 !important; } .slider-thumbnails .video-container .video-thumbnail-button::before { font-size: 26px; } @media (max-width: 768.98px) { .slider-thumbnails.slider-thumbnails-vertical { bottom: 0; width: 100%; height: var(--thumbnail-product-slider-max-height, 100%); } .slider-thumbnails.slider-thumbnails-vertical .tns-outer, .slider-thumbnails.slider-thumbnails-vertical .tns-ovh { max-height: 100%; position: absolute; top: 0; bottom: 0; width: 100%; } .slider-thumbnails.slider-thumbnails-vertical .tns-inner { width: calc(100% + 50px); margin-right: -50px !important; overflow: auto; max-height: 100%; } .slider-thumbnails.slider-thumbnails-vertical .slider { padding-bottom: 0; margin-bottom: 0; width: 100% !important; } .slider-thumbnails.slider-thumbnails-vertical .slide { display: block; width: 100% !important; padding-right: 0 !important; } .slider-thumbnails.slider-thumbnails-vertical .slide + .slide { margin-top: 12px; } .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .prev, .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .next { left: 0; text-align: center; height: 28px; width: 48px; } } @media (max-width: 768.98px) and (min-width: 769px) { .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .prev, .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .next { width: 48px; } } @media (max-width: 768.98px) and (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .prev, .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .next { width: 48px; } } @media (max-width: 768.98px) { .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .prev::before, .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .next::before { transform: rotate(90deg); top: auto; bottom: 0; left: calc(50% - 8px); width: 28px; height: 16px; } .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .prev { top: 0; } .slider-thumbnails.slider-thumbnails-vertical .slider-thumbnail-controls .next { top: auto; bottom: 0; } } @media (min-width: 769px) and (max-width: 1023.98px) { .slider-thumbnails.slider-thumbnails-vertical-md { bottom: 0; width: 100%; height: var(--thumbnail-product-slider-max-height-md, 100%); } .slider-thumbnails.slider-thumbnails-vertical-md .tns-outer, .slider-thumbnails.slider-thumbnails-vertical-md .tns-ovh { max-height: 100%; position: absolute; top: 0; bottom: 0; width: 100%; } .slider-thumbnails.slider-thumbnails-vertical-md .tns-inner { width: calc(100% + 50px); margin-right: -50px !important; overflow: auto; max-height: 100%; } .slider-thumbnails.slider-thumbnails-vertical-md .slider { padding-bottom: 0; margin-bottom: 0; width: 100% !important; } .slider-thumbnails.slider-thumbnails-vertical-md .slide { display: block; width: 100% !important; padding-right: 0 !important; } .slider-thumbnails.slider-thumbnails-vertical-md .slide + .slide { margin-top: 12px; } .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev, .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next { left: 0; text-align: center; height: 28px; width: 48px; } } @media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 769px) { .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev, .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next { width: 48px; } } @media (min-width: 769px) and (max-width: 1023.98px) and (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev, .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next { width: 48px; } } @media (min-width: 769px) and (max-width: 1023.98px) { .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev::before, .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next::before { transform: rotate(90deg); top: auto; bottom: 0; left: calc(50% - 8px); width: 28px; height: 16px; } .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev { top: 0; } .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next { top: auto; bottom: 0; } } @media (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical-lg { bottom: 0; width: 100%; height: var(--thumbnail-product-slider-max-height-lg, 100%); } .slider-thumbnails.slider-thumbnails-vertical-lg .tns-outer, .slider-thumbnails.slider-thumbnails-vertical-lg .tns-ovh { max-height: 100%; position: absolute; top: 0; bottom: 0; width: 100%; } .slider-thumbnails.slider-thumbnails-vertical-lg .tns-inner { width: calc(100% + 50px); margin-right: -50px !important; overflow: auto; max-height: 100%; } .slider-thumbnails.slider-thumbnails-vertical-lg .slider { padding-bottom: 0; margin-bottom: 0; width: 100% !important; } .slider-thumbnails.slider-thumbnails-vertical-lg .slide { display: block; width: 100% !important; padding-right: 0 !important; } .slider-thumbnails.slider-thumbnails-vertical-lg .slide + .slide { margin-top: 12px; } .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev, .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { left: 0; text-align: center; height: 28px; width: 48px; } } @media (min-width: 1024px) and (min-width: 769px) { .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev, .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { width: 48px; } } @media (min-width: 1024px) and (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev, .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { width: 48px; } } @media (min-width: 1024px) { .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev::before, .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next::before { transform: rotate(90deg); top: auto; bottom: 0; left: calc(50% - 8px); width: 28px; height: 16px; } .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev { top: 0; } .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { top: auto; bottom: 0; } } :root { --slider-thumbnail-width: 48px; --slider-thumbnail-width-md: 48px; --slider-thumbnail-width-lg: 48px; --slider-thumbnail-spacing: 12px; } @media (min-width: 769px) { .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .tns-outer, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .tns-outer { max-height: var(--thumbnail-product-slider-max-height-md, 100%); } } @media (min-width: 769px) and (min-width: 1024px) { .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .tns-outer, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .tns-outer { max-height: var(--thumbnail-product-slider-max-height-lg, 100%); } } @media (min-width: 769px) { .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .tns-outer.prev-button-showing .tns-inner, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .tns-outer.prev-button-showing .tns-inner { margin-top: calc(var(--slider-thumbnail-width) + var(--slider-thumbnail-spacing)) !important; max-height: calc(var(--thumbnail-product-slider-max-height-md, 100%) - (var(--slider-thumbnail-width) + var(--slider-thumbnail-spacing))); } } @media (min-width: 769px) and (min-width: 1024px) { .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .tns-outer.prev-button-showing .tns-inner, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .tns-outer.prev-button-showing .tns-inner { max-height: calc(var(--thumbnail-product-slider-max-height-lg, 100%) - (var(--slider-thumbnail-width) + var(--slider-thumbnail-spacing))); } } @media (min-width: 769px) { .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .tns-outer.prev-button-showing .tns-inner .slider, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .tns-outer.prev-button-showing .tns-inner .slider { margin-top: calc((var(--slider-thumbnail-width) + var(--slider-thumbnail-spacing)) * -1); } .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { top: unset; bottom: unset; margin-top: 12px; background: #FFFFFF; height: 28px; width: 28px; border-radius: 48px; left: calc((20px) / 2); } } @media (min-width: 769px) and (min-width: 769px) { .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { border-radius: 48px; left: calc((20px) / 2); } } @media (min-width: 769px) and (min-width: 1024px) { .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { border-radius: 48px; left: calc((20px) / 2); } } @media (min-width: 769px) { .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .prev:before, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next:before, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .prev:before, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next:before { top: unset; bottom: unset; left: 0; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; } .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { top: var(--thumbnail-product-slider-max-height, 100%); } } @media (min-width: 769px) and (min-width: 769px) { .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { top: var(--thumbnail-product-slider-max-height-md, 100%); } } @media (min-width: 769px) and (min-width: 1024px) { .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-md .slider-thumbnail-controls .next, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails.slider-thumbnails-vertical-lg .slider-thumbnail-controls .next { top: var(--thumbnail-product-slider-max-height-lg, 100%); } } .slider-thumbnails .slide.tns-nav-active { padding: 0 0 2px 0; } .slider-container:not([data-slider-controls-position='top']) .tns-controls button { margin: 0 12px; border-radius: 50%; } .social-links { list-style: none; display: flex; flex-flow: wrap; padding-left: 0; margin-bottom: 0; padding-top: 0; } .social-links li { flex-basis: 10%; } @media (min-width: 769px) { .social-links li { flex-basis: 16%; } } .social-links li:first-child { margin-left: 0; } .social-links li:last-child { margin-right: 0; } .social-links a { font-size: 32px; line-height: 32px; text-decoration: none; } .social-links a:hover { text-decoration: none; } .social-links .fa-linkedin-square:before { content: "\E924"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-links .fa-linkedin-square[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-links .fa-linkedin-square[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-links .fa-linkedin-square[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-linkedin-square[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-links .fa-linkedin-square[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-links .fa-linkedin-square[class*="btn-"]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-linkedin-square.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-links .fa-linkedin-square[class*="btn-"]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-linkedin-square.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-links .fa-linkedin-square[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-links .btn-group-sm > .fa-linkedin-square.btn[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-linkedin-square[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-links .btn-group-sm > .fa-linkedin-square.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-links .fa-linkedin-square[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-links .btn-group-sm > .fa-linkedin-square.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-links .fa-linkedin-square[class*="btn-"]:not(.title) [class*="icon-"], .social-links .fa-linkedin-square[class*="btn-"]:not(.title) [class^="icon-"], .social-links .fa-linkedin-square[class*="btn-"]:not(.title) .fa { display: none; } .social-links .fa-facebook-square:before { content: "\E917"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-links .fa-facebook-square[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-links .fa-facebook-square[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-links .fa-facebook-square[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-facebook-square[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-links .fa-facebook-square[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-links .fa-facebook-square[class*="btn-"]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-facebook-square.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-links .fa-facebook-square[class*="btn-"]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-facebook-square.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-links .fa-facebook-square[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-links .btn-group-sm > .fa-facebook-square.btn[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-facebook-square[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-links .btn-group-sm > .fa-facebook-square.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-links .fa-facebook-square[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-links .btn-group-sm > .fa-facebook-square.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-links .fa-facebook-square[class*="btn-"]:not(.title) [class*="icon-"], .social-links .fa-facebook-square[class*="btn-"]:not(.title) [class^="icon-"], .social-links .fa-facebook-square[class*="btn-"]:not(.title) .fa { display: none; } .social-links .fa-twitter-square:before { content: "\E93A"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-links .fa-twitter-square[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-links .fa-twitter-square[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-links .fa-twitter-square[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-twitter-square[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-links .fa-twitter-square[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-links .fa-twitter-square[class*="btn-"]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-twitter-square.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-links .fa-twitter-square[class*="btn-"]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-twitter-square.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-links .fa-twitter-square[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-links .btn-group-sm > .fa-twitter-square.btn[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-twitter-square[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-links .btn-group-sm > .fa-twitter-square.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-links .fa-twitter-square[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-links .btn-group-sm > .fa-twitter-square.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-links .fa-twitter-square[class*="btn-"]:not(.title) [class*="icon-"], .social-links .fa-twitter-square[class*="btn-"]:not(.title) [class^="icon-"], .social-links .fa-twitter-square[class*="btn-"]:not(.title) .fa { display: none; } .social-links .fa-youtube-square:before { content: "\E93B"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-links .fa-youtube-square[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-links .fa-youtube-square[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-links .fa-youtube-square[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-youtube-square[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-links .fa-youtube-square[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-links .fa-youtube-square[class*="btn-"]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-youtube-square.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-links .fa-youtube-square[class*="btn-"]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-youtube-square.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-links .fa-youtube-square[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-links .btn-group-sm > .fa-youtube-square.btn[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-youtube-square[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-links .btn-group-sm > .fa-youtube-square.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-links .fa-youtube-square[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-links .btn-group-sm > .fa-youtube-square.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-links .fa-youtube-square[class*="btn-"]:not(.title) [class*="icon-"], .social-links .fa-youtube-square[class*="btn-"]:not(.title) [class^="icon-"], .social-links .fa-youtube-square[class*="btn-"]:not(.title) .fa { display: none; } .social-links .fa-tiktok-square:before { content: "\E902"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-links .fa-tiktok-square[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-links .fa-tiktok-square[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-links .fa-tiktok-square[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-tiktok-square[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-links .fa-tiktok-square[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-links .fa-tiktok-square[class*="btn-"]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-tiktok-square.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-links .fa-tiktok-square[class*="btn-"]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-tiktok-square.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-links .fa-tiktok-square[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-links .btn-group-sm > .fa-tiktok-square.btn[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-tiktok-square[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-links .btn-group-sm > .fa-tiktok-square.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-links .fa-tiktok-square[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-links .btn-group-sm > .fa-tiktok-square.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-links .fa-tiktok-square[class*="btn-"]:not(.title) [class*="icon-"], .social-links .fa-tiktok-square[class*="btn-"]:not(.title) [class^="icon-"], .social-links .fa-tiktok-square[class*="btn-"]:not(.title) .fa { display: none; } .social-links .fa-pinterest-square:before { content: "\E92F"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-links .fa-pinterest-square[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-links .fa-pinterest-square[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-links .fa-pinterest-square[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-pinterest-square[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-links .fa-pinterest-square[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-links .fa-pinterest-square[class*="btn-"]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-pinterest-square.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-links .fa-pinterest-square[class*="btn-"]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-pinterest-square.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-links .fa-pinterest-square[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-links .btn-group-sm > .fa-pinterest-square.btn[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-pinterest-square[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-links .btn-group-sm > .fa-pinterest-square.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-links .fa-pinterest-square[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-links .btn-group-sm > .fa-pinterest-square.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-links .fa-pinterest-square[class*="btn-"]:not(.title) [class*="icon-"], .social-links .fa-pinterest-square[class*="btn-"]:not(.title) [class^="icon-"], .social-links .fa-pinterest-square[class*="btn-"]:not(.title) .fa { display: none; } .social-links .fa-email-square:before { content: "\E915"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-links .fa-email-square[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-links .fa-email-square[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-links .fa-email-square[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-email-square[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-links .fa-email-square[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-links .fa-email-square[class*="btn-"]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-email-square.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-links .fa-email-square[class*="btn-"]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-email-square.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-links .fa-email-square[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-links .btn-group-sm > .fa-email-square.btn[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-email-square[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-links .btn-group-sm > .fa-email-square.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-links .fa-email-square[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-links .btn-group-sm > .fa-email-square.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-links .fa-email-square[class*="btn-"]:not(.title) [class*="icon-"], .social-links .fa-email-square[class*="btn-"]:not(.title) [class^="icon-"], .social-links .fa-email-square[class*="btn-"]:not(.title) .fa { display: none; } .social-links .fa-link-square:before { content: "\E923"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-links .fa-link-square[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-links .fa-link-square[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-links .fa-link-square[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-link-square[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-links .fa-link-square[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-links .fa-link-square[class*="btn-"]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-link-square.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-links .fa-link-square[class*="btn-"]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-link-square.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-links .fa-link-square[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-links .btn-group-sm > .fa-link-square.btn[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-link-square[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-links .btn-group-sm > .fa-link-square.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-links .fa-link-square[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-links .btn-group-sm > .fa-link-square.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-links .fa-link-square[class*="btn-"]:not(.title) [class*="icon-"], .social-links .fa-link-square[class*="btn-"]:not(.title) [class^="icon-"], .social-links .fa-link-square[class*="btn-"]:not(.title) .fa { display: none; } .social-links .fa-instagram-square:before { content: "\E922"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-links .fa-instagram-square[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-links .fa-instagram-square[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-links .fa-instagram-square[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-instagram-square[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-links .fa-instagram-square[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-links .fa-instagram-square[class*="btn-"]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-instagram-square.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-links .fa-instagram-square[class*="btn-"]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-instagram-square.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-links .fa-instagram-square[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-links .btn-group-sm > .fa-instagram-square.btn[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-instagram-square[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-links .btn-group-sm > .fa-instagram-square.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-links .fa-instagram-square[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-links .btn-group-sm > .fa-instagram-square.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-links .fa-instagram-square[class*="btn-"]:not(.title) [class*="icon-"], .social-links .fa-instagram-square[class*="btn-"]:not(.title) [class^="icon-"], .social-links .fa-instagram-square[class*="btn-"]:not(.title) .fa { display: none; } .social-links .fa-email:before { content: "\E915"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-links .fa-email[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-links .fa-email[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-links .fa-email[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-email[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-links .fa-email[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-links .fa-email[class*="btn-"]:not(.title).btn-sm, .social-links .btn-group-sm > .fa-email.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-links .fa-email[class*="btn-"]:not(.title).btn-sm:before, .social-links .btn-group-sm > .fa-email.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-links .fa-email[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-links .btn-group-sm > .fa-email.btn[class*="btn-"]:not(.title).icon-before:before, .social-links .fa-email[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-links .btn-group-sm > .fa-email.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-links .fa-email[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-links .btn-group-sm > .fa-email.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-links .fa-email[class*="btn-"]:not(.title) [class*="icon-"], .social-links .fa-email[class*="btn-"]:not(.title) [class^="icon-"], .social-links .fa-email[class*="btn-"]:not(.title) .fa { display: none; } .social-links .share-link { font-size: initial; } .social-icons { list-style-type: none; padding: 0; margin: 0; } .social-icons li { padding: 0; } .social-icons .fa-pinterest:before { content: "\E92F"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-icons .fa-pinterest[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-icons .fa-pinterest[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-icons .fa-pinterest[class*="btn-"]:not(.title).icon-before:before, .social-icons .fa-pinterest[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-icons .fa-pinterest[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-icons .fa-pinterest[class*="btn-"]:not(.title).btn-sm, .social-icons .btn-group-sm > .fa-pinterest.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-icons .fa-pinterest[class*="btn-"]:not(.title).btn-sm:before, .social-icons .btn-group-sm > .fa-pinterest.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-icons .fa-pinterest[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-icons .btn-group-sm > .fa-pinterest.btn[class*="btn-"]:not(.title).icon-before:before, .social-icons .fa-pinterest[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-icons .btn-group-sm > .fa-pinterest.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-icons .fa-pinterest[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-icons .btn-group-sm > .fa-pinterest.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-icons .fa-pinterest[class*="btn-"]:not(.title) [class*="icon-"], .social-icons .fa-pinterest[class*="btn-"]:not(.title) [class^="icon-"], .social-icons .fa-pinterest[class*="btn-"]:not(.title) .fa { display: none; } .social-icons .fa-facebook-official:before { content: "\E917"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-icons .fa-facebook-official[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-icons .fa-facebook-official[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-icons .fa-facebook-official[class*="btn-"]:not(.title).icon-before:before, .social-icons .fa-facebook-official[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-icons .fa-facebook-official[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-icons .fa-facebook-official[class*="btn-"]:not(.title).btn-sm, .social-icons .btn-group-sm > .fa-facebook-official.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-icons .fa-facebook-official[class*="btn-"]:not(.title).btn-sm:before, .social-icons .btn-group-sm > .fa-facebook-official.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-icons .fa-facebook-official[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-icons .btn-group-sm > .fa-facebook-official.btn[class*="btn-"]:not(.title).icon-before:before, .social-icons .fa-facebook-official[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-icons .btn-group-sm > .fa-facebook-official.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-icons .fa-facebook-official[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-icons .btn-group-sm > .fa-facebook-official.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-icons .fa-facebook-official[class*="btn-"]:not(.title) [class*="icon-"], .social-icons .fa-facebook-official[class*="btn-"]:not(.title) [class^="icon-"], .social-icons .fa-facebook-official[class*="btn-"]:not(.title) .fa { display: none; } .social-icons .fa-twitter:before { content: "\E93A"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-icons .fa-twitter[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-icons .fa-twitter[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-icons .fa-twitter[class*="btn-"]:not(.title).icon-before:before, .social-icons .fa-twitter[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-icons .fa-twitter[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-icons .fa-twitter[class*="btn-"]:not(.title).btn-sm, .social-icons .btn-group-sm > .fa-twitter.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-icons .fa-twitter[class*="btn-"]:not(.title).btn-sm:before, .social-icons .btn-group-sm > .fa-twitter.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-icons .fa-twitter[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-icons .btn-group-sm > .fa-twitter.btn[class*="btn-"]:not(.title).icon-before:before, .social-icons .fa-twitter[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-icons .btn-group-sm > .fa-twitter.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-icons .fa-twitter[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-icons .btn-group-sm > .fa-twitter.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-icons .fa-twitter[class*="btn-"]:not(.title) [class*="icon-"], .social-icons .fa-twitter[class*="btn-"]:not(.title) [class^="icon-"], .social-icons .fa-twitter[class*="btn-"]:not(.title) .fa { display: none; } .social-icons .fa-link:before { content: "\E923"; font-family: "icomoon"; display: inline-block; font-size: inherit; color: inherit; font-weight: normal; } .social-icons .fa-link[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .social-icons .fa-link[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .social-icons .fa-link[class*="btn-"]:not(.title).icon-before:before, .social-icons .fa-link[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .social-icons .fa-link[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .social-icons .fa-link[class*="btn-"]:not(.title).btn-sm, .social-icons .btn-group-sm > .fa-link.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .social-icons .fa-link[class*="btn-"]:not(.title).btn-sm:before, .social-icons .btn-group-sm > .fa-link.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .social-icons .fa-link[class*="btn-"]:not(.title).btn-sm.icon-before:before, .social-icons .btn-group-sm > .fa-link.btn[class*="btn-"]:not(.title).icon-before:before, .social-icons .fa-link[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .social-icons .btn-group-sm > .fa-link.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .social-icons .fa-link[class*="btn-"]:not(.title).btn-sm.icon-after:after, .social-icons .btn-group-sm > .fa-link.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .social-icons .fa-link[class*="btn-"]:not(.title) [class*="icon-"], .social-icons .fa-link[class*="btn-"]:not(.title) [class^="icon-"], .social-icons .fa-link[class*="btn-"]:not(.title) .fa { display: none; } .social-icons .share-link { text-decoration: none; display: block; } .veil { position: absolute; z-index: 1000; text-align: center; top: 0; left: 0; width: 100%; height: 100%; } .veil .underlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background-color: #091010; } .veil + .veil { display: none; } .spinner { width: 80px; height: 80px; text-align: center; -webkit-animation: spincounterclockwise 2s infinite linear; animation: spincounterclockwise 2s infinite linear; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dot1, .dot2 { display: none !important; } @-webkit-keyframes sk-rotate { 100% { transform: rotate(360deg); } } @keyframes sk-rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes sk-bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } .nav-links, .nav-tabs, .nav-pills { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; position: relative; } .nav-links .nav-item, .nav-tabs .nav-item, .nav-pills .nav-item { white-space: nowrap; } .nav-links .nav-item:only-child .nav-link, .nav-tabs .nav-item:only-child .nav-link, .nav-pills .nav-item:only-child .nav-link { border: none; background: transparent; } .nav-tabs { border-bottom: none; padding-bottom: 1px; } .nav-tabs .nav-link { border-radius: var(--border-radius, 0px) var(--border-radius, 0px) 0 0; border-top: var(--tab-border-top, none) solid var(--tab-border-color, #091010); border-right: var(--tab-border-right, none) solid var(--tab-border-color, #091010); border-bottom: var(--tab-border-bottom, 1px) solid var(--tab-border-color, #091010); border-left: var(--tab-border-left, none) solid var(--tab-border-color, #091010); font: 12px "Clash Display", sans-serif; text-transform: uppercase; font-weight: bold; text-decoration: none; letter-spacing: 0.18em; padding: 14px 14px 14px 14px; background-color: transparent; color: #4C4C4B; } .nav-tabs .nav-link:hover { border-top: none; border-right: none; border-bottom: var(--tab-border-bottom, 1px) solid var(--tab-border-color, #091010); border-left: none; text-decoration: none; background-color: transparent; color: #091010; } .nav-tabs .nav-link.active { border-top: 1px solid var(--tab-border-color, #091010); border-right: 1px solid var(--tab-border-color, #091010); border-bottom: none; border-left: 1px solid var(--tab-border-color, #091010); text-decoration: none; background-color: transparent; color: #091010; } .nav-links { border-bottom: none; } .nav-links .nav-link { font: 12px "Clash Display", sans-serif; text-transform: uppercase; font-weight: normal; text-decoration: underline; letter-spacing: 0.18em; color: #091010; padding: calc(16px / 2) 16px calc(16px / 2) 16px; margin: 0 0 0 0; border-bottom: none; } .nav-links .nav-link:hover { text-decoration: underline; color: #432F08; font-weight: normal; text-transform: uppercase; border-bottom: none; } .nav-links .nav-link.active { text-decoration: none; color: #091010; font-weight: bold; text-transform: uppercase; border-bottom: none; } .nav-pills .nav-link { font: 12px "Clash Display", sans-serif; text-transform: uppercase; font-weight: bold; text-decoration: none; letter-spacing: 0.18em; background-color: transparent; color: #4C4C4B; padding: calc(16px / 2) 16px calc(16px / 2) 16px; border-radius: 6px; } .nav-pills .nav-link:hover { text-decoration: none; background-color: transparent; color: #091010; } .nav-pills .nav-link.active { text-decoration: none; background-color: #388BFF; color: #FFFFFF; } .nav-tabs-container { position: relative; } .nav-tabs-container.has-overflow::after { content: ''; -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms; position: absolute; top: 0; right: 0; width: 100%; height: calc(var(--nav-tabs-height) - 8px); background: #FFFFFF; -webkit-mask-image: linear-gradient(to left, #091010 0%, transparent); mask-image: linear-gradient(to left, #091010 0%, transparent); -webkit-mask-size: 40px 100%; mask-size: 40px 100%; -webkit-mask-position: top right; mask-position: top right; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; pointer-events: none; } .nav-tabs-container.has-overflow .nav.custom-scrollbar { padding-right: 16px; } .nav-tabs-container.has-overflow .nav.custom-scrollbar.nav-pills { padding-bottom: calc(16px / 2); } .info-icon, .tooltip-icon { border: none; padding: 0; position: relative; top: -2px; background: inherit; display: inline-block; cursor: pointer; font: inherit; } .info-icon:before, .tooltip-icon:before { content: "\E921"; font-family: "icomoon"; display: inline-block; font-size: 120%; color: #091010; font-weight: normal; } .info-icon[class*="btn-"]:not(.title), .tooltip-icon[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .info-icon[class*="btn-"]:not(.title):before, .tooltip-icon[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; transform: translateX(-16px); } .info-icon[class*="btn-"]:not(.title).icon-before:before, .info-icon[class*="btn-"]:not(.title):not(.icon-after):before, .tooltip-icon[class*="btn-"]:not(.title).icon-before:before, .tooltip-icon[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .info-icon[class*="btn-"]:not(.title).icon-after:after, .tooltip-icon[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .info-icon[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .info-icon.btn[class*="btn-"]:not(.title), .tooltip-icon[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .tooltip-icon.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .info-icon[class*="btn-"]:not(.title).btn-sm:before, .btn-group-sm > .info-icon.btn[class*="btn-"]:not(.title):before, .tooltip-icon[class*="btn-"]:not(.title).btn-sm:before, .btn-group-sm > .tooltip-icon.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; transform: translateX(-12px); } .info-icon[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .info-icon.btn[class*="btn-"]:not(.title).icon-before:before, .info-icon[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .info-icon.btn[class*="btn-"]:not(.title):not(.icon-after):before, .tooltip-icon[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .tooltip-icon.btn[class*="btn-"]:not(.title).icon-before:before, .tooltip-icon[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .tooltip-icon.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .info-icon[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .info-icon.btn[class*="btn-"]:not(.title).icon-after:after, .tooltip-icon[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .tooltip-icon.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #091010; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .info-icon[class*="btn-"]:not(.title) [class*="icon-"], .info-icon[class*="btn-"]:not(.title) [class^="icon-"], .info-icon[class*="btn-"]:not(.title) .fa, .tooltip-icon[class*="btn-"]:not(.title) [class*="icon-"], .tooltip-icon[class*="btn-"]:not(.title) [class^="icon-"], .tooltip-icon[class*="btn-"]:not(.title) .fa { display: none; } .info-icon .icon, .tooltip-icon .icon { display: none; } .info-icon:hover:before, .info-icon[aria-describedby*="tooltip"]:before, .tooltip-icon:hover:before, .tooltip-icon[aria-describedby*="tooltip"]:before { color: #091010; } .tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow:before { border-right-color: #091010; } .tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow:before { border-left-color: #091010; } .tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow:before { border-top-color: #091010; } .tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow:before { border-bottom-color: #091010; } .tooltip .tooltip-inner { border-radius: var(--border-radius, 0px); padding: 8px 16px; text-align: center; max-width: calc(max(25vw, 200px)); box-shadow: 0 2px 6px rgba(9, 16, 16, 0.1); } .tooltip .tooltip-inner:not([class*='background--']) { background: #091010; } .tooltip .tooltip-inner:not([class*='text--']) { color: #FFFFFF; } .tooltip .tooltip-inner:not([class*='font-size--']) { font-size: 13px; } .tooltip.show { opacity: 1; } .video-container { position: relative; max-width: 100%; min-width: 100%; max-height: 100%; } .video-container.aspect-ratio-16-9::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-16-9::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(9 / 16 * 100%); } .video-container.aspect-ratio-16-9 .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-16-9 .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(9 / 16 * 100%); } .video-container.aspect-ratio-9-16::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-9-16::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(16 / 9 * 100%); } .video-container.aspect-ratio-9-16 .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-9-16 .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(16 / 9 * 100%); } .video-container.aspect-ratio-4-3::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-4-3::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(3 / 4 * 100%); } .video-container.aspect-ratio-4-3 .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-4-3 .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(3 / 4 * 100%); } .video-container.aspect-ratio-3-4::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-3-4::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(4 / 3 * 100%); } .video-container.aspect-ratio-3-4 .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-3-4 .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(4 / 3 * 100%); } .video-container.aspect-ratio-1-1::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-1-1::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1 * 100%); } .video-container.aspect-ratio-1-1 .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-1-1 .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(1 / 1 * 100%); } .video-container .video-player, .video-container .video-player iframe, .video-container video.vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container .video-thumbnail:not(.btn) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 1; transition: opacity 200ms; z-index: 1; } .video-container .video-thumbnail:not(.btn).faded { opacity: 0; transition: opacity 200ms; } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button:before { content: "\E92E"; font-family: "icomoon"; display: inline-block; font-size: 50px; color: #FFFFFF; font-weight: normal; } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(-16px); } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title).icon-before:before, .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title).btn-sm, .video-container .video-thumbnail:not(.btn).faded .btn-group-sm > .video-thumbnail-button.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title).btn-sm:before, .video-container .video-thumbnail:not(.btn).faded .btn-group-sm > .video-thumbnail-button.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(-12px); } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title).btn-sm.icon-before:before, .video-container .video-thumbnail:not(.btn).faded .btn-group-sm > .video-thumbnail-button.btn[class*="btn-"]:not(.title).icon-before:before, .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .video-container .video-thumbnail:not(.btn).faded .btn-group-sm > .video-thumbnail-button.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title).btn-sm.icon-after:after, .video-container .video-thumbnail:not(.btn).faded .btn-group-sm > .video-thumbnail-button.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title) [class*="icon-"], .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title) [class^="icon-"], .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-button[class*="btn-"]:not(.title) .fa { display: none; } .video-container .video-thumbnail:not(.btn).faded .video-thumbnail-image { opacity: 0; pointer-events: none; } .video-container .video-thumbnail:not(.btn).faded:hover { opacity: 1; } .video-container .video-thumbnail:not(.btn):focus .video-thumbnail-button:before, .video-container .video-thumbnail:not(.btn):hover:not(.faded) .video-thumbnail-button:before { color: #FFFFFF; transform: scale(1.1); } .video-container.has-controls .video-thumbnail.faded { pointer-events: none; } .video-container.has-controls .video-thumbnail.faded .video-thumbnail-button { opacity: 0; } .video-container.has-controls .video-js .vjs-big-play-button { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); left: auto; border: none; background: transparent; width: 50px; height: 50px; } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\E930"; font-family: "icomoon"; display: inline-block; font-size: 50px; color: #FFFFFF; font-weight: normal; } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(-16px); } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title).icon-before:before, .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title).btn-sm, .video-container.has-controls .video-js .vjs-big-play-button .btn-group-sm > .vjs-icon-placeholder.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title).btn-sm:before, .video-container.has-controls .video-js .vjs-big-play-button .btn-group-sm > .vjs-icon-placeholder.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(-12px); } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title).btn-sm.icon-before:before, .video-container.has-controls .video-js .vjs-big-play-button .btn-group-sm > .vjs-icon-placeholder.btn[class*="btn-"]:not(.title).icon-before:before, .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .video-container.has-controls .video-js .vjs-big-play-button .btn-group-sm > .vjs-icon-placeholder.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title).btn-sm.icon-after:after, .video-container.has-controls .video-js .vjs-big-play-button .btn-group-sm > .vjs-icon-placeholder.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title) [class*="icon-"], .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title) [class^="icon-"], .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder[class*="btn-"]:not(.title) .fa { display: none; } .video-container.has-controls .video-js .vjs-big-play-button .vjs-icon-placeholder:before { transition: all 200ms ease-in-out; } .video-container.has-controls .video-js:hover .vjs-icon-placeholder::before { color: #FFFFFF; transform: scale(1.1); } .video-container.has-controls .video-js .vjs-poster { background-size: cover; background-repeat: no-repeat; background-position: center center; } .video-container .video-thumbnail-button { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } .video-container .video-thumbnail-button:before { content: "\E930"; font-family: "icomoon"; display: inline-block; font-size: 50px; color: #FFFFFF; font-weight: normal; } .video-container .video-thumbnail-button[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .video-container .video-thumbnail-button[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(-16px); } .video-container .video-thumbnail-button[class*="btn-"]:not(.title).icon-before:before, .video-container .video-thumbnail-button[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .video-container .video-thumbnail-button[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .video-container .video-thumbnail-button[class*="btn-"]:not(.title).btn-sm, .video-container .btn-group-sm > .video-thumbnail-button.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .video-container .video-thumbnail-button[class*="btn-"]:not(.title).btn-sm:before, .video-container .btn-group-sm > .video-thumbnail-button.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(-12px); } .video-container .video-thumbnail-button[class*="btn-"]:not(.title).btn-sm.icon-before:before, .video-container .btn-group-sm > .video-thumbnail-button.btn[class*="btn-"]:not(.title).icon-before:before, .video-container .video-thumbnail-button[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .video-container .btn-group-sm > .video-thumbnail-button.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .video-container .video-thumbnail-button[class*="btn-"]:not(.title).btn-sm.icon-after:after, .video-container .btn-group-sm > .video-thumbnail-button.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .video-container .video-thumbnail-button[class*="btn-"]:not(.title) [class*="icon-"], .video-container .video-thumbnail-button[class*="btn-"]:not(.title) [class^="icon-"], .video-container .video-thumbnail-button[class*="btn-"]:not(.title) .fa { display: none; } .video-container .video-thumbnail-button:before { transition: all 200ms ease-in-out; } .video-container .video-thumbnail-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; } .video-container .video-thumbnail-image.background-image-tablet, .video-container .video-thumbnail-image.background-image-desktop { display: none; } @media (min-width: 769px) { .video-container .video-thumbnail-image.background-image-mobile, .video-container .video-thumbnail-image.background-image-desktop { display: none; } .video-container .video-thumbnail-image.background-image-tablet { display: block; } } @media (min-width: 1024px) { .video-container .video-thumbnail-image.background-image-mobile, .video-container .video-thumbnail-image.background-image-tablet { display: none; } .video-container .video-thumbnail-image.background-image-desktop { display: block; } } .video-modal .modal-dialog { max-width: none; margin: 8px auto; } @media (min-width: 1024px) { .video-modal .modal-dialog { max-width: 768px; margin: calc(16px * 2) auto; } } @media (min-width: 1440px) { .video-modal .modal-dialog { max-width: 1140px; } } .video-modal .modal-body { padding: 0; } .video-modal .video-player { width: 100%; } .video-container.aspect-ratio-auto::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-auto::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 100%; } .video-container.aspect-ratio-auto .video-thumbnail:not(.btn)::after { display: block; content: ""; clear: both; } .video-container.aspect-ratio-auto .video-thumbnail:not(.btn)::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 100%; } .product-list-enhancements-header { border-bottom: 1px solid #C5C5C5; margin-bottom: 24px; display: flex; position: relative; top: 0; z-index: 1; background: white; padding: 16px 0; } .product-list-enhancements-header-name { display: flex; justify-content: center; } .product-list-enhancements-header-back:after { content: "\E908"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-header-back[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-list-enhancements-header-back[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(16px); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-header-back[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .product-list-enhancements-header-back.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .product-list-enhancements-header-back.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(12px); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .product-list-enhancements-header-back.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-header-back[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .product-list-enhancements-header-back.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .product-list-enhancements-header-back.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-header-back[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-header-back[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-header-back[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-create-list-btn { display: flex; text-transform: uppercase; font-weight: 400; justify-content: center; align-items: center; } .product-list-enhancements-create-list-form { display: flex; flex-direction: column; padding: 0 0 30px 0; } .product-list-enhancements-create-list-form .form-group { margin-top: 0; margin-bottom: 20px; } .product-list-enhancements-toggle-product { white-space: nowrap; text-decoration: none; } .product-list-enhancements-toggle-product:hover { text-decoration: none; } .product-list-enhancements-toggle-product:not(.move) { position: absolute; top: 5px; right: 5px; border: none; z-index: 50; } @media (min-width: 544px) { .product-list-enhancements-toggle-product:not(.move) { top: 10px; right: 10px; } } .product-list-enhancements-toggle-product .product-list-enhancements-icon { width: 30px; height: 30px; line-height: 30px; background-color: rgba(255, 255, 255, 0.7); box-shadow: none; border-radius: 50%; } .product-list-enhancements-toggle-product .product-list-enhancements-icon:before { content: "\E919"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected:before { content: "\E918"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-toggle-product .product-list-enhancements-icon.before::before { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); padding-top: 1px; padding-left: 1px; } .product-list-enhancements-message-empty { display: flex; text-align: center; } .product-list-enhancements-card-list { background-color: #FFFFFF; } .product-list-enhancements-card-list .card-header { background-color: transparent; border-bottom: 1px solid #C5C5C5; padding: 16px 20px; } .product-list-enhancements-card-list-header-link { text-decoration: none; } .product-list-enhancements-card-list-header-edit, .product-list-enhancements-card-list-header-delete { text-decoration: underline; } .product-list-enhancements-card-list-header-edit:hover, .product-list-enhancements-card-list-header-edit:focus, .product-list-enhancements-card-list-header-delete:hover, .product-list-enhancements-card-list-header-delete:focus { color: #4C4C4B; } .product-list-enhancements-card-list-name { text-transform: capitalize; } .product-list-enhancements-card-list-body { display: flex; gap: 16px; flex-wrap: wrap; } .card.product-list-enhancements-card-list .product-list-enhancements-card-list-body { padding: 20px; } .product-list-enhancements-card-list-body-empty { gap: 0; } .product-list-enhancements-card-list-body-empty-message { text-align: center; } .product-list-enhancements-card-list-body-image, .product-list-enhancements-card-list-body-image-blank, .product-list-enhancements-card-list-body .extra-items-block { flex: 0 1 auto; width: 100%; max-width: calc((100% / 4) - ((64px) / 4)); } .product-list-enhancements-card-list-body-image { height: auto; } .product-list-enhancements-card-list.is-public { overflow: hidden; } .product-list-enhancements-card-list.is-public:after { content: "\E9CA PUBLIC"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: #FFFFFF; font-weight: normal; } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .product-list-enhancements-card-list.is-public.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .product-list-enhancements-card-list.is-public.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .product-list-enhancements-card-list.is-public.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .product-list-enhancements-card-list.is-public.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .product-list-enhancements-card-list.is-public.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-card-list.is-public:after { letter-spacing: 3px; font-weight: bold; font: bold 10px 'icomoon', helvetica, sans-serif; background-color: #B0A381; padding: 5px 10px calc(5px - 1px) 13px; position: absolute; bottom: 0; right: 0; border-radius: 5px 0 var(--border-radius, 0px) 0; margin-right: -65px; transition: margin 200ms ease-in-out; } .product-list-enhancements-card-list.is-public:hover:after { margin-right: 0; font: bold 10px 'icomoon', helvetica, sans-serif; } .product-list-enhancements-card-product { display: flex; flex-flow: column; height: 100%; overflow: hidden; position: relative; padding: 16px; } .product-list-enhancements-card-product-toggle:after { position: absolute; content: ''; display: flex; height: 20px; width: 20px; background-color: #FFFFFF; border: 1px solid #afafaf; border-radius: var(--border-radius, 0px); top: 10px; right: 10px; justify-content: center; align-items: center; } .product-list-enhancements-card-product-toggle.selected:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: #FFFFFF; font-weight: normal; } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .product-list-enhancements-card-product-toggle.selected.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .product-list-enhancements-card-product-toggle.selected.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .product-list-enhancements-card-product-toggle.selected.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .product-list-enhancements-card-product-toggle.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .product-list-enhancements-card-product-toggle.selected.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-card-product-toggle.selected:after { background-color: #091010; border-color: #091010; display: flex; } .product-list-enhancements-card-product-quantity { text-align: center; } .product-list-enhancements-card-product-image { width: 100%; margin-bottom: 16px; } .product-list-enhancements-card-product-add, .product-list-enhancements-card-product-remove { width: 100%; } .product-list-enhancements-card-product-form-quantity { position: relative; margin-bottom: 16px; } .product-list-enhancements-card-product .product-tile .quick-action-btns { bottom: unset; margin-top: calc( 0px - var(--button-padding-y, 16.5px) - var(--button-font-size, 11px) - var(--button-padding-y, var(--button-padding-y, 16.5px)) - 16px); } .product-list-enhancements-card-product .price { flex-grow: 1; } .product-list-enhancements-card-product .price .price-del { order: 2; } .product-list-enhancements-card-product .price span del ~ .sales { padding-right: 0; } .product-list-enhancements-modal-delete-list .modal-footer > *, .product-list-enhancements-modal-delete-product .modal-footer > *, .product-list-enhancements-modal-delete-products .modal-footer > * { flex: auto; } .product-list-enhancements-edit-list-form .modal-footer { display: flex; flex-direction: column; gap: 16px; padding-top: 32px; } .product-list-enhancements-edit-list-form .modal-footer > .btn { width: 100%; } .product-list-enhancements-edit-list-form .modal-footer > .btn + .btn { margin-left: 0; } .product-list-enhancements-modal-share-list .form-group { margin-top: 0; } .product-list-enhancements-modal-share-list .form-group .form-control { border-right: 0px; } .product-list-enhancements-modal-show-lists { z-index: 1050; } .product-list-enhancements-modal-show-lists .product-list-enhancements-create-list-btn { margin-bottom: 16px; } .product-list-enhancements-modal-show-lists .modal-body { padding: 0; } .product-list-enhancements-modal-show-lists-header { position: relative; display: flex; } .product-list-enhancements-modal-show-lists-header-close:after { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #FFFFFF; font-weight: normal; } .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .product-list-enhancements-modal-show-lists-header-close.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .product-list-enhancements-modal-show-lists-header-close.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .product-list-enhancements-modal-show-lists-header-close.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .product-list-enhancements-modal-show-lists-header-close.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .product-list-enhancements-modal-show-lists-header-close.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-modal-show-lists-header-close[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-modal-show-lists-header-back:after { content: "\E908"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #FFFFFF; font-weight: normal; } .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .product-list-enhancements-modal-show-lists-header-back.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .product-list-enhancements-modal-show-lists-header-back.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .product-list-enhancements-modal-show-lists-header-back.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .product-list-enhancements-modal-show-lists-header-back.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .product-list-enhancements-modal-show-lists-header-back.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-modal-show-lists-header-back[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-modal-show-lists-header-close, .product-list-enhancements-modal-show-lists-header-back { transition: all 200ms; } .product-list-enhancements-modal-show-lists-header-close.hide, .product-list-enhancements-modal-show-lists-header-back.hide { opacity: 0; z-index: -1; } .product-list-enhancements-modal-show-lists-header-close.show, .product-list-enhancements-modal-show-lists-header-back.show { opacity: 1; z-index: 0; } .product-list-enhancements-modal-show-lists-header-title { flex-grow: 1; text-align: center; } .product-list-enhancements-modal-show-lists-keep { margin-bottom: 16px; padding: 0; } .product-list-enhancements-modal-show-lists-toggle { padding: 0; } .product-list-enhancements-modal-show-lists-toggle-list-form { padding-top: 32px; } .product-list-enhancements-modal-show-lists-toggle-lists-options { display: flex; flex-direction: column; padding: 32px 0; } .product-list-enhancements-modal-show-lists-toggle-lists .move, .product-list-enhancements-modal-show-lists-toggle-lists .toggle { min-height: calc(56px); display: flex; text-transform: none; font-weight: 400; align-items: center; margin-bottom: 16px; } .product-list-enhancements-modal-show-lists-toggle-lists .move:after, .product-list-enhancements-modal-show-lists-toggle-lists .toggle:after { margin-left: auto; } .product-list-enhancements-modal-show-lists-toggle-lists .move.selected, .product-list-enhancements-modal-show-lists-toggle-lists .toggle.selected { border-color: #C5C5C5; } .product-list-enhancements-modal-show-lists-toggle-lists .move.selected div, .product-list-enhancements-modal-show-lists-toggle-lists .toggle.selected div { color: #BEBEBE; } .product-list-enhancements-modal-show-lists-toggle-lists .move img, .product-list-enhancements-modal-show-lists-toggle-lists .toggle img { width: 40px; height: 40px; margin-right: 16px; } .product-list-enhancements-modal-show-lists-toggle-lists .move div, .product-list-enhancements-modal-show-lists-toggle-lists .toggle div { display: flex; flex-direction: column; text-align: left; } .product-list-enhancements-modal-show-lists-toggle-lists .move div small, .product-list-enhancements-modal-show-lists-toggle-lists .toggle div small { color: #BEBEBE; font-size: calc(var(--base-font-size, 16px) - 2px); } .product-list-enhancements-overlay-detail-selected { transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transform: translateY(-100%); background-color: #FFFFFF; position: absolute; opacity: 0; } .product-list-enhancements-overlay-detail-selected.open { transition-timing-function: ease-in; transform: translateY(0); opacity: 1; } .product-list-enhancements-toast { box-shadow: 0 2px 4px rgba(9, 16, 16, 0.4); text-align: center; position: absolute; right: 50%; transform: translateX(50%); position: fixed; top: 0; padding: 50px 16px 16px; max-height: calc(100vh - 50px); overflow-y: auto; z-index: 1100; padding: 16px; top: 40px; } .product-list-enhancements-toast.show { display: block !important; } .product-list-enhancements-toast:not(.alert-dismissible) { -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); } .product-list-enhancements-toast.alert-dismissible { -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms; padding-right: 50px; } .product-list-enhancements-toast.alert-dismissible .close { padding: 16px; } @media (max-width: 768.98px) { .product-list-enhancements-toast { width: calc(100vw - 32px); } } .product-list-enhancements-toast.alert-dismissible { padding-right: 0; } .product-list-enhancements-toast:focus { outline: 2px solid #4C4C4B; } .product-list-enhancements-toast.hide { z-index: -1; opacity: 0; margin-top: calc(-40px + -16px); transition: all 200ms; } .product-list-enhancements-toast.show { z-index: 1100; opacity: 1; margin-top: 0px; } .product-list-enhancements-toast-content { display: flex; gap: 10px; } .product-list-enhancements-toast-message-wrapper { align-items: center; display: flex; flex: auto; } .product-list-enhancements-toast-message-wrapper .message { color: #4C4C4B; display: flex; flex: auto; gap: 5px; } .product-list-enhancements-toast-message-wrapper .message:before { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).btn-sm, .product-list-enhancements-toast-message-wrapper .btn-group-sm > .message.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).btn-sm:before, .product-list-enhancements-toast-message-wrapper .btn-group-sm > .message.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-list-enhancements-toast-message-wrapper .btn-group-sm > .message.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-list-enhancements-toast-message-wrapper .btn-group-sm > .message.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-list-enhancements-toast-message-wrapper .btn-group-sm > .message.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-toast-message-wrapper .message .undo { text-decoration: underline; } .product-list-enhancements-toast-message-wrapper .message .undo:hover, .product-list-enhancements-toast-message-wrapper .message .undo:focus { color: #091010; } .product-list-enhancements-toast-message-wrapper .message .manage:before, .product-list-enhancements-toast-message-wrapper .message .undo:before { content: "|"; padding-right: 8px; text-decoration: none; display: inline-block; } .product-list-enhancements-toast-dismiss:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .product-list-enhancements-toast-dismiss.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).btn-sm:before, .btn-group-sm > .product-list-enhancements-toast-dismiss.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .product-list-enhancements-toast-dismiss.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .product-list-enhancements-toast-dismiss.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .product-list-enhancements-toast-dismiss.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-landing-pagination { text-align: center; margin-bottom: 16px; } .product-list-enhancements-landing .lists { gap: 20px 4px; } .product-list-enhancements-landing .lists .list-grid-item { flex-basis: 100%; overflow: hidden; } @media (min-width: 769px) { .product-list-enhancements-landing .lists .list-grid-item { flex-basis: 33%; } } .product-list-enhancements-landing .list-container { min-height: 60vh; } .product-list-enhancements-landing .list-container .notes.hide { opacity: 0; max-height: 0; transition: all 200ms; padding-left: 20px; padding-right: 20px; } .product-list-enhancements-landing .list-container .notes.show { opacity: 1; max-height: 100%; padding-top: 16px; } @media (min-width: 769px) { .product-list-enhancements-landing .product-list-enhancements-create-list-btn { max-width: 25vw; } } .product-list-enhancements-landing .message { display: flex; text-align: center; } .response .wishlist-search-results .card:hover { background-color: #F2F1F0; } .response .wishlist-search-results .card:hover .card-header { background-color: #F2F1F0; } .response .wishlist-search-results .view-wishlist { cursor: pointer; } .product-list-enhancements-detail { margin-bottom: 60px; min-height: 30vh; } .product-list-enhancements-detail-nav { display: flex; gap: 10px; justify-content: center; align-items: center; transition-property: all; transition-duration: 200ms; transition-timing-function: ease-in; } .product-list-enhancements-detail-nav .action-btns { transition-property: all; transition-duration: 200ms; transition-timing-function: ease-in; opacity: 0; margin-top: 32px; } .product-list-enhancements-detail-nav.open { transition-timing-function: ease-in; } .product-list-enhancements-detail-nav.open .action-btns { opacity: 1; transition-timing-function: ease-in; margin-top: 0; } .product-list-enhancements-detail .public-toggle label:before, .product-list-enhancements-detail .public-toggle label:after { margin-top: -2px; } .product-list-enhancements-detail-name { background-color: #FFFFFF; } .product-list-enhancements-detail-deselect { align-items: center; display: flex; text-decoration: none; transition-property: all; transition-duration: 200ms; transition-timing-function: ease-in; } .product-list-enhancements-detail-deselect:hover { text-decoration: underline; } .product-list-enhancements-detail-deselect.hide { opacity: 0; pointer-events: none; } .product-list-enhancements-detail-deselect.show { transition-timing-function: ease-in; opacity: 1; pointer-events: auto; } .product-list-enhancements-detail-share:disabled { pointer-events: auto; cursor: unset; } .product-list-enhancements-detail .product-list-enhancements-header-name { text-transform: capitalize; } .product-list-enhancements-detail .product-tile .quickview.btn.show { opacity: 1; } .product-list-enhancements-detail-notes-form-group { overflow: hidden; } .product-list-enhancements-detail-notes-text { height: 100px; transition-property: all; transition-duration: 200ms; transition-timing-function: ease-in; margin-top: -100px; } .product-list-enhancements-detail-notes-text.open { transition-timing-function: ease-in; margin-top: 0; } .add-to-wishlist-messages { position: absolute; right: 50%; transform: translateX(50%); position: fixed; top: 0; padding: 50px 16px 16px; max-height: calc(100vh - 50px); overflow-y: auto; z-index: 1100; } .wishlist { white-space: nowrap; text-decoration: none; } .wishlist:hover { text-decoration: none; } .wishlist:not(.move) { position: absolute; top: 5px; right: 5px; border: none; z-index: 50; } @media (min-width: 544px) { .wishlist:not(.move) { top: 10px; right: 10px; } } .wishlist .wishlist-icon { width: 30px; height: 30px; line-height: 30px; background-color: rgba(255, 255, 255, 0.7); box-shadow: none; border-radius: 50%; } .wishlist .wishlist-icon:before { content: "\E919"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; } .wishlist .wishlist-icon[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .wishlist .wishlist-icon[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .wishlist .wishlist-icon[class*="btn-"]:not(.title).icon-before:before, .wishlist .wishlist-icon[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .wishlist .wishlist-icon[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .wishlist .wishlist-icon[class*="btn-"]:not(.title).btn-sm, .wishlist .btn-group-sm > .wishlist-icon.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .wishlist .wishlist-icon[class*="btn-"]:not(.title).btn-sm:before, .wishlist .btn-group-sm > .wishlist-icon.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .wishlist .wishlist-icon[class*="btn-"]:not(.title).btn-sm.icon-before:before, .wishlist .btn-group-sm > .wishlist-icon.btn[class*="btn-"]:not(.title).icon-before:before, .wishlist .wishlist-icon[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .wishlist .btn-group-sm > .wishlist-icon.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .wishlist .wishlist-icon[class*="btn-"]:not(.title).btn-sm.icon-after:after, .wishlist .btn-group-sm > .wishlist-icon.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .wishlist .wishlist-icon[class*="btn-"]:not(.title) [class*="icon-"], .wishlist .wishlist-icon[class*="btn-"]:not(.title) [class^="icon-"], .wishlist .wishlist-icon[class*="btn-"]:not(.title) .fa { display: none; } .wishlist .wishlist-icon.selected:before { content: "\E918"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; } .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title).icon-before:before, .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title).btn-sm, .wishlist .btn-group-sm > .wishlist-icon.selected.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title).btn-sm:before, .wishlist .btn-group-sm > .wishlist-icon.selected.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .wishlist .btn-group-sm > .wishlist-icon.selected.btn[class*="btn-"]:not(.title).icon-before:before, .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .wishlist .btn-group-sm > .wishlist-icon.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .wishlist .btn-group-sm > .wishlist-icon.selected.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title) [class*="icon-"], .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title) [class^="icon-"], .wishlist .wishlist-icon.selected[class*="btn-"]:not(.title) .fa { display: none; } .wishlist .wishlist-icon.before::before { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); padding-top: 1px; padding-left: 1px; } .wishlistItemCards .select-attributes-btn { white-space: nowrap; } .wishlistItemCards .line-item-availability .line-item-attributes { white-space: normal; } .btn-update-wishlist-product { width: 100%; } .wishlist-remove-btn { font-family: "Gambetta", serif; font-feature-settings: "cpsp"; border: 1px solid #F2F1F0; border-radius: 11px; font-size: 0; position: absolute; top: 0; right: 0; margin-top: calc(19px); margin-right: calc(19px); margin-bottom: calc(19px); margin-left: calc(19px); cursor: pointer; z-index: 1; background-color: #FFFFFF; padding: 4px; height: calc(24px); width: calc(24px); transition: background-color 200ms ease-in-out; display: flex; align-items: center; justify-content: center; line-height: 11px; margin: 5px 0px 0px 20px; left: 0; } .wishlist-remove-btn:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 11px; color: inherit; font-weight: normal; } .wishlist-remove-btn[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .wishlist-remove-btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; transform: translateX(-16px); } .wishlist-remove-btn[class*="btn-"]:not(.title).icon-before:before, .wishlist-remove-btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .wishlist-remove-btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .wishlist-remove-btn[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .wishlist-remove-btn.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .wishlist-remove-btn[class*="btn-"]:not(.title).btn-sm:before, .btn-group-sm > .wishlist-remove-btn.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; transform: translateX(-12px); } .wishlist-remove-btn[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .wishlist-remove-btn.btn[class*="btn-"]:not(.title).icon-before:before, .wishlist-remove-btn[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .wishlist-remove-btn.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .wishlist-remove-btn[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .wishlist-remove-btn.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .wishlist-remove-btn[class*="btn-"]:not(.title) [class*="icon-"], .wishlist-remove-btn[class*="btn-"]:not(.title) [class^="icon-"], .wishlist-remove-btn[class*="btn-"]:not(.title) .fa { display: none; } .wishlist-remove-btn:hover { background-color: #F2F1F0; } .wishlist-remove-btn:before { position: relative; left: 1px; } @media (min-width: 1440px) { .wishlist-remove-btn { margin-left: 28px; } } .product-list-enhancements-header { border-bottom: 1px solid #C5C5C5; margin-bottom: 24px; display: flex; position: relative; top: 0; z-index: 1; background: white; padding: 16px 0; } .product-list-enhancements-header-name { display: flex; justify-content: center; } .product-list-enhancements-header-back:after { content: "\E908"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-header-back[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-list-enhancements-header-back[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(16px); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-header-back[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .product-list-enhancements-header-back.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .product-list-enhancements-header-back.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(12px); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .product-list-enhancements-header-back.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-header-back[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .product-list-enhancements-header-back.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-header-back[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .product-list-enhancements-header-back.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-header-back[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-header-back[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-header-back[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-create-list-btn { display: flex; text-transform: uppercase; font-weight: 400; justify-content: center; align-items: center; } .product-list-enhancements-create-list-form { display: flex; flex-direction: column; padding: 0 0 30px 0; } .product-list-enhancements-create-list-form .form-group { margin-top: 0; margin-bottom: 20px; } .product-list-enhancements-toggle-product { white-space: nowrap; text-decoration: none; } .product-list-enhancements-toggle-product:hover { text-decoration: none; } .product-list-enhancements-toggle-product:not(.move) { position: absolute; top: 5px; right: 5px; border: none; z-index: 50; } @media (min-width: 544px) { .product-list-enhancements-toggle-product:not(.move) { top: 10px; right: 10px; } } .product-list-enhancements-toggle-product .product-list-enhancements-icon { width: 30px; height: 30px; line-height: 30px; background-color: rgba(255, 255, 255, 0.7); box-shadow: none; border-radius: 50%; } .product-list-enhancements-toggle-product .product-list-enhancements-icon:before { content: "\E919"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected:before { content: "\E918"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) .fa { display: none; } @media (min-width: 1024px) { .product-list-enhancements-toggle-product .product-list-enhancements-icon:before { content: "\E919"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected:before { content: "\E918"; font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-list-enhancements-toggle-product .btn-group-sm > .product-list-enhancements-icon.selected.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-toggle-product .product-list-enhancements-icon.selected[class*="btn-"]:not(.title) .fa { display: none; } } .product-list-enhancements-toggle-product .product-list-enhancements-icon.before::before { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); padding-top: 1px; padding-left: 1px; } .product-list-enhancements-message-empty { display: flex; text-align: center; } .product-list-enhancements-detail { margin-bottom: 60px; min-height: 30vh; } .product-list-enhancements-detail-nav { display: flex; gap: 10px; justify-content: center; align-items: center; transition-property: all; transition-duration: 200ms; transition-timing-function: ease-in; } .product-list-enhancements-detail-nav .action-btns { transition-property: all; transition-duration: 200ms; transition-timing-function: ease-in; opacity: 0; margin-top: 32px; white-space: nowrap; } .product-list-enhancements-detail-nav.open { transition-timing-function: ease-in; } .product-list-enhancements-detail-nav.open .action-btns { opacity: 1; transition-timing-function: ease-in; margin-top: 0; } .product-list-enhancements-detail .public-toggle label:before, .product-list-enhancements-detail .public-toggle label:after { margin-top: -2px; } .product-list-enhancements-detail-name { background-color: #FFFFFF; align-items: center; } .product-list-enhancements-detail-deselect { align-items: center; display: flex; text-decoration: none; transition-property: all; transition-duration: 200ms; transition-timing-function: ease-in; } .product-list-enhancements-detail-deselect:hover { text-decoration: underline; } .product-list-enhancements-detail-deselect.hide { opacity: 0; pointer-events: none; } .product-list-enhancements-detail-deselect.show { transition-timing-function: ease-in; opacity: 1; pointer-events: auto; } .product-list-enhancements-detail-share:disabled { pointer-events: auto; cursor: unset; } .product-list-enhancements-detail .product-list-enhancements-header-name { text-transform: capitalize; overflow-wrap: anywhere; } .product-list-enhancements-detail .product-tile .quickview.btn.show { opacity: 1; } @media (max-width: 543.98px) { .product-list-enhancements-detail-products > .row:not(.no-gutters) > [class*="col-"] { padding-left: 5px; padding-right: 5px; } .product-list-enhancements-detail-products .default-pricing { padding: 5px 0; display: flex; flex-direction: column; } .product-list-enhancements-detail-products .default-pricing .percent-off { order: 1; padding-left: 0; } .product-list-enhancements-detail-products .default-pricing .sales { order: 2; } .product-list-enhancements-detail-products .default-pricing del { order: 3; } } .product-list-enhancements-detail-notes-form-group { overflow: hidden; } .product-list-enhancements-detail-notes-text { height: 100px; transition-property: all; transition-duration: 200ms; transition-timing-function: ease-in; margin-top: -100px; } .product-list-enhancements-detail-notes-text.open { transition-timing-function: ease-in; margin-top: 0; } .product-list-enhancements-overlay-detail-selected { transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transform: translateY(-100%); background-color: #FFFFFF; position: absolute; opacity: 0; z-index: -1; } .product-list-enhancements-overlay-detail-selected.open { transition-timing-function: ease-in; transform: translateY(0); opacity: 1; z-index: 0; } .product-list-enhancements-card-list { background-color: #FFFFFF; } .product-list-enhancements-card-list .card-header { background-color: transparent; border-bottom: 1px solid #C5C5C5; padding: 16px 20px; } .product-list-enhancements-card-list-header-link { text-decoration: none; } .product-list-enhancements-card-list-header-edit, .product-list-enhancements-card-list-header-delete { text-decoration: underline; } .product-list-enhancements-card-list-header-edit:hover, .product-list-enhancements-card-list-header-edit:focus, .product-list-enhancements-card-list-header-delete:hover, .product-list-enhancements-card-list-header-delete:focus { color: #4C4C4B; } .product-list-enhancements-card-list-name { text-transform: capitalize; } .product-list-enhancements-card-list-body { display: flex; gap: 16px; flex-wrap: wrap; } .card.product-list-enhancements-card-list .product-list-enhancements-card-list-body { padding: 20px; } .product-list-enhancements-card-list-body-empty { gap: 0; } .product-list-enhancements-card-list-body-empty-message { text-align: center; } .product-list-enhancements-card-list-body-image, .product-list-enhancements-card-list-body-image-blank, .product-list-enhancements-card-list-body .extra-items-block { flex: 0 1 auto; width: 100%; max-width: calc((100% / 4) - ((64px) / 4)); } .product-list-enhancements-card-list-body-image { height: auto; } .product-list-enhancements-card-list.is-public { overflow: hidden; } .product-list-enhancements-card-list.is-public:after { content: "\E9CA PUBLIC"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: #FFFFFF; font-weight: normal; } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .product-list-enhancements-card-list.is-public.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .product-list-enhancements-card-list.is-public.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .product-list-enhancements-card-list.is-public.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .product-list-enhancements-card-list.is-public.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .product-list-enhancements-card-list.is-public.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-card-list.is-public[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-card-list.is-public:after { letter-spacing: 3px; font-weight: bold; font: bold 10px 'icomoon', helvetica, sans-serif; background-color: #B0A381; padding: 5px 10px calc(5px - 1px) 13px; position: absolute; bottom: 0; right: 0; border-radius: 5px 0 var(--border-radius, 0px) 0; margin-right: -65px; transition: margin 200ms ease-in-out; } .product-list-enhancements-card-list.is-public:hover:after { margin-right: 0; font: bold 10px 'icomoon', helvetica, sans-serif; } .product-list-enhancements-card-product { display: flex; flex-flow: column; height: 100%; overflow: hidden; position: relative; padding: 16px; } .product-list-enhancements-card-product-toggle:after { position: absolute; content: ''; display: flex; height: 20px; width: 20px; background-color: #FFFFFF; border: 1px solid #afafaf; border-radius: var(--border-radius, 0px); top: 10px; right: 10px; justify-content: center; align-items: center; } .product-list-enhancements-card-product-toggle.selected:after { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: 10px; color: #FFFFFF; font-weight: normal; } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title) { padding-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 16px); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; transform: translateX(16px); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .product-list-enhancements-card-product-toggle.selected.btn[class*="btn-"]:not(.title) { padding-right: calc(16px + 16px); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).btn-sm:after, .btn-group-sm > .product-list-enhancements-card-product-toggle.selected.btn[class*="btn-"]:not(.title):after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; transform: translateX(12px); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .product-list-enhancements-card-product-toggle.selected.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .product-list-enhancements-card-product-toggle.selected.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .product-list-enhancements-card-product-toggle.selected.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #FFFFFF; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-card-product-toggle.selected[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-card-product-toggle.selected:after { background-color: #091010; border-color: #091010; display: flex; } .product-list-enhancements-card-product-quantity { text-align: center; } .product-list-enhancements-card-product-image { width: 100%; margin-bottom: 16px; } .product-list-enhancements-card-product-add, .product-list-enhancements-card-product-remove { width: 100%; } .product-list-enhancements-card-product-form-quantity { position: relative; margin-bottom: 16px; } .product-list-enhancements-card-product .product-tile .quick-action-btns { bottom: unset; margin-top: calc( 0px - var(--button-padding-y, 16.5px) - var(--button-font-size, 11px) - var(--button-padding-y, var(--button-padding-y, 16.5px)) - 16px); } .product-list-enhancements-card-product .price { flex-grow: 1; } .product-list-enhancements-card-product .price .price-del { order: 2; } .product-list-enhancements-card-product .price span del ~ .sales { padding-right: 0; } .product-list-enhancements-card-list-body { container-type: inline-size; } .product-list-enhancements-card-list-body-image { max-height: calc((100cqw / 4) - ((64px) / 4)); } @media (max-width: 768.98px) { .product-list-enhancements-card-product-form .quickview.btn, .product-list-enhancements-card-product-form .product-list-enhancements-card-product-add { padding-left: 0; padding-right: 0; } } .product-list-enhancements-toast { box-shadow: 0 2px 4px rgba(9, 16, 16, 0.4); text-align: center; position: absolute; right: 50%; transform: translateX(50%); position: fixed; top: 0; padding: 50px 16px 16px; max-height: calc(100vh - 50px); overflow-y: auto; z-index: 1100; padding: 16px; top: 40px; } .product-list-enhancements-toast.show { display: block !important; } .product-list-enhancements-toast:not(.alert-dismissible) { -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); } .product-list-enhancements-toast.alert-dismissible { -webkit-animation: fadeIn 200ms; animation: fadeIn 200ms; padding-right: 50px; } .product-list-enhancements-toast.alert-dismissible .close { padding: 16px; } @media (max-width: 768.98px) { .product-list-enhancements-toast { width: calc(100vw - 32px); } } .product-list-enhancements-toast.alert-dismissible { padding-right: 0; } .product-list-enhancements-toast:focus { outline: 2px solid #4C4C4B; } .product-list-enhancements-toast.hide { z-index: -1; opacity: 0; margin-top: calc(-40px + -16px); transition: all 200ms; } .product-list-enhancements-toast.show { z-index: 1100; opacity: 1; margin-top: 0px; } .product-list-enhancements-toast-content { display: flex; gap: 10px; } .product-list-enhancements-toast-message-wrapper { align-items: center; display: flex; flex: auto; } .product-list-enhancements-toast-message-wrapper .message { color: #4C4C4B; display: flex; flex: auto; gap: 5px; } .product-list-enhancements-toast-message-wrapper .message:before { content: "\E910"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).btn-sm, .product-list-enhancements-toast-message-wrapper .btn-group-sm > .message.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).btn-sm:before, .product-list-enhancements-toast-message-wrapper .btn-group-sm > .message.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).btn-sm.icon-before:before, .product-list-enhancements-toast-message-wrapper .btn-group-sm > .message.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .product-list-enhancements-toast-message-wrapper .btn-group-sm > .message.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title).btn-sm.icon-after:after, .product-list-enhancements-toast-message-wrapper .btn-group-sm > .message.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-toast-message-wrapper .message[class*="btn-"]:not(.title) .fa { display: none; } .product-list-enhancements-toast-message-wrapper .message .undo { text-decoration: underline; } .product-list-enhancements-toast-message-wrapper .message .undo:hover, .product-list-enhancements-toast-message-wrapper .message .undo:focus { color: #091010; } .product-list-enhancements-toast-message-wrapper .message .manage:before, .product-list-enhancements-toast-message-wrapper .message .undo:before { content: "|"; padding-right: 8px; text-decoration: none; display: inline-block; } .product-list-enhancements-toast-dismiss:before { content: "\E912"; font-family: "icomoon"; display: inline-block; font-size: 14px; color: #4C4C4B; font-weight: normal; } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title) { padding-left: calc(var(--button-padding-x, 26px) + 16px); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; transform: translateX(-16px); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).btn-sm, .btn-group-sm > .product-list-enhancements-toast-dismiss.btn[class*="btn-"]:not(.title) { padding-left: calc(16px + 16px); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).btn-sm:before, .btn-group-sm > .product-list-enhancements-toast-dismiss.btn[class*="btn-"]:not(.title):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; transform: translateX(-12px); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).btn-sm.icon-before:before, .btn-group-sm > .product-list-enhancements-toast-dismiss.btn[class*="btn-"]:not(.title).icon-before:before, .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).btn-sm:not(.icon-after):before, .btn-group-sm > .product-list-enhancements-toast-dismiss.btn[class*="btn-"]:not(.title):not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 12px - calc( 12px / 2)); transform: translateX(calc(calc( 12px / 2) * -1)); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title).btn-sm.icon-after:after, .btn-group-sm > .product-list-enhancements-toast-dismiss.btn[class*="btn-"]:not(.title).icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 12px; color: #4C4C4B; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 12px - calc( 12px / 2)); transform: translateX(calc( 12px / 2)); } .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title) [class*="icon-"], .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title) [class^="icon-"], .product-list-enhancements-toast-dismiss[class*="btn-"]:not(.title) .fa { display: none; } .wishlist-name { overflow-wrap: anywhere; } .list-group-item, .product-list-enhancements-card-list-header-link { overflow-wrap: anywhere; margin-right: 16px; } .product-list-enhancements-modal-show-lists-toggle-lists .toggle { overflow-wrap: anywhere; } .product-list-enhancements-modal-show-lists-toggle-lists .move { word-break: break-all; } [class*="product-list-enhancements-modal"] .btn-secondary { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #FFFFFF; background-color: #091010; border-width: 1px; border-radius: var(--button-border-radius, 0); border-color: #091010; text-decoration: none; text-align: center; font-weight: var(--button-font-weight, 700); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); } [class*="product-list-enhancements-modal"] .btn-secondary.disabled, [class*="product-list-enhancements-modal"] .btn-secondary[disabled] { background: #E4E5E7; color: #60646c; } [class*="product-list-enhancements-modal"] .btn-secondary:hover, [class*="product-list-enhancements-modal"] .btn-secondary:focus, [class*="product-list-enhancements-modal"] .btn-secondary[aria-describedby*="popover"] { color: #FFFFFF; background-color: #432F08; border-color: #432F08; text-decoration: none; } [class*="product-list-enhancements-modal"] .btn-secondary:active { background-color: #323232; border-color: #323232; } .dark-theme [class*="product-list-enhancements-modal"] .btn-secondary { background-color: #FFFFFF; border-color: #FFFFFF; color: #091010; } .dark-theme [class*="product-list-enhancements-modal"] .btn-secondary:hover { background-color: #432F08; border-color: #432F08; color: #FFFFFF; } [class*="product-list-enhancements-modal"] .btn-secondary[class*="icon-"].icon-before:before, [class*="product-list-enhancements-modal"] .btn-secondary[class*="icon-"]:not(.icon-after):before, [class*="product-list-enhancements-modal"] .btn-secondary[class^="icon-"].icon-before:before, [class*="product-list-enhancements-modal"] .btn-secondary[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } [class*="product-list-enhancements-modal"] .btn-secondary[class*="icon-"].icon-after:after, [class*="product-list-enhancements-modal"] .btn-secondary[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } [class*="product-list-enhancements-modal"] .btn-secondary:not([class*="icon"]):before, [class*="product-list-enhancements-modal"] .btn-secondary:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } [class*="product-list-enhancements-modal"] .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo) { color: transparent; } [class*="product-list-enhancements-modal"] .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme [class*="product-list-enhancements-modal"] .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } [class*="product-list-enhancements-modal"] .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, [class*="product-list-enhancements-modal"] .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, [class*="product-list-enhancements-modal"] .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, [class*="product-list-enhancements-modal"] .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, [class*="product-list-enhancements-modal"] .btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .product-list-enhancements-modal-show-lists-toggle-lists .toggle.selected div { color: inherit; } .product-list-enhancements-create-list-btn.btn-secondary { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-width: 1px; border-style: solid; font-family: var(--button-font, "Clash Display", sans-serif); font-feature-settings: "cpsp"; text-transform: var(--button-text-transform, uppercase); transition: all 200ms ease-out; text-decoration: none; border-radius: var(--button-border-radius, 0); text-align: center; font-weight: var(--button-font-weight, 700); font-size: var(--button-font-size, 11px); letter-spacing: 0.18em; line-height: var(--button-font-size, 11px); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); font-family: var(--button-font, "Clash Display", sans-serif); text-transform: var(--button-text-transform, uppercase); color: #091010; border-width: 1px; border-radius: var(--button-border-radius, 0); background-color: #FFFFFF; border-color: #FFFFFF; text-decoration: none; text-align: center; font-weight: var(--button-font-weight, 700); padding: var(--button-padding-y, 16.5px) var(--button-padding-x, var(--button-padding-x, 26px)) var(--button-padding-y, var(--button-padding-y, 16.5px)) var(--button-padding-x, 26px); background-color: transparent; padding: calc(var(--button-padding-y, 16.5px) + 4px) calc(var(--button-padding-x, var(--button-padding-x, 26px)) + 4px) calc(var(--button-padding-y, var(--button-padding-y, 16.5px)) + 4px) calc(var(--button-padding-x, 26px) + 4px); overflow: hidden; border-width: 0px; } .product-list-enhancements-create-list-btn.btn-secondary.disabled, .product-list-enhancements-create-list-btn.btn-secondary[disabled] { background: #E4E5E7; color: #60646c; } .product-list-enhancements-create-list-btn.btn-secondary:hover, .product-list-enhancements-create-list-btn.btn-secondary:focus, .product-list-enhancements-create-list-btn.btn-secondary[aria-describedby*="popover"] { color: #FFFFFF; background-color: #432F08; border-color: #432F08; text-decoration: none; } .product-list-enhancements-create-list-btn.btn-secondary:active { background-color: #B0A381; border-color: #B0A381; } .dark-theme .product-list-enhancements-create-list-btn.btn-secondary { background-color: #091010; border-color: #091010; color: #FFFFFF; } .dark-theme .product-list-enhancements-create-list-btn.btn-secondary:hover { background-color: #432F08; border-color: #432F08; color: #FFFFFF; } .product-list-enhancements-create-list-btn.btn-secondary[class*="icon-"].icon-before:before, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon-"]:not(.icon-after):before, .product-list-enhancements-create-list-btn.btn-secondary[class^="icon-"].icon-before:before, .product-list-enhancements-create-list-btn.btn-secondary[class^="icon-"]:not(.icon-after):before { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-left: calc(var(--button-padding-x, 26px) - 16px - calc( 16px / 2)); transform: translateX(calc(calc( 16px / 2) * -1)); } .product-list-enhancements-create-list-btn.btn-secondary[class*="icon-"].icon-after:after, .product-list-enhancements-create-list-btn.btn-secondary[class^="icon-"].icon-after:after { font-family: "icomoon"; display: inline-block; font-size: 16px; color: inherit; font-weight: normal; margin-right: calc(var(--button-padding-x, var(--button-padding-x, 26px)) - 16px - calc( 16px / 2)); transform: translateX(calc( 16px / 2)); } .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):before, .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):after { transition: all 200ms ease; content: ''; opacity: 0; position: absolute; } .product-list-enhancements-create-list-btn.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo) { color: transparent; } .product-list-enhancements-create-list-btn.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):after { transition: none; opacity: 1; -webkit-animation: 2s spincounterclockwise infinite linear; animation: 2s spincounterclockwise infinite linear; transform-origin: 50% 50%; height: 16px; width: 16px; top: 50%; left: 50%; margin: calc((16px / 2) * -1) 0 0 calc((16px / 2) * -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23091010' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .dark-theme .product-list-enhancements-create-list-btn.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M12 2.936c-.625 0-1.133.508-1.133 1.133v2.266a1.133 1.133 0 0 0 2.266 0V4.069c0-.625-.508-1.133-1.133-1.133zm0 13.596c-.625 0-1.133.506-1.133 1.133v2.266a1.133 1.133 0 1 0 2.266 0v-2.266c0-.627-.508-1.133-1.133-1.133zm4.806-7.736l1.602-1.603a1.132 1.132 0 1 0-1.602-1.602l-1.602 1.602a1.133 1.133 0 1 0 1.602 1.603zm-9.613 6.408L5.59 16.806a1.132 1.132 0 1 0 1.602 1.602l1.602-1.602a1.132 1.132 0 1 0-1.602-1.602zm0-9.613A1.132 1.132 0 1 0 5.59 7.193l1.602 1.603a1.134 1.134 0 0 0 1.602-1.603L7.193 5.59zm9.613 9.613a1.132 1.132 0 1 0-1.602 1.602l1.602 1.602a1.132 1.132 0 1 0 1.602-1.602l-1.602-1.602zm3.125-4.337h-2.266a1.133 1.133 0 1 0 0 2.266h2.266a1.133 1.133 0 1 0 0-2.266zM7.468 12c0-.625-.508-1.133-1.133-1.133H4.069a1.133 1.133 0 0 0 0 2.266h2.266c.625 0 1.133-.508 1.133-1.133z'%3E%3C/path%3E%3C/svg%3E"); } .product-list-enhancements-create-list-btn.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo).disabled:after, .product-list-enhancements-create-list-btn.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo)[disabled]:after, .product-list-enhancements-create-list-btn.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):hover:after, .product-list-enhancements-create-list-btn.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):focus:after, .product-list-enhancements-create-list-btn.btn-secondary.loading-logo:not([class*="icon"]):not(.no-logo):active:after { filter: invert(1); } .dark-theme .product-list-enhancements-create-list-btn.btn-secondary { color: #FFFFFF; background-color: transparent; } .dark-theme .product-list-enhancements-create-list-btn.btn-secondary:hover { color: #FFFFFF; } .dark-theme .product-list-enhancements-create-list-btn.btn-secondary:active { background-color: #B0A381; } .product-list-enhancements-create-list-btn.btn-secondary.disabled, .product-list-enhancements-create-list-btn.btn-secondary[disabled] { background-color: transparent; color: #60646c; border-width: 0px; } .product-list-enhancements-create-list-btn.btn-secondary.disabled:not([class*="icon"]):after, .product-list-enhancements-create-list-btn.btn-secondary.disabled:not([class*="icon"]):before, .product-list-enhancements-create-list-btn.btn-secondary.disabled[class*="icon"]:after, .product-list-enhancements-create-list-btn.btn-secondary.disabled[class*="icon"]:before, .product-list-enhancements-create-list-btn.btn-secondary[disabled]:not([class*="icon"]):after, .product-list-enhancements-create-list-btn.btn-secondary[disabled]:not([class*="icon"]):before, .product-list-enhancements-create-list-btn.btn-secondary[disabled][class*="icon"]:after, .product-list-enhancements-create-list-btn.btn-secondary[disabled][class*="icon"]:before { opacity: 1; box-shadow: 0px 0px 0px 1px #E4E5E7; position: absolute; } .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):after, .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):before, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon"]:after, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon"]:before { transition: width 200ms, height 200ms, opacity 300ms; opacity: 1; box-shadow: 0px 0px 0px 1px #B0A381; position: absolute; transform-origin: center center; } .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):after, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon"]:after { width: calc(100% - (1px * 2)); height: calc(100% - (1px * 2)); } .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):before, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon"]:before { width: calc(100% - 8px - (1px * 2)); height: calc(100% - 8px - (1px * 2)); } .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):active:before, .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):hover:before, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon"]:active:before, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon"]:hover:before { width: calc(100%); height: calc(100%); } .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):active:after, .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):active:before, .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):hover:after, .product-list-enhancements-create-list-btn.btn-secondary:not([class*="icon"]):hover:before, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon"]:active:after, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon"]:active:before, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon"]:hover:after, .product-list-enhancements-create-list-btn.btn-secondary[class*="icon"]:hover:before { opacity: 0; } .consent-drawer { position: fixed; display: block; align-items: center; bottom: 0; width: 100%; min-height: 85px; z-index: 2147483601; background-color: #F2F1F0; border-top: 1px solid #B0A381; } @media (min-width: 769px) { .consent-drawer { display: flex; } } .consent-drawer p { margin: 4px; font-size: 12px; line-height: 12px; } .consent-drawer .consent-text-wrapper { display: block; width: 100%; padding: 10px 0 10px 14px; } @media (min-width: 769px) { .consent-drawer .consent-text-wrapper { width: auto; display: inline-block; padding: 16px; } } .consent-drawer .consent-button-wrapper { display: block; width: 100%; text-align: center; padding-bottom: 10px; } .consent-drawer .consent-button-wrapper button { width: 50%; } @media (min-width: 769px) { .consent-drawer .consent-button-wrapper { display: inline-block; width: auto; padding: 0 8px; } .consent-drawer .consent-button-wrapper button { width: auto; } } .flex-grid-wrapper .grid-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-family: var(--h1-font, "Gambetta", serif); font-feature-settings: "cpsp"; font-size: calc(var(--h1-mobile-size, 42px) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } @media (min-width: 769px) { .flex-grid-wrapper .grid-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--h1-tablet-size, var(--h1-mobile-size, 42px)) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } @media (min-width: 1024px) { .flex-grid-wrapper .grid-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom) { font-size: calc(var(--h1-desktop-size, 54px) + 0px); line-height: var(--h1-mobile-size, 42px); font-weight: 500; letter-spacing: -0.02em; text-transform: none; font-style: normal; } } .flex-grid-wrapper .grid-title:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.b1):not(.b2):not(.b3):not(.b4):not(.custom).text-decoration-none * { text-decoration: none; } .flex-grid-wrapper .flex-grid { display: flex; flex-flow: row wrap; } .flex-grid-wrapper .flex-grid .flex-grid-item { position: relative; display: flex; flex-flow: row wrap; margin-bottom: 32px; } @media (min-width: 1440px) { .flex-grid-wrapper .flex-grid .flex-grid-item { margin-bottom: 48px; } } .flex-grid-wrapper .flex-grid .flex-grid-item > * { width: 100%; } .flex-grid-wrapper .flex-grid.no-gutters .row { padding-left: 0; padding-right: 0; } .flex-grid-wrapper .flex-grid.no-gutters .flex-grid-item { margin-bottom: 0; } /*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */ .pswp { --pswp-bg: rgba(0, 0, 0, 0.5); --pswp-placeholder-bg: #091010; --pswp-root-z-index: 100000; --pswp-preloader-color: rgba(9, 16, 16, 0.5); --pswp-preloader-color-secondary: #091010; --pswp-icon-color: #FFFFFF; --pswp-icon-color-secondary: #091010; --pswp-icon-stroke-color: #091010; --pswp-icon-stroke-width: 2px; --pswp-error-text-color: var(--pswp-icon-color); /* defined via js: --pswp-transition-duration: 333ms}; */ } /* Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions) */ .pswp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--pswp-root-z-index); display: none; touch-action: none; outline: 0; opacity: 0.003; contain: layout style size; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Prevents focus outline on the root element, (it may be focused initially) */ .pswp:focus { outline: 0; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--open { display: block; } .pswp, .pswp__bg { transform: translateZ(0); will-change: opacity; } .pswp__bg { opacity: 0.005; background: var(--pswp-bg); } .pswp, .pswp__scroll-wrap { overflow: hidden; } .pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item, .pswp__content, .pswp__img, .pswp__zoom-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pswp__img, .pswp__zoom-wrap { width: auto; height: auto; background-color: #FFFFFF; } .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img { cursor: zoom-in; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img { cursor: move; cursor: -webkit-grab; cursor: grab; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active { cursor: -webkit-grabbing; cursor: grabbing; } /* :active to override grabbing cursor */ .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img { cursor: zoom-out; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img, .pswp__button, .pswp__counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__item { /* z-index for fade transition */ z-index: 1; overflow: hidden; } .pswp__hidden { display: none !important; } /* Allow to click through pswp__content element, but not its children */ .pswp__content { pointer-events: none; display: flex; align-items: center; } .pswp__content > * { display: flex; justify-content: center; margin: 0 auto; overflow: hidden; align-items: center; max-width: calc(100vw); max-height: calc(100vh); } @media (min-width: 769px) { .pswp__content > * { max-width: calc(100vw - 64px); max-height: calc(100vh - 64px); } } @media (min-width: 1024px) { .pswp__content > * { max-width: calc(100vw - 96px); max-height: calc(100vh - 96px); } } .pswp__content > * .experience-component { width: calc(100vw); } @media (min-width: 769px) { .pswp__content > * .experience-component { width: calc(100vw - 64px); } } @media (min-width: 1024px) { .pswp__content > * .experience-component { width: calc(100vw - 96px); } } .pswp__content .video-thumbnail { display: none !important; pointer-events: none; visibility: hidden; opacity: 0; z-index: -1; } .pswp__zoom-wrap .video-container.aspect-ratio-16-9 .video-player { width: calc(100vw); height: calc(100vw * (9/16)); padding: 2vw 3vw; } @media (max-width: 768.98px) { .pswp__zoom-wrap .video-container.aspect-ratio-16-9 .video-player { top: 50%; transform: translateY(-50%); } } @media (min-width: 769px) { .pswp__zoom-wrap .video-container.aspect-ratio-16-9 .video-player { width: calc(100vw - 64px); height: calc((100vw - 64px) * (9/16)); transform: translateY(calc(50vh - (((100vw - 64px) * (9 / 16) / 2)))) translateX(calc(64px / 2)); } } @media (min-width: 1024px) { .pswp__zoom-wrap .video-container.aspect-ratio-16-9 .video-player { width: calc(100vw - 96px); height: calc((100vw - 96px) * (9/16)); transform: translateY(calc(50vh - (((100vw - 96px) * (9 / 16) / 2)))) translateX(calc(96px / 2)); } } .pswp__content > * { pointer-events: auto; } /* PhotoSwipe UI Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg-container { display: grid; } .pswp__error-msg { margin: auto; font-size: 1em; line-height: 1; color: var(--pswp-error-text-color); } /* class pswp__hide-on-close is applied to elements that should hide (for example fade out) when PhotoSwipe is closed and show (for example fade in) when PhotoSwipe is opened */ .pswp .pswp__hide-on-close { opacity: 0.005; will-change: opacity; transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1); z-index: 10; /* always overlap slide content */ pointer-events: none; /* hidden elements should not be clickable */ } /* class pswp--ui-visible is added when opening or closing transition starts */ .pswp--ui-visible .pswp__hide-on-close { opacity: 1; pointer-events: auto; } /* bullets */ .pswp__bullets-indicator { display: flex; flex-direction: row; align-items: center; position: absolute; bottom: 12px; left: 50%; transform: translate(-50%, 0); } .pswp__bullet { width: 12px; height: 12px; border-radius: 12px; margin: 10px 5px 10px 5px; } .pswp__bullet:focus { outline: none; } .pswp__bullet:after { content: ''; display: flex; width: 12px; height: 12px; background: #F2F1F0; border: none; border-radius: 50%; } .pswp__bullet--active:after { background: #091010; border: none; transform: scale(1); } /*