/*!********************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/normalize.css/normalize.css ***! \********************************************************************************************/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*!*****************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/swiper-bundle.css ***! \*****************************************************************************************/ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /*!*******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/style.scss ***! \*******************************************************************************************************************************************************/ /* 3rd party packages */ /* SASS and Global'ish Stuff */ :root { /* colors */ --black: #000000; --white: #FFFFFF; --pink: #FED3E4; --grey: rgba(255,255,255,0.3); --darkgrey: rgba(0,0,0,0.5); --error: rgba(255,0,0,1); /* typo */ --fs-xxl: 18vw; --lh-xxl: 0.85; --fs-xl: 18vw; --lh-xl: 0.85; --fs-l: 3rem; --lh-l: 0.89; --fs-m: 2.3125rem; --lh-m: 1.27; --fs-s: 1.625rem; --lh-s: 1.23; --fs-xs: 1rem; --lh-xs: 1; --fs-xxs: 0.875rem; --lh-xxs: 1.57; --ls: -0.01em; --letterspacing: -0.05em; /* spaces */ --mg-xl: 6.25rem; --mg-l: 3.75rem; --mg-ml: 1.875rem; --mg-m: 1.25rem; --mg-sm: 0.9375rem; --mg-s: 0.625rem; --mg-xs: 0.3125rem; --pageMargin: 0.625rem; /* fullwidth */ --fullwidth-mg: calc(var(--pageMargin) * -1); --fullwidth-width: calc(100% + (var(--pageMargin) * 2)); --fullwidth-pad: var(--pageMargin); /* borders */ --defaultBorder: 1px solid; --thickBorder: 2px solid; --borderRadius: 5em; /* Btns */ --buttonPadding: 0.5em 0.7em; /* Grid */ --mobileGrid: repeat(4, 1fr); --mobileGridGap: 0.625rem; --desktopGrid: repeat(12, 1fr); --desktopGridGap: 1.25rem; /* Burger */ --burgerWidth: 2.5rem; --burgerHeight: 1.25rem; --burgerThickness: 2px; /* Transitions */ --medium-transition: 0.3s all ease; } @media (min-width: 768px) { :root { /* spaces */ --pageMargin: 1.25rem; } } @media (min-width: 960px) { :root { /* typo */ --fs-xxl: 9.3vw; --lh-xxl: 0.9; --fs-xl: 6rem; --lh-xl: 0.9; } } html { font-size: 16px; margin: 0 0.625rem; margin: 0 var(--pageMargin); padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 325px) { html { font-size: 14px; } } body { /* Default Font Settings and Optimazation */ color: #000000; background-color: #FED3E4; background-color: var(--pink); font-family: "Ginto", sans-serif; -webkit-font-kerning: normal; font-kerning: normal; -webkit-font-variant-ligatures: common-ligatures contextual; font-variant-ligatures: common-ligatures contextual; -ms-font-feature-settings: "kern", "liga", "clig", "calt"; -webkit-font-feature-settings: "kern", "liga", "clig", "calt"; font-feature-settings: "kern", "liga", "clig", "calt", "kern", common-ligatures contextual; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } body.woocommerce-page { color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); } body.woocommerce-page a { color: #FFFFFF; color: var(--white); } body.woocommerce-page .btn, body.woocommerce-page .woocommerce a.button, .woocommerce body.woocommerce-page a.button, body.woocommerce-page .woocommerce button.button, .woocommerce body.woocommerce-page button.button { border: 1px solid #FFFFFF; border: 1px solid var(--white); } body.woocommerce-page .btn:hover, body.woocommerce-page .woocommerce a.button:hover, .woocommerce body.woocommerce-page a.button:hover, body.woocommerce-page .woocommerce button.button:hover, .woocommerce body.woocommerce-page button.button:hover { color: #000000; color: var(--black); background-color: #FFFFFF; background-color: var(--white); } body.woocommerce-page .site-header__nav__home { color: #000000; color: var(--black); } body.woocommerce-page .site-header__nav__links li a { color: #000000; color: var(--black); border: 1px solid #000000; border: 1px solid var(--black); } .main { margin-bottom: auto; } .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } img { max-width: 100%; } button { color: #000000; color: var(--black); } a { color: #000000; color: var(--black); text-decoration: none; } a:hover { text-decoration: underline; } figure { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { word-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -ms-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } h1 { font-size: 18vw; font-size: var(--fs-xl); line-height: 0.85; line-height: var(--lh-xl); letter-spacing: -0.01em; letter-spacing: var(--ls); text-transform: uppercase; } @media only screen and (min-width: 960px) { body.woocommerce-page .site-header__nav__home { color: #FFFFFF; color: var(--white); } body.woocommerce-page .site-header__nav__links li a { color: #FFFFFF; color: var(--white); border: 1px solid #FFFFFF; border: 1px solid var(--white); } } .min-list { padding: 0; margin: 0; } .min-list li { list-style: none; } .hide-desktop { display: inherit; } .hide-mobile { display: none !important; } .noWrap { white-space: nowrap; } .td { text-decoration: underline; } .no-td:hover { text-decoration: none; } .no-btn { background: none !important; padding: 0 !important; } .no-btn { font-family: inherit; font-size: 100%; line-height: 1; margin: 0; border: none; cursor: pointer; display: block; width: 100%; text-align: left; } .btn, .woocommerce a.button, .woocommerce button.button { text-decoration: none !important; } .btn, .woocommerce a.button, .woocommerce button.button { display: inline-block; text-align: center; text-transform: uppercase; font-weight: 800; border: 1px solid #000000; border: 1px solid var(--black); border-radius: 10em; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; padding: 0.5em 0.7em; padding: var(--buttonPadding); } .btn:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); } .btn:active, .woocommerce a.button:active, .woocommerce button.button:active { color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); } .content__container { padding-bottom: 3.75rem; padding-bottom: var(--mg-l); } .content__container h1 { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); letter-spacing: -0.01em; letter-spacing: var(--ls); text-transform: uppercase; margin-top: 3.75rem; margin-top: var(--mg-l); margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .content__container h2 { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); letter-spacing: -0.01em; letter-spacing: var(--ls); text-transform: uppercase; margin-bottom: 0.3125rem; margin-bottom: var(--mg-xs); margin-top: 1.25rem; margin-top: var(--mg-m); } .content__container h3 { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); letter-spacing: -0.01em; letter-spacing: var(--ls); margin-bottom: 0.3125rem; margin-bottom: var(--mg-xs); margin-top: 1.25rem; margin-top: var(--mg-m); } .content__container p { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .content__container ul { padding: 0; margin: 1.25rem 0; margin: var(--mg-m) 0; } .content__container ul li { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .cookie-notice-container { font-size: 1rem !important; font-size: var(--fs-xs) !important; } .cookie-notice-container { font-family: "Ginto", sans-serif; padding: 0.625rem; padding: var(--mg-s); } .cookie-notice-container .cn-close-icon { color: #FFFFFF; color: var(--white); } .cookie-notice-container .cn-close-icon:before { background-color: #FFFFFF; background-color: var(--white); } .cookie-notice-container .cn-close-icon:after { background-color: #FFFFFF; background-color: var(--white); } .cookie-notice-container .ww-cookie__button { background-color: #FED3E4; background-color: var(--pink); color: #000000; color: var(--black); font-weight: 400; } .cookie-notice-container .cn-more-info { text-decoration: underline !important; } .cookie-notice-container .cn-more-info { background: #000000; background: var(--black); color: white; } .cookie-notice-container .cn-button { margin-left: 0.625rem !important; margin-left: var(--mg-s) !important; } .select2-container .select2-dropdown { background-color: #FED3E4; background-color: var(--pink); } .select2-container .select2-search--dropdown .select2-search__field { border: 1px solid #000000; border: var(--defaultBorder) var(--black); } .select2-results__option { color: #000000; color: var(--black); } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #000000; background-color: var(--black); color: #FFFFFF; color: var(--white); } .select2-container--open .select2-dropdown { left: 0.625rem; left: var(--pageMargin); border-radius: 5px; } @media (min-width: 960px) { .hide-desktop { display: none; } .hide-mobile { display: inherit !important; } .content { grid-column: 6/11; } .content__container { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 0.625rem; grid-column-gap: var(--mg-s); } .content__container h1 { margin-top: 0; margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } } /* BEM Blocks */ .site-header { position: sticky; top: 0; z-index: 999; } .site-header__nav { margin-left: calc(0.625rem * -1); margin-left: var(--fullwidth-mg); width: calc(100% + (0.625rem * 2)); width: var(--fullwidth-width); padding: 0.625rem; padding: var(--fullwidth-pad); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #FFFFFF; background-color: var(--white); } .site-header__nav__home { display: inline-block; font-size: 1rem; line-height: 0.85; font-weight: 900; text-transform: uppercase; color: #000000; color: var(--black); } .site-header__nav__links { position: absolute; width: 100%; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translate(-150%, 150%); transform: translate(-150%, 150%); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-transition: var(--medium-transition); transition: var(--medium-transition); } .site-header__nav__links li { margin-right: 1.25rem; margin-right: var(--mg-m); } .site-header__nav__links li a { font-size: 1rem; font-size: var(--fs-xs); background-color: #FFFFFF; background-color: var(--white); } .site-header__nav__links li:last-child { margin-right: 0; } .site-header__nav__links.open { -webkit-transform: translate(0, 150%); transform: translate(0, 150%); } .site-header__nav__cart { position: relative; display: inline-block; margin-right: calc((2 * 0.625rem + 1rem) * 0.6); margin-right: calc((2 * var(--mg-s) + var(--fs-xs)) * 0.6); padding: 0.3125rem 0.625rem; padding: var(--mg-xs) var(--mg-s); background-color: #FED3E4; background-color: var(--pink); border-radius: 5em; border-radius: var(--borderRadius); border: 1px solid #000000; border: var(--defaultBorder) var(--black); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-transition: var(--medium-transition); transition: var(--medium-transition); } .site-header__nav__cart .cart__icon { display: block; width: 1.375rem; height: 1.375rem; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-transition: var(--medium-transition); transition: var(--medium-transition); } .site-header__nav__cart .cart__indicator { color: #000000 !important; color: var(--black) !important; } .site-header__nav__cart .cart__indicator { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -60%; padding: 0.3125rem 0.625rem; padding: var(--mg-xs) var(--mg-s); background-color: #FED3E4; background-color: var(--pink); border-radius: 5em; border-radius: var(--borderRadius); border: 1px solid #000000; border: var(--defaultBorder) var(--black); font-size: 1rem; font-size: var(--fs-xs); font-weight: 900; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-transition: var(--medium-transition); transition: var(--medium-transition); } .site-header__nav__cart:hover { background-color: #000000; background-color: var(--black); border: 1px solid #FFFFFF; border: var(--defaultBorder) var(--white); } .site-header__nav__cart:hover .cart__icon { -webkit-filter: invert(100); filter: invert(100); } .site-header__nav__cart:hover .cart__indicator { color: #FFFFFF !important; color: var(--white) !important; } .site-header__nav__cart:hover .cart__indicator { background-color: #000000; background-color: var(--black); border-color: #FFFFFF; border-color: var(--white); } .site-header__burger__trigger { position: relative; height: calc(1.25rem + 2px / 2 * 3); height: calc(var(--burgerHeight) + var(--burgerThickness) / 2 * 3); width: 2.5rem; width: var(--burgerWidth); } .site-header__burger__text { visibility: hidden; opacity: 0; display: none; } .site-header__burger { z-index: 10; cursor: pointer; height: 100%; width: 100%; } .site-header__burger span, .site-header__burger span:after, .site-header__burger span:before { background: #000000; background: var(--black); display: block; height: 2px; height: var(--burgerThickness); opacity: 1; position: absolute; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-transition: var(--medium-transition); transition: var(--medium-transition); } .site-header__burger span:after, .site-header__burger span:before { content: ""; } .site-header__burger span { right: 0; top: 0; width: 2.5rem; width: var(--burgerWidth); } .site-header__burger span:before { left: 0; top: calc(1.25rem / 2); top: calc(var(--burgerHeight) / 2); width: 2.5rem; width: var(--burgerWidth); } .site-header__burger span:after { left: 0; top: 1.25rem; top: var(--burgerHeight); width: 2.5rem; width: var(--burgerWidth); } .site-header__burger.close span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: calc(1.25rem / 2); top: calc(var(--burgerHeight) / 2); width: 2.5rem; width: var(--burgerWidth); } .site-header__burger.close span:before { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 2.5rem; width: var(--burgerWidth); } .site-header__burger.close span:after { top: 0; left: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; width: 0; } @media only screen and (min-width: 960px) { .site-header { position: relative; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .site-header__nav { padding: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background-color: transparent; } .site-header__nav__home { position: fixed; top: 0.625rem; top: var(--pageMargin); left: 0.625rem; left: var(--pageMargin); font-size: 1.625rem; font-size: var(--fs-s); line-height: 0.8; letter-spacing: -0.05em; letter-spacing: var(--letterspacing); } .site-header__nav__links { position: relative; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding-top: 0.625rem; padding-top: var(--pageMargin); margin-right: 10rem; } .site-header__nav__links li a { background-color: transparent; } .site-header__nav__cart { position: fixed; top: 0.625rem; top: var(--pageMargin); right: calc(0.625rem + 1.25rem + 1rem); right: calc(var(--pageMargin) + var(--mg-m) + var(--fs-xs)); margin-right: 0; padding: 0.625rem 1.25rem; padding: var(--mg-s) var(--mg-m); } .site-header__nav__cart .cart__icon { display: block; width: 2rem; height: 2rem; } .site-header__nav__cart .cart__indicator { position: absolute; top: 25%; right: -50%; padding: 0.625rem 1.25rem; padding: var(--mg-s) var(--mg-m); font-size: 1rem; font-size: var(--fs-xs); } .site-header__burger__trigger { display: none; } } .site-footer { margin-left: calc(0.625rem * -1); margin-left: var(--fullwidth-mg); width: calc(100% + (0.625rem * 2)); width: var(--fullwidth-width); padding: 0.625rem; padding: var(--fullwidth-pad); background-color: #FED3E4; background-color: var(--pink); color: #000000; color: var(--black); padding: 1.25rem 0.625rem; padding: var(--mg-m) var(--pageMargin); border-top: 1px solid #000000; border-top: 1px solid var(--black); } .site-footer a { color: #000000 !important; color: var(--black) !important; } .site-footer__links { text-transform: uppercase; font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); font-weight: 800; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .site-footer__links li { margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .site-footer__links li:last-of-type { margin-bottom: 0; } .site-footer__kontakt { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .site-footer__kontakt h3 { text-transform: uppercase; font-weight: 800; font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .site-footer__kontakt address { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); font-style: normal; } .site-footer__some { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .site-footer__some h3 { text-transform: uppercase; font-weight: 800; font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .site-footer__eps { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .site-footer__copyright { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); color: rgba(0, 0, 0, 0.5); } @media (min-width: 960px) { .site-footer { display: -webkit-box; display: -ms-flexbox; display: flex; padding: calc(1.25rem * 2) 0.625rem; padding: calc(var(--mg-m) * 2) var(--pageMargin); } .site-footer__links__container { margin-left: auto; } .site-footer__kontakt { margin: 0; margin-right: 1.25rem; margin-right: var(--mg-m); } .site-footer__kontakt h3 { margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .site-footer__some { margin: 0; margin-right: 1.25rem; margin-right: var(--mg-m); } .site-footer__some h3 { margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } } .frontpage__title { display: block; margin-top: calc(1.25rem + 0.625rem); margin-top: calc(var(--mg-m) + var(--mg-s)); margin-bottom: calc(1.25rem + 0.625rem); margin-bottom: calc(var(--mg-m) + var(--mg-s)); } .frontpage__title h1 { font-size: 25.8vw; font-weight: 800; line-height: 0.8; letter-spacing: -0.025em; text-transform: uppercase; } @media only screen and (min-width: 960px) { .frontpage__title { margin-top: 0; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); } .frontpage__title h1 { font-size: 18vw; letter-spacing: -0.05em; } } /* WooCommerce */ .woocommerce button.button { margin: 0; } .woocommerce button.button.alt { font-size: 1rem; font-size: var(--fs-xs); line-height: 1; color: #000000; color: var(--black); background-color: #FED3E4; background-color: var(--pink); border: 1px solid #000000; border: var(--defaultBorder) var(--black); } .woocommerce button.button.alt.disabled { font-size: 1rem; font-size: var(--fs-xs); line-height: 1; color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); border: 1px solid #FFFFFF; border: var(--defaultBorder) var(--white); padding: 0.5em 0.7em; padding: var(--buttonPadding); } .woocommerce button.button.alt.disabled:hover { color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); border: 1px solid #FFFFFF; border: var(--defaultBorder) var(--white); } .woocommerce button.button.alt:hover { color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); border: 1px solid #FFFFFF; border: var(--defaultBorder) var(--white); } .woocommerce a.button { margin: 0; } .woocommerce a.button.alt { font-size: 1rem; font-size: var(--fs-xs); line-height: 1; color: #000000; color: var(--black); background-color: #FED3E4; background-color: var(--pink); border: 1px solid #000000; border: var(--defaultBorder) var(--black); } .woocommerce a.button.alt.disabled { font-size: 1rem; font-size: var(--fs-xs); line-height: 1; color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); border: 1px solid #FFFFFF; border: var(--defaultBorder) var(--white); padding: 0.5em 0.7em; padding: var(--buttonPadding); } .woocommerce a.button.alt.disabled:hover { color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); border: 1px solid #FFFFFF; border: var(--defaultBorder) var(--white); } .woocommerce a.button.alt:hover { color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); border: 1px solid #FFFFFF; border: var(--defaultBorder) var(--white); } .woocommerce ul.products li.product .button { margin-top: 0; } .woocommerce .products ul, .woocommerce ul.products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: var(--defaultBorder) var(--grey); margin: 0; padding: 1.25rem 0; padding: var(--mg-m) 0; } .woocommerce ul.products[class*=columns-] li.product .out-of-stock, .woocommerce .woocommerce-page ul.products[class*=columns-] li.product .out-of-stock { display: none; } .woocommerce ul.products li.product a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .woocommerce ul.products li.product a .woocommerce-loop-product__title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); text-transform: uppercase; margin-bottom: 0.3125rem; margin-bottom: var(--mg-xs); padding: 0; } .woocommerce ul.products li.product a img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); aspect-ratio: 1/1; -o-object-fit: contain; object-fit: contain; } .woocommerce ul.products li.product a span.price { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; display: inline-block; color: #FFFFFF; color: var(--white); font-weight: 900; margin-bottom: 0; font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.57; line-height: var(--lh-xxs); } .woocommerce ul.products li.product a p { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.57; line-height: var(--lh-xxs); margin-bottom: 0; text-transform: uppercase; } .woocommerce ul.products li.product a .out-of-stock--custom { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: inline-block; padding: 0.3125rem 0.3125rem; padding: var(--mg-xs) var(--mg-xs); margin-bottom: 0.3125rem; margin-bottom: var(--mg-xs); font-size: 1.625rem; font-size: var(--fs-s); font-weight: 800; line-height: 1; line-height: var(--lh-xs); text-transform: uppercase; text-align: center; background-color: #FED3E4; background-color: var(--pink); color: #000000; color: var(--black); } .woocommerce ul.products li.product, .woocommerce .woocommerce-page ul.products li.product { float: none; float: initial; margin: 0; padding: 0; width: 100%; } .woocommerce .product .button { margin-top: 0; } .woocommerce .product > .variations { width: 100%; } .woocommerce .product > .cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce .product > .cart.variations_form .variations { width: 100%; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .woocommerce .product > .cart.variations_form .variations tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .woocommerce .product > .cart.variations_form .variations tr th { width: auto; font-size: 0.875rem; font-size: var(--fs-xxs); font-weight: 900; line-height: 1.57; line-height: var(--lh-xxs); text-transform: uppercase; margin-right: 0.625rem; margin-right: var(--mg-s); } .woocommerce .product > .cart.variations_form .variations select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; outline: none; padding: 0 1em 0 0; margin: 0; width: 100%; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: auto; max-width: 30ch; color: #000000; color: var(--black); background-color: #FED3E4; background-color: var(--pink); border: 1px solid #FED3E4; border: var(--defaultBorder) var(--pink); border-radius: 5em; padding: 0.5em 0.7em; padding: var(--buttonPadding); font-size: 0.875rem; font-size: var(--fs-xxs); font-weight: 900; line-height: 1; text-transform: uppercase; text-align: center; cursor: pointer; } .woocommerce .product > .cart.variations_form .variations select::-ms-expand { display: none; } .woocommerce .product > .cart.variations_form .variations select::after { position: absolute; right: 0; top: 0; content: ""; width: 0.8em; height: 0.5em; background-color: #000000; background-color: var(--black); -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%); clip-path: polygon(100% 0%, 0 0%, 50% 100%); } .woocommerce .product .variations_form.cart .single_variation_wrap .woocommerce-variation.single_variation { display: none !important; } .woocommerce .quantity .qty { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; width: 3ch; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.5em 0.7em; padding: var(--buttonPadding); padding-left: 0; padding-right: 0; margin: 0; font-size: 0.875rem; font-size: var(--fs-xxs); font-weight: 900; text-align: center; background: #FED3E4; background: var(--pink); color: #000000; color: var(--black); border-radius: 0; border: 0; } .woocommerce div.product form.cart div.quantity { margin: 0; } .woocommerce .quantity__selector__wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 0.625rem; margin-right: var(--mg-s); } .woocommerce .quantity__selector__wrapper .minus, .woocommerce .quantity__selector__wrapper .plus { background: #FED3E4; background: var(--pink); color: #000000; color: var(--black); height: auto; padding: 0.5em 0.7em; padding: var(--buttonPadding); outline: 0; border: none; font-size: 0.875rem; font-size: var(--fs-xxs); text-align: center; font-weight: 900; cursor: pointer; } .woocommerce .quantity__selector__wrapper .minus { border-radius: 5em 0 0 5em; border-right: 1px solid; border-right: var(--defaultBorder); } .woocommerce .quantity__selector__wrapper .plus { border-radius: 0 5em 5em 0; border-left: 1px solid; border-left: var(--defaultBorder); } .woocommerce input::-webkit-outer-spin-button, .woocommerce input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce .products.related { border-top: 2px solid #FFFFFF; border-top: var(--thickBorder) var(--white); padding-top: 1.875rem; padding-top: var(--mg-ml); margin-top: 6.25rem; margin-top: var(--mg-xl); } .woocommerce .products.related h2 { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); font-weight: 900; text-transform: uppercase; } .woocommerce .products.related .products { margin-top: 1.875rem; margin-top: var(--mg-ml); } .woocommerce .back-to-shop.related { display: block; margin: 1.875rem 0; margin: var(--mg-ml) 0; font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); font-weight: 900; text-transform: uppercase; text-align: right; } .woocommerce div.product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .woocommerce div.product div.images.woocommerce-product-gallery { padding-top: 1.25rem; padding-top: var(--mg-m); margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .woocommerce div.product div.summary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 1.25rem; margin-top: var(--mg-m); margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .woocommerce div.product div.summary .product_title { margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .woocommerce div.product div.summary p.price { color: #FFFFFF; color: var(--white); font-weight: 900; margin-bottom: 0.3125rem; margin-bottom: var(--mg-xs); font-size: 2.3125rem; font-size: var(--fs-m); line-height: 1.27; line-height: var(--lh-m); } .woocommerce div.product div.summary p.price span.price { color: #FFFFFF; color: var(--white); font-weight: 900; margin-bottom: 0.3125rem; margin-bottom: var(--mg-xs); font-size: 2.3125rem; font-size: var(--fs-m); line-height: 1.27; line-height: var(--lh-m); } .woocommerce div.product div.summary p.out-of-stock { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; display: inline-block; padding: 0.3125rem 0.3125rem; padding: var(--mg-xs) var(--mg-xs); margin-bottom: 0.3125rem; margin-bottom: var(--mg-xs); font-size: 1.625rem; font-size: var(--fs-s); font-weight: 800; line-height: 1; line-height: var(--lh-xs); text-transform: uppercase; text-align: center; background-color: #FED3E4; background-color: var(--pink); color: #000000; color: var(--black); } .woocommerce div.product div.summary form.cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding-bottom: 1.25rem; padding-bottom: var(--mg-m); border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: var(--defaultBorder) var(--grey); } .woocommerce div.product div.summary form.cart .quantity__selector__wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce div.product div.summary .variations_form .woocommerce-variation-add-to-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce div.product div.summary .variations_form .woocommerce-variation-add-to-cart .quantity__selector__wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .woocommerce div.product div.summary .variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce div.product div.summary .full-description { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .woocommerce div.product div.summary .ingredients-list { margin-top: 3.75rem; margin-top: var(--mg-l); font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.57; line-height: var(--lh-xxs); text-transform: uppercase; } .woocommerce div.product .variations_form .variations { width: 100%; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .woocommerce div.product .variations_form .variations tr { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce div.product .variations_form .variations tr th { width: auto; font-size: 0.875rem; font-size: var(--fs-xxs); font-weight: 900; line-height: 1.57; line-height: var(--lh-xxs); text-align: left; text-transform: uppercase; margin-right: 0.625rem; margin-right: var(--mg-s); } .woocommerce div.product .variations_form .variations select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; outline: none; padding: 0 1em 0 0; margin: 0; width: 100%; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: auto; max-width: 30ch; color: #000000; color: var(--black); background-color: #FED3E4; background-color: var(--pink); border: 1px solid #FED3E4; border: var(--defaultBorder) var(--pink); border-radius: 5em; padding: 0.5em 0.7em; padding: var(--buttonPadding); font-size: 0.875rem; font-size: var(--fs-xxs); font-weight: 900; line-height: 1; text-transform: uppercase; text-align: center; cursor: pointer; } .woocommerce div.product .variations_form .variations select::-ms-expand { display: none; } .woocommerce div.product .variations_form .variations select::after { position: absolute; right: 0; top: 0; content: ""; width: 0.8em; height: 0.5em; background-color: #000000; background-color: var(--black); -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%); clip-path: polygon(100% 0%, 0 0%, 50% 100%); } .woocommerce .cart-collaterals { padding-top: 1.25rem; padding-top: var(--mg-m); border-top: 2px solid #FFFFFF; border-top: var(--thickBorder) var(--white); } .woocommerce .cart-collaterals .cart_totals { width: 100%; } .woocommerce .cart-collaterals .cart_totals h2 { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); text-transform: uppercase; } .woocommerce .cart-collaterals .cart_totals table { margin: 0; } .woocommerce .cart-collaterals .cart_totals table .cart-subtotal { display: none; } .woocommerce .cart-collaterals .cart_totals table .shipping { display: none; } .woocommerce .cart-collaterals .cart_totals table .order-tax { display: none; } .woocommerce .cart-collaterals .cart_totals .order-total th { display: none; } .woocommerce .cart-collaterals .cart_totals .order-total td { text-align: left !important; } .woocommerce .cart-collaterals .cart_totals .order-total td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; padding-top: 1.25rem; padding-top: var(--mg-m); border-top: none; background-color: transparent; } .woocommerce .cart-collaterals .cart_totals .order-total td .woocommerce-Price-amount { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); text-transform: uppercase; text-align: left; } .woocommerce .cart-collaterals .cart_totals .order-total td .includes_tax { font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.57; line-height: var(--lh-xxs); color: #FFFFFF; color: var(--white); } .woocommerce .cart-collaterals .cart_totals .order-total td .includes_tax .woocommerce-Price-amount { font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.57; line-height: var(--lh-xxs); color: #FFFFFF; color: var(--white); } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 6.25rem; margin-top: var(--mg-xl); } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .proceed-to-checkout-note { margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .proceed-to-checkout-note p { font-size: 1rem; font-size: var(--fs-xs); line-height: 1.27; line-height: var(--lh-m); } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .proceed-to-checkout-note p a { text-decoration: underline; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button { padding: 0.5em 0.7em !important; padding: var(--buttonPadding) !important; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button { font-size: 1.625rem; font-size: var(--fs-s); margin: 0; background-color: #FFFFFF; background-color: var(--white); -ms-flex-item-align: center; align-self: center; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover { color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); border-color: #FFFFFF; border-color: var(--white); } .woocommerce .cart-collaterals .shop_table { border: none; } .woocommerce button[name=update_cart], .woocommerce input[name=update_cart] { display: none !important; } .woocommerce table.shop_table_responsive { max-width: 100%; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .woocommerce table.shop_table_responsive thead { display: none; } .woocommerce table.shop_table_responsive tr td::before { display: none; } .woocommerce table.shop_table_responsive .cart_item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1.25rem 0; padding: var(--mg-m) 0; border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: var(--defaultBorder) var(--grey); } .woocommerce table.shop_table_responsive .cart_item:nth-last-child(2) { border-bottom: none; } .woocommerce table.shop_table_responsive .cart_item td { text-align: left !important; } .woocommerce table.shop_table_responsive .cart_item td { padding: 0; } .woocommerce table.shop_table_responsive .cart_item .product-remove { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .woocommerce table.shop_table_responsive .cart_item .product-remove a.remove { color: #000000 !important; color: var(--black) !important; } .woocommerce table.shop_table_responsive .cart_item .product-remove a.remove { display: block; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); background-color: #FED3E4; background-color: var(--pink); border-radius: 5em; border-radius: var(--borderRadius); font-size: 1.75rem; font-weight: 500; } .woocommerce table.shop_table_responsive .cart_item .product-thumbnail { display: none; } .woocommerce table.shop_table_responsive .cart_item .product-name { width: 100%; text-transform: uppercase; } .woocommerce table.shop_table_responsive .cart_item .product-name__name { word-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -ms-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; } .woocommerce table.shop_table_responsive .cart_item .product-name a { display: inline-block; margin-bottom: 0.3125rem; margin-bottom: var(--mg-xs); font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); font-weight: 900; word-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -ms-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; } .woocommerce table.shop_table_responsive .cart_item .product-name .short-description { font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.57; line-height: var(--lh-xxs); } .woocommerce table.shop_table_responsive .cart_item .product-price { width: 100%; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.57; line-height: var(--lh-xxs); font-weight: 900; } .woocommerce table.shop_table_responsive .cart_item .product-quantity { margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce table.shop_table_responsive .cart_item .product-subtotal { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); font-weight: 900; } .woocommerce .checkout.woocommerce-checkout h3 { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); font-weight: 900; text-transform: uppercase; } .woocommerce .checkout.woocommerce-checkout .customer__details { width: 100%; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); padding-top: 0.625rem; padding-top: var(--mg-s); border-top: 2px solid #FFFFFF; border-top: var(--thickBorder) var(--white); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details { width: 100%; padding-top: 1.875rem; padding-top: var(--mg-ml); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 h3 { display: none; } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row { width: 100%; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row label { font-size: 1rem; font-size: var(--fs-xs); line-height: 1; line-height: var(--lh-xs); margin-bottom: 0.3125rem; margin-bottom: var(--mg-xs); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row label abbr { color: #FED3E4; color: var(--pink); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row span { border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: var(--defaultBorder) var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row span input { background-color: transparent; border: none; outline: none; font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); color: #FFFFFF; color: var(--white); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row span input::-webkit-input-placeholder { opacity: 1; color: rgba(255,255,255,0.3); color: var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row span input::-moz-placeholder { opacity: 1; color: rgba(255,255,255,0.3); color: var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row span input:-ms-input-placeholder { opacity: 1; color: rgba(255,255,255,0.3); color: var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row span input::-ms-input-placeholder { opacity: 1; color: rgba(255,255,255,0.3); color: var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row span input::placeholder { opacity: 1; color: rgba(255,255,255,0.3); color: var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper p.form-row span strong { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); color: #FFFFFF; color: var(--white); font-weight: 400; } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper #billing_state_field { display: none !important; } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 .woocommerce-billing-fields__field-wrapper #billing_country_field span { display: block; width: 100%; } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-shipping-fields { display: none; } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-additional-fields h3 { display: none; } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-additional-fields p.form-row { width: 100%; } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-additional-fields p.form-row label { font-size: 1rem; font-size: var(--fs-xs); line-height: 1; line-height: var(--lh-xs); margin-bottom: 0.3125rem; margin-bottom: var(--mg-xs); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-additional-fields p.form-row span textarea { background-color: transparent; border: 1px solid rgba(255,255,255,0.3); border: var(--defaultBorder) var(--grey); outline: none; padding: 0.3125rem; padding: var(--mg-xs); height: 10rem; font-size: 1rem; font-size: var(--fs-xs); line-height: 1.27; line-height: var(--lh-m); color: #FFFFFF; color: var(--white); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-additional-fields p.form-row span textarea::-webkit-input-placeholder { opacity: 1; color: rgba(255,255,255,0.3); color: var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-additional-fields p.form-row span textarea::-moz-placeholder { opacity: 1; color: rgba(255,255,255,0.3); color: var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-additional-fields p.form-row span textarea:-ms-input-placeholder { opacity: 1; color: rgba(255,255,255,0.3); color: var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-additional-fields p.form-row span textarea::-ms-input-placeholder { opacity: 1; color: rgba(255,255,255,0.3); color: var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-additional-fields p.form-row span textarea::placeholder { opacity: 1; color: rgba(255,255,255,0.3); color: var(--grey); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 .woocommerce-additional-fields p.form-row span strong { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); color: #FFFFFF; color: var(--white); font-weight: 400; } .woocommerce .checkout.woocommerce-checkout #order_review { width: 100%; margin-top: 1.875rem; margin-top: var(--mg-ml); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce .checkout.woocommerce-checkout #order_review_heading { width: 100%; padding-top: 0.625rem; padding-top: var(--mg-s); border-top: 2px solid #FFFFFF; border-top: var(--thickBorder) var(--white); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table { table-layout: fixed; border-collapse: collapse; margin-top: 1.25rem; margin-top: var(--mg-m); margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tr, .woocommerce .checkout.woocommerce-checkout #order_review .shop_table td { vertical-align: text-top; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table .product-name { padding-right: 1.25rem; padding-right: var(--mg-m); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table thead tr th { padding: 0; font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.23; line-height: var(--lh-s); font-weight: 900; text-transform: uppercase; padding-bottom: 1.25rem; padding-bottom: var(--mg-m); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table thead tr .product-name { width: 85%; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table thead tr .product-total { width: 15%; word-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -ms-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; display: none; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tbody td { padding: 0; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tbody .cart_item { border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: var(--defaultBorder) var(--grey); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tbody .cart_item td { font-size: 1rem; font-size: var(--fs-xs); line-height: 1.23; line-height: var(--lh-s); font-weight: 900; text-transform: uppercase; padding-top: 0.625rem; padding-top: var(--mg-s); padding-bottom: 0.625rem; padding-bottom: var(--mg-s); border: none; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tbody .cart_item td br { display: none; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tbody .cart_item .product-name { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tbody .cart_item .product-name__name { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 85%; flex-basis: 85%; padding-right: 0.625rem; padding-right: var(--mg-s); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tbody .cart_item .product-name__quantity { -ms-flex-preferred-size: 15%; flex-basis: 15%; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tbody .cart_item .product-name .shortDescription { display: none; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tbody .cart_item:last-of-type td { padding-bottom: 1.875rem; padding-bottom: var(--mg-ml); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot { border-top: 2px solid #FFFFFF; border-top: var(--thickBorder) var(--white); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot .cart-subtotal { display: none; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot .order-total td strong { font-size: 1rem; font-size: var(--fs-xs); line-height: 1.23; line-height: var(--lh-s); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot .order-total td small { font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.57; line-height: var(--lh-xxs); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot .order-tax th, .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot .order-tax td { font-weight: 400; text-transform: none; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot tr th { font-size: 1rem; font-size: var(--fs-xs); line-height: 1.23; line-height: var(--lh-s); font-weight: 900; text-transform: uppercase; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot tr th, .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot tr td { padding: 0; padding-top: 0.625rem; padding-top: var(--mg-s); } .woocommerce .checkout.woocommerce-checkout #order_review .payment__headline { width: 100%; padding-top: 0.625rem; padding-top: var(--mg-s); border-top: 2px solid #FFFFFF; border-top: var(--thickBorder) var(--white); } .woocommerce .checkout.woocommerce-checkout #order_review #order_payment_heading { display: none !important; } .woocommerce .checkout.woocommerce-checkout #order_review #payment { background-color: transparent; color: #FFFFFF; color: var(--white); width: 100%; margin-top: 1.875rem; margin-top: var(--mg-ml); } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods { padding: 0; padding-bottom: 1.25rem; padding-bottom: var(--mg-m); border-bottom: 1px solid transparent; border-bottom: var(--defaultBorder) transparent; } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods li > input { font-size: 1.625rem; font-size: var(--fs-s); width: 1em; height: 1em; margin: 0; margin-right: 0.625rem; margin-right: var(--mg-s); } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods li > label { font-size: 1.625rem; font-size: var(--fs-s); font-weight: 800; text-transform: uppercase; } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.payment_box { background-color: #FED3E4; background-color: var(--pink); border-radius: 1em; } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.payment_box::before { display: none; } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.payment_box .wc-credit-card-form label { font-size: 0.875rem; font-size: var(--fs-xxs); font-weight: 800; text-transform: uppercase; line-height: 1.2; color: #000000; color: var(--black); padding-bottom: 0.3125rem; padding-bottom: var(--mg-xs); } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.payment_box .wc-credit-card-form-card-number { width: 100% !important; outline: none !important; border: 1px solid !important; border: var(--defaultBorder) !important; } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.payment_box .wc-credit-card-form-card-expiry { width: 100% !important; outline: none !important; border: 1px solid !important; border: var(--defaultBorder) !important; } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.payment_box .wc-credit-card-form-card-cvc { width: 100% !important; outline: none !important; border: 1px solid !important; border: var(--defaultBorder) !important; } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.form-row.place-order { padding: 0; padding-top: 1.25rem; padding-top: var(--mg-m); } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.form-row.place-order .woocommerce-terms-and-conditions-wrapper { font-size: 1rem; font-size: var(--fs-xs); line-height: 1.23; line-height: var(--lh-s); } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.form-row.place-order .woocommerce-terms-and-conditions-wrapper a { text-decoration: underline; } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.form-row.place-order .woocommerce-terms-and-conditions-wrapper > p.form-row { margin-top: 1.25rem; margin-top: var(--mg-m); margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.form-row.place-order .woocommerce-terms-and-conditions-wrapper > p.form-row > label { line-height: 1.2; } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.form-row.place-order button.button { margin: 0 auto !important; padding: 0.5em 0.7em !important; padding: var(--buttonPadding) !important; } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.form-row.place-order button.button { float: none; font-size: 1.625rem; font-size: var(--fs-s); margin: 0; background-color: #FFFFFF; background-color: var(--white); -ms-flex-item-align: center; align-self: center; } .woocommerce .checkout.woocommerce-checkout #order_review #payment div.form-row.place-order button.button:hover { color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); border-color: #FFFFFF; border-color: var(--white); } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table__wrapper { background-color: transparent; color: #FFFFFF; color: var(--white); width: 100%; margin-top: 1.875rem; margin-top: var(--mg-ml); padding-bottom: 1.875rem; padding-bottom: var(--mg-ml); } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table .woocommerce-shipping-total th { display: none; } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li { margin: 0; } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li label { display: none; } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li .woocommerce-shipping-contents { display: none; } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li .pickup-location-address { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); margin: 0; margin-top: 1.25rem; margin-top: var(--mg-m); } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li .select2-container { max-width: 30ch; } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li .select2-container--default .select2-selection--single { height: auto; background-color: #FED3E4; background-color: var(--pink); border: 1px solid #FED3E4; border: var(--defaultBorder) var(--pink); border-radius: 5em; } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000000; color: var(--black); padding: 0.5em 0.7em; padding: var(--buttonPadding); font-size: 1rem; font-size: var(--fs-xs); line-height: 1; font-weight: bold; text-transform: uppercase; } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { color: rgba(0,0,0,0.5); color: var(--darkgrey); } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0.7em; height: 26px; width: 20px; } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 5px 5px 0 5px !important; } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li .select2-container--default .select2-selection--single .select2-selection__arrow b { margin: 0; border-color: #000000 transparent transparent transparent; border-color: var(--black) transparent transparent transparent; } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table #shipping_method li .pickup-location-field > em { display: none; } .woocommerce .checkout.woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder-legal { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; } .woocommerce .checkout.woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder-legal p.form-row { padding: 0; } .woocommerce .checkout.woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder-legal p.form-row label { font-size: 1rem; font-size: var(--fs-xs); line-height: 1.23; line-height: var(--lh-s); } .woocommerce .checkout.woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder-legal p.form-row label input { width: 1em; height: 1em; } .woocommerce .checkout.woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder-legal p.form-row label a { text-decoration: underline; } .woocommerce .checkout.woocommerce-checkout #order_review .wc-gzd-order-submit { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; } .woocommerce .checkout.woocommerce-checkout #order_review .ppc-button-wrapper { width: 100%; margin-left: auto; margin-right: auto; } .woocommerce .checkout.woocommerce-checkout #order_review .ppc-button-wrapper #ppc-button-ppcp-gateway { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .checkout.woocommerce-checkout #order_review #ppcp-hosted-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .woocommerce-order .woocommerce-notice { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .woocommerce .woocommerce-order .woocommerce-notice a { text-decoration: underline; } .woocommerce .woocommerce-order .woocommerce-order-overview { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); font-size: 1rem; font-size: var(--fs-xs); } .woocommerce .woocommerce-order .woocommerce-order-overview li { border: none; margin: 0; padding: 0; padding: 0.3125rem 0; padding: var(--mg-xs) 0; border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: var(--defaultBorder) var(--grey); font-size: 1rem; font-size: var(--fs-xs); text-transform: none; } .woocommerce .woocommerce-order .woocommerce-order-overview li strong { font-size: 1rem; font-size: var(--fs-xs); } .woocommerce .woocommerce-order .woocommerce-order-details { margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); padding-top: 0.625rem; padding-top: var(--mg-s); border-top: 2px solid #FFFFFF; border-top: var(--thickBorder) var(--white); } .woocommerce .woocommerce-order .woocommerce-order-details__title { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); font-weight: 800; text-transform: uppercase; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table { table-layout: fixed; border-collapse: collapse; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); margin-top: 1.875rem; margin-top: var(--mg-ml); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tr, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table td { vertical-align: text-top; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table .product-name { padding-right: 1.25rem; padding-right: var(--mg-m); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table thead tr th { padding: 0; font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.23; line-height: var(--lh-s); font-weight: 900; text-transform: uppercase; padding-bottom: 1.25rem; padding-bottom: var(--mg-m); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table thead tr .product-name { width: 85%; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table thead tr .product-total { word-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -ms-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; display: none; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody td { padding: 0; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody .order_item { border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: var(--defaultBorder) var(--grey); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody .order_item td { font-size: 1rem; font-size: var(--fs-xs); line-height: 1.23; line-height: var(--lh-s); font-weight: 900; text-transform: uppercase; padding-top: 0.625rem; padding-top: var(--mg-s); padding-bottom: 0.625rem; padding-bottom: var(--mg-s); border: none; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody .order_item .product-name { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody .order_item .product-name a { padding-right: 0.625rem; padding-right: var(--mg-s); display: block; -ms-flex-preferred-size: 85%; flex-basis: 85%; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody .order_item .product-name .product-quantity { -ms-flex-preferred-size: 15%; flex-basis: 15%; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody .order_item .product-name .wc-item-meta { display: none; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody .order_item:last-of-type td { padding-bottom: 1.875rem; padding-bottom: var(--mg-ml); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot { border-top: 2px solid #FFFFFF; border-top: var(--thickBorder) var(--white); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:nth-child(1) { display: none; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:nth-child(2) { display: none; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:nth-last-child(2) th, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:nth-last-child(2) td { font-size: 1rem !important; font-size: var(--fs-xs) !important; line-height: 1.23 !important; line-height: var(--lh-s) !important; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:nth-last-child(2) th, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:nth-last-child(2) td { font-weight: 400; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:nth-last-child(2) th > .woocommerce-Price-amount, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:nth-last-child(2) td > .woocommerce-Price-amount { font-size: 1rem !important; font-size: var(--fs-xs) !important; line-height: 1.23 !important; line-height: var(--lh-s) !important; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:nth-last-child(2) th > .woocommerce-Price-amount, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:nth-last-child(2) td > .woocommerce-Price-amount { font-weight: 400; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child { display: none; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr th, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr td { padding: 0; padding-top: 0.625rem; padding-top: var(--mg-s); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr th { font-size: 1rem; font-size: var(--fs-xs); line-height: 1.23; line-height: var(--lh-s); font-weight: 900; text-transform: uppercase; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr td .includes_tax { font-size: 0.875rem; font-size: var(--fs-xxs); line-height: 1.57; line-height: var(--lh-xxs); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table .wc-local-pickup-plus { display: none; } .woocommerce .woocommerce-order .woocommerce-customer-details { margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); padding-top: 0.625rem; padding-top: var(--mg-s); border-top: 2px solid #FFFFFF; border-top: var(--thickBorder) var(--white); } .woocommerce .woocommerce-order .woocommerce-customer-details h2 { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); font-weight: 800; text-transform: uppercase; } .woocommerce .woocommerce-order .woocommerce-customer-details address { padding: 0; margin-top: 1.875rem; margin-top: var(--mg-ml); font-size: 1rem; font-size: var(--fs-xs); } .woocommerce .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email { padding: 0; } .woocommerce .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email::before { display: none; } .woocommerce .woocommerce-variation-add-to-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .woocommerce .woocommerce-invalid label { color: rgba(255,0,0,1) !important; color: var(--error) !important; } .woocommerce .woocommerce-invalid #terms { outline: 2px solid rgba(255,0,0,1) !important; outline: var(--thickBorder) var(--error) !important; } .woocommerce .woocommerce-notices-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .woocommerce-notices-wrapper .woocommerce-message { border: none; padding: 0; margin: 0; position: relative; background-color: #FED3E4; background-color: var(--pink); color: #000000; color: var(--black); border-top: none; border-top-color: transparent; list-style: none; width: 100%; word-wrap: break-word; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: max(75%, min(75rem, 100%)); font-size: 1rem; font-size: var(--fs-xs); font-weight: 900; line-height: 1.23; line-height: var(--lh-s); margin: 1.25rem 0; margin: var(--mg-m) 0; border-radius: 1em; padding: 0.625rem; padding: var(--mg-s); } .woocommerce .woocommerce-notices-wrapper .woocommerce-message::before { display: none; } .woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button { display: inline-block; float: none; background-color: #FFFFFF; background-color: var(--white); color: #000000; color: var(--black); margin: 0.625rem 0; margin: var(--mg-s) 0; } .woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button:hover { background-color: #000000; background-color: var(--black); color: #FFFFFF; color: var(--white); } .woocommerce .woocommerce-notices-wrapper .woocommerce-message .restore-item { text-decoration: none !important; } .woocommerce .woocommerce-notices-wrapper .woocommerce-message .restore-item { float: none; background-color: #FFFFFF; background-color: var(--white); color: #000000; color: var(--black); margin: 0.625rem 0; margin: var(--mg-s) 0; display: inline-block; text-align: center; text-transform: uppercase; font-weight: 800; border: 1px solid #000000; border: 1px solid var(--black); border-radius: 10em; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; padding: 0.5em 0.7em; padding: var(--buttonPadding); } .woocommerce .woocommerce-notices-wrapper .woocommerce-message .restore-item:hover { color: #FFFFFF; color: var(--white); background-color: #000000; background-color: var(--black); -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); } .woocommerce .woocommerce-notices-wrapper .woocommerce-info { border: none; padding: 0; margin: 0; position: relative; background-color: #FED3E4; background-color: var(--pink); color: #000000; color: var(--black); border-top: none; border-top-color: transparent; list-style: none; width: 100%; word-wrap: break-word; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: max(75%, min(75rem, 100%)); font-size: 1rem; font-size: var(--fs-xs); font-weight: 900; line-height: 1.23; line-height: var(--lh-s); margin: 1.25rem 0; margin: var(--mg-m) 0; border-radius: 1em; padding: 0.625rem; padding: var(--mg-s); } .woocommerce .woocommerce-notices-wrapper .woocommerce-info::before { display: none; } .woocommerce .woocommerce-notices-wrapper .woocommerce-info a.button { display: inline-block; float: none; background-color: #FFFFFF; background-color: var(--white); color: #000000; color: var(--black); margin: 0.625rem 0; margin: var(--mg-s) 0; } .woocommerce .woocommerce-notices-wrapper .woocommerce-info a.button:hover { background-color: #000000; background-color: var(--black); color: #FFFFFF; color: var(--white); } .woocommerce .woocommerce-notices-wrapper .woocommerce-error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; padding: 0; margin: 0; position: relative; border-top: none; border-top-color: transparent; background-color: transparent; list-style: none; width: 100%; word-wrap: break-word; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-content: center; width: max(75%, min(75rem, 100%)); border: 2px solid rgba(255,0,0,1); border: var(--thickBorder) var(--error); border-radius: 1em; padding: 0.625rem 1.25rem; padding: var(--mg-s) var(--mg-m); margin: 1.25rem 0; margin: var(--mg-m) 0; } .woocommerce .woocommerce-notices-wrapper .woocommerce-error::before { display: none; } .woocommerce .woocommerce-notices-wrapper .woocommerce-error li { position: relative; background-color: transparent; color: rgba(255,0,0,1); color: var(--error); font-size: 1rem; font-size: var(--fs-xs); line-height: 1.23; line-height: var(--lh-s); font-weight: 900; border-radius: 0; padding: 0.625rem 0; padding: var(--mg-s) 0; border-bottom: 1px solid rgba(255,0,0,1); border-bottom: var(--defaultBorder) var(--error); } .woocommerce .woocommerce-notices-wrapper .woocommerce-error li:last-child { border: none; } .woocommerce .woocommerce-notices-wrapper .woocommerce-error li a.button { display: inline-block; float: none; background-color: #FFFFFF; background-color: var(--white); color: #000000; color: var(--black); border: 1px solid #FFFFFF; border: var(--defaultBorder) var(--white); margin: 0.625rem 0; margin: var(--mg-s) 0; } .woocommerce .woocommerce-notices-wrapper .woocommerce-error li a.button:hover { background-color: #000000; background-color: var(--black); color: #FFFFFF; color: var(--white); } .woocommerce .woocommerce-error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; padding: 0; margin: 0; position: relative; border-top: none; border-top-color: transparent; background-color: transparent; list-style: none; width: 100%; word-wrap: break-word; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-content: center; width: max(75%, min(75rem, 100%)); border: 2px solid rgba(255,0,0,1); border: var(--thickBorder) var(--error); border-radius: 1em; padding: 0.625rem 1.25rem; padding: var(--mg-s) var(--mg-m); margin: 1.25rem 0; margin: var(--mg-m) 0; } .woocommerce .woocommerce-error::before { display: none; } .woocommerce .woocommerce-error li { position: relative; background-color: transparent; color: rgba(255,0,0,1); color: var(--error); font-size: 1rem; font-size: var(--fs-xs); line-height: 1.23; line-height: var(--lh-s); font-weight: 900; border-radius: 0; padding: 0.625rem 0; padding: var(--mg-s) 0; border-bottom: 1px solid rgba(255,0,0,1); border-bottom: var(--defaultBorder) var(--error); } .woocommerce .woocommerce-error li:last-child { border: none; } .woocommerce .woocommerce-error li a.button { display: inline-block; float: none; background-color: #FFFFFF; background-color: var(--white); color: #000000; color: var(--black); border: 1px solid #FFFFFF; border: var(--defaultBorder) var(--white); margin: 0.625rem 0; margin: var(--mg-s) 0; } .woocommerce .woocommerce-error li a.button:hover { background-color: #000000; background-color: var(--black); color: #FFFFFF; color: var(--white); } .woocommerce .cart-empty.woocommerce-info { border: none; padding: 0; margin: 0; position: relative; background-color: #FED3E4; background-color: var(--pink); color: #000000; color: var(--black); border-top: none; border-top-color: transparent; list-style: none; width: 100%; word-wrap: break-word; display: block; font-size: 1rem; font-size: var(--fs-xs); font-weight: 900; line-height: 1.23; line-height: var(--lh-s); margin: 1.25rem 0; margin: var(--mg-m) 0; width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; border-radius: 1em; padding: 0.625rem; padding: var(--mg-s); text-align: center; } .woocommerce .cart-empty.woocommerce-info::before { display: none; } .woocommerce .return-to-shop { display: block; font-size: 1rem; font-size: var(--fs-xs); font-weight: 900; line-height: 1.23; line-height: var(--lh-s); margin: 1.25rem 0; margin: var(--mg-m) 0; width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; text-align: center; } .woocommerce .return-to-shop a.button { font-size: 1.625rem; font-size: var(--fs-s); text-align: center; border: 1px solid #FFFFFF; border: var(--defaultBorder) var(--white); background-color: #FFFFFF; background-color: var(--white); color: #000000; color: var(--black); } .woocommerce .return-to-shop a.button:hover { background-color: #000000 !important; background-color: var(--black) !important; color: #FFFFFF !important; color: var(--white) !important; } .woocommerce .woocommerce .blockUI.blockOverlay:before, .woocommerce .woocommerce .loader:before { background-image: url(8ca8ed061e1821e01d06.gif); } .woocommerce .variations_form .variations select { padding-right: 1.5em !important; } .woocommerce .variations_form .variations select { background: transparent; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 50%; } .slw_item_stock_location { padding-right: 1.5em !important; } .slw_item_stock_location { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; outline: none; padding: 0 1em 0 0; margin: 0; width: 100%; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: auto; max-width: 30ch; color: #000000; color: var(--black); background-color: #FED3E4; background-color: var(--pink); border: 1px solid #FED3E4; border: var(--defaultBorder) var(--pink); border-radius: 5em; padding: 0.5em 0.7em; padding: var(--buttonPadding); font-size: 0.875rem; font-size: var(--fs-xxs); font-weight: 900; line-height: 1; text-transform: uppercase; text-align: center; cursor: pointer; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 50%; background-size: auto; } .slw_item_stock_location::-ms-expand { display: none; } .slw_item_stock_location::after { position: absolute; right: 0; top: 0; content: ""; width: 0.8em; height: 0.5em; background-color: #000000; background-color: var(--black); -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%); clip-path: polygon(100% 0%, 0 0%, 50% 100%); } .slw_item_stock_location option[value^="0"] { display: none; } .slw_cart_item_stock_location_selection option:first-child { display: none; } main > .woocommerce { padding-bottom: 3.75rem; padding-bottom: var(--mg-l); } @media only screen and (min-width: 768px) { .woocommerce .products ul, .woocommerce ul.products { margin-left: calc(0.625rem * -1); margin-left: var(--fullwidth-mg); width: calc(100% + (0.625rem * 2)); width: var(--fullwidth-width); padding: 0.625rem; padding: var(--fullwidth-pad); padding: 0; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce .woocommerce-page ul.products[class*=columns-] li.product { max-width: 50%; border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: var(--defaultBorder) var(--grey); border-right: 1px solid rgba(255,255,255,0.3); border-right: var(--defaultBorder) var(--grey); padding: 1.25rem 0.625rem; padding: var(--mg-m) var(--pageMargin); } .woocommerce ul.products[class*=columns-] li.product:nth-of-type(2n), .woocommerce .woocommerce-page ul.products[class*=columns-] li.product:nth-of-type(2n) { border-right: none; } .woocommerce ul.products li.product a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce ul.products li.product a h2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .woocommerce ul.products li.product a img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .woocommerce div.product { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .woocommerce div.product div.images.woocommerce-product-gallery { width: 50%; padding-right: 1.25rem; padding-right: var(--mg-m); -ms-flex-item-align: start; align-self: flex-start; position: sticky; top: 4.625rem; padding-top: 0; margin-bottom: 0; } .woocommerce div.product div.summary { width: 50%; } .woocommerce div.product div.summary .product_title { font-size: 4.5rem; } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 { width: 100%; float: none; } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 { width: 100%; float: none; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table thead tr .product-total { display: block; width: 100%; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot .order-total td strong { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .woocommerce .checkout.woocommerce-checkout #order_review .wc-gzd-order-submit button { font-size: 1.625rem; font-size: var(--fs-s); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table thead tr .product-total { display: block; } } @media only screen and (min-width: 960px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce .woocommerce-page ul.products[class*=columns-] li.product { max-width: 33.33%; } .woocommerce ul.products[class*=columns-] li.product:nth-of-type(2n), .woocommerce .woocommerce-page ul.products[class*=columns-] li.product:nth-of-type(2n) { border-right: 1px solid rgba(255,255,255,0.3); border-right: var(--defaultBorder) var(--grey); } .woocommerce ul.products[class*=columns-] li.product:nth-of-type(3n), .woocommerce .woocommerce-page ul.products[class*=columns-] li.product:nth-of-type(3n) { border-right: none; } .woocommerce div.product { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-columns: var(--desktopGrid); grid-column-gap: 1.25rem; grid-column-gap: var(--desktopGridGap); } .woocommerce div.product div.images.woocommerce-product-gallery { grid-column: 1/6; width: 100%; } .woocommerce div.product div.summary { grid-column: 7/12; width: 100%; } .woocommerce div.product div.summary .product_title { font-size: 18vw; font-size: var(--fs-xl); } .woocommerce .cart-collaterals { padding-top: 1.875rem; padding-top: var(--mg-ml); border-top: 2px solid #FFFFFF; border-top: var(--thickBorder) var(--white); } .woocommerce .cart-collaterals .cart_totals { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-columns: var(--desktopGrid); grid-column-gap: 1.25rem; grid-column-gap: var(--desktopGridGap); } .woocommerce .cart-collaterals .cart_totals h2 { grid-column: 3/10; } .woocommerce .cart-collaterals .cart_totals .shop_table { grid-column: 11/-1; } .woocommerce .cart-collaterals .cart_totals .order-total td { padding-top: 0; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout { grid-column: 1/-1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6.25rem; margin-top: var(--mg-xl); } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .proceed-to-checkout-note { -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; margin-right: auto; margin-bottom: 0; padding-right: 1.25rem; padding-right: var(--mg-m); } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .proceed-to-checkout-note p { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } .woocommerce table.shop_table_responsive { margin-top: 3.75rem; margin-top: var(--mg-l); } .woocommerce table.shop_table_responsive .cart_item { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-columns: var(--desktopGrid); grid-column-gap: 1.25rem; grid-column-gap: var(--desktopGridGap); grid-template-rows: auto auto 1fr; padding: 1.25rem 0; padding: var(--mg-m) 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .woocommerce table.shop_table_responsive .cart_item .product-remove { grid-column: 1/-1; grid-row: 1/2; } .woocommerce table.shop_table_responsive .cart_item .product-remove a.remove { margin-bottom: 0; } .woocommerce table.shop_table_responsive .cart_item .product-thumbnail { display: block; grid-column: 1/3; grid-row: 1/4; } .woocommerce table.shop_table_responsive .cart_item .product-thumbnail a { width: 100%; } .woocommerce table.shop_table_responsive .cart_item .product-thumbnail a img { width: 100%; max-width: 20rem; } .woocommerce table.shop_table_responsive .cart_item .product-name { grid-column: 3/9; grid-row: 2/3; } .woocommerce table.shop_table_responsive .cart_item .product-name .shortDescription { max-width: 75ch; } .woocommerce table.shop_table_responsive .cart_item .product-price { grid-column: 3/9; grid-row: 3/4; } .woocommerce table.shop_table_responsive .cart_item .product-quantity { grid-column: 9/10; grid-row: 2/3; } .woocommerce table.shop_table_responsive .cart_item .product-subtotal { grid-column: 11/-1; grid-row: 2/3; } .woocommerce .checkout.woocommerce-checkout .customer__details { margin-top: 3.75rem; margin-top: var(--mg-l); padding-top: 1.25rem; padding-top: var(--mg-m); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details { width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 3.75rem; padding-top: var(--mg-l); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-1 { width: 100%; float: none; padding-right: 1.25rem; padding-right: var(--mg-m); } .woocommerce .checkout.woocommerce-checkout .customer__details #customer_details .col-2 { width: 100%; float: none; } .woocommerce .checkout.woocommerce-checkout #order_review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 3.75rem; margin-top: var(--mg-l); } .woocommerce .checkout.woocommerce-checkout #order_review_heading { padding-top: 1.25rem; padding-top: var(--mg-m); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table { width: max(75%, min(75rem, 100%)); margin-right: auto; margin-left: auto; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table thead tr .product-name { width: 85%; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tbody .cart_item td { font-size: 1.625rem; font-size: var(--fs-s); } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot .order-total { display: table-row; } .woocommerce .checkout.woocommerce-checkout #order_review .shop_table tfoot .order-total th { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .woocommerce .checkout.woocommerce-checkout #order_review .payment__headline { padding-top: 1.25rem; padding-top: var(--mg-m); } .woocommerce .checkout.woocommerce-checkout #order_review #payment { width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; margin-top: 3.75rem; margin-top: var(--mg-l); } .woocommerce .checkout.woocommerce-checkout #order_review .custom__shipping__checkout__table__wrapper { width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; margin-top: 3.75rem; margin-top: var(--mg-l); } .woocommerce .checkout.woocommerce-checkout #order_review .ppc-button-wrapper { width: max(75%, min(75rem, 100%)); } .woocommerce .checkout.woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder-legal p { text-align: center; } .woocommerce .woocommerce-order .woocommerce-notice { margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; } .woocommerce .woocommerce-order .woocommerce-order-overview { padding-top: 1.25rem; padding-top: var(--mg-m); width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; } .woocommerce .woocommerce-order .woocommerce-order-overview li { font-size: 1.625rem; font-size: var(--fs-s); text-transform: none; } .woocommerce .woocommerce-order .woocommerce-order-overview li strong { font-size: 1.625rem; font-size: var(--fs-s); } .woocommerce .woocommerce-order .woocommerce-order-details { padding-top: 1.25rem; padding-top: var(--mg-m); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table { width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; margin-top: 3.75rem; margin-top: var(--mg-l); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody .order_item td { font-size: 1.625rem; font-size: var(--fs-s); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr td > .woocommerce-Price-amount { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); white-space: nowrap; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child th { display: table-cell; width: 85%; font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child td { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child td > .woocommerce-Price-amount { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); white-space: nowrap; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child td small { font-size: 0.875rem; font-size: var(--fs-xxs); } .woocommerce .woocommerce-order .woocommerce-customer-details { padding-top: 1.25rem; padding-top: var(--mg-m); } .woocommerce .woocommerce-order .woocommerce-customer-details address { font-size: 1.625rem; font-size: var(--fs-s); width: max(75%, min(75rem, 100%)); margin-left: auto; margin-right: auto; margin-top: 3.75rem; margin-top: var(--mg-l); } .woocommerce .woocommerce-notices-wrapper .woocommerce-message { padding: 1.25rem; padding: var(--mg-m); } .woocommerce .woocommerce-notices-wrapper .woocommerce-error li { font-size: 1.625rem; font-size: var(--fs-s); } } @media only screen and (min-width: 1920px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce .woocommerce-page ul.products[class*=columns-] li.product { max-width: 25%; } .woocommerce ul.products[class*=columns-] li.product:nth-of-type(3n), .woocommerce .woocommerce-page ul.products[class*=columns-] li.product:nth-of-type(3n) { border-right: 1px solid rgba(255,255,255,0.3); border-right: var(--defaultBorder) var(--grey); } .woocommerce ul.products[class*=columns-] li.product:nth-of-type(4n), .woocommerce .woocommerce-page ul.products[class*=columns-] li.product:nth-of-type(4n) { border-right: none; } .woocommerce .products.related .products li.product { max-width: 33.33%; } } /* Gutenberg Blocks */ .ww-imgslider__container { overflow: hidden; position: relative; margin-left: calc(0.625rem * -1); margin-left: calc(var(--pageMargin) * -1); width: calc(100% + 0.625rem * 2); width: calc(100% + var(--pageMargin) * 2); height: 100%; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); /* deactivate selection */ user-select: none; /* standard syntax */ -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } .swiper-slide { height: 100%; -webkit-transform: translate3d(0, 0, 0); } .swiper-slide__figure { height: 100%; margin: 0; } .swiper-slide__image { max-width: 100%; width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .swiper-button-prev { display: none; left: 0; top: 0; width: 50%; height: 100%; } .swiper-button-prev:after { color: transparent; } .swiper-button-prev:focus { outline-style: none; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; } .swiper-button-next { display: none; right: 0; top: 0; width: 50%; height: 100%; } .swiper-button-next:after { color: transparent; } .swiper-button-next:focus { outline-style: none; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; } @media (min-width: 768px) { .swiper-button-prev { cursor: url("//wilde-wurst.local/wp-content/themes/wilde-wurst-2021/assets/icons/left-icon.svg"), pointer; display: inherit; } .swiper-button-next { cursor: url("//wilde-wurst.local/wp-content/themes/wilde-wurst-2021/assets/icons/right-icon.svg"), pointer; display: inherit; } } .ww-zitate__container { overflow: hidden; position: relative; width: 100%; height: 100%; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); /* deactivate selection */ user-select: none; /* standard syntax */ -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } .ww-zitate__container .swiper-slide { height: 100%; -webkit-transform: translate3d(0, 0, 0); display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 0.625rem; grid-column-gap: var(--mg-s); } .ww-zitate__container .swiper-slide__figure { height: 100%; margin: 0; grid-column: 1/2; } .ww-zitate__container .swiper-slide__image { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .ww-zitate__container .swiper-slide__text { font-size: 1.625rem; font-size: var(--fs-s); font-weight: 800; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .ww-zitate__container .swiper-slide__text p { margin: 0; padding: 0; } .ww-zitate__container .swiper-slide__text__container { grid-column: 2/-1; } .ww-zitate__container .swiper-slide__text__author { font-size: 1.625rem; font-size: var(--fs-s); margin: 0; padding: 0; margin-bottom: calc(1.25rem * 2); margin-bottom: calc(var(--mg-m) * 2); } .ww-zitate__container .swiper-pagination { bottom: 0 !important; } .ww-zitate__container .swiper-pagination-bullet { margin: 0 1rem !important; } .ww-zitate__container .swiper-pagination-bullet { background: #000000; background: var(--black); opacity: 0.4; } .ww-zitate__container .swiper-pagination-bullet-active { opacity: 1; } @media (min-width: 960px) { .ww-zitate__container { overflow: hidden; position: relative; margin-bottom: 0; width: 100%; height: 100%; } .ww-zitate__container .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .ww-zitate__container .swiper-slide:first-of-type { width: 100%; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); grid-template-columns: repeat(12, 1fr); grid-template-rows: 1fr; } .ww-zitate__container .swiper-slide:first-of-type .swiper-slide__figure { height: 100%; margin: 0; grid-column: 1/5; grid-row: 1/-1; display: inline-block; } .ww-zitate__container .swiper-slide:first-of-type .swiper-slide__image { width: 100%; } .ww-zitate__container .swiper-slide:first-of-type .swiper-slide__text { font-weight: 800; } .ww-zitate__container .swiper-slide:first-of-type .swiper-slide__text__container { grid-column: 5/11; grid-row: 1/-1; } .ww-zitate__container .swiper-slide:first-of-type .swiper-slide__text__author { margin: 0; } .ww-zitate__container .swiper-slide:nth-child(even) { margin-right: 1.25rem; margin-right: var(--mg-m); } .ww-zitate__container .swiper-slide { width: calc(50% - 1.25rem / 2); width: calc(50% - var(--mg-m) / 2); margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto auto; grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); } .ww-zitate__container .swiper-slide__figure { height: 100%; margin: 0; grid-column: 1/4; grid-row: 1/2; display: block; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .ww-zitate__container .swiper-slide__image { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; width: 85%; } .ww-zitate__container .swiper-slide__text { font-size: 1.625rem; font-size: var(--fs-s); font-weight: 400; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .ww-zitate__container .swiper-slide__text__container { grid-column: 1/6; grid-row: 2/-1; } .ww-zitate__container .swiper-slide__text__author { margin: 0; } .ww-zitate__container .swiper-pagination { display: none; } .ww-zitate__container .swiper-button-prev { display: none; } .ww-zitate__container .swiper-button-next { display: none; } } .ww-button__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 3.75rem; margin-bottom: var(--mg-l); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ww-button__button { font-size: 1.625rem; font-size: var(--fs-s); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ww-button__text { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .ww-button__text p { margin: 0; padding: 0; } @media (min-width: 960px) { .ww-button__container { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); justify-items: start; } .ww-button__button { font-size: 2.3125rem; font-size: var(--fs-m); padding: 0.75em 1em; grid-row: 1/-1; grid-column: 2/6; } .ww-button__text { grid-row: 1/-1; grid-column: 6/11; margin-bottom: 0; } .ww-button__text p { margin: 0; padding: 0; } } .ww-products__container { margin-left: calc(0.625rem * -1); margin-left: calc(var(--pageMargin) * -1); width: calc(100% + 0.625rem * 2); width: calc(100% + var(--pageMargin) * 2); background-color: #000000; background-color: var(--black); color: #FFFFFF; color: var(--white); padding: 6.25rem 0; padding: var(--mg-xl) 0; } .ww-products__header { padding: 0 0.625rem; padding: 0 var(--pageMargin); margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .ww-products__header__title { font-size: 18vw; font-size: var(--fs-xl); line-height: 0.85; line-height: var(--lh-xl); text-transform: uppercase; letter-spacing: -0.01em; letter-spacing: var(--ls); margin-bottom: 1.25rem; margin-bottom: var(--mg-m); margin-top: -0.075em; } .ww-products__header__text { font-size: 1.625rem; font-size: var(--fs-s); } .ww-products__header__button { margin-top: 1.25rem; margin-top: var(--mg-m); background: transparent; border: 1px solid #FFFFFF; border: 1px solid var(--white); color: #FFFFFF; color: var(--white); } .ww-products__header__button:hover { background: #FFFFFF; background: var(--white); color: #000000; color: var(--black); } .ww-products__single { border-top: 1px solid rgba(255,255,255,0.3); border-top: 1px solid var(--grey); padding-top: 0.625rem; padding-top: var(--mg-s); margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .ww-products__single__figure { padding: 0 0.625rem; padding: 0 var(--pageMargin); } .ww-products__single__text { padding: 0 0.625rem; padding: 0 var(--pageMargin); } .ww-products__single__title { font-size: 3rem; font-size: var(--fs-l); font-weight: 800; line-height: 0.89; line-height: var(--lh-l); text-transform: uppercase; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .ww-products__single p { font-size: 1rem; font-size: var(--fs-xs); font-weight: 300; line-height: 1; line-height: var(--lh-xs); text-transform: uppercase; display: inline; } .ww-products__single__price { font-weight: 800; } .ww-products__single__category { background-color: #FED3E4; background-color: var(--pink); color: #000000; color: var(--black); font-size: 1.625rem; font-size: var(--fs-s); font-weight: 800; text-transform: uppercase; padding: 0.1em 0.3em; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); display: inline-block; } .ww-products__single:last-of-type { margin-bottom: 0; padding-bottom: 3.75rem; padding-bottom: var(--mg-l); border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid var(--grey); } .ww-products__banner { display: none; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 10; background-color: #FED3E4; background-color: var(--pink); font-size: 1rem; font-size: var(--fs-xs); padding: 0.625rem; padding: var(--pageMargin); border-top: 1px solid #000000; border-top: 1px solid var(--black); } .ww-products__banner--visible { display: block !important; } .ww-products__banner__text { margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .ww-products__banner__text p { display: inline; margin: 0; } .ww-products__banner__text a { font-weight: 800; text-decoration: underline; } .ww-products__banner__info__icon { cursor: pointer; } .ww-products__banner__info__icon img { width: 1.25em; height: 1.25em; position: absolute; margin-left: 0.5ch; } .ww-products__banner__info__text { display: none; opacity: 0; visibility: hidden; position: absolute; z-index: 15; width: calc(100% - 0.625rem * 2); width: calc(100% - var(--pageMargin) * 2); background-color: #FED3E4; background-color: var(--pink); border: 2px solid #000000; border: 2px solid var(--black); padding: 0.625rem; padding: var(--mg-s); left: 0.625rem; left: var(--pageMargin); bottom: 6.25rem; bottom: var(--mg-xl); } .ww-products__banner__info__text--show { display: block; opacity: 1; visibility: visible; } @media (min-width: 960px) { .ww-products__container { padding: 3.75rem 0 0 0; padding: var(--mg-l) 0 0 0; } .ww-products__header { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); } .ww-products__header__title { grid-column: 1/8; } .ww-products__header__text { grid-column: 8/-1; } .ww-products__single { border-top: none; padding-top: 0; margin-bottom: 0; border-right: 1px solid rgba(255,255,255,0.3); border-right: 1px solid var(--grey); border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid var(--grey); padding-right: 1.25rem; padding-right: var(--mg-m); padding-left: 1.25rem; padding-left: var(--mg-m); padding-bottom: 1.25rem; padding-bottom: var(--mg-m); } .ww-products__single:nth-child(even) { border-right: none; } .ww-products__single:last-child { padding-bottom: 6.25rem; padding-bottom: var(--mg-xl); } .ww-products__single:nth-child(odd):last-of-type { border-right: 1px solid rgba(255,255,255,0.3) !important; border-right: 1px solid var(--grey) !important; } .ww-products__single__container { display: grid; grid-template-columns: repeat(2, 1fr); padding: 0; } .ww-products__single__figure { padding: 0; } .ww-products__single__text { padding: 0; } .ww-products__banner { display: none; } .ww-products__banner--visible { display: grid !important; } .ww-products__banner--visible { grid-template-columns: repeat(2, 1fr); } .ww-products__banner__text { margin-bottom: 0; max-width: 75ch; } .ww-products__banner__text p { display: inline; } .ww-products__banner__text a { font-weight: 800; text-decoration: underline; } .ww-products__banner__info__text { display: none; opacity: 0; visibility: hidden; left: inherit; bottom: 60%; width: 30ch; } .ww-products__banner__info__text--show { display: inline-block; opacity: 1; visibility: visible; } .ww-products__banner__button { justify-self: end; -ms-flex-item-align: center; align-self: center; font-size: 1.625rem; font-size: var(--fs-s); padding: 0.1em 0.75em; } } @media (min-width: 1250px) { .ww-products__single:nth-child(-n+3) { border-right: none; } .ww-products__single:nth-child(even) { border-right: 1px solid rgba(255,255,255,0.3); border-right: 1px solid var(--grey); } .ww-products__single:first-child { border-right: 1px solid rgba(255,255,255,0.3); border-right: 1px solid var(--grey); } .ww-products__single:nth-child(even):last-of-type { border-right: 1px solid rgba(255,255,255,0.3) !important; border-right: 1px solid var(--grey) !important; } .ww-products__single__container { grid-template-columns: repeat(3, 1fr); } } .ww-events__container { margin-top: 3.75rem; margin-top: var(--mg-l); margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); } .ww-events__header { margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .ww-events__header__headline { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); text-transform: uppercase; letter-spacing: -0.01em; letter-spacing: var(--ls); margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .ww-events__header__text { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .ww-events__header__text p { margin: 0; padding: 0; } .ww-events__list { margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .ww-events__single { margin-left: calc(0.625rem * -1); margin-left: calc(var(--pageMargin) * -1); width: calc(100% + 0.625rem * 2); width: calc(100% + var(--pageMargin) * 2); border-bottom: 1px solid #000000; border-bottom: 1px solid var(--black); padding: 0 0.625rem 1.25rem 0.625rem; padding: 0 var(--pageMargin) var(--mg-m) var(--pageMargin); margin-bottom: 1.25rem; margin-bottom: var(--mg-m); font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); font-weight: 800; } .ww-events__single__date { display: block; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .ww-events__single__title { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); letter-spacing: -0.01em; letter-spacing: var(--ls); text-transform: uppercase; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .ww-events__single__time { display: block; } .ww-events__cta__text { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .ww-events__cta__text p { margin: 0; } .ww-events__cta__button { font-size: 1.625rem; font-size: var(--fs-s); } @media (min-width: 960px) { .ww-events__header { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); } .ww-events__header__headline { grid-column: 1/5; margin-bottom: 0; } .ww-events__header__text { grid-column: 6/11; } .ww-events__list { margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); } .ww-events__single { margin-left: 0; width: 100%; border-bottom: none; padding: 0; margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .ww-events__single a { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .ww-events__single__wrapper { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .ww-events__single__date { grid-column: 3/4; display: inline-block; margin-bottom: 0; } .ww-events__single__title { grid-column: 4/10; margin-bottom: 0; } .ww-events__single__time { grid-column: 10/12; display: inline-block; } .ww-events__cta { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); } .ww-events__cta__text { grid-column: 3/7; } .ww-events__cta__button { grid-column: 8/-1; align-self: start; justify-self: start; } } .ww-feedback__container { background-color: #FFFFFF; background-color: var(--white); margin-left: calc(0.625rem * -1); margin-left: calc(var(--pageMargin) * -1); width: calc(100% + 0.625rem * 2); width: calc(100% + var(--pageMargin) * 2); padding: 1.25rem 0.625rem 3.75rem 0.625rem; padding: var(--mg-m) var(--pageMargin) var(--mg-l) var(--pageMargin); overflow: hidden; border-top: 1px solid #000000; border-top: 1px solid var(--black); border-bottom: 1px solid #000000; border-bottom: 1px solid var(--black); } .ww-feedback__headline { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); letter-spacing: -0.01em; letter-spacing: var(--ls); text-transform: uppercase; margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .ww-feedback__slider { position: relative; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); } .ww-feedback__slider .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ww-feedback__text { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 800; } .ww-feedback__text p { margin: 0; padding: 0; } .ww-feedback__link { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 0.625rem; grid-column-gap: var(--mg-s); border-bottom: 4px solid #000000; border-bottom: 4px solid var(--black); padding-bottom: 0.625rem; padding-bottom: var(--mg-s); font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); letter-spacing: -0.01em; letter-spacing: var(--ls); font-weight: 800; text-transform: uppercase; } .ww-feedback__link__text { grid-column: 1/4; margin: 0; padding: 0; } .ww-feedback__link__arrow { font-size: 2.3125rem; font-size: var(--fs-m); grid-column: 4/-1; align-self: flex-end; justify-self: flex-end; } @media (min-width: 960px) { .ww-feedback__container { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); padding-top: 3.75rem; padding-top: var(--mg-l); padding-bottom: 0; } .ww-feedback__headline { grid-row: 1; grid-column: 1/7; font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); letter-spacing: -0.01em; letter-spacing: var(--ls); text-transform: uppercase; margin-bottom: 0; } .ww-feedback__slider { grid-column: 1/-1; grid-row: 2; width: 100%; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); } .ww-feedback__slider .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ww-feedback__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ww-feedback__link { grid-column: 7/-1; grid-row: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: none; padding-bottom: 0; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); } .ww-feedback__link__text { border-bottom: 4px solid #000000; border-bottom: 4px solid var(--black); padding-bottom: 0.625rem; padding-bottom: var(--mg-s); margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } } .ww-cooperations__container { margin-top: 1.25rem; margin-top: var(--mg-m); margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); } .ww-cooperations__header { margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .ww-cooperations__header__headline { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); letter-spacing: -0.01em; letter-spacing: var(--ls); text-transform: uppercase; margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .ww-cooperations__header__text { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .ww-cooperations__header__text p { margin: 0; padding: 0; } .ww-cooperations__cooplist { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.625rem; grid-column-gap: var(--mg-s); grid-row-gap: 3.75rem; grid-row-gap: var(--mg-l); } .ww-cooperations__single { max-width: 80%; font-size: 1rem; font-size: var(--fs-xs); line-height: 1; line-height: var(--lh-xs); font-weight: 400; text-transform: uppercase; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto; grid-row-gap: 0.625rem; grid-row-gap: var(--mg-s); } .ww-cooperations__single__figure { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; max-height: 8rem; max-width: 12rem; } .ww-cooperations__single__figure img { width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: left; object-position: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ww-cooperations__single__text { font-weight: 400; } .ww-cooperations__single__title { font-weight: 400; } .ww-cooperations__single__link { text-decoration: underline; display: block; margin-top: 0.3125rem; margin-top: var(--mg-xs); } @media (min-width: 960px) { .ww-cooperations__container { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); margin-top: 3.75rem; margin-top: var(--mg-l); } .ww-cooperations__header { grid-column: 1/-1; display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); } .ww-cooperations__header__headline { grid-column: 1/6; margin-bottom: 0; } .ww-cooperations__header__text { grid-column: 6/12; } .ww-cooperations__cooplist { grid-column: 2/12; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-column-gap: 3.75rem; -moz-column-gap: 3.75rem; column-gap: 3.75rem; -webkit-column-gap: var(--mg-l); -moz-column-gap: var(--mg-l); column-gap: var(--mg-l); } .ww-cooperations__single { width: 20%; grid-row-gap: 1.25rem; grid-row-gap: var(--mg-m); } .ww-cooperations__single__figure { max-height: 6rem; max-width: 10rem; } .ww-cooperations__single__title { font-weight: 400; } .ww-cooperations__single__link { text-decoration: underline; } .ww-cooperations__single:last-of-type { margin-right: 0; } } @media (min-width: 1200px) { .ww-cooperations__cooplist { grid-column: 6/-1; } .ww-cooperations__single__figure { max-height: 7rem; max-width: 11rem; } } .ww-newsletterform__container { margin-left: calc(0.625rem * -1); margin-left: var(--fullwidth-mg); width: calc(100% + (0.625rem * 2)); width: var(--fullwidth-width); padding: 0.625rem; padding: var(--fullwidth-pad); background-color: #FED3E4; background-color: var(--pink); color: #000000; color: var(--black); border-top: 1px solid #000000; border-top: 1px solid var(--black); padding: 1.25rem 0.625rem; padding: var(--mg-m) var(--pageMargin); padding-bottom: 6.25rem; padding-bottom: var(--mg-xl); } .ww-newsletterform__text { margin-bottom: 1.25rem; margin-bottom: var(--mg-m); font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); font-weight: 800; } .ww-newsletterform__text p { margin: 0; padding: 0; } .ww-newsletterform__container form div .ww-newsletterform__input__container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 4px solid #000000; border-bottom: 4px solid var(--black); } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail { background: transparent; border: none; font-size: 1.625rem; font-size: var(--fs-s); font-weight: 800; margin-right: 0.625rem; margin-right: var(--mg-s); width: calc(100% - 0.625rem); width: calc(100% - var(--mg-s)); } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-webkit-input-placeholder { color: #000000; color: var(--black); opacity: 1; text-transform: uppercase; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-moz-placeholder { color: #000000; color: var(--black); opacity: 1; text-transform: uppercase; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail:-ms-input-placeholder { color: #000000; color: var(--black); opacity: 1; text-transform: uppercase; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-ms-input-placeholder { color: #000000; color: var(--black); opacity: 1; text-transform: uppercase; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::placeholder { color: #000000; color: var(--black); opacity: 1; text-transform: uppercase; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-webkit-input-placeholder { /* Chrome/Opera/Safari/Edge */ color: #000000; color: var(--black); opacity: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-ms-input-placeholder { /* Microsoft Edge */ color: #000000; color: var(--black); opacity: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail:-ms-input-placeholder { /* IE 10+ */ color: #000000; color: var(--black); opacity: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-moz-placeholder { /* Firefox 19+ */ color: #000000; color: var(--black); opacity: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::placeholder { color: #000000; color: var(--black); opacity: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail:focus { outline: 1px solid black; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__input--submit { background: transparent; border: none; font-size: 2.3125rem; font-size: var(--fs-m); font-weight: 800; cursor: pointer; padding: 0; } .ww-newsletterform__container form .mc4wp-response .mc4wp-notice { font-size: 1rem; font-size: var(--fs-xs); font-weight: 800; } @media (min-width: 960px) { .ww-newsletterform__container { position: relative; display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 3.75rem; grid-column-gap: var(--mg-l); padding: 3.75rem 0.625rem; padding: var(--mg-l) var(--pageMargin); padding-bottom: 6.25rem; padding-bottom: var(--mg-xl); } .ww-newsletterform__text { grid-column: 1/7; margin: 0; } .ww-newsletterform__container form { grid-column: 7/-1; align-self: end; } .ww-newsletterform__container form div .ww-newsletterform__input__container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail { background: transparent; border: none; font-size: 1.625rem; font-size: var(--fs-s); font-weight: 800; width: 100%; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-webkit-input-placeholder { color: #000000; color: var(--black); opacity: 1; text-transform: uppercase; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-moz-placeholder { color: #000000; color: var(--black); opacity: 1; text-transform: uppercase; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail:-ms-input-placeholder { color: #000000; color: var(--black); opacity: 1; text-transform: uppercase; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-ms-input-placeholder { color: #000000; color: var(--black); opacity: 1; text-transform: uppercase; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::placeholder { color: #000000; color: var(--black); opacity: 1; text-transform: uppercase; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-webkit-input-placeholder { /* Chrome/Opera/Safari/Edge */ color: #000000; color: var(--black); opacity: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-ms-input-placeholder { /* Microsoft Edge */ color: #000000; color: var(--black); opacity: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail:-ms-input-placeholder { /* IE 10+ */ color: #000000; color: var(--black); opacity: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::-moz-placeholder { /* Firefox 19+ */ color: #000000; color: var(--black); opacity: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail::placeholder { color: #000000; color: var(--black); opacity: 1; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__label .ww-newsletterform__input--mail:focus { outline: 1px solid black; } .ww-newsletterform__container form div .ww-newsletterform__input__container .ww-newsletterform__input--submit { position: absolute; -ms-flex-item-align: end; align-self: flex-end; -webkit-transform: translateY(100%); transform: translateY(100%); } } .ww-press__container { margin-top: 3.75rem; margin-top: var(--mg-l); background-color: #FFFFFF; background-color: var(--white); margin-left: calc(0.625rem * -1); margin-left: calc(var(--pageMargin) * -1); width: calc(100% + 0.625rem * 2); width: calc(100% + var(--pageMargin) * 2); padding: 1.25rem 0.625rem 3.75rem 0.625rem; padding: var(--mg-m) var(--pageMargin) var(--mg-l) var(--pageMargin); overflow: hidden; border-top: 1px solid #000000; border-top: 1px solid var(--black); } .ww-press__header { margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .ww-press__header__headline { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); text-transform: uppercase; letter-spacing: -0.01em; letter-spacing: var(--ls); margin-bottom: 1.25rem; margin-bottom: var(--mg-m); } .ww-press__header__text { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); } .ww-press__header__text p { margin: 0; padding: 0; } .ww-press__single { margin-left: calc(0.625rem * -1); margin-left: calc(var(--pageMargin) * -1); width: calc(100% + 0.625rem * 2); width: calc(100% + var(--pageMargin) * 2); border-bottom: 1px solid #000000; border-bottom: 1px solid var(--black); padding: 0 0.625rem 1.25rem 0.625rem; padding: 0 var(--pageMargin) var(--mg-m) var(--pageMargin); margin-bottom: 1.25rem; margin-bottom: var(--mg-m); font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); font-weight: 800; } .ww-press__single__date { display: block; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .ww-press__single__title { font-size: 3rem; font-size: var(--fs-l); line-height: 0.89; line-height: var(--lh-l); letter-spacing: -0.01em; letter-spacing: var(--ls); text-transform: uppercase; margin-bottom: 0.625rem; margin-bottom: var(--mg-s); } .ww-press__single__article { display: block; } .ww-press__single:last-of-type { margin-bottom: 0; border-bottom: none; } @media (min-width: 960px) { .ww-press__container { padding: 3.75rem 0.625rem 6.25rem 0.625rem; padding: var(--mg-l) var(--pageMargin) var(--mg-xl) var(--pageMargin); } .ww-press__header { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); } .ww-press__header__headline { grid-column: 1/5; margin-bottom: 0; } .ww-press__header__text { grid-column: 6/11; } .ww-press__single { margin-left: 0; width: 100%; border-bottom: none; padding: 0; margin-bottom: 3.75rem; margin-bottom: var(--mg-l); } .ww-press__single a { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .ww-press__single__wrapper { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1.25rem; grid-column-gap: var(--mg-m); -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .ww-press__single__date { grid-column: 3/4; display: inline-block; margin-bottom: 0; } .ww-press__single__title { grid-column: 4/10; margin-bottom: 0; } .ww-press__single__article { grid-column: 10/12; display: inline-block; } } .ww-intro__container { padding-top: 1.25rem; padding-top: var(--mg-m); padding-bottom: 3.75rem; padding-bottom: var(--mg-l); } .ww-intro__headline { font-size: 18vw; font-size: var(--fs-xxl); line-height: 0.85; line-height: var(--lh-xxl); letter-spacing: -0.05em; letter-spacing: var(--letterspacing); } .ww-intro__text { font-size: 1.625rem; font-size: var(--fs-s); line-height: 1.23; line-height: var(--lh-s); margin-top: 1.25rem; margin-top: var(--mg-m); } @media only screen and (min-width: 960px) { .ww-intro__container { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-columns: var(--desktopGrid); grid-column-gap: 1.25rem; grid-column-gap: var(--desktopGridGap); } .ww-intro__headline { grid-column: 1/8; } .ww-intro__text { grid-column: 8/-1; margin-top: 0; } } .ww-image-link__container { margin-left: calc(0.625rem * -1); margin-left: var(--fullwidth-mg); width: calc(100% + (0.625rem * 2)); width: var(--fullwidth-width); padding: 0.625rem; padding: var(--fullwidth-pad); padding: 0; margin-bottom: 6.25rem; margin-bottom: var(--mg-xl); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 56.25vw; width: 100vw; } .ww-image-link__image { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .ww-image-link__button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #FED3E4; background-color: var(--pink); font-size: 1.625rem; font-size: var(--fs-s); } .ww-image-link__button:hover { border-color: #FFFFFF; border-color: var(--white); } @media only screen and (min-width: 960px) { .ww-image-link__container { max-height: 80vh; } .ww-image-link__button { font-size: 2.3125rem; font-size: var(--fs-m); padding: 0.75em 1em; } } /*# sourceMappingURL=main.css.map*/