/* -------------------------- DEBUG SETTING --------------------------*/ body.-debug .entry-content .i96-block.i96-block-redinfo { position: relative; overflow: visible; } body.-debug .entry-content .i96-block.i96-block-redinfo:after { position: absolute; content: ""; top: auto; right: 0; bottom: -0.625rem; left: 0; background-color: rgba(0, 255, 255, 0.5); height: 0.625rem; } /* -------------------------- */ .entry-content .i96-block.i96-block-redinfo { /* margin-top: 3.75rem; */ margin-bottom: 0.625rem; padding-top: 0; padding-bottom: 0; text-transform: uppercase; } .entry-content .i96-block.i96-block-redinfo ~.wp-block-heading, .entry-content .i96-block.i96-block-redinfo ~p { margin-top: 0.625rem; } .entry-content .i96-block.i96-block-redinfo + .i96-block, .entry-content .i96-block.i96-block-redinfo + .wp-block-heading, .entry-content .i96-block.i96-block-redinfo + p, .entry-content .i96-block.i96-block-redinfo + ul { margin-top: 0; } /* -------------------------- DEBUG SETTING --------------------------*/ body.-debug .entry-content .i96-block.i96-block-redinfo { position: relative; overflow: visible; } body.-debug .entry-content .i96-block.i96-block-redinfo:after { position: absolute; content: ""; top: auto; right: 0; bottom: -0.625rem; left: 0; background-color: rgba(0, 255, 255, 0.5); height: 0.625rem; } /* -------------------------- */ .entry-content .i96-block.i96-block-redinfo { /* margin-top: 3.75rem; */ margin-bottom: 0.625rem; padding-top: 0; padding-bottom: 0; text-transform: uppercase; } .entry-content .i96-block.i96-block-redinfo ~.wp-block-heading, .entry-content .i96-block.i96-block-redinfo ~p { margin-top: 0.625rem; } .entry-content .i96-block.i96-block-redinfo + .i96-block, .entry-content .i96-block.i96-block-redinfo + .wp-block-heading, .entry-content .i96-block.i96-block-redinfo + p, .entry-content .i96-block.i96-block-redinfo + ul { margin-top: 0; } .i-brandico-facebook{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 486.037 1000' display='inline-block' width='0.49em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M124.074 1000V530.771H0V361.826h124.074V217.525C124.074 104.132 197.365 0 366.243 0C434.619 0 485.18 6.555 485.18 6.555l-3.984 157.766s-51.564-.502-107.833-.502c-60.9 0-70.657 28.065-70.657 74.646v123.361h183.331l-7.977 168.945H302.706V1000z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;width:0.49em;height:1em;}.i-brandico-instagram{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1000 1000' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M749.359 1.095H250.643c-137.4 0-249.186 111.41-249.186 248.348v501.11c0 136.929 111.786 248.351 249.186 248.351h498.716c137.4 0 249.183-111.423 249.183-248.351V249.442c0-136.937-111.783-248.346-249.183-248.346zm156.895 749.456c0 86.214-70.38 156.368-156.894 156.368H250.644c-86.514 0-156.895-70.154-156.895-156.368V426.903h197.146c-14.393 30.443-22.488 64.404-22.488 100.218c0 130.083 106.18 235.897 236.696 235.897c130.513 0 236.695-105.814 236.695-235.897c0-35.814-8.094-69.776-22.49-100.218h186.945v323.648zM406.845 527.123c0-53.99 44.077-97.923 98.259-97.923c54.184 0 98.258 43.934 98.258 97.923c0 54.001-44.074 97.926-98.258 97.926c-54.181-.001-98.259-43.925-98.259-97.926m499.409-192.199H642.08c-38.701-27.468-85.954-43.695-136.976-43.695s-98.281 16.227-136.973 43.695H93.749v-85.481c0-86.223 70.381-156.367 156.895-156.367H749.36c86.514 0 156.894 70.144 156.894 156.367zM806.248 148.861h-85.55c-15.232 0-27.687 12.418-27.687 27.594v85.266c0 15.175 12.454 27.594 27.687 27.594h85.55c15.231 0 27.687-12.419 27.687-27.594v-85.266c0-15.176-12.455-27.594-27.687-27.594'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;width:1em;height:1em;}.i-brandico-linkedin{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1046.16 1000' display='inline-block' width='1.05em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M237.485 1000V325.301H13.229V1000zM125.386 233.127c78.202 0 126.879-51.809 126.879-116.553C250.808 50.37 203.591-.001 126.87-.001C50.161-.001-.002 50.371-.002 116.574c0 64.747 48.665 116.553 123.924 116.553h1.457zM361.61 1000h224.256V623.215c0-20.165 1.457-40.309 7.379-54.724c16.212-40.289 53.111-82.017 115.06-82.017c81.149 0 113.613 61.872 113.613 152.572v360.949h224.242V613.129c0-207.241-110.636-303.668-258.183-303.668c-120.977 0-174.094 67.622-203.603 113.679h1.497v-97.853H361.615c2.943 63.31 0 674.699 0 674.699z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;width:1.05em;height:1em;}.i-brandico-twitter-bird{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1231.051 1000' display='inline-block' width='1.24em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M1231.051 118.453q-51.422 76.487-126.173 130.403q.738 14.46.738 32.687q0 101.273-29.53 202.791q-29.53 101.519-90.215 194.343T841.297 843.145T639.62 957.395t-252.474 42.606q-210.2 0-387.147-113.493q31.406 3.495 60.242 3.495q175.605 0 313.687-108.177q-81.877-1.501-146.654-50.409q-64.777-48.907-89.156-124.988q24.097 4.59 47.566 4.59q33.782 0 66.482-8.812q-87.378-17.5-144.975-87.04q-57.595-69.539-57.595-160.523v-3.126q53.633 29.696 114.416 31.592q-51.762-34.508-82.079-89.999q-30.319-55.491-30.319-120.102q0-68.143 34.151-126.908q95.022 116.607 230.278 186.392q135.258 69.786 290.212 77.514q-6.609-27.543-6.621-57.485q0-104.546 73.994-178.534Q747.623 0 852.169 0q109.456 0 184.392 79.711q85.618-16.959 160.333-61.349q-28.785 90.59-110.933 139.768q75.502-8.972 145.088-39.677z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;width:1.24em;height:1em;}.i-fa6-solid-magnifying-glass{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288a144 144 0 1 0 0 288'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;width:1em;height:1em;}.i-ic-outline-arrow-drop-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m7 10l5 5l5-5z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;width:1em;height:1em;}.i-material-symbols-light\:chevron-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m13.292 12l-4.6-4.6l.708-.708L14.708 12L9.4 17.308l-.708-.708z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;width:1em;height:1em;}.i-material-symbols-light\:close-rounded{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m12 12.708l-5.246 5.246q-.14.14-.344.15t-.364-.15t-.16-.354t.16-.354L11.292 12L6.046 6.754q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16L12 11.292l5.246-5.246q.14-.14.345-.15q.203-.01.363.15t.16.354t-.16.354L12.708 12l5.246 5.246q.14.14.15.345q.01.203-.15.363t-.354.16t-.354-.16z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;width:1em;height:1em;}.i-uil-youtube{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M23 9.71a8.5 8.5 0 0 0-.91-4.13a2.92 2.92 0 0 0-1.72-1A78 78 0 0 0 12 4.27a79 79 0 0 0-8.34.3a2.87 2.87 0 0 0-1.46.74c-.9.83-1 2.25-1.1 3.45a48 48 0 0 0 0 6.48a9.6 9.6 0 0 0 .3 2a3.14 3.14 0 0 0 .71 1.36a2.86 2.86 0 0 0 1.49.78a45 45 0 0 0 6.5.33c3.5.05 6.57 0 10.2-.28a2.9 2.9 0 0 0 1.53-.78a2.5 2.5 0 0 0 .61-1a10.6 10.6 0 0 0 .52-3.4c.04-.56.04-3.94.04-4.54M9.74 14.85V8.66l5.92 3.11c-1.66.92-3.85 1.96-5.92 3.08'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;width:1em;height:1em;}.i-zondicons-format-font-size{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' display='inline-block' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 9v8h-2V9h-4V7h10v2zM8 5v12H6V5H0V3h15v2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;width:1em;height:1em;}*, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* 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; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-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. */ ::-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 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } ._font-primary { font-family: var(--kn-font-family-primary); } a { color: var(--kn-color-primary); transition: color var(--kn-trans-speed-text); } @media (min-width: 599px) { a:hover { color: var(--kn-color-dark); } } ._font-hero-h1, ._font-h1, ._font-h2, ._font-h3, ._font-copy-xl, ._font-copy-l, ._font-copy-m, ._font-copy-s, ._font-copy-xs { font-style: normal; } ._font-copy-xl, ._font-copy-l, ._font-copy-m, ._font-copy-s, ._font-copy-xs { } ._font-box-newsletter { /* font-family: "Museo Slab"; */ font-size: .9375rem; font-style: normal; font-weight: 300; line-height: 1.375rem; } ._font-copy-m, ._font-copy-m p { font-size: 1.25rem; /* 20px */ line-height: 1.8125rem; } ._font-copy-s, ._font-copy-s p { font-size: 1.125rem; /* 18px */ line-height: 1.5rem; } ._font-copy-xs, ._font-copy-xs p { font-size: 0.9375rem; /* 15px */ line-height: 1.375rem; } input[type=submit]._font-input-submit, input[type=submit].post-password-form__submit { font-family: var(--kn-font-family-primary); font-size: .875rem; font-weight: 600; line-height: 1; } /* * uncomment if adding custom base styles @import "./custom-base-styles.css"; */ .container{ width: 100%; } @media (min-width: 640px){ .container{ max-width: 640px; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 1024px){ .container{ max-width: 1024px; } } @media (min-width: 1280px){ .container{ max-width: 1280px; } } @media (min-width: 1536px){ .container{ max-width: 1536px; } } /* can't use this as it is broken by the custom colors in tailwind theme colors @import "./custom-components.pcss";*/ .visible{ visibility: visible; } .invisible{ visibility: hidden; } .absolute{ position: absolute; } .\!relative{ position: relative !important; } .relative{ position: relative; } .left-0{ left: 0px; } .right-0{ right: 0px; } .z-10{ z-index: 10; } .\!mx-auto{ margin-left: auto !important; margin-right: auto !important; } .my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .\!mt-0{ margin-top: 0px !important; } .\!mt-8{ margin-top: 2rem !important; } .mb-0{ margin-bottom: 0px; } .mb-12{ margin-bottom: 3rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-4{ margin-bottom: 1rem; } .mt-0{ margin-top: 0px; } .mt-2{ margin-top: 0.5rem; } .mt-5{ margin-top: 1.25rem; } .block{ display: block; } .inline-block{ display: inline-block; } .flex{ display: flex; } .\!hidden{ display: none !important; } .hidden{ display: none; } .w-3\/5{ width: 60%; } .w-6{ width: 1.5rem; } .w-full{ width: 100%; } .flex-grow{ flex-grow: 1; } .origin-top-left{ transform-origin: top left; } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-pointer{ cursor: pointer; } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .items-center{ align-items: center; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .gap-2\.5{ gap: 0.625rem; } .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } .overflow-scroll{ overflow: scroll; } .rounded-2xl{ border-radius: 1rem; } .border{ border-width: 1px; } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .pr-2{ padding-right: 0.5rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .\!font-light{ font-weight: 300 !important; } .\!font-normal{ font-weight: 400 !important; } .text-\[--kn-color-primary\]{ color: var(--kn-color-primary); } .text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } /* * uncomment if adding custom utilities @import "./custom-utilities.css"; */ /* SETTINGS */ /* ------------------- */ #page { overflow: hidden; } @font-face { font-family: 'Museo Sans Rounded'; font-weight: 300; src: url('../fonts/museo-sans-rounded-300.woff') format('woff'); font-display: swap; font-style: normal; } @font-face { font-family: 'Museo Sans Rounded'; font-weight: 700; src: url('../fonts/museo-sans-rounded-700.woff') format('woff'); font-display: swap; font-style: normal; } @font-face { font-family: 'Museo Slab'; font-weight: 300; src: url('../fonts/museo-slab-300.woff') format('woff'); font-display: swap; font-style: normal; } /*@font-face { */ /* font-display: swap; */ /* font-family: 'Athletics'; */ /* src: url('../fonts/Athletics-Light.woff') format('woff'), */ /* url('../fonts/Athletics-Light.woff2') format('woff2'); */ /* font-style: normal; */ /* font-weight: 300; */ /* text-rendering: optimizeLegibility; */ /*} */ :root { /* COLORS */ /* ----------------- */ --kn-color-primary: #E66D2D; --kn-color-secondary: #4E2712; --kn-color-dark: #303030; --kn-color-white: #FFFFFF; --kn-color-light: #EFEEEB; --kn-color-bkgr-hover: rgba(0, 0, 0, 0.23); --lewo-color-main: var(--lewo-color-primary); --lewo-color-black: #2A2A2A; --lewo-color-white: #FFFFFF; --lewo-color-light-grey: #F1F1F1; /* LAYOUT */ /* ----------------- */ --kn-box-mobile-spacing: 0rem; /* WIDTHS */ --lewo-layout-row-padding-x: 3.75rem; /* 60px */ --lewo-layout-page-width: 89.375rem; /* total row width: col-width * col-count + col-gap * (col-count - 1) + row-padding-x * 2 */ --lewo-layout-row-width: calc(var(--lewo-layout-page-width) + var(--lewo-layout-row-padding-x)*2); /* wordpress default override */ --responsive--alignwide-width: var(--lewo-layout-row-width); --responsive--aligndefault-width: var(--lewo-layout-row-width); --wp--style--global--content-size: var(--lewo-layout-row-width); --global--line-height-body: 1.45; /* VARIOUS */ /* ----------------- */ --kn-trans-speed: 250ms; --kn-trans-speed-text: 150ms; --kn-trans-speed-anim: 500ms; /* FONTS */ /* ----------------- */ /* FIXES */ } @media (max-width: 767px) { :root { --lewo-layout-row-padding-x: 2rem; /* 30px */ } } :root{ --lewo-font-headline: 'League Gothic', sans-serif; --lewo-font-copy: 'Noto Sans', sans-serif; --kn-font-family-primary: 'Museo Sans Rounded', sans-serif; --kn-font-family-secondary: 'Museo Slab', sans-serif; --global--color-background: lightgrey; --global--spacing-vertical: 3.125rem; } /* Value Description C Definition (from windows.h) */ /* ------------------------------------------------------------------------- */ /* 100 Thin FW_THIN */ /* 200 Extra-light (Ultra-light) FW_EXTRALIGHT */ /* 300 Light FW_LIGHT */ /* 400 Normal (Regular) FW_NORMAL */ /* 500 Medium FW_MEDIUM */ /* 600 Semi-bold (Demi-bold) FW_SEMIBOLD */ /* 700 Bold FW_BOLD */ /* 800 Extra-bold (Ultra-bold) FW_EXTRABOLD */ /* 900 Black (Heavy) FW_BLACK */ html { font-family: "Museo Slab", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } /* ============================================================================================================ */ /* TEXT ELEMENTS */ /* ============================================================================================================ */ p { margin-bottom: 1rem; } p:last-child { margin-bottom: 0; } /* LIST */ ul, ol { margin-bottom: 1rem; } ul li, ol li { font-family: var(--kn-font-family-secondary); list-style: disc; margin-left: 1.25rem; } p, div, a { caret-color: transparent; } /* ============================================================================================================ */ /* MOBILE */ /* ============================================================================================================ */ @media (max-width: 767px) { } @media (max-width: 599px) { p, ul li, ol li { font-size: 1rem; line-height: 1.57; } } /* ------------------------------------- */ /* DISABLE :focus (if so wished) */ /* ------------------------------------- */ .site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus { outline-offset: inherit; outline: inherit; } :focus-visible { outline: -webkit-focus-ring-color auto 1px !important; } /* ------------------------------------- */ /* ------------------------------------- */ /* CONTENT */ /* ------------------------------------- */ .le-content { width: 100%; max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; padding: 0 var(--lewo-layout-row-padding-x); } @media (max-width: 599px) { .le-content { padding: 0 } } .le-container { display: flex; gap: 3.125rem; } .le-container .le-left { /* width: 59.375rem; */ width: 65.97222222%; } .le-container .le-right { /* width: 26.875rem; */ width: 29.86111111%; } @media (max-width: 996px) { .le-container { flex-wrap: wrap } .le-container .le-left, .le-container .le-right { width: 100%; } } @media (max-width: 599px) { .le-container { gap: var(--kn-box-mobile-spacing) } } .site-footer > .site-info { border: none !important } @media (max-width: 599px) { .site-main { padding-bottom: 0 !important; } .event-template-default article { margin-bottom: 0 !important; } } body { background: url('/wp-content/themes/knust25/assets/img/background-with-decals.png'); background-size: 100vw; } @media (max-width: 599px) { body.-no-scroll { overflow: hidden; } } /* ---------------------------------------- */ /* SECTION */ /* ---------------------------------------- */ .lewo-section { max-width: 100% !important; } .lewo-section .lewo-sec-content { } /* ---------------------------------------- */ /* ZEILEN */ /* ---------------------------------------------------- */ /* HORIZONTAL MARGIN */ /* ------------------------------ */ .rc-content, .wp-block-heading, .entry-content > p, .entry-content > ul, .entry-content > .wp-block-group, .entry-content > .wp-block-buttons, .entry-content > .wp-block-columns, .le-content.-full, .tribe-events-view.tribe-events-view--list, .search-result-count, .lewo-section .lewo-sec-content { padding-left: var(--lewo-layout-row-padding-x) !important; padding-right: var(--lewo-layout-row-padding-x) !important; /* max-width */ max-width: var(--lewo-layout-row-width) !important; margin-left: auto !important; margin-right: auto !important; /* always full width */ /*max-width: 100% !important; */ /*margin-left: 0 !important; */ /*margin-right: 0 !important; */ } /* BREITE */ .entry-content > div { max-width: 100% !important; position: relative; } .wp-block-buttons, .wp-block-group { margin: 0; } .entry-content > ul { margin-left: 7rem !important; } /* make the last block without bottom margin so that we can define that in the footer */ .i96-block .entry-content > div:last-child { margin-bottom: 0 !important; } /* DEBUG */ /* -------------------------- */ .le-content.-debug { padding: 1rem; background: green; } .le-content.-debug .le-container { padding: 1rem; background: yellow; } .le-content.-debug .le-container .le-left { padding: 1rem; background: cyan; } .le-content.-debug .le-container .le-right { padding: 1rem; background: magenta; } /* */ /*@each $col in pinky, rosa, neoneo, purple, mauve, neongrun, warmgrey { */ /* .-bkgr-$(col) { */ /* background-color: var(--rc-color-$(col)) !important; */ /* } */ /*} */ /*@each $animal, $color in (puma, sea-slug), (black, blue) { */ /* .$(animal)-icon { */ /* background-image: url('/images/$(animal).png'); */ /* border: 2px solid $color; */ /* } */ /*} */ /*\// IFrames */ /*.wp-block-embed__wrapper { */ /* border-radius: 1rem; */ /* overflow: hidden; */ /*} */ /* COLORS */ /* --------------------------------- */ ._kn-col-primary { color: var(--kn-color-primary); } ._kn-bg-primary { background-color: var(--kn-color-primary); } ._kn-col-secondary { color: var(--kn-color-secondary); } ._kn-bg-secondary { background-color: var(--kn-color-secondary); } ._kn-col-dark { color: var(--kn-color-dark); } ._kn-bg-dark { background-color: var(--kn-color-dark); } ._kn-col-white { color: var(--kn-color-white); } ._kn-bg-white { background-color: var(--kn-color-white); } /* BACKGROUND WHITE (transparent) */ /* --------------------------------- */ .-bg-white { position: relative; } .-bg-white > div { position: relative; } .-bg-white:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.6; transition: opacity var(--kn-trans-speed); } .-bg-white.-bg-hover:hover:before { opacity: 0.8; } /* IMAGE */ /* --------------------------------- */ .kn-image-container { display: flex; position: relative; overflow: hidden; } .kn-image-container img { min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .kn-image-wrapper { position: relative; display: flex; } .kn-image-wrapper.-img-size-single .kn-image-container, .kn-image-wrapper.-img-size-thumb .kn-image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .kn-image-wrapper.-img-size-single { padding-top: 59.0808%; } .kn-image-wrapper.-img-size-thumb { padding-top: 59.25925926%; } /* TAG */ /* --------------------------------- */ .kn-tag-wrapper { display: flex; flex-wrap: wrap; } .kn-tag-wrapper .kn-tag { margin-right: .5rem; margin-bottom: .5rem; } .kn-tag-wrapper .kn-tag:last-child { margin-right: 0; } .kn-tag-wrapper + .kn-tag-wrapper { margin-left: .5rem; } .kn-tag { font-family: var(--kn-font-family-primary); color: white; /* padding: .25rem .85rem; */ padding: 0 .85rem 0; background: var(--kn-color-dark); border-radius: 0.1875rem; text-transform: uppercase; min-height: 1.4375rem; text-align: center; font-size: .75rem; font-style: normal; font-weight: 700; line-height: 0; display: flex; align-items: center; justify-content: center; } .kn-tag.-type-primary { background: var(--kn-color-primary); } .kn-tag.-type-badge { background: var(--kn-color-primary); font-size: 1.25rem; min-height: 3.625rem; padding: .75rem 1.875rem; } .kn-tag.-type-badge .kn-tag-icon { margin-right: .75rem; } .kn-tag.-type-badge .kn-tag-icon img { height: 1.125rem; } .kn-tag.-type-wireframe { background: transparent; border: 1px solid var(--kn-color-dark); color: var(--kn-color-dark); padding-left: .5rem; padding-right: .5rem; } .kn-tag.-type-wireframe.-type-wf-white { border: 1px solid white; color: white; } @media (max-width: 639px) { .kn-tag { font-size: 0.5625rem; padding: .25rem .3125rem; min-height: 1.0625rem; margin-right: .3125rem; padding: .1875rem .3125rem; padding: .25rem .3125rem .1875rem .3125rem; line-height: .5 } .kn-tag.-type-wireframe { padding: .1875rem .3125rem; padding: .25rem .3125rem .1875rem .3125rem; line-height: .5; } .kn-tag.-type-badge { min-height: 2.5rem; font-size: .875rem; } .kn-tag.-type-badge .kn-tag-icon { margin-right: .5rem; } .kn-tag.-type-badge .kn-tag-icon img { height: .75rem; } } /* ELEMENTS */ /* ------------------- */ .wp-block-button > a.wp-block-button__link.wp-element-button, button, a.button, .site a.button, .site .site-main .i96-block button, .site .site-main .i96-block a.button, .tribe-events-calendar-list__event-details a.button, input[type="submit"].button { } .kn-button { font-family: var(--kn-font-family-primary); color: white !important; background-color: var(--kn-color-primary) !important; border-radius: 0.1875rem; line-height: 1; min-height: 3.125rem; padding: 0.5rem 1.25rem; font-size: .875rem; font-weight: 600; text-transform: uppercase; transition: transform var(--kn-trans-speed-text), color var(--kn-trans-speed-text), background-color var(--kn-trans-speed-text); /*transform: translateZ(0); */ /*backface-visibility: hidden; */ -webkit-font-smoothing: subpixel-antialiased; display: flex; justify-content: center; align-items: center; } .kn-button.-type-primary { border: none !important; } .kn-button.-type-wireframe { color: var(--kn-color-dark) !important; border: 1px solid #303030; /* background: rgba(255, 255, 255, 0.60) !important; */ background: transparent !important; } .kn-button.-type-select { font-weight: 300; justify-content: flex-start; } .kn-button.-type-select svg { transition: transform var(--kn-trans-speed-text); } .kn-button.-type-select[aria-expanded="true"] svg { transform: rotate(180deg); } .kn-button:hover { transform: scale(1.03571428571); } .kn-button.-on-hover-color:hover { transform: none; background-color: lightgray !important; } .kn-button + .kn-button { margin-top: 1.125rem; } /* FONTS */ /* -------------------------- */ ._font-hero-claim { /* color: #FFF; */ /* font-family: Raleway; */ font-family: var(--kn-font-family-primary); font-size: 1.25rem; font-weight: 700; line-height: 1; } ._font-hero-name { /*font-family: "Museo Slab"; */ font-size: 1.75rem; font-weight: 300; line-height: 2.25rem; } ._font-hero-subtitle { /*font-family: "Museo Slab"; */ font-size: 1.125rem; font-weight: 300; /*line-height: 2.25rem; */ line-height: 1.6rem; } ._font-hero-date { font-family: var(--kn-font-family-primary); font-size: 1.375rem; font-weight: 600; line-height: 1; } ._font-hero-tag { font-family: var(--kn-font-family-primary); font-size: .6875rem; font-weight: 700; line-height: 1; } .kn-section-hero { position: relative; background: white; } /* BACKGROUND */ .kn-section-hero .kn-hero-background { padding-top: 59.26315789%; } .kn-section-hero .kn-hero-background .kn-image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* CLAIM */ .kn-section-hero .kn-hero-claim { position: absolute; top: 0; left: 0; padding: 1.1rem 1.375rem 1rem; display: flex; justify-content: center; align-items: center; text-transform: uppercase; background: var(--kn-color-primary); min-height: 3.75rem; z-index: 10; pointer-events: none; } /* INFO */ .kn-section-hero .kn-hero-info { display: flex; align-items: center; margin-bottom: 1rem; } .kn-section-hero .kn-hero-info .kn-hero-date { margin-right: 2.1875rem; } .kn-section-hero .kn-hero-info .kn-hero-location { /*padding: .25rem .85rem; */ /*background: var(--kn-color-dark); */ /*border-radius: 0.1875rem; */ /*text-transform: uppercase; */ /*min-height: 1.25rem; */ margin-right: .625rem; } .kn-section-hero .kn-hero-info .kn-hero-weekday { /*padding: .25rem .5rem; */ /*min-height: 1.25rem; */ /*border: 1px solid white; */ /*border-radius: 0.1875rem; */ /*text-transform: uppercase; */ } /* CONTENT */ .kn-section-hero .kn-hero-content { /* border-bottom: 1px solid rgba(48, 48, 48, 0.20); */ position: absolute; right: 0; bottom: 0; left: 0; } .kn-section-hero .kn-hero-content:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; background: var(--kn-color-dark); } @media (max-width: 640px) { ._font-hero-date { font-size: .875rem; } ._font-hero-tag { font-size: .5rem; } ._font-hero-name { font-size: 1.1875rem; line-height: 1.5rem; } ._font-hero-subtitle { font-size: .875rem; line-height: 1; } .kn-section-hero { color: var(--kn-color-dark); background: transparent; } .kn-section-hero .kn-hero-claim { display: none; } .kn-section-hero .kn-hero-content .kn-hero-date { margin-top: 0.125rem; margin-right: .5625rem; } /* margin-right: .3125rem; */ .kn-section-hero .kn-hero-content .kn-tag.-type-wf-white { border: 1px solid var(--kn-color-dark); color: var(--kn-color-dark); } .kn-section-hero .kn-hero-content .kn-hero-info { margin-bottom: .6875rem; } .kn-section-hero .kn-hero-content .kn-hero-name { margin-bottom: .525rem; } .kn-section-hero .kn-hero-background { padding-top: 66.66666667%; position: relative; } .kn-section-hero .kn-hero-content { position: relative; } .kn-section-hero .kn-hero-content:before { border-top: 1px solid rgba(48, 48, 48, 0.20); opacity: 0.6; background: white; } } @media (max-width: 599px) { #main { padding-top: 0; margin-top: 0 } } /* FORM */ /* ----------------------------- */ .kn-input-wrapper { padding: 1.125rem 1.5rem; border-bottom: 1px solid #D9D9D9; display: flex; gap: 2.5rem; position: relative; } .kn-select-arrow { position: absolute; top: 1.25rem; right: 1.25rem; } select.kn-select, input.kn-input, input.post-password-form__input { border-radius: 3px; color: var(--kn-color-dark); border: 1px solid #303030 !important; background: rgba(255, 255, 255, 0.60); width: 100%; line-height: 1; min-height: 3.125rem; padding: 0.5rem 1.25rem; font-size: .875rem; font-family: var(--kn-font-family-primary); /* text-transform: uppercase; */ } input[type=text].kn-input, input[type=email].kn-input, input[type=url].kn-input, input[type=password].kn-input, input[type=search].kn-input, input[type=number].kn-input, input[type=tel].kn-input, input[type=date].kn-input, input[type=month].kn-input, input[type=week].kn-input, input[type=time].kn-input, input[type=datetime].kn-input, input[type=datetime-local].kn-input, input[type=color].kn-input, .site textarea.kn-input { border-radius: .1875rem; border: 1px solid rgba(48, 48, 48, 0.30); background: rgba(255, 255, 255, 0.00); margin: 1.8rem 0 0.5rem; width: 100%; line-height: 1; min-height: 3.125rem; } input[type=submit].kn-submit, input[type=submit].post-password-form__submit { border-radius: .1875rem; border: 1px solid rgba(48, 48, 48, 0.30); background: var(--kn-color-primary) !important; color: white !important; text-transform: uppercase; border: none !important; display: flex; justify-content: center; align-items: center; padding: .5rem 1.5rem; width: 100%; min-height: 3.125rem; } /* ---------------------------------------- */ /* ACCORDION */ /* ---------------------------------------- */ .__le-acc-header { font-family: var(--kn-font-family-primary); font-size: 1.125rem; font-style: normal; font-weight: 300; line-height: normal; text-transform: uppercase; padding-top: 0.5rem; padding-bottom: 0.5rem; min-height: 3.75rem; align-items: center; transition: color var(--kn-trans-speed-text); } .le-accordion { margin-bottom: 2.5rem; } .le-accordion .le-acc-entries .le-acc-entry svg { transition: transform var(--kn-trans-speed-text); } .le-accordion .le-acc-entries .le-acc-entry svg path { transition: opacity var(--kn-trans-speed-text); } .le-accordion .le-acc-entries .le-acc-entry.-open svg { transform: rotate(360deg); } .le-accordion .le-acc-entries .le-acc-entry.-open svg path:nth-child(2) { opacity: 0; } .le-accordion .le-acc-entries .le-acc-entry.-open .le-acc-header { color: inherit; } .le-accordion .le-acc-entries .le-acc-entry .le-acc-header { font-family: var(--kn-font-family-primary); font-size: 1.125rem; font-style: normal; font-weight: 300; line-height: normal; text-transform: uppercase; padding-top: 0.5rem; padding-bottom: 0.5rem; min-height: 3.75rem; align-items: center; transition: color var(--kn-trans-speed-text); } .le-accordion .le-acc-entries .le-acc-entry .le-acc-header { display: flex; justify-content: space-between; } .le-accordion .le-acc-entries .le-acc-entry .le-acc-header svg path { transition: fill var(--kn-trans-speed-text); } @media (min-width: 600px) { .le-accordion .le-acc-entries .le-acc-entry .le-acc-header:hover { color: var(--kn-color-primary) !important; } .le-accordion .le-acc-entries .le-acc-entry .le-acc-header:hover svg path { fill: var(--kn-color-primary) !important; } } .le-accordion .le-acc-entries .le-acc-entry .le-acc-content { font-family: var(--kn-font-family-secondary); font-size: 1.25rem; font-style: normal; font-weight: 300; line-height: 1.45; /* 145% */ } /* DROPDOWN */ /* ----------------------------- */ .kn-dropdown { position: relative; display: inline-block; width: 100%; } .kn-dropdown .kn-dropdown-entry { font-family: var(--kn-font-family-primary); padding: 0.5rem 1.25rem; font-size: .875rem; text-transform: uppercase; min-height: 3.125rem; } /* ----------------------------- */ /* YOUTUBE EMBEDS */ /* ----------------------------- */ .st-yt-oembed { position: relative; } .st-yt-oembed iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; max-height: 100% !important; } header { padding: 0 !important; gap: 0 !important; max-width: none !important; display: flex; flex-direction: column; z-index: 100; position: relative; } header .site-logo { padding: .875rem 0 1rem; margin: 0; } header .primary-navigation { margin-left: 0 !important; } header .kn-nav-back { position: absolute !important; top: 0; left: 0; width: 3.75rem; height: 3.75rem; border: none; background-color: transparent !important; cursor: pointer; z-index: 10; transition: background-color var(--kn-trans-speed); display: flex; justify-content: center; align-items: center; } @media (min-width: 599px) { header .kn-nav-back:hover { background-color: var(--kn-color-bkgr-hover) !important; } header .kn-nav-back { width: 2rem; height: 4.35rem } } @media (min-width: 768px) { header .kn-nav-back { width: 2.5rem } } header .site-navigation { width: 100%; } header .site-navigation a { padding-top: 0.25rem; padding-bottom: 0.25rem; display: flex; justify-content: center; align-items: center; color: var(--kn-color-primary) !important; text-transform: uppercase; text-decoration: none !important; color: #E66D2D; font-family: var(--kn-font-family-primary); font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal; min-height: 2.5rem; } header .kn-sub-menu-toggle { display: none !important; position: absolute; right: 0; top: 0; height: 3.6875rem !important; justify-content: center; align-items: center; width: 3.75rem !important; cursor: pointer; transition: background var(--kn-trans-speed); background: #efeeeb !important; } header .kn-sub-menu-toggle:hover { background: var(--kn-color-bkgr-hover) !important } header ul.sub-menu:before, header ul.sub-menu:after { display: none !important; } header #primary-menu-list li { transition: max-height var(--kn-trans-speed); overflow: hidden; } header #primary-menu-list li a { transition: background var(--kn-trans-speed), colors var(--kn-trans-speed); } header #primary-menu-list li.current-menu-item, header #primary-menu-list li a:hover { background: var(--kn-color-bkgr-hover) !important } header #primary-menu-list li svg { pointer-events: none; } header #primary-menu-list li svg path { transition: opacity var(--kn-trans-speed); } header #primary-menu-list li.-open { max-height: 75vh; } header #primary-menu-list li.-open svg path:nth-child(2) { opacity: 0; } @media (max-width: 599px) { header .kn-sub-menu-toggle { display: flex !important; } header #i96-stickyheader { min-height: 3.75rem; } header .primary-navigation > div > .menu-wrapper { padding: 0; } header .site-logo { display: flex; justify-content: center; } header .site-logo img.custom-logo { max-width: 16rem; max-height: 1.625rem; } header .primary-menu-container { border: none !important; margin: 3.75rem 0 0 0 !important; padding: 0 !important; /* background: rgba(0, 0, 0, 0.5) !important; */ background: transparent !important; } header .menu-button-container { background-color: transparent !important; } header #primary-menu-list { background: var(--kn-color-light); } header .kn-header-top { justify-content: center; } header ._kn-bg-secondary.w-full { position: absolute; top: 0; right: 0; width: auto; background: transparent; } header .primary-navigation > .primary-menu-container { transition: all 0.3s ease-in-out; } header #primary-menu-list li { max-height: 3.75rem; margin-left: 0; } header #primary-menu-list li a { font-size: .875rem; color: var(--kn-color-dark); min-height: 3.75rem; background: #EFEEEB; border-bottom: 1px solid #D9D9D9; display: flex; align-items: center; justify-content: flex-start; padding: 0.25rem 1.5rem; } header #primary-menu-list li a { font-weight: 700; color: var(--kn-color-dark) !important; } header #primary-menu-list li .sub-menu { border: none; margin: 0; } header #primary-menu-list li .sub-menu li { border: none; } header #primary-menu-list li .sub-menu li a { font-weight: 400; padding-left: 2.5rem; } } .mobile-nav-bkgr { position: fixed; top: 3.75rem; right: 0; left: 0; height: 100vh; pointer-events: none; background: rgba(0, 0, 0, 0.5) !important; visibility: hidden; opacity: 0; transition: opacity var(--kn-trans-speed); transform: translateY(100%); } @media (max-width: 599px) { .mobile-nav-bkgr.-is-active { visibility: visible; transform: translateY(0); } .primary-navigation-open .mobile-nav-bkgr { visibility: visible; opacity: 1; } } @media only screen and (max-width: 599.98px) { .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { transform: translateY(-100%) translateX(0); } } #primary-mobile-menu { margin: 0 !important; position: relative; background: transparent !important; top: 0; right: 0; padding: 1.25rem 1.25rem !important; } .menu-button-container { padding: 0; height: auto; margin: 0 !important; } footer { background-color: var(--kn-color-secondary); padding-bottom: 0 !important; position: relative; max-width: none !important; } footer .site-info { margin: 0; border: none; position: relative; } footer .footer-navigation { margin-top: 1.875rem; } footer .footer-navigation li { margin-left: 0 !important; } footer .footer-navigation li a { padding: 0 .8125rem; line-height: 1; display: flex; position: relative; } footer .footer-navigation li a span { color: var(--kn-color-primary); transition: color var(--kn-trans-speed); text-align: center; /* font-family: "Museo Slab"; */ font-size: 0.9375rem; font-style: normal; font-weight: 300; line-height: 1; display: inline-block; } footer .footer-navigation li a:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: white; } footer .footer-navigation li a:hover span { color: white; } footer .footer-navigation li:last-child a:after { display: none; } footer .kn-footer-header { height: 2.5rem; } footer .kn-footer-header img { height: 100%; width: auto; } footer .kn-footer-bottom { margin-bottom: 3.75rem; gap: 2.5rem; flex-wrap: wrap; padding: 0 1rem; row-gap: 1rem; } footer .kn-footer-bottom .kn-footer-logo { height: 2.75rem; opacity: 1; } footer .kn-footer-bottom .kn-footer-logo img, footer .kn-footer-bottom .kn-footer-logo svg { height: 100%; width: auto; } footer .kn-footer-bottom .kn-footer-logo svg path, footer .kn-footer-bottom .kn-footer-logo svg rect, footer .kn-footer-bottom .kn-footer-logo svg polygon { fill: var(--kn-color-primary); transition: fill var(--kn-trans-speed); } footer .kn-footer-bottom .kn-footer-logo svg mask { display: none; } footer .kn-footer-bottom a.kn-footer-logo:hover svg path, footer .kn-footer-bottom a.kn-footer-logo:hover svg rect, footer .kn-footer-bottom a.kn-footer-logo:hover svg polygon { fill: white; } footer .kn-footer-companies { display: flex; justify-content: flex-end; gap: 0.875rem; width: 100%; padding: 0 2.25rem 2rem 0; position: absolute; bottom: 0; right: 0; margin: 0; } footer .kn-footer-companies .kn-company-logo { height: 1.5625rem; } @media (max-width: 481px) { footer .kn-socials-wrapper { top: -2.75rem; right: .5rem; } footer .kn-footer-companies { padding: 0 0.5rem .5rem 0; } footer .kn-footer-bottom { gap: 1.5rem; } footer .kn-footer-bottom .kn-footer-logo { height: 2rem; } } @media (max-width: 640px) { body.-haz-tickets #colophon { padding-bottom: 86px !important; } } /* FONT */ ._font-box-claim { font-family: var(--kn-font-family-primary); font-size: 1.125rem; font-weight: 600; line-height: 1; text-transform: uppercase; } /* BASIC BOX */ .kn-box { container-type: inline-size; margin-top: 3.125rem; position: relative; } .kn-box:first-child { margin-top: 0; } .kn-box.mt-0 { margin-top: 0; } .kn-box .kn-event-thumb:last-child { border: none !important; } .kn-box-content { padding: 1.5rem 1.5rem 2.75rem; } .kn-box-content.-size-large { padding: 2.5rem; } @media (max-width: 599px) { .kn-box { margin-top: var( --kn-box-mobile-spacing ); } .kn-box-content { display: flex; flex-direction: column; } .kn-box-content.-size-large { padding: 0 1.25rem 1.25rem; } .kn-sevent-image { order: -1; margin: 0 -1.25rem 1.5625rem; } .event-template-default .kn-event-detail { margin-bottom: 1.25rem !important; } } .kn-box-row-wrapper { border-top: 1px solid #D9D9D9; } .kn-box-row { padding: 0 1.5rem; display: flex; justify-content: space-between; align-items: center; min-height: 3.75rem; border-bottom: 1px solid #D9D9D9; } /* BOX CLAIM */ .kn-box-claim { padding: .25rem 1.5rem !important; min-height: 2.5rem; background: var(--kn-color-primary); color: white; position: absolute !important; top: 0; left: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: flex; justify-content: flex-start; align-items: center; z-index: 1; justify-content: space-between; } .kn-box-claim.-type-header { position: relative !important; width: 100%; text-align: left; } .kn-box-claim.-box-white { background: white; color: var(--kn-color-dark); } @media (max-width: 768px) { .kn-box-claim.-type-preview { display: none } } .kn-box-claim + .kn-box { margin-top: 0; } /* NEWSLETTER */ /* --------------------- */ .kn-box-newsletter { padding: 4.375rem 1.5625rem 2.375rem; color: var(--kn-color-dark); position: relative; } .kn-box-newsletter .email-wrapper input { margin-top: 1.125rem; } @media (max-width: 996px) { .kn-box-newsletter .kn-box-claim { width: 100%; } } /* PREVIEW BOXES */ /* --------------------- */ @media (min-width: 639px) { .kn-preview-boxes { margin-top: 3.125rem; } } @media (max-width: 599px) { .kn-preview-boxes { margin-bottom: var(--kn-box-mobile-spacing); } } .kn-box-newsletter + .kn-preview-boxes { margin-top: var(--kn-box-mobile-spacing); } @media (max-width: 996px) { .kn-preview-boxes { padding-top: 2.5rem; } .kn-preview-boxes .kn-box { margin-top: 0; } .kn-preview-boxes .kn-box .kn-box-claim { display: none; } .kn-preview-boxes .kn-box .kn-ethumb-content { border-bottom: 1px solid rgba(48, 48, 48, 0.20) !important; } .kn-preview-boxes .kn-box:first-child .kn-box-claim { display: flex; top: -2.5rem; right: 0; } } @media (max-width: 599px) { .wp-block-group.kn-box + .wp-block-group.kn-box { margin-top: var(--kn-box-mobile-spacing); } } /* WP DEFAULT ACCORDION */ /* ----------------------- */ /* WP ACC ITEM */ /* ---------------------- */ .wp-block-accordion_old .wp-block-accordion-item { position: relative; } .wp-block-accordion_old .wp-block-accordion-item > div { position: relative; } .wp-block-accordion_old .wp-block-accordion-item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.6; transition: opacity var(--kn-trans-speed); } .wp-block-accordion_old .wp-block-accordion-item.-bg-hover:hover:before { opacity: 0.8; } .wp-block-accordion_old .wp-block-accordion-item { transition: max-height 420ms; overflow: hidden; } /* WP ACC HEADING */ /* ---------------------- */ .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-heading { padding: .25rem 1.5rem !important; min-height: 2.5rem; background: var(--kn-color-primary); color: white; position: absolute !important; top: 0; left: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: flex; justify-content: flex-start; align-items: center; z-index: 1; justify-content: space-between; } .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-heading.-type-header { position: relative !important; width: 100%; text-align: left; } .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-heading.-box-white { background: white; color: var(--kn-color-dark); } @media (max-width: 768px) { .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-heading.-type-preview { display: none; } } .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-heading + .kn-box { margin-top: 0; } .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-heading { position: relative !important; } .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-heading button { font-family: var(--kn-font-family-primary); font-size: 1.125rem; font-weight: 600; line-height: 1; text-transform: uppercase; } .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-heading button { padding: 0; background: transparent; color: inherit; } /* WP TOGGLE ICON */ /* ---------------------- */ .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-heading__toggle-icon { font-size: 1.6rem; } /* WP ACC PANEL */ /* ---------------------- */ .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-panel { display: block !important; padding: 2rem 2.5rem; } .wp-block-accordion_old .wp-block-accordion-item + .wp-block-accordion-item { margin-top: 1px; } @media (max-width: 599px) { .wp-block-accordion_old { /* WP ACC ITEM */ /* ---------------------- */ } /* WP ACC PANEL */ /* ---------------------- */ .wp-block-accordion_old .wp-block-accordion-item .wp-block-accordion-panel { display: block !important; padding: 2rem 1.5rem; } } .wp-block-accordion { margin-left: -2.5rem !important; margin-right: -2.5rem !important; width: calc(100% + 5rem); border-bottom: 1px solid #CDCDCD; } /* WP ACC ITEM */ /* ---------------------- */ .wp-block-accordion .wp-block-accordion-item { /* @extend .-bg-white; */ transition: max-height 420ms; overflow: hidden; } .wp-block-accordion .wp-block-accordion-item svg { transition: transform var(--kn-trans-speed-text); } .wp-block-accordion .wp-block-accordion-item svg path { transition: opacity var(--kn-trans-speed-text); } .wp-block-accordion .wp-block-accordion-item.is-open >.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon { transform: none !important; } .wp-block-accordion .wp-block-accordion-item.is-open svg { transform: rotate(360deg); } .wp-block-accordion .wp-block-accordion-item.is-open svg path:nth-child(2) { opacity: 0; } .wp-block-accordion .wp-block-accordion-item.is-open .le-acc-header { color: inherit; } /* WP ACC HEADING */ /* ---------------------- */ .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading { /* @extend .le-acc-header; */ position: relative !important; display: flex; align-items: center; border-top: 1px solid #CDCDCD; } .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button { font-family: var(--kn-font-family-primary); font-size: 1.125rem; font-weight: 600; line-height: 1; text-transform: uppercase; } .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button { font-weight: normal; padding: 0; background: transparent; color: inherit; padding-top: 0.5rem; padding-bottom: 0.5rem; min-height: 3.75rem; padding-left: 1.5625rem; padding-right: 1.5625rem; cursor: pointer !important; transition: color var(--kn-trans-speed-text); } .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button .wp-block-accordion-heading__toggle-title, .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button .wp-block-accordion-heading__toggle-icon { text-decoration: none !important; cursor: pointer !important; pointer-events: none !important; } @media (min-width: 600px) { .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button { padding-left: 2.5rem; padding-right: 2.5rem } .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button svg path { transition: fill var(--kn-trans-speed-text); } .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button:hover { color: var(--kn-color-primary) !important; } .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button:hover svg path { fill: var(--kn-color-primary) !important; } } /* WP TOGGLE ICON */ /* ---------------------- */ .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading__toggle-icon { font-size: 1.6rem; } /* WP ACC PANEL */ /* ---------------------- */ .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel { display: block !important; padding: 0 2.5rem 2rem; } .wp-block-accordion .wp-block-accordion-item + .wp-block-accordion-item { margin-top: 1px; } @media (max-width: 599px) { .wp-block-accordion { margin-left: -1.5625rem !important; margin-right: -1.5625rem !important; width: calc(100% + 3.125rem) /* WP ACC ITEM */ /* ---------------------- */ } /* WP ACC PANEL */ /* ---------------------- */ .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel { display: block !important; padding: 0 1.5rem 2rem; } } /* NEWSLETTER */ .knust-f-newsletter { width: 100%; } .knust-f-newsletter input[type="checkbox"] { width: 1.25rem !important; flex: 0 0 1.25rem; height: 1.25rem; margin-top: 0.1875rem; margin-left: 0.625rem; margin-right: 1rem; border-width: 1px; } .knust-f-newsletter input[type="checkbox"]:after { left: 5px; top: 1px; width: 8px; height: 14px; } @media (max-width: 599px) { .knust-f-newsletter input[type="checkbox"]:after { left: 4px; top: 0px; width: 7px; height: 11px } } .knust-f-newsletter .terms-error, .knust-f-newsletter .email-error { line-height: 1.375rem; } /*.email-wrapper, */ /*input[type="text"] { */ /* min-height: 4.375rem; */ /* width: 100%; */ /* margin-right: 1rem; */ /* margin-left: 0; */ /*} */ /* */ /*input[type="submit"] { */ /* height: 4.375rem; */ /* min-width: 12.5rem; */ /* font-family: var(--lewo-font-headline); */ /* font-size: 1.875rem; */ /* color: white !important; */ /* margin-left: 0; */ /* */ /* &:hover { */ /* color: var(--lewo-color-black) !important; */ /* } */ /*} */ .knust-f-newsletter .logo-f-legal p { /* font-size: 1rem; */ } @media (max-width: 640px) { .knust-f-newsletter > div { /* justify-content: center; */ gap: .75rem; } .knust-f-newsletter input[type="text"] { margin-right: 0; } .knust-f-newsletter input[type="text"], .knust-f-newsletter input[type="submit"] { height: 3.125rem; } .knust-f-newsletter input[type="submit"] { padding: 0 .25rem !important; /* font-size: 1.5rem; */ } .knust-f-newsletter input[type="checkbox"] { margin-top: 0.1rem; width: 1rem !important; flex: 0 0 1rem; height: 1rem; margin-right: .5rem; } .knust-f-newsletter .mt-5 { margin-top: .75rem; } .knust-f-newsletter .logo-f-legal p { font-size: .75rem; line-height: 1.27; } } .knust-f-newsletter .spinner { border-top: 1em solid rgba(230 109 45 / 20%); border-right: 1em solid rgba(230 109 45 / 20%); border-bottom: 1em solid rgb(230 109 45 / 20%); border-left: 1em solid rgb(230 109 45); } .knust-f-newsletter.spin-container.-loading > div { opacity: 0.25; } .knust-f-newsletter.spin-container.-loading .spinner-overlay { background: transparent; opacity: 1; } .knust-f-newsletter .form-thanks { display: none; } .knust-f-newsletter .terms-error { /* margin-left: 2.875rem; */ } .knust-f-newsletter.-sent .email-input-wrapper, .knust-f-newsletter.-sent .logo-f-legal, .knust-f-newsletter.-sent ._font-box-newsletter { display: none; } .knust-f-newsletter.-sent .form-thanks { display: block !important; } @media (max-width: 640px) { .knust-f-newsletter .email-input-wrapper > .email-input-outside { flex-direction: column; gap: 14px; } .knust-f-newsletter .email-input-wrapper > .email-input-outside input { height: 50px !important; min-height: 20px !important; } .knust-f-newsletter .email-input-wrapper > .email-input-outside .email-wrapper { min-height: 20px !important; } } @media (max-width: 820px) { section.logo-footer { padding-bottom: 5rem; } section.logo-footer .logo-f-newsletter { margin: 2rem 5.625rem 0; } } .spinner-overlay { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; background: #00000042; /* border-radius: 15px; */ z-index: 10000; display: none; max-width: none !important; margin: 0; } .spin-container { position: relative; } .spin-container.-loading .spinner-overlay { display: inherit; } .spinner, .spinner:after { border-radius: 50%; width: 7em; height: 7em; display: block !important; } .spinner { margin: 60px auto; font-size: 10px; position: absolute; text-indent: -9999em; border-top: 1em solid rgba(0, 157, 224, 0.2); border-right: 1em solid rgba(0, 157, 224, 0.2); border-bottom: 1em solid rgba(0, 157, 224, 0.2); border-left: 1em solid rgb(0, 157, 224); transform: translateZ(0); animation: load8 1.1s infinite linear; z-index: 11; margin: 0; top: 50%; left: 50%; margin-top: -3.5em; margin-left: -3.5em; } @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media print { .spinner, .spinner-overlay { display: none; } } .post-password-required { min-height: 50vh; display: flex; align-items: center; justify-content: center; } .post-password-required .le-container { position: relative; } .post-password-required .le-container > div { position: relative; } .post-password-required .le-container:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.6; transition: opacity var(--kn-trans-speed); } .post-password-required .le-container.-bg-hover:hover:before { opacity: 0.8; } .post-password-required .le-container { padding: 4.375rem 1.5625rem 2.375rem; } .post-password-required .le-container .le-right { display: none; } .post-password-required .le-container .post-password-form__input { margin-right: 0 !important; margin-left: 0 !important; } .post-password-required .le-container .post-password-form__submit { margin-left: 0 !important; font-size: inherit; } .post-password-required .le-container .post-password-form__label { display: none !important; } .post-password-required .le-container #kn-gallery-container { max-width: none; width: auto; } .post-password-required .le-container #kn-gallery-container:before { font-family: var(--kn-font-family-primary); font-size: 1.125rem; font-weight: 600; line-height: 1; text-transform: uppercase; } .post-password-required .le-container #kn-gallery-container:before { content: "Passwortschutz"; position: absolute; top: -4.375rem; left: -1.5625rem; width: calc(100% + 3.125rem); background-color: var(--kn-color-primary); z-index: 1; display: flex; align-items: center; padding: .5rem 1.5rem; min-height: 2.5rem; color: white; } .post-password-required .le-container .post-password-message { font-size: inherit; line-height: inherit; max-width: none; } /* COMPONENTS */ /* ------------------- */ /* MEDIUM */ ._font-ed-date { font-family: var(--kn-font-family-primary); /* font-size: 1.375rem; */ font-size: 1.5rem; font-weight: 600; line-height: 1; } ._font-ed-tag { font-family: var(--kn-font-family-primary); font-size: .6875rem; font-weight: 700; line-height: 1; } ._font-ed-name { /*font-family: "Museo Slab"; */ font-size: 1.75rem; font-weight: 300; line-height: 2.25rem; } ._font-ed-subtitle { /*font-family: "Museo Slab"; */ font-size: 1.125rem; font-weight: 300; /*line-height: 2.25rem; */ line-height: 1.6rem; } .-event-size-medium { } .-event-size-small { } .kn-event-detail { position: relative; z-index: 1; } .kn-event-detail a { color: inherit; } /* INFO */ .kn-event-detail .kn-ed-info { display: flex; /* align-items: center; */ margin-bottom: .5rem; align-items: start; } .kn-event-detail .kn-ed-info .kn-ed-date { margin-right: 2.25rem; margin-bottom: 0.4rem; text-transform: uppercase; } .kn-event-detail .kn-ed-info .kn-ed-location { } .kn-event-detail .kn-ed-info .kn-ed-weekday { } /* NAME */ .kn-event-detail .kn-ed-name { text-transform: uppercase; } .kn-event-detail .kn-ed-name:last-child { margin-bottom: -.4rem; } /* SUBTITLE */ .kn-event-detail .kn-ed-subtitle { margin-top: .8125rem; } .kn-event-detail.-ev-white .-type-wireframe { border: 1px solid white; color: white; } /* MEDIUM WIDTH */ .kn-event-detail.-ev-medium-width .kn-ed-name { max-width: 35rem; } /* padding */ .kn-event-detail.-ev-padding-medium { /*position: absolute; */ /*right: 0; */ /*bottom: 0; */ /*left: 0; */ padding: 1.6875rem 2rem 2rem; } .kn-event-detail .kn-ed-ticket-link:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .kn-event-detail .kn-ed-ticket-link .kn-ed-name { margin-bottom: 0 !important; } @media (max-width: 599px) { .kn-event-detail .kn-tag-wrapper.-genres { display: none; } .kn-event-detail.-ev-padding-medium { padding: 1.5625rem 1.25rem; } .kn-event-detail ._font-ed-date { font-size: 1rem; } .kn-event-detail ._font-ed-name { font-size: 1.3125rem; line-height: 1.2; } .kn-event-detail ._font-ed-subtitle { font-size: 1rem; margin-top: .3125rem; } .kn-event-detail .kn-ed-info .kn-ed-date { margin-right: .5rem; } .kn-event-detail .kn-ed-info { margin-bottom: .25rem; } .event-template-default .le-accordion { margin-top: 0 !important; margin-bottom: 1.5625rem !important; } .event-template-default .le-accordion .le-acc-header { font-weight: bold !important; font-size: 1rem !important; } .event-template-default .le-accordion .le-acc-content { opacity: 0; transition: opacity 250ms; margin-top: -0.625rem !important; padding-bottom: 1.25rem !important; } .event-template-default .le-accordion .le-acc-entry.-open .le-acc-content { opacity: 1; } } /* SLIDER */ /* -------------------------- */ /* add more padding at the bottom for the pagination */ .swiper .kn-event-detail.-ev-padding-medium { /* padding: 1.6875rem 2rem 1.875rem; */ } @media (max-width: 598px) { .swiper .kn-event-detail.-ev-padding-medium { padding: 1.5625rem 1.25rem 1.875rem; } } @media (max-width: 640px) { .swiper .kn-hero-content:before { display: none !important; } .swiper:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; background: white; } } /* CONTENT */ /*.kn-ed-content { */ /* // border-bottom: 1px solid rgba(48, 48, 48, 0.20); */ /* position: absolute; */ /* right: 0; */ /* bottom: 0; */ /* left: 0; */ /* padding: 1.6875rem 2rem; */ /* */ /* > div { */ /* position: relative; */ /* } */ /* */ /* .kn-ed-name { */ /* max-width: 35rem; */ /* margin-bottom: .4rem; */ /* } */ /* */ /* &:before { */ /* content: ""; */ /* position: absolute; */ /* top: 0; */ /* left: 0; */ /* width: 100%; */ /* height: 100%; */ /* opacity: 0.6; */ /* background: var(--kn-color-dark); */ /* } */ /*} */ .kn-socials-wrapper { display: flex; position: absolute; top: 0; right: 0; gap: 0.625rem; } .kn-socials-wrapper .kn-social { height: 1.875rem; } .kn-socials-wrapper .kn-social svg { width: 1.9375rem; height: auto; } .kn-socials-wrapper .kn-social path { transition: fill var(--kn-trans-speed-text); } .kn-socials-wrapper .kn-social:hover path { fill: white; } .site-header .kn-social path { fill: var(--kn-color-secondary); } .kn-a11y-wrapper .kn-a11y-item { cursor: pointer; } .kn-a11y-wrapper .kn-a11y-item svg { width: 1.25rem; height: auto; } .kn-a11y-wrapper .kn-a11y-item path { transition: fill var(--kn-trans-speed-text); } .kn-a11y-wrapper .kn-a11y-item:hover path { fill: white; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { color: black !important; } @media (max-width: 599px) { .kn-a11y-wrapper, .kn-socials-wrapper { display: none; } } /* Hide only visually, but have it available for screen readers: */ /* as per: https://stackoverflow.com/a/64659445/826194 */ /* and per: https://snook.ca/archives/html_and_css/hiding-content-for-accessibility (chatty) */ .visually-hidden { border: 0; padding: 0; margin: 0; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */ clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */ clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/ white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */ } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ button.hamburger { background-color: transparent !important; width: 3.75rem; height: 3.75rem; display: inline-flex; justify-content: center; align-items: center; padding: 0; cursor: pointer; transition-property: opacity, filter, background-color; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; border: 0; margin: 0; overflow: visible; } @media (min-width: 599px) { #primary-mobile-menu.hamburger:hover { background-color: var(--kn-color-bkgr-hover) !important; } #primary-mobile-menu.hamburger.is-active:hover { background-color: var(--kn-color-bkgr-hover) !important; } } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: var(--kn-color-secondary); } .hamburger-box { width: 18px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 18px; height: 3px; background-color: var(--kn-color-secondary); border-radius: 0; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -7px; } .hamburger-inner::after { bottom: -7px; } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .kn-readmore-wrapper .kn-readmore-container { margin-top: -0.625rem; transition: max-height 750ms; } .kn-readmore-wrapper .kn-readmore-container .kn-readmore-content { overflow: hidden; } .kn-readmore-wrapper.-initted .kn-readmore-container { max-height: 19rem; overflow: hidden; position: relative; margin-bottom: 2rem; } .kn-readmore-wrapper .kn-readmore-container.-open { margin-bottom: 0; /*.kn-readmore-content { */ /* max-height: 100rem; */ /*} */ } .kn-readmore-wrapper .kn-readmore-button { font-size: 1rem; font-weight: bold; text-align: left; cursor: pointer; position: absolute; bottom: 2rem; } @media (max-width: 599px) { .kn-readmore-wrapper .kn-readmore-button { bottom: 1.125rem } } .le-right .kn-box { padding: 1.5625rem; } .le-right .kn-box .kn-box-claim { margin: -1.5625rem -1.5625rem 1.5625rem -1.5625rem !important; width: auto; } .le-right .kn-box p, .le-right .kn-box a, .le-right .kn-box button, .le-right .kn-box ol, .le-right .kn-box li { position: inherit; color: var(--kn-color-dark); } .le-right .kn-preview-boxes, .le-right .kn-box-newsletter, .le-right #kn-programm-filter{ margin-top: 3.125rem; } .le-right .kn-preview-boxes:first-child, .le-right .kn-box-newsletter:first-child, .le-right #kn-programm-filter:first-child { margin-top: 0; } @media (max-width: 599px) { .le-right .kn-preview-boxes, .le-right .kn-box-newsletter, .le-right #kn-programm-filter{ margin-top: var(--kn-box-mobile-spacing) } } .le-right .kn-button + .kn-button { margin-top: 1.125rem !important; } .le-right .kn-button:last-child { margin-bottom: .75rem; } /* SPECIAL CASES */ /* --------------------- */ /* PROGRAMM FILTER */ .le-right #kn-programm-filter.kn-box { padding: 0; } .le-right #kn-programm-filter.kn-box .kn-box-claim { margin: 0 !important; } .le-right #kn-programm-filter.kn-box #prog-filter-do { margin: 0 !important; } .le-right #kn-programm-filter.kn-box .kn-dropdown-entry { position: static; } /* PREVIEW */ .le-right .kn-preview-boxes .kn-box { padding: 0; } .le-right .kn-preview-boxes .kn-box .kn-box-claim.-type-preview { margin: 0 !important; } /* LIBRARIES */ /* ------------------- */ :root { --swiper-theme-color: var(--kn-color-primary); --swiper-pagination-bullet-size: .625rem; --swiper-pagination-color: var(--kn-color-primary); --swiper-pagination-bullet-horizontal-gap: .15625rem; --swiper-pagination-bottom: .375rem; } .le-accordion { } .le-acc-header { padding: 2.5rem 0; cursor: pointer; /* background: #f0eff2; */ color: #1a1a1a; transition: background 250ms, color 250ms; font-weight: 900; border-top: 1px solid #CDCDCD; } .le-acc-entry { overflow: hidden; transition: max-height 250ms; } .le-acc-entry:first-child { margin-top: 0px; } .le-acc-entry:last-child { border-bottom: 1px solid #CDCDCD; } .le-acc-entry.-open .le-acc-header { /* background: #b2b13b; */ color: white; } .le-acc-content { /* display: none; */ padding: 0 0 2.5rem 0; margin-left: 4rem; } .le-acc-content.-initialized { display: block; } .le-acc-content img { max-width: 100% !important; border-radius: 1rem; margin-bottom: 2rem; } /* SPECIFIC */ /* PLUS ICON */ .le-acc-header-content { position: relative; } .le-acc-header-content:after, .le-acc-header-content:before { content: ""; position: absolute; top: 1rem; left: 0; width: 2rem; border-bottom: 1px solid black; } .le-acc-header-content:after { width: auto; height: 2rem; top: 0; left: 1rem; border-left: 1px solid black; border-bottom: none; transition: border var(--var-trans-speed); } /* 112.5% */ /*&.wp-block-heading { */ /* margin: 0 4rem !important; */ /*} */ .le-acc-header-content:before { top: 1.1rem; left: -4rem; } .le-acc-header-content:after { top: 0.1rem; left: -3rem; } .le-acc-header-content{ position: relative; color: var(--rc-color-black); font-family: "Athletics", sans-serif; font-size: 2rem; font-style: normal; font-weight: 300; line-height: 1.125; margin-left: 4rem; } .le-acc-entry.-open .le-acc-header-content:after { border-color: transparent; } #wpadminbar { width: 35px; overflow: hidden; max-width: 50px; min-width: 5px; z-index: 9999999; } #wpadminbar.-right { left: auto; right: 0px; } #wpadminbar.-open { overflow: visible; max-width: 100%; width: 100%; /* padding: 10px 0; */ height: auto; } @media (max-width: 768px) { #wpadminbar { display: none !important; } html.pp-off-canvas-menu-right { margin-top: 0 !important; } html { margin-top: 0 !important; } } #i96-stickyheader-placeholder { width: 100%; display: flex; background: transparent; } #i96-stickyheader-placeholder.-hidden { display: none; } #i96-stickyheader { min-height: 6.25rem; opacity: 1; transform: translateY(0px); } /* overflow-x: hidden !important; */ #i96-stickyheader.-stuck { position: fixed; top: 0; right: 0; left: 0; z-index: 100; } #i96-stickyheader.-stuck .i96-a11y { top: -4rem; } html.-a11y-font-size-0 { font-size: 12px !important; } html.-a11y-font-size-1 { /* font-size: 16px !important; */ /* - don't use our font-size but the browsers */ } html.-a11y-font-size-2 { font-size: 20px !important; } html.-a11y-font-size-3 { font-size: 24px !important; } html.-a11y-font-size-3 .kn-filter-actions.kn-input-wrapper { flex-wrap: wrap; gap: 1rem; } html.-a11y-font-size-4 { font-size: 28px !important; } html.-a11y-font-size-5 { font-size: 32px !important; } html.-a11y-font-size-6 { font-size: 42px !important; } html.-a11y-contrast header .site-navigation a { color: #fff !important; } /* background: #fff !important; */ html.-a11y-contrast header .site-navigation li.current-menu-item a { /* color: var(--kn-color-secondary) !important; */ color: white !important; text-decoration: underline !important; } html.-a11y-contrast header .site-navigation li:hover a { text-decoration: underline !important; } html.-a11y-font-size-2 .kn-event-thumb .kn-ethumb-header { flex-wrap: wrap; } @media (min-width: 997px) and (max-width: 1100px), (max-width: 680px) { html.-a11y-font-size-2 .kn-section-programm .kn-event-thumb .kn-image-wrapper { width: 37%; } html.-a11y-font-size-2 .kn-section-programm .kn-event-thumb .kn-ethumb-content { background: greenyellow; width: 63%; } } html.-a11y-font-size-3 .kn-event-thumb .kn-ethumb-header { flex-wrap: wrap; } @media (min-width: 997px) and (max-width: 1300px), (max-width: 840px) { html.-a11y-font-size-3 .kn-section-programm .kn-event-thumb .kn-image-wrapper { width: 37%; } html.-a11y-font-size-3 .kn-section-programm .kn-event-thumb .kn-ethumb-content { background: greenyellow; width: 63%; } } @media (min-width: 600px) { .i96-parallax-container { transform: none !important; opacity: 1 !important; } } .kn-pan-container { padding-top: 68.96%; position: relative; } .kn-pan-container .kn-pan-view { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /* TEMPLATES */ /* ------------------- */ /* KOMMENDE */ .page-template-homepage-tpl .kn-section-kommende { margin-top: 3.125rem; container-type: normal; } .page-template-homepage-tpl .kn-filter-actions { flex-direction: column; gap: 1rem; } /*.kn-ed-date._font-ed-date { */ /* font-size: 1.375rem; */ /*} */ @media (max-width: 767px) { .page-template-homepage-tpl { /*.kn-box-claim { */ /* display: none; */ /*} */ } .page-template-homepage-tpl .kn-section-kommende { margin-top: 0; border-top: 1px solid rgba(48, 48, 48, 0.12); /* container-type: inline-size; */ } } @media (max-width: 640px) { .page-template-homepage-tpl .kn-hero-content .kn-event-detail.-ev-white .-type-wireframe { border: 1px solid var(--kn-color-dark); color: var(--kn-color-dark); } @media (max-width: 480px) { .page-template-homepage-tpl .kn-hero-content .kn-event-detail.-ev-padding-medium { padding: 1.5625rem 1.25rem 1.25rem; } } } .page-template-programm-tpl .kn-box-history #kn-h-filter-month { margin: 1.25rem 0 1rem; } .page-template-programm-tpl .kn-section-programm.-hidden { display: none; } .page-template-programm-tpl .le-left .kn-box.kn-section-programm.-haz-stuck { padding-top: 2.5rem; } .page-template-programm-tpl .le-left .kn-box .kn-box-claim.-stuck { position: fixed !important; left: auto !important; right: auto !important; } .page-template-programm-tpl .le-left .kn-box-newsletter { display: none; } .page-template-programm-tpl .kn-filter-overlay { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 1; transition: transform var(--kn-trans-speed); } @media (max-width: 996px) { .page-template-programm-tpl #kn-programm-filter { max-height: 2.5rem; overflow: hidden; } .page-template-programm-tpl #kn-programm-filter .kn-box-claim { cursor: pointer; } .page-template-programm-tpl #kn-programm-filter.-open { overflow: visible; max-height: 100vh; } .page-template-programm-tpl #main > .le-content > .le-container { flex-direction: column-reverse; } .page-template-programm-tpl .le-right-content > div { display: none; } .page-template-programm-tpl .le-right-content #kn-programm-filter { display: inherit; } .page-template-programm-tpl .le-left .kn-box-newsletter { margin-top: 3.125rem; display: inherit; } @media (max-width: 598px) { .page-template-programm-tpl .le-left .kn-box-newsletter { margin-top: var( --kn-box-mobile-spacing ) } } } @media (min-width: 997px) and (max-width: 1200px) { .page-template-programm-tpl .kn-filter-actions { flex-direction: column; gap: 1rem; } } @media (max-width: 598px) { .page-template-programm-tpl #kn-programm-filter { max-height: 3.75rem; } .page-template-programm-tpl #kn-programm-filter .kn-box-claim svg path { fill: var(--kn-color-dark); } .page-template-programm-tpl #main > .le-content > .le-container { gap: 0; } .page-template-programm-tpl .kn-section-programm { margin-top: 0; } .page-template-programm-tpl .kn-section-programm:first-child .kn-box-claim:first-child { display: none; } .page-template-programm-tpl #kn-programm-filter .kn-box-claim, .page-template-programm-tpl .kn-box-claim.-box-white { /* @extend %list-entry; */ font-size: .875rem; color: var(--kn-color-dark); min-height: 3.75rem; background: #EFEEEB; border-bottom: 1px solid #D9D9D9; } .page-template-programm-tpl .le-left .kn-box.kn-section-programm.-haz-stuck { padding-top: 3.75rem; } } @media (max-width: 599px) { .page-template-programm-tpl .kn-filter-overlay.-open { display: flex; } .page-template-programm-tpl .le-left { position: relative; } } .kn-sevent-thumbs { display: flex; gap: 1.25rem; margin-top: 1.25rem; margin-bottom: 4.375rem; flex-wrap: wrap; } .kn-sevent-thumbs .kn-sevent-thumb { width: calc(25% - 15px); } .kn-sevent-badges { position: absolute; right: 0; bottom: 10%; left: 0; display: flex; justify-content: center; align-items: center; gap: 0.625rem; z-index: 1; flex-wrap: wrap; } .event-template-default article { /* margin-bottom: 5.625rem; */ margin-bottom: 0; } .event-template-default .kn-event-detail { margin-bottom: 2.125rem; } .event-template-default .le-accordion { margin-left: -1.25rem; margin-right: -1.25rem; width: calc(100% + 2.5rem); } @media (min-width: 600px) { .event-template-default .le-accordion { margin-left: -2.5rem; margin-right: -2.5rem; width: calc(100% + 5rem) } } .event-template-default .le-accordion{ margin-top: 4.375rem; margin-bottom: 2.125rem; } .event-template-default .le-accordion .le-acc-header, .event-template-default .le-accordion .le-acc-content { padding-left: 2.5rem; padding-right: 2.5rem; } @media (max-width: 599px) { .event-template-default .le-accordion .le-acc-header, .event-template-default .le-accordion .le-acc-content { padding-left: 1.25rem; padding-right: 1.25rem } } .event-template-default .le-accordion .le-acc-content { margin: 0; } .event-template-default .kn-se-tickets.kn-box { padding: 0; } .event-template-default .kn-se-tickets.kn-box .kn-box-claim { margin: 0 !important; } .event-template-default .kn-se-tickets.kn-box .kn-se-ticket-text { /*padding-bottom: 0.9375rem; */ /*padding-top: 1.875rem; */ padding-bottom: 1.875rem; } .event-template-default .kn-se-tickets.kn-box .kn-se-button-wrapper { margin-bottom: 0.625rem; margin-top: 0.375rem; } .event-template-default .kn-se-ticket-nicht { display: none; } .event-template-default .kn-se-ticket-open { display: none; margin-bottom: 1.125rem; margin-top: -0.3rem; transition: margin var(--kn-trans-speed-anim), opacity var(--kn-trans-speed-anim), transform var(--kn-trans-speed), color var(--kn-trans-speed); } .event-template-default .kn-se-tickets { overflow: hidden; } .event-template-default .kn-se-background { display: block; transform: translateY(100vh); transition: transform var(--kn-trans-speed); pointer-events: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 7; background-color: rgba(0, 0, 0, 0.5); } .event-template-default .kn-se-links-wrapper + .kn-se-links-wrapper { margin-top: 1rem; } .event-template-default .kn-se-row { display: flex; justify-content: flex-start; max-width: 100%; } .event-template-default .kn-se-row .kn-se-label { min-width: 9.5rem; } .event-template-default .kn-se-links { display: flex; align-items: center; } .event-template-default .kn-se-links img { width: 2rem; margin: 0 1rem 0 0; } .event-template-default .kn-se-description .kn-se-desc-container { overflow: hidden; transition: max-height var(--kn-trans-speed-anim); } .event-template-default .kn-se-description.-initted .kn-se-desc-container { max-height: 35rem; } .event-template-default .kn-se-description.-open .kn-se-desc-container { max-height: 100rem; } .event-template-default .kn-se-readmore { font-size: 1rem; font-weight: bold; text-align: left; cursor: pointer; margin-top: 1.5rem; } @media (min-width: 641px) { .event-template-default .kn-se-tickets { max-height: none !important; } } @media (max-width: 640px) { .event-template-default .kn-se-background.-open { pointer-events: all; transform: translateY(0); } .event-template-default .kn-se-tickets { position: fixed; right: 0; bottom: 0; left: 0; /*background-color: white; */ z-index: 1000; transition: max-height var(--kn-trans-speed-anim); max-height: 5.375rem; } .event-template-default .kn-se-tickets .kn-se-ticket-text { padding-left: 1.25rem; padding-right: 1.25rem; background: var(--kn-color-light) !important; } .event-template-default .kn-se-tickets .kn-box-row-wrapper, .event-template-default .kn-se-tickets .kn-se-ticket-info, .event-template-default .kn-se-tickets .kn-box-claim { display: none; } .event-template-default .kn-se-tickets .kn-se-ticket-open { display: flex; opacity: 1; } .event-template-default .kn-se-tickets .kn-se-ticket-nicht { display: flex; background: var(--kn-color-light) !important; } /* max-height: 30vh; */ .event-template-default .kn-se-tickets.-open .kn-se-ticket-open { margin-top: -4.2rem; opacity: 0; } .event-template-default .kn-image-wrapper.-img-size-single { padding-top: 74.63% !important; } } @media (max-width: 599px) { .event-template-default { /* PARALLAX */ } .event-template-default article { margin-bottom: 0; } .event-template-default .kn-sevent-thumbs { display: none; } .event-template-default .kn-se-row { display: flex; justify-content: start; gap: 0.3126rem; } .event-template-default .kn-se-row .kn-se-label { min-width: 7.1875rem; } .event-template-default .kn-se-row, .event-template-default .kn-se-links { font-size: 1rem; line-height: 1.57; } .event-template-default .kn-se-desc-container em, .event-template-default .kn-se-desc-container strong, .event-template-default .kn-se-desc-container p { font-size: 1rem; line-height: 1.57; } .event-template-default .kn-se-readmore { font-size: 1rem; } .event-template-default .kn-se-tickets + .kn-preview-boxes { margin-top: 0 !important; } .event-template-default .kn-event-detail > div { position: relative; z-index: 10; } .event-template-default .kn-event-detail:after, .event-template-default .kn-event-detail:before { content: ""; position: absolute; top: 0; right: -1.25rem; bottom: 0; left: -1.25rem; background-color: #f0eeeb; } .event-template-default .kn-event-detail:after { background: #f0eeeb; /* background: linear-gradient(0deg,rgba(240, 238, 235, 1) 0%, rgba(240, 238, 235, 1) 42%, rgba(240, 238, 235, 0) 100%); */ /* background: linear-gradient(180deg, rgba(240, 238, 235, 0) 14%, #f0eeeb 100%); */ top: -1.5rem; height: 3.75rem; bottom: auto; z-index: 1; height: auto; bottom: -6rem; } .event-template-default .le-accordion { z-index: 1; } } .page-template-default .le-left .kn-box p, .page-template-default .le-left .kn-box a, .page-template-default .le-left .kn-box button, .page-template-default .le-left .kn-box ol, .page-template-default .le-left .kn-box li, .page-template-default .le-left .kn-box ul { position: inherit; color: var(--kn-color-dark); } .page-template-default .le-left .wp-block-group.kn-box { padding: 2.5rem; } .page-template-default .le-left .wp-block-group.kn-box .kn-box-claim { margin: -2.5rem -2.5rem 2.5rem -2.5rem !important; width: auto; } .page-template-default .le-left .wp-block-group.kn-box .kn-box-claim + p { margin-top: -0.625rem; } .page-template-default .kn-sevent-thumbs { gap: 2.5rem; row-gap: 1.875rem; margin-bottom: 0; } .page-template-default .kn-sevent-thumbs .kn-sevent-thumb { width: calc(50% - 1.25rem); } @media (max-width: 599px) { .page-template-default .le-left .wp-block-group.kn-box { padding: 1.5625rem; } .page-template-default .le-left .wp-block-group.kn-box .kn-box-claim { margin: -1.5625rem !important; margin-bottom: 2.25rem !important; } .page-template-default .le-left .wp-block-group.kn-box:first-child { margin-top: 3.125rem; } .page-template-default .le-left .wp-block-group.kn-box:first-child .kn-box-claim { /* margin-top: 1.5625rem !important; */ } .page-template-default .kn-sevent-thumbs { gap: 1.5625rem; row-gap: 1.5625rem; } .page-template-default .kn-sevent-thumbs .kn-sevent-thumb { width: calc(50% - 0.78125rem); } } /* TEMPLATE PARTS */ /* ------------------- */ ._font-ethumb-date { font-family: var(--kn-font-family-primary); font-size: 1.1875rem; font-weight: 600; line-height: .8; } ._font-ethumb-name { font-size: 1.1875rem; font-weight: 500; line-height: 1.3125rem; } ._font-ethumb-subtitle { font-size: .9375rem; font-weight: 300; line-height: 1rem; } .kn-event-thumb { display: flex; } .kn-event-thumb.-hidden { display: none; } .kn-event-thumb .kn-image-container { width: 14.375rem; min-height: 10.3125rem; flex-shrink: 0; } .kn-event-thumb .kn-image-container img { transition: transform var(--kn-trans-speed); } .kn-event-thumb .kn-ethumb-content { padding: 1.25rem 1.5625rem; border-bottom: 1px solid rgba(48, 48, 48, 0.20); width: 100%; transition: background-color var(--kn-trans-speed); } .kn-event-thumb:last-child .kn-ethumb-content { border-bottom: none; } .kn-event-thumb .kn-ethumb-header { display: flex; gap: .625rem; justify-content: flex-start; align-items: center; margin-bottom: 0.6875rem; } .kn-event-thumb .kn-ethumb-name { margin-bottom: 0.5rem; display: inherit; color: inherit; text-transform: uppercase; } .kn-event-thumb .kn-ethumb-name:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .kn-event-thumb .kn-ethumb-subtitle { margin-bottom: 1.375rem; } .kn-event-thumb .kn-ethumb-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 0.625rem; margin-top: 1.375rem; } .kn-event-thumb:hover { /*.kn-ethumb-content { */ /* background-color: #00000012; */ /*} */ } .kn-event-thumb:hover:before { opacity: .85 !important; } .kn-event-thumb:hover .kn-image-wrapper img { transform: scale(1.05); } /* TYPE: WIDE SMALL */ /* ------------------------ */ .kn-event-thumb.-type-wide-small .kn-image-container { padding-top: 71.74%; overflow: hidden; } .kn-event-thumb.-type-wide-small .kn-image-container img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } /* TYPE: VERTICAL DESKTOP */ /* ------------------------ */ @media (min-width: 997px) { .kn-event-thumb.-type-vertical-desktop { flex-direction: column } .kn-event-thumb.-type-vertical-desktop .kn-image-wrapper { padding-top: 61.86046512% } .kn-event-thumb.-type-vertical-desktop .kn-image-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; min-height: 0; } } @media (max-width: 996px) { .kn-event-thumb.-type-vertical-desktop .kn-image-container img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } } /* MOBILE VERSION -wide-small + vertical-desktop */ @media (max-width: 639px) { .kn-event-thumb.-type-wide-small, .kn-event-thumb.-type-vertical-desktop { border-bottom: 1px solid rgba(48, 48, 48, 0.20); } .kn-event-thumb.-type-wide-small ._font-ethumb-date, .kn-event-thumb.-type-vertical-desktop ._font-ethumb-date { font-size: .9375rem; line-height: normal; } .kn-event-thumb.-type-wide-small ._font-ethumb-name, .kn-event-thumb.-type-vertical-desktop ._font-ethumb-name { font-size: 1rem; line-height: 1.21; } .kn-event-thumb.-type-wide-small ._font-ethumb-subtitle, .kn-event-thumb.-type-vertical-desktop ._font-ethumb-subtitle { font-size: .8125rem; line-height: 1.27; } .kn-event-thumb.-type-wide-small .kn-image-container, .kn-event-thumb.-type-vertical-desktop .kn-image-container { width: 130px; height: auto; min-height: 130px; } .kn-event-thumb.-type-wide-small .kn-ethumb-name, .kn-event-thumb.-type-vertical-desktop .kn-ethumb-name { margin-bottom: .25rem; } .kn-event-thumb.-type-wide-small .kn-ethumb-weekday, .kn-event-thumb.-type-vertical-desktop .kn-ethumb-weekday { margin-right: 0; } .kn-event-thumb.-type-wide-small .kn-ethumb-subtitle, .kn-event-thumb.-type-vertical-desktop .kn-ethumb-subtitle { margin-bottom: 0; } /*.kn-ethumb-subtitle { */ /* display: none; */ /*} */ .kn-event-thumb.-type-wide-small .kn-ethumb-content, .kn-event-thumb.-type-vertical-desktop .kn-ethumb-content { padding: .9375rem .9375rem; display: flex; flex-direction: column; border: none; } .kn-event-thumb.-type-wide-small .kn-ethumb-date, .kn-event-thumb.-type-vertical-desktop .kn-ethumb-date { margin-right: .1875rem; } .kn-event-thumb.-type-wide-small .kn-ethumb-header, .kn-event-thumb.-type-vertical-desktop .kn-ethumb-header { gap: 0.375rem; margin-bottom: .4375rem } .kn-event-thumb.-type-wide-small .kn-ethumb-footer, .kn-event-thumb.-type-vertical-desktop .kn-ethumb-footer { flex-grow: 1; align-items: flex-end; margin-top: 1.375rem; } } @media (max-width: 479px) { .kn-event-thumb.-type-wide-small .kn-image-container { width: 115px; min-height: 115px; } } /* FIXES & WORKAROUNDS */ /* ------------------- */ /* TODO: do it with sass to not load everything */ /* @import "./../../node_modules/hamburgers/dist/hamburgers.min.css"; */ /* admin bar fix */ /*body.admin-bar { */ /* max-height: calc(100vh - 32px); */ /*} */ .hover\:bg-gray-50:hover{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .focus-visible\:bg-gray-50:focus-visible{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; } .disabled\:opacity-50:disabled{ opacity: 0.5; } @media (min-width: 1024px){ .lg\:py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } } /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ /* FONT_START */ @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; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .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); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* 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-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .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-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)); } .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); } } /* Slide styles end */ :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 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 svg, .swiper-button-next svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .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:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --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: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); 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: var(--swiper-pagination-bullet-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; -moz-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: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); 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; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, 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: var(--swiper-pagination-progressbar-size, 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: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */ .pswp { --pswp-bg: #000; --pswp-placeholder-bg: #222; --pswp-root-z-index: 100000; --pswp-preloader-color: rgba(79, 79, 79, 0.4); --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9); /* defined via js: --pswp-transition-duration: 333ms; */ --pswp-icon-color: #fff; --pswp-icon-color-secondary: #4f4f4f; --pswp-icon-stroke-color: #4f4f4f; --pswp-icon-stroke-width: 2px; --pswp-error-text-color: var(--pswp-icon-color); } /* Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions) */ .pswp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--pswp-root-z-index); display: none; touch-action: none; outline: 0; opacity: 0.003; contain: layout style size; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Prevents focus outline on the root element, (it may be focused initially) */ .pswp:focus { outline: 0; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--open { display: block; } .pswp, .pswp__bg { transform: translateZ(0); will-change: opacity; } .pswp__bg { opacity: 0.005; background: var(--pswp-bg); } .pswp, .pswp__scroll-wrap { overflow: hidden; } .pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item, .pswp__content, .pswp__img, .pswp__zoom-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pswp__img, .pswp__zoom-wrap { width: auto; height: auto; } .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img { cursor: zoom-in; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img { cursor: move; cursor: grab; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active { cursor: grabbing; } /* :active to override grabbing cursor */ .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img { cursor: zoom-out; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img, .pswp__button, .pswp__counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pswp__item { /* z-index for fade transition */ z-index: 1; overflow: hidden; } .pswp__hidden { display: none !important; } /* Allow to click through pswp__content element, but not its children */ .pswp__content { pointer-events: none; } .pswp__content > * { pointer-events: auto; } /* PhotoSwipe UI */ /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg-container { display: grid; } .pswp__error-msg { margin: auto; font-size: 1em; line-height: 1; color: var(--pswp-error-text-color); } /* class pswp__hide-on-close is applied to elements that should hide (for example fade out) when PhotoSwipe is closed and show (for example fade in) when PhotoSwipe is opened */ .pswp .pswp__hide-on-close { opacity: 0.005; will-change: opacity; transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1); z-index: 10; /* always overlap slide content */ pointer-events: none; /* hidden elements should not be clickable */ } /* class pswp--ui-visible is added when opening or closing transition starts */ .pswp--ui-visible .pswp__hide-on-close { opacity: 1; pointer-events: auto; } /*