diff --git a/build/assets/css/style.css b/build/assets/css/style.css new file mode 100644 index 0000000..dade4ae --- /dev/null +++ b/build/assets/css/style.css @@ -0,0 +1,4784 @@ +/* +! tailwindcss v3.2.4 | 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: currentColor; /* 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. +*/ + +html { + 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: Standard, sans-serif; /* 4 */ + font-feature-settings: normal; /* 5 */ +} + +/* +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. 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-size: 1em; /* 2 */ +} + +/* +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/* +Prevent `sub` and `sup` elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +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-size: 100%; /* 1 */ + font-weight: inherit; /* 1 */ + line-height: 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, +[type='button'], +[type='reset'], +[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; +} + +/* +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] { + display: none; +} + +*, ::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-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: ; +} + +::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-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: ; +} +/** +* Non-graphical global CSS rules +*/ +html{ + min-height: 100vh; +} +.content{ + /* @apply overflow-hidden; */ +} +/** Mockup **/ +body{ +} +:root{ + --vh: 100vh; + --spacing-size: 0.625rem; +} +/* 10px */ +@media (min-width: 62rem){ +:root{ + --spacing-size: var(--grid-gutter) +} + } +/** +* Graphical global CSS rules +*/ +html{ +} +body{ + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} +.content{ + height: 100%; +} +body.has-menu-toggled #site-content-wrapper{ + position: fixed; + top: var(--header-height); + left: 0px; + width: 100%; +} +.skip-link{ + position: absolute; + top: -9999px; + left: -9999px; + display: block; + height: 0px; +} +.skip-link a:focus{ + position: fixed; + top: 1.25rem; + left: 1.25rem; + z-index: 50; + height: auto; + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + padding: 1rem; + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +@font-face { + font-family: 'Standard'; + src: url('../fonts/standard-book-webfont.woff2') format('woff2'), + url('../fonts/standard-book-webfont.woff') format('woff'), + url('../fonts/standard-book-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'Standard'; + src: url('../fonts/standard-book-italic-webfont.woff2') format('woff2'), + url('../fonts/standard-book-italic-webfont.woff') format('woff'), + url('../fonts/standard-book-italic-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: 'Standard'; + src: url('../fonts/standard-bold-webfont.woff2') format('woff2'), + url('../fonts/standard-bold-webfont.woff') format('woff'), + url('../fonts/standard-bold-webfont.ttf') format('truetype'); + font-weight: bold; + font-style: normal; +} +@font-face { + font-family: 'Standard'; + src: url('../fonts/standard-bold-italic-webfont.woff2') format('woff2'), + url('../fonts/standard-bold-italic-webfont.woff') format('woff'), + url('../fonts/standard-bold-italic-webfont.ttf') format('truetype'); + font-weight: bold; + font-style: italic; +} +html{ + text-rendering: geometricPrecision; +} +h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ + /* @apply font-bold; */ +} +h1{ + /* @apply font-bold; */ +} +h2{ + /* @apply font-bold; */ +} +h3{ + /* @apply font-bold; */ +} +h4{ + /* @apply font-bold; */ +} +h5{ + /* @apply font-bold; */ +} +h6{ + /* @apply font-bold; */ +} +p{ + margin-bottom: 0.9375rem; + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; +} +@media (min-width: 48rem){ + + p{ + margin-bottom: 3.125rem; + } +} +p a{ + text-decoration-line: underline; +} +:root{ + --grid-offset: 0; +} +@media (min-width: 48rem){ +:root{ + --grid-offset: 120px +} + } +:root{ + --grid-gutter: 0.46875rem; +} +/* 7.5px */ +@media (min-width: 80rem){ +:root{ + --grid-gutter: 0.625rem /* 10px */ +} + } +.grid-container, .block-container{ + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .grid-container, .block-container{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.grid-container, .block-container{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .grid-container, .block-container{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .grid-container, .block-container{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.grid-container :where(.grid-container), .grid-container :where(.block-container), .block-container :where(.grid-container), .block-container :where(.block-container){ + margin-left: 0px; + margin-left: 0; + margin-right: 0px; + margin-right: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +.columns{ + margin-left: calc(var(--grid-gutter) * -1); + margin-right: calc(var(--grid-gutter) * -1); + display: flex; + flex-wrap: wrap; +} +.column{ + padding-left: var(--grid-gutter); + padding-right: var(--grid-gutter); +} +:root{ + --spacing-lg: 3.125rem; +} +@layer utilties{ + .spacing-base{ + margin-bottom: 1.5625rem; + } + @media (min-width: 48rem){ + + .spacing-base{ + margin-bottom: 2.1875rem; + } + } + .spacing-lg{ + margin-bottom: 2.1875rem; + } + @media (min-width: 48rem){ + + .spacing-lg{ + margin-bottom: 4.5rem; + } + } + .spacing-xl{ + margin-bottom: 4.5rem; + } + @media (min-width: 80rem){ + + .spacing-xl{ + margin-bottom: 7.5rem; + } + } +} +.container{ + width: 100%; +} +@media (min-width: 40rem){ + + .container{ + max-width: 40rem; + } +} +@media (min-width: 48rem){ + + .container{ + max-width: 48rem; + } +} +@media (min-width: 62rem){ + + .container{ + max-width: 62rem; + } +} +@media (min-width: 80rem){ + + .container{ + max-width: 80rem; + } +} +@media (min-width: 120rem){ + + .container{ + max-width: 120rem; + } +} +@media (min-width: 128rem){ + + .container{ + max-width: 128rem; + } +} +.mt-12{ + margin-top: 3rem; +} +.mt-16{ + margin-top: 4rem; +} +.mt-20{ + margin-top: 5rem; +} +.mt-24{ + margin-top: 6rem; +} +.mt-32{ + margin-top: 8rem; +} +.mt-40{ + margin-top: 10rem; +} +.mb-16{ + margin-bottom: 4rem; +} +.mb-20{ + margin-bottom: 5rem; +} +.mb-24{ + margin-bottom: 6rem; +} +.mb-32{ + margin-bottom: 8rem; +} +.mb-40{ + margin-bottom: 10rem; +} +.block{ + display: block; +} +.hidden{ + display: none; +} +.w-full{ + width: 100%; +} +.grow{ + flex-grow: 1; +} +.resize{ + resize: both; +} +.overflow-x-clip{ + overflow-x: clip; +} +/* .h1{ + @apply text-3xl lg:text-4xl xl:text-5xl leading-snug; + } + + .h2{ + @apply text-2xl lg:text-3xl xl:text-4xl leading-snug; + } + + .h3{ + @apply text-2xl lg:text-4xl xl:text-3xl leading-snug; + } + + .h4{ + @apply text-lg lg:text-xl xl:text-2xl leading-snug; + } + + .h5{ + @apply text-lg xl:text-xl leading-snug; + } + + .h6{ + @apply text-base leading-snug; + } */ +.row{ + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .row{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.row{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .row{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +/* margin-right: calc(var(--grid-gutter) * 2); */ +@media (min-width: 120rem){ + .row{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.block-container{ + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .block-container{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.block-container{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .block-container{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .block-container{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.block-container :where(.block-container), .block-container :where(.grid-container){ + margin-left: 0px; + margin-left: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +.block-composition{ + margin-bottom: 2.1875rem; +} +@media (min-width: 48rem){ + + .block-composition{ + margin-bottom: 4.5rem; + } +} +.block-has-margin{ + margin-bottom: 2.1875rem; +} +@media (min-width: 48rem){ + + .block-has-margin{ + margin-bottom: 4.5rem; + } +} +.block-has-margin-sm{ + margin-bottom: 2.1875rem; +} +@media (min-width: 48rem){ + + .block-has-margin-sm{ + margin-bottom: 3.125rem; + } +} +.block-accordion__inner{ + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); +} +.block-accordion__inner:last-child:not(:first-child){ + border-bottom-width: 1px; +} +.block-accordion__inner > span{ + position: relative; + display: flex; + min-height: 2.25rem; + width: 100%; + cursor: pointer; + align-items: center; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 3rem; + padding-right: 1.25rem; + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 48rem){ + + .block-accordion__inner > span{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +@media (min-width: 80rem){ + + .block-accordion__inner > span{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; + padding-left: 4rem; + } +} +.block-accordion__inner > span::before{ + content: ''; + background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.5 26H12.5V24H37.5V26Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 37.5L24 12.5L26 12.5L26 37.5L24 37.5Z' fill='black'/%3E%3C/svg%3E%0A"); + background-size: 100%; + transition: transform .2s ease; + position: absolute; + top: 0px; + left: 0px; + aspect-ratio: 1 / 1; + width: 2.25rem; + --tw-rotate: 0deg; + 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)); + background-position: center; + background-repeat: no-repeat; + } +@media (min-width: 80rem){ + + .block-accordion__inner > span::before{ + width: 3.125rem; + } +} +.block-accordion__inner > span:hover{ + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.block-accordion__inner > span:hover::before{ + background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.5 26H12.5V24H37.5V26Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 37.5L24 12.5L26 12.5L26 37.5L24 37.5Z' fill='white'/%3E%3C/svg%3E%0A"); + } +.block-accordion__inner > div{ + padding-top: 1.125rem; + padding-bottom: 2.1875rem; + padding-left: 3rem; + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 80rem){ + + .block-accordion__inner > div{ + padding-left: 4rem; + } +} +.block-accordion__inner > div > p{ + margin-bottom: 0px; + margin-bottom: 0; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.block-accordion__inner > div div[class^="block-"]{ + margin-bottom: 0px; + margin-bottom: 0; +} +.block-accordion__inner > div div[class^="block-"] p{ + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.block-accordion__inner.is-toggled{ + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.block-accordion__inner.is-toggled > span::before{ + background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.5 26H12.5V24H37.5V26Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 37.5L24 12.5L26 12.5L26 37.5L24 37.5Z' fill='white'/%3E%3C/svg%3E%0A"); + --tw-rotate: 45deg; + 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)); + /* background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.545 16.868 16.867 34.546l-1.414-1.414 17.678-17.678 1.414 1.414Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.13 34.546 15.454 16.868l1.414-1.414 17.678 17.678-1.414 1.414Z' fill='%23fff'/%3E%3C/svg%3E"); */ + } +.block-accordion__inner.is-toggled .block-link::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m34.711 24-6.778-7.32 1.467-1.36L38.363 25 29.4 34.68l-1.467-1.36L34.71 26H12v-2h22.711Z' fill='%23fff'/%3E%3C/svg%3E"); + } +.block-accordion__inner.is-toggled .block-link{ + --tw-border-opacity: 1; + border-color: rgb(83 90 90 / var(--tw-border-opacity)); +} +.block-accordion__inner.is-toggled .block-link:hover{ + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.block-accordion__inner.is-toggled .block-link:hover::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m34.711 24-6.778-7.32 1.467-1.36L38.363 25 29.4 34.68l-1.467-1.36L34.71 26H12v-2h22.711Z' fill='%23000'/%3E%3C/svg%3E"); + } +.block-accordion__inner.is-toggled .block-link[href]:not(:where( + + [href^="#"], + + [href^="/"]:not([href^="//"]),))::before{ + background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.0124 17.0725L21.043 16.6891L21.1198 14.6906L34.3016 15.1975L34.8086 28.3793L32.81 28.4562L32.4266 18.4867L16.3673 34.546L14.9531 33.1318L31.0124 17.0725Z' fill='white'/%3E%3C/svg%3E%0A"); + } +.block-accordion__inner.is-toggled .block-link[href]:not(:where( + + [href^="#"], + + [href^="/"]:not([href^="//"]),)):hover::before{ + background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.0124 17.0725L21.043 16.6891L21.1198 14.6906L34.3016 15.1975L34.8086 28.3793L32.81 28.4562L32.4266 18.4867L16.3673 34.546L14.9531 33.1318L31.0124 17.0725Z' fill='black'/%3E%3C/svg%3E%0A"); + } +.block-accordion--2cols{ + -moz-column-gap: calc(var(--grid-gutter) * 2); + column-gap: calc(var(--grid-gutter) * 2); +} +@media (min-width: 80rem){ + + .block-accordion--2cols{ + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +/* @apply lg:w-1/2; */ +.block-accordion--sm .block-accordion__inner > span{ + padding-left: calc(2.25rem + 0.625rem); + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +.block-accordion--sm .block-accordion__inner > span::before{ + width: 2.25rem; + --tw-translate-y: -0px; + 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)); +} +.block-accordion--sm .block-accordion__inner > div{ + padding-top: 1rem; + padding-bottom: 1rem; + padding-left: calc(2.25rem + 0.625rem); +} +.block-carousel{ + width: 100%; +} +.block-carousel .swiper .swiper-button-prev, .block-carousel .swiper .swiper-button-next{ + top: 0px; + margin-top: 0px; + margin-top: 0; + height: var(--carousel-img-height); + width: 50%; +} +.block-carousel .swiper .swiper-button-prev::after,.block-carousel .swiper .swiper-button-next::after{ + content: none; + } +.block-carousel .swiper .swiper-button-prev{ + left: 0px; +} +.block-carousel .swiper .swiper-button-next{ + right: 0px; +} +.block-carousel .swiper .swiper-slide{ + height: auto; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} +.block-carousel .swiper .swiper-slide__img{ + aspect-ratio: 3/2; + height: auto; +} +.block-carousel .swiper .swiper-slide__img img{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-carousel .swiper .swiper-slide__caption p{ + margin-top: 2.1875rem; + margin-bottom: 0px; + margin-bottom: 0; + height: 100%; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +.block-carousel .swiper .swiper-pagination{ + position: absolute; + top: calc(var(--carousel-img-height) + 0.625rem); + display: flex; + -moz-column-gap: 0.625rem; + column-gap: 0.625rem; +} +.block-carousel .swiper .swiper-pagination .swiper-pagination-bullet{ + margin: 0px; + margin: 0; + height: 1px; + width: 100%; + border-radius: 0px; + --tw-bg-opacity: 1; + background-color: rgb(163 173 173 / var(--tw-bg-opacity)); + opacity: 1; +} +.block-carousel .swiper .swiper-pagination .swiper-pagination-bullet-active{ + height: 3px; + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} +.block-events-list-row{ + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .block-events-list-row{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.block-events-list-row{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .block-events-list-row{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .block-events-list-row{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.block-events-list-row :where(.grid-container),.block-events-list-row :where(.block-container), .block-container :where(.block-events-list-row){ + margin-left: 0px; + margin-left: 0; + margin-right: 0px; + margin-right: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} + .block-container :where(.block-events-list-row){ + margin-left: 0px; + margin-left: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +.block-events-list-row__title{ + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} +.block-events-list-row__title h3{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; +} +@media (min-width: 48rem){ + + .block-events-list-row__title h3{ + font-size: 40px; + font-size: 2.5rem; + line-height: 50px; + line-height: 3.125rem; + } +} +@media (min-width: 80rem){ + + .block-events-list-row__title h3{ + font-size: 44px; + font-size: 2.75rem; + line-height: 55px; + line-height: 3.4375rem; + } +} +.block-events-list-row-item{ + display: grid; + min-height: 96px; + grid-template-columns: repeat(12, minmax(0, 1fr)); + align-items: center; + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} +.block-events-list-row-item__img{ + position: relative; + display: none; + height: 100%; +} +.block-events-list-row-item__img img{ + position: absolute; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-events-list-row-item__date{ + grid-area: 1 / 1 / 2 / 7; + } +.block-events-list-row-item__date span{ + display: block; +} +.block-events-list-row-item__date span:first-child{ + font-weight: 700; +} +.block-events-list-row-item__title{ + grid-area: 1 / 7 / 2 / 13; + } +.block-events-list-row-item__title p{ + display: inline; + font-weight: 700; + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; +} +@media (min-width: 48rem){ + + .block-events-list-row-item__title p{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +.block-events-list-row-item__title span{ + margin-left: 1rem; + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); +} +.block-events-list-row-item:hover .block-events-list-row-item__img{ + grid-area: 1 / 1 / 2 / 3; + display: block; + } +.block-events-list-row-item:hover .block-events-list-row-item__date{ + grid-area: 1 / 3 / 2 / 7; + } +.block-featured-content-stacked{ + margin-top: 3.125rem; + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + padding-top: 1.5625rem; + padding-bottom: 1.5625rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +@media (min-width: 80rem){ + + .block-featured-content-stacked{ + margin-top: 4.5rem; + padding-top: 2.1875rem; + padding-bottom: 2.1875rem; + } +} +.block-featured-content-stacked p{ + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.block-featured-content-stacked__inner .block-featured-content-stacked__img{ + aspect-ratio: 3/2; +} +@media (min-width: 62rem){ + + .block-featured-content-stacked__inner .block-featured-content-stacked__img{ + aspect-ratio: 2/1; + } +} +@media (min-width: 80rem){ + + .block-featured-content-stacked__inner .block-featured-content-stacked__img{ + aspect-ratio: 21/9; + } +} +.block-featured-content-stacked__inner .block-featured-content-stacked__img img{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-featured-content-stacked__inner .block-paragraph{ + margin-top: 2.1875rem; +} +@media (min-width: 62rem){ + + .block-featured-content-stacked__inner .block-paragraph{ + width: 91.666667%; + } +} +.block-featured-content-stacked__inner .block-paragraph p{ + margin-bottom: 0px; + margin-bottom: 0; + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; +} +@media (min-width: 48rem){ + + .block-featured-content-stacked__inner .block-paragraph p{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +.block-featured-content-columns{ + margin-top: 3.125rem; + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + padding-top: 1.5625rem; + padding-bottom: 1.5625rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +@media (min-width: 80rem){ + + .block-featured-content-columns{ + margin-top: 4.5rem; + padding-top: 2.1875rem; + padding-bottom: 2.1875rem; + } +} +.block-featured-content-columns p{ + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.block-featured-content-columns__inner{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + -moz-column-gap: calc(var(--grid-gutter) * 2); + column-gap: calc(var(--grid-gutter) * 2); +} +@media (min-width: 62rem){ + + .block-featured-content-columns__inner{ + display: grid; + } +} +.block-featured-content-columns__inner .block-featured-content-columns__img{ + margin-bottom: 1.5625rem; + height: 100%; +} +@media (min-width: 62rem){ + + .block-featured-content-columns__inner .block-featured-content-columns__img{ + order: 2; + margin-bottom: 0px; + margin-bottom: 0; + } +} +.block-featured-content-columns__inner .block-featured-content-columns__img img{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-featured-content-columns__inner .block-featured-content-columns__content{ + display: flex; + flex-direction: column; +} +@media (min-width: 62rem){ + + .block-featured-content-columns__inner .block-featured-content-columns__content{ + order: 1; + } +} +.block-featured-content-columns__inner .block-featured-content-columns__content .block-title{ + } +.block-featured-content-columns__inner .block-featured-content-columns__content .block-paragraph{ + margin-bottom: 1.5625rem; + align-self: flex-end; +} +@media (min-width: 48rem){ + + .block-featured-content-columns__inner .block-featured-content-columns__content .block-paragraph{ + margin-bottom: 3.125rem; + } +} +.block-featured-content-columns__inner .block-featured-content-columns__content .block-paragraph p{ + margin-bottom: 0px; + margin-bottom: 0; + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 62rem){ + + .block-featured-content-columns__inner .block-featured-content-columns__content .block-link{ + align-self: flex-end; + } +} +.block-featured-content-cover{ + position: relative; + margin-bottom: 2.1875rem; + aspect-ratio: 16 / 9; +} +.block-featured-content-cover__content{ + position: absolute; + right: 1.25rem; + bottom: 1.25rem; + z-index: 10; + display: flex; + aspect-ratio: 1 / 1; + max-width: 25vw; + flex-direction: column; + justify-content: space-between; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + padding-top: 1rem; + padding-bottom: 1rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.block-featured-content-cover__content p{ + font-weight: 700; + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 48rem){ + + .block-featured-content-cover__content p{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +@media (min-width: 80rem){ + + .block-featured-content-cover__content p{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; + } +} +.block-featured-content-cover__content a{ + display: block; + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); +} +.block-featured-content-cover__img{ + height: 100%; + width: 100%; +} +.block-featured-content-cover__img img{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-featured-tabs{ + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + padding-top: 1.5625rem; + padding-bottom: 1.5625rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +@media (min-width: 48rem){ + + .block-featured-tabs{ + padding-top: 2.1875rem; + padding-bottom: 2.1875rem; + } +} +@media (min-width: 62rem){ + + .block-featured-tabs{ + padding-top: 0px; + padding-top: 0; + } +} +.block-featured-tabs__tabs{ + display: flex; + padding-bottom: 1.5625rem; + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 48rem){ + + .block-featured-tabs__tabs{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +@media (min-width: 80rem){ + + .block-featured-tabs__tabs{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; + } +} +@media (min-width: 48rem){ + + .block-featured-tabs__tabs{ + padding-bottom: 2.1875rem; + } +} +@media (min-width: 62rem){ + + .block-featured-tabs__tabs{ + --tw-translate-y: 100%; + 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)); + padding-bottom: 0px; + padding-bottom: 0; + } +} +.block-featured-tabs__tabs button{ + display: block; + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); +} +.block-featured-tabs__tabs button:not(:first-child){ + margin-left: 0.5rem; +} +.block-featured-tabs__tabs button.is-selected{ + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.block-featured-tabs-tab{ + display: none; +} +.block-featured-tabs-tab > div{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + -moz-column-gap: calc(var(--grid-gutter) * 2); + column-gap: calc(var(--grid-gutter) * 2); +} +@media (min-width: 62rem){ + + .block-featured-tabs-tab > div{ + display: grid; + } + + .block-featured-tabs-tab .block-featured-tabs-tab__content{ + order: 1; + align-self: flex-end; + } +} +.block-featured-tabs-tab .block-featured-tabs-tab__content p{ + margin-bottom: 0px; + margin-bottom: 0; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +.block-featured-tabs-tab .block-featured-tabs-tab__img{ + margin-bottom: 1.5625rem; + aspect-ratio: 3/2; +} +@media (min-width: 48rem){ + + .block-featured-tabs-tab .block-featured-tabs-tab__img{ + margin-bottom: 2.1875rem; + } +} +@media (min-width: 62rem){ + + .block-featured-tabs-tab .block-featured-tabs-tab__img{ + order: 2; + margin-bottom: 0px; + margin-bottom: 0; + } +} +.block-featured-tabs-tab .block-featured-tabs-tab__img img{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-files-list__inner > p{ + margin-bottom: 1rem; + font-weight: 700; +} +.block-files-list__inner ul{ + display: flex; + flex-wrap: wrap; + gap: 0.9375rem; +} +.block-files-list__inner ul li a{ + min-height: 2.25rem; + position: relative; + display: inline-flex; + align-items: center; + --tw-bg-opacity: 1; + background-color: rgb(237 242 242 / var(--tw-bg-opacity)); + padding-top: 0.375rem; + padding-bottom: 0.375rem; + padding-left: 2.5rem; + padding-right: 0.75rem; + } +.block-files-list__inner ul li a::before{ + content: ''; + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 37'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m24.852 19.834-6.354 6.353-6.354-6.353.708-.708 5.146 5.147V9.5h1v14.773l5.146-5.147.708.708ZM27 28H10v-1h17v1Z' fill='%23000'/%3E%3C/svg%3E"); + position: absolute; + top: 0px; + left: 0px; + aspect-ratio: 1 / 1; + width: 2.25rem; + background-position: center; + background-repeat: no-repeat; + } +.block-files-list__inner ul li:hover a{ + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.block-files-list__inner ul li:hover a::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 37'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m24.852 19.834-6.354 6.353-6.354-6.353.708-.708 5.146 5.147V9.5h1v14.773l5.146-5.147.708.708ZM27 28H10v-1h17v1Z' fill='%23fff'/%3E%3C/svg%3E"); + } +.block-grid-list{ + container-type: inline-size; +} +.block-grid-list__inner{ + display: grid; + -moz-column-gap: calc(var(--grid-gutter) * 2); + column-gap: calc(var(--grid-gutter) * 2); + row-gap: 2.1875rem; +} +@media (min-width: 62rem){ + + .block-grid-list__inner{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +@media (min-width: 80rem){ + + .block-grid-list__inner{ + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} +.block-grid-list__inner > div{ + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); + padding-top: 0.5rem; +} +.block-grid-list__inner > div p{ + margin-bottom: 0px; + margin-bottom: 0; + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; +} +.block-grid-list__inner > div p:first-child{ + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); +} +@container (min-width: 35rem){ + @media (min-width: 48rem){ + + .block-grid-list__inner{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } +} +@container (min-width: 56rem) { + @media (min-width: 62rem){ + + .block-grid-list__inner{ + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + } +} +@container (min-width: 62rem) { + @media (min-width: 80rem){ + + .block-grid-list__inner{ + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + } +} +.block-hero-banner{ + height: var(--hero-banner-height); + margin-bottom: 2.5rem; + overflow: hidden; + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .block-hero-banner{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.block-hero-banner{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .block-hero-banner{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .block-hero-banner{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.block-hero-banner :where(.grid-container),.block-hero-banner :where(.block-container), .block-container :where(.block-hero-banner){ + margin-left: 0px; + margin-left: 0; + margin-right: 0px; + margin-right: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} + .block-container :where(.block-hero-banner){ + margin-left: 0px; + margin-left: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +.block-hero-banner__img{ + height: 100%; + width: 100%; +} +.block-hero-banner__img img{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-banner-scroll{ + /* @apply h-[900px]; */ + height: 160vh; + position: relative; + margin-bottom: 2.5rem; +} +.block-banner-scroll__content{ + position: sticky; + top: 100px; + z-index: 10; + padding-top: 2rem; +} +.block-banner-scroll__content h1{ + font-size: 5.75vw; + line-height: 110%; + } +.block-banner-scroll__content h1 span{ + background: transparent; + position: relative; + } +/* &::after{ + content: ''; + height: 90%; + top: 10%; + @apply absolute left-0 inline-block w-full bg-accent-200 -z-10; + + } */ +.block-banner-scroll__content h1 span.is-active{ + } +.block-banner-scroll__images{ + margin-left: var(--grid-offset); + width: calc(100% - var(--grid-offset)); + position: absolute; + top: 0px; + left: 0px; + z-index: 0; + height: 100%; + } +.block-banner-scroll__images .block-banner-scroll-img{ + transition: opacity .1s ease; + position: absolute; + width: 30vw; + opacity: 0; + } +.block-banner-scroll__images .block-banner-scroll-img picture{ + aspect-ratio: 1 / 1; +} +.block-banner-scroll__images .block-banner-scroll-img picture img{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-banner-scroll__images .block-banner-scroll-img:first-child{ + right: 10vw; + top: 30vh; + opacity: 1 !important; + } +.block-banner-scroll__images .block-banner-scroll-img:nth-child(2){ + left: 5vw; + top: 70vh; + opacity: 1 !important; + } +.block-banner-scroll__images .block-banner-scroll-img:nth-child(3){ + right: 30vw; + top: 200vh; + } +.block-banner-scroll__images .block-banner-scroll-img:nth-child(4){ + right: 5vw; + top: 150vh; + } +.block-banner-scroll__images .block-banner-scroll-img.is-visible{ + /* @apply opacity-100; */ + } +.block-images-grid--black{ + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + padding-top: 3rem; + padding-bottom: 3rem; +} +.block-images-grid__inner{ + display: grid; + grid-template-columns: repeat(12, minmax(0, 1fr)); + grid-template-rows: repeat(2, minmax(0, 1fr)); + gap: 1.25rem; +} +.block-images-grid__inner > div{ + position: relative; +} +.block-images-grid__inner > div:first-child{ + grid-area: 1 / 1 / 4 / 7; + aspect-ratio: 4/5; + } +.block-images-grid__inner > div:nth-child(2){ + grid-area: 1 / 7 / 2 / 10; + } +.block-images-grid__inner > div:nth-child(3){ + grid-area: 1 / 10 / 2 / 13; + } +.block-images-grid__inner > div:nth-child(4){ + grid-area: 2 / 7 / 4 / 10; + } +.block-images-grid__inner > div:nth-child(5){ + grid-area: 2 / 10 / 4 / 13; + } +.block-images-grid__inner > div img{ + position: absolute; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-link{ + /* @apply grid grid-cols-2 items-center; */ + position: relative; + display: flex; + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 48rem){ + + .block-link{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +@media (min-width: 80rem){ + + .block-link{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; + } +} +.block-link:last-child:not(:first-child){ + border-bottom-width: 1px; +} +.block-link::before{ + content: ''; + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m34.711 24-6.778-7.32 1.467-1.36L38.363 25 29.4 34.68l-1.467-1.36L34.71 26H12v-2h22.711Z' fill='%23000'/%3E%3C/svg%3E"); + background-size: 100%; + position: absolute; + top: 0px; + left: 0px; + aspect-ratio: 1 / 1; + width: 2.25rem; + background-position: center; + background-repeat: no-repeat; + } +@media (min-width: 80rem){ + + .block-link::before{ + width: 3.125rem; + } +} +.block-link > span{ + display: flex; + min-height: 2.25rem; + align-items: center; + padding-top: 0.125rem; + padding-bottom: 0.125rem; + padding-left: 3rem; + padding-right: 1.25rem; +} +@media (min-width: 80rem){ + + .block-link > span{ + padding-top: 0.375rem; + padding-bottom: 0.375rem; + padding-left: 4rem; + } +} +.block-link:hover{ + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.block-link:hover::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m34.711 24-6.778-7.32 1.467-1.36L38.363 25 29.4 34.68l-1.467-1.36L34.71 26H12v-2h22.711Z' fill='%23fff'/%3E%3C/svg%3E"); + } +.block-link[href]:not(:where( + + [href^="#"], + + [href^="/"]:not([href^="//"]),))::before{ + background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.0124 17.0725L21.043 16.6891L21.1198 14.6906L34.3016 15.1975L34.8086 28.3793L32.81 28.4562L32.4266 18.4867L16.3673 34.546L14.9531 33.1318L31.0124 17.0725Z' fill='black'/%3E%3C/svg%3E%0A"); + } +.block-link[href]:not(:where( + + [href^="#"], + + [href^="/"]:not([href^="//"]),)) span span{ + margin-left: 0.9375rem; + --tw-translate-y: 0.125rem; + 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)); + align-self: flex-start; + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +.block-link[href]:not(:where( + + [href^="#"], + + [href^="/"]:not([href^="//"]),)):hover::before{ + background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.0124 17.0725L21.043 16.6891L21.1198 14.6906L34.3016 15.1975L34.8086 28.3793L32.81 28.4562L32.4266 18.4867L16.3673 34.546L14.9531 33.1318L31.0124 17.0725Z' fill='white'/%3E%3C/svg%3E%0A"); + } +.block-link--white{ + --tw-border-opacity: 1; + border-color: rgb(83 90 90 / var(--tw-border-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.block-link--white::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m34.711 24-6.778-7.32 1.467-1.36L38.363 25 29.4 34.68l-1.467-1.36L34.71 26H12v-2h22.711Z' fill='white'/%3E%3C/svg%3E"); + } +.block-link--white[href]:not(:where( + + [href^="#"], + + [href^="/"]:not([href^="//"]),))::before{ + background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.0124 17.0725L21.043 16.6891L21.1198 14.6906L34.3016 15.1975L34.8086 28.3793L32.81 28.4562L32.4266 18.4867L16.3673 34.546L14.9531 33.1318L31.0124 17.0725Z' fill='white'/%3E%3C/svg%3E%0A"); + } +.block-links-list-columns{ + margin-bottom: 4rem; +} +@media (min-width: 62rem){ +.block-links-list-columns ul{ + -moz-columns: 2; + columns: 2; + gap: calc(var(--grid-gutter)*2) + } + } +/* @apply -mx-[var(--grid-gutter)]; */ +.block-links-list-columns ul li{ + /* @apply w-full px-[var(--grid-gutter)]; */ + /* @apply border-t border-grey-200 flex items-center h-[3.5vw]; */ + /* a{ + @apply flex items-center h-full w-full text-size-lg; + &::before{ + content: ''; + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m22.711 9-6.778-7.32L17.4.32 26.363 10 17.4 19.68l-1.467-1.36L22.71 11H0V9h22.711Z' fill='%23000'/%3E%3C/svg%3E"); + background-size: 24px 18px; + @apply w-[50px] h-[50px] bg-no-repeat inline-block bg-center mr-4; + } + } + &:nth-last-child(2), &:last-child{ + @apply border-b; + } */ + } +.block-page-title-banner{ + margin-bottom: 2.1875rem; +} +@media (min-width: 48rem){ + + .block-page-title-banner{ + margin-bottom: 4.5rem; + } +} +@media (min-width: 80rem){ + + .block-page-title-banner{ + margin-bottom: 7.5rem; + } +} +@media (min-width: 62rem){ +.block-page-title-banner__img{ + height: calc(var(--page-title-banner-img-height) - var(--grid-gutter)*2) + } + } +.block-page-title-banner__img{ + position: relative; + z-index: 20; + margin-bottom: calc(var(--grid-gutter) * 2); + aspect-ratio: 16 / 9; + overflow: hidden; + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .block-page-title-banner__img{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.block-page-title-banner__img{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .block-page-title-banner__img{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .block-page-title-banner__img{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.block-page-title-banner__img :where(.grid-container),.block-page-title-banner__img :where(.block-container), .block-container :where(.block-page-title-banner__img){ + margin-left: 0px; + margin-left: 0; + margin-right: 0px; + margin-right: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} + .block-container :where(.block-page-title-banner__img){ + margin-left: 0px; + margin-left: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +@media (min-width: 48rem){ + + .block-page-title-banner__img{ + aspect-ratio: auto; + } +} +.block-page-title-banner__img img{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +@media (min-width: 62rem){ +.block-page-title-banner__video{ + height: calc(var(--page-title-banner-img-height) - var(--grid-gutter)*2) + } + } +.block-page-title-banner__video{ + position: relative; + z-index: 20; + margin-bottom: calc(var(--grid-gutter) * 2); + aspect-ratio: 16 / 9; + overflow: hidden; + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .block-page-title-banner__video{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.block-page-title-banner__video{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .block-page-title-banner__video{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .block-page-title-banner__video{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.block-page-title-banner__video :where(.grid-container),.block-page-title-banner__video :where(.block-container), .block-container :where(.block-page-title-banner__video){ + margin-left: 0px; + margin-left: 0; + margin-right: 0px; + margin-right: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} + .block-container :where(.block-page-title-banner__video){ + margin-left: 0px; + margin-left: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +@media (min-width: 48rem){ + + .block-page-title-banner__video{ + aspect-ratio: auto; + } +} +.block-page-title-banner__video video{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-page-title-banner .block-title{ + bottom: calc(var(--grid-gutter) * 2); + z-index: 10; + margin-bottom: 0px; + margin-bottom: 0; +} +@media (min-width: 48rem){ + + .block-page-title-banner .block-title{ + padding-top: calc(var(--grid-gutter) * 2); + } +} +@media (min-width: 62rem){ + + .block-page-title-banner .block-title{ + position: sticky; + } +} +.block-paragraph{ + container: paragraph / inline-size; +} +.block-paragraph p{ + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; +} +@media (min-width: 48rem){ + + @media not all and (min-width: 80rem){ + + .block-paragraph--lg p{ + max-width: 48rem; + } + } +} +@media (min-width: 80rem){ + .block-paragraph--lg p{ + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; + } + .block-paragraph--1col{ + width: 50%; + } +} +@container paragraph (min-width: 80rem){ + .block-paragraph p{ + width: 75%; + } +} +.query-loop__inner{ + grid-template-columns: repeat(1, minmax(0,1fr)); + } +@media (min-width: 62rem){ +.query-loop__inner{ + grid-template-columns: repeat(var(--query-loop-columns-per-row), minmax(0, 1fr)); + } + } +.query-loop__inner{ + display: grid; + -moz-column-gap: var(--size-ratio-base); + column-gap: var(--size-ratio-base); + row-gap: var(-xl); +} +@layer utilties{ + .block-tease-row{ + margin-bottom: 4.5rem; + } + @media (min-width: 80rem){ + + .block-tease-row{ + margin-bottom: 7.5rem; + } + } + .block-title{ + margin-bottom: 1.5625rem; + } + @media (min-width: 48rem){ + + .block-title{ + margin-bottom: 2.1875rem; + } + } +} +.block-title h1,.block-title h2,.block-title h3,.block-title h4,.block-title h5,.block-title h6{ + margin-bottom: 0px; + margin-bottom: 0; + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; +} +@media (min-width: 48rem){ + + .block-title h1,.block-title h2,.block-title h3,.block-title h4,.block-title h5,.block-title h6{ + font-size: 54px; + font-size: 3.375rem; + line-height: 65px; + line-height: 4.0625rem; + } +} +@media (min-width: 80rem){ + + .block-title h1,.block-title h2,.block-title h3,.block-title h4,.block-title h5,.block-title h6{ + font-size: 58px; + font-size: 3.625rem; + line-height: 70px; + line-height: 4.375rem; + } +} +.block-title h1 + a,.block-title h2 + a,.block-title h3 + a,.block-title h4 + a,.block-title h5 + a,.block-title h6 + a{ + flex-shrink: 0; + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 48rem){ + + .block-title h1 + a,.block-title h2 + a,.block-title h3 + a,.block-title h4 + a,.block-title h5 + a,.block-title h6 + a{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +@media (min-width: 80rem){ + + .block-title h1 + a,.block-title h2 + a,.block-title h3 + a,.block-title h4 + a,.block-title h5 + a,.block-title h6 + a{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; + } +} +.block-title .block-title__inner{ + width: 91.666667%; +} +/* .column{ + @apply flex justify-between items-baseline; + } + + .block-links-list-columns{ + @apply mt-16; + } */ +.block-title--xs h1,.block-title--xs h2,.block-title--xs h3,.block-title--xs h4,.block-title--xs h5,.block-title--xs h6{ + font-weight: 700; + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; +} +.block-title--sm h1,.block-title--sm h2,.block-title--sm h3,.block-title--sm h4,.block-title--sm h5,.block-title--sm h6{ + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 48rem){ + + .block-title--sm h1,.block-title--sm h2,.block-title--sm h3,.block-title--sm h4,.block-title--sm h5,.block-title--sm h6{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +@media (min-width: 80rem){ + + .block-title--sm h1,.block-title--sm h2,.block-title--sm h3,.block-title--sm h4,.block-title--sm h5,.block-title--sm h6{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; + } +} +.block-title--lg h1,.block-title--lg h2,.block-title--lg h3,.block-title--lg h4,.block-title--lg h5,.block-title--lg h6{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; +} +@media (min-width: 48rem){ + + .block-title--lg h1,.block-title--lg h2,.block-title--lg h3,.block-title--lg h4,.block-title--lg h5,.block-title--lg h6{ + font-size: 54px; + font-size: 3.375rem; + line-height: 65px; + line-height: 4.0625rem; + } +} +@media (min-width: 80rem){ + + .block-title--lg h1,.block-title--lg h2,.block-title--lg h3,.block-title--lg h4,.block-title--lg h5,.block-title--lg h6{ + font-size: 90px; + font-size: 5.625rem; + line-height: 105px; + line-height: 6.5625rem; + } +} +.block-title--divider .block-title__inner{ + width: 100%; + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); + padding-top: 0.75rem; +} +.block-title--link .block-title__inner{ + width: 100%; + align-items: baseline; + justify-content: space-between; +} +@media (min-width: 62rem){ + + .block-title--link .block-title__inner{ + display: flex; + } +} +.block-title--link .block-title__inner h1,.block-title--link .block-title__inner h2,.block-title--link .block-title__inner h3,.block-title--link .block-title__inner h4,.block-title--link .block-title__inner h5,.block-title--link .block-title__inner h6{ + margin-right: 1rem; +} +/* .block-container + .block-title{ + @apply mt-[5.5vw] +} */ +.block-video__inner{ + position: relative; + aspect-ratio: 16 / 9; +} +.block-video__inner video{ + position: absolute; + left: 0px; + top: 0px; + height: 100%; + width: 100%; +} +.block-video__caption p{ + margin-top: 1.125rem; + margin-bottom: 0px; + margin-bottom: 0; + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +.breadcrumbs{ + margin-top: 1.5625rem; + margin-bottom: 2.1875rem; + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .breadcrumbs{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.breadcrumbs{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .breadcrumbs{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .breadcrumbs{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.breadcrumbs :where(.grid-container),.breadcrumbs :where(.block-container), .block-container :where(.breadcrumbs){ + margin-left: 0px; + margin-left: 0; + margin-right: 0px; + margin-right: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} + .block-container :where(.breadcrumbs){ + margin-left: 0px; + margin-left: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +@media (min-width: 48rem){ + + .breadcrumbs{ + margin-top: 3.125rem; + margin-bottom: 4.5rem; + } +} +@media (min-width: 80rem){ + + .breadcrumbs{ + margin-top: 6.25rem; + margin-bottom: 2.1875rem; + } +} +.breadcrumbs ul{ + display: flex; + flex-wrap: wrap; +} +.breadcrumbs ul li{ + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 48rem){ + + .breadcrumbs ul li{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +@media (min-width: 80rem){ + + .breadcrumbs ul li{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; + } +} +.breadcrumbs ul li:not(:last-child)::after{ + content: '/'; + margin-left: 0.75vw; + margin-right: 0.75vw; + } +.breadcrumbs ul li a, .breadcrumbs ul li span{ + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); +} +.breadcrumbs ul li:last-child span{ + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +button, input[type="submit"]{ + text-rendering: geometricPrecision; +} +.btn{ + +} +.card{ + position: relative; + --tw-bg-opacity: 1; + background-color: rgb(237 242 242 / var(--tw-bg-opacity)); + padding: 1rem; +} +.card--black{ + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} +.card--black p, .card--black span{ + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.card__content{ + display: flex; + aspect-ratio: 1 / 1; + flex-direction: column; + justify-content: space-between; +} +.card .card-header, .card .card-main{ + position: relative; + z-index: 10; +} +.card .card-header{ + display: flex; + justify-content: space-between; + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); +} +.card .card-date{ + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +.card .card-title{ + font-weight: 700; + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +.card .card-bg{ + pointer-events: none; + position: absolute; + left: 0px; + top: 0px; + height: 100%; + width: 100%; + transform-origin: center; + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; + 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)); + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + opacity: 0; +} +.card .card-bg img{ + z-index: 10; + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; + opacity: 0.75; +} +.card--has-background.is-hovered{ + z-index: 20; + background-color: transparent; +} +.card--has-background.is-hovered p, .card--has-background.is-hovered span{ + --tw-text-opacity: 1; + color: rgb(255 204 0 / var(--tw-text-opacity)); +} +.card--has-background.is-hovered .card-bg{ + opacity: 1; +} +.card--has-background.is-hovered::after{ + content: ''; + position: absolute; + left: 0px; + top: 0px; + height: 100%; + width: 100%; + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(255 204 0 / var(--tw-border-opacity)); + } +.card--has-keyword .card-keyword{ + font-size: calc(70vw / var(--card-keyword-chars)); + pointer-events: none; + position: absolute; + top: 50%; + left: 50%; + z-index: 50; + --tw-translate-y: -50%; + --tw-translate-x: -50%; + 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)); + white-space: nowrap; + --tw-text-opacity: 1; + color: rgb(255 204 0 / var(--tw-text-opacity)); + opacity: 0; + } +.card--has-keyword.is-hovered{ + z-index: 20; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} +.card--has-keyword.is-hovered .card-header span{ + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); +} +.card--has-keyword.is-hovered .card-main p, .card--has-keyword.is-hovered .card-main span{ + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.card--has-keyword.is-hovered .card-keyword{ + opacity: 1; +} +.card--has-keyword.is-hovered::after{ + content: ''; + position: absolute; + left: 0px; + top: 0px; + height: 100%; + width: 100%; + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); + } +.chip{ +} +.contacts-section{ + margin-top: 2.1875rem; + --tw-bg-opacity: 1; + background-color: rgb(255 204 0 / var(--tw-bg-opacity)); + padding-top: 1.5625rem; + padding-bottom: 1.5625rem; +} +@media (min-width: 80rem){ + + .contacts-section{ + margin-top: 4.5rem; + padding-top: 2.1875rem; + padding-bottom: 2.1875rem; + } +} +.contacts-section .block-title__inner a{ + --tw-text-opacity: 1; + color: rgb(158 127 0 / var(--tw-text-opacity)); +} +.contacts-section-cards-row{ + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .contacts-section-cards-row{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.contacts-section-cards-row{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .contacts-section-cards-row{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .contacts-section-cards-row{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.contacts-section-cards-row :where(.grid-container),.contacts-section-cards-row :where(.block-container), .block-container :where(.contacts-section-cards-row){ + margin-left: 0px; + margin-left: 0; + margin-right: 0px; + margin-right: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +@layer utilties{ + .contacts-section-cards-row{ + margin-bottom: 1.5625rem; + } + @media (min-width: 48rem){ + + .contacts-section-cards-row{ + margin-bottom: 2.1875rem; + } + } +} + .block-container :where(.contacts-section-cards-row){ + margin-left: 0px; + margin-left: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +.contacts-section-cards-row__inner{ + display: grid; + grid-template-columns: repeat(1, minmax(0, 1fr)); + gap: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .contacts-section-cards-row__inner{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +@media (min-width: 80rem){ + + .contacts-section-cards-row__inner{ + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} +@media not all and (min-width: 80rem){ + + @media (min-width: 62rem){ + + .contacts-section-cards-row__inner-squares{ + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + } +} +.contacts-section-cards-row > p{ + margin-bottom: 1rem; + font-weight: 700; +} +.contacts-section-card{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + align-items: flex-start; + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + padding: calc(var(--grid-gutter) * 2); + --tw-text-opacity: 1; + color: rgb(255 204 0 / var(--tw-text-opacity)); +} +@media (min-width: 80rem){ + + .contacts-section-card{ + display: grid; + } +} +.contacts-section-card p{ + --tw-text-opacity: 1; + color: rgb(255 204 0 / var(--tw-text-opacity)); +} +.contacts-section-card a{ + text-decoration-line: underline; +} +.contacts-section-card header{ + margin-bottom: 2.1875rem; +} +@media (min-width: 80rem){ + + .contacts-section-card header{ + margin-bottom: 0px; + margin-bottom: 0; + } +} +.contacts-section-card header p{ + margin-bottom: 0px; + margin-bottom: 0; + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; +} +@media (min-width: 48rem){ + + .contacts-section-card header p{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +.contacts-section-card header p:last-child:not(:first-child){ + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; +} +@media (min-width: 80rem){ + + .contacts-section-card > div{ + aspect-ratio: 1 / 1; + } +} +.contacts-section-card > div:first-child{ + display: flex; + flex-direction: column; +} +@media (min-width: 80rem){ + + .contacts-section-card > div:first-child{ + height: 100%; + } +} +.contacts-section-card > div:first-child header{ + flex-grow: 1; +} +.contacts-section-card > div:first-child:last-child{ + grid-column: span 2; + } +.contacts-section-card:not(.contacts-section-card--span) > div{ + aspect-ratio: 1 / 1; +} +.contacts-section-card--span{ + align-self: flex-start; +} +@media (min-width: 80rem){ +.contacts-section-card--span{ + align-self: inherit; + grid-column: span 2 + } + } +.contacts-section-card--span footer{ + margin-bottom: 2.1875rem; +} +@media (min-width: 80rem){ + + .contacts-section-card--span footer{ + margin-bottom: 0px; + margin-bottom: 0; + } +} +.contacts-section + .site-footer{ + margin-top: 0px !important; + margin-top: 0 !important; +} +.contacts-section--noMargin{ + margin-top: 0px; + margin-top: 0; +} +.content-section{ + margin-top: 3.125rem; +} +@media (min-width: 62rem){ + + .content-section{ + margin-top: 4.5rem; + } +} +.content-section--noMargin{ + margin-top: 0px; + margin-top: 0; +} +.degree-curricula{ + --tw-bg-opacity: 1; + background-color: rgb(237 242 242 / var(--tw-bg-opacity)); +} +.degree-curricula__tabs{ + padding-top: 2.1875rem; + padding-bottom: 2.1875rem; + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 48rem){ + + .degree-curricula__tabs{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +@media (min-width: 80rem){ + + .degree-curricula__tabs{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; + } +} +@media (min-width: 62rem){ + + .degree-curricula__tabs{ + display: flex; + flex-wrap: nowrap; + } +} +.degree-curricula__tabs button{ + display: block; + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); +} +@media (min-width: 62rem){ + + .degree-curricula__tabs button:not(:first-child){ + margin-left: 0.5rem; + } +} +.degree-curricula__tabs button.is-selected{ + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.degree-curriculum{ + /*fix for using margin of last child element as real inner margin*/ + padding-bottom: 1px; + padding-bottom: 0.0625rem; +} +.degree-curriculum__marquee{ + margin-left: calc(var(--grid-offset) * -1); + width: 100vw; +} +.degree-curriculum__excerpt{ + margin-bottom: 2.1875rem; + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; +} +@media (min-width: 48rem){ + + .degree-curriculum__excerpt{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +.degree-curriculum__cols{ + margin-bottom: 4.5rem; + grid-template-columns: repeat(2, minmax(0, 1fr)); + -moz-column-gap: calc(var(--grid-gutter) * 2); + column-gap: calc(var(--grid-gutter) * 2); +} +@media (min-width: 62rem){ + + .degree-curriculum__cols{ + display: grid; + } +} +@media (min-width: 80rem){ + .degree-curriculum__cols > *:last-child p{ + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; + } +} +.degree-curriculum__cols > *:last-child p:last-child{ + margin-bottom: 0px; + margin-bottom: 0; +} +.degree-curriculum .block-accordion{ + margin-bottom: 3.125rem; +} +.degree-curriculum .block-accordion + *{ + margin-bottom: 1.5625rem; +} +[data-tab-index]{ + display: none; +} +.events-posts__day{ + position: sticky; + top: -1px; + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} +.events-posts__day span{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; +} +@media (min-width: 48rem){ + + .events-posts__day span{ + font-size: 40px; + font-size: 2.5rem; + line-height: 50px; + line-height: 3.125rem; + } +} +@media (min-width: 80rem){ + + .events-posts__day span{ + font-size: 44px; + font-size: 2.75rem; + line-height: 55px; + line-height: 3.4375rem; + } +} +.event-item{ + display: grid; + min-height: 96px; + grid-template-columns: repeat(12, minmax(0, 1fr)); + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} +.event-item > *:first-child{ + grid-area: 1 / 1 / 3 / 7; + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; + } +.event-item > *:last-child{ + grid-area: 1 / 7 / 3 / 13; + } +.event-item__info{ + display: flex; + flex-direction: column; + justify-content: space-between; +} +.event-item__date{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; +} +@media (min-width: 48rem){ + + .event-item__date{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +.event-item__date span{ + display: block; +} +.event-item__date span + span{ + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); +} +.event-item__title{ + font-weight: 700; + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; +} +@media (min-width: 48rem){ + + .event-item__title{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +.event-item__title + p{ + margin-top: 1.5rem; +} +.event-item-ongoing{ + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} +.event-item-ongoing:first-child{ + padding-top: 0px; + padding-top: 0; +} +.event-item-ongoing:first-child span{ + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; +} +.event-item-ongoing:last-child{ + padding-bottom: 0px; + padding-bottom: 0; +} +.event-item-ongoing:not(:last-child){ + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); +} +.event-item-ongoing p{ + margin-bottom: 0px; + margin-bottom: 0; + font-weight: 700; + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; +} +.event-item-ongoing p span{ + margin-left: 0.75rem; + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); +} +.site-footer{ + position: relative; + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + padding-bottom: 2.5rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +@media (min-width: 48rem){ + .site-footer{ + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; + } +} +.site-footer__backTop{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 27'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m11.5 4.289-7.32 6.778L2.82 9.6 12.5.637 22.18 9.6l-1.36 1.467L13.5 4.29V27h-2V4.289Z' fill='%23fff'/%3E%3C/svg%3E"); + background-size: 24px; + position: absolute; + top: 1.875rem; + right: calc(var(--grid-gutter) * 2); + height: 2rem; + width: 2rem; + background-repeat: no-repeat; + text-indent: -9999px; + } +.site-footer__title{ + margin-bottom: 3.125rem; + display: flex; + align-items: flex-start; + padding-top: 2rem; +} +@media (min-width: 48rem){ + + .site-footer__title{ + padding-top: 1.5625rem; + } +} +.site-footer__title svg{ + margin-right: 1.25rem; + width: 1.875rem; +} +@media (min-width: 48rem){ + + .site-footer__title svg{ + display: none; + } +} +.site-footer__title p{ + --tw-translate-y: -0.5rem; + 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)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 48rem){ + + .site-footer__title p{ + --tw-translate-y: 0px; + 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)); + font-weight: 700; + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; + } +} +.site-footer__title p span{ + display: block; +} +@media (min-width: 48rem){ + + .site-footer__title p span{ + display: inline; + } +} +.site-footer__main{ + display: grid; + grid-template-columns: repeat(1, minmax(0, 1fr)); + gap: 1.875rem; +} +@media (min-width: 48rem){ + + .site-footer__main{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + row-gap: 3.125rem; + } +} +@media (min-width: 80rem){ + + .site-footer__main{ + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} +.site-footer__main > div p{ + margin-bottom: 0px; + margin-bottom: 0; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +@media (min-width: 48rem){ + .site-footer__main > div p{ + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; + } +} +.site-footer__main > div > span{ + font-weight: 700; +} +.site-footer__nav ul,.site-footer__social-links ul{ + margin-top: 0.9375rem; +} +.site-footer__nav ul li,.site-footer__social-links ul li{ + display: flex; + align-items: center; + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(83 90 90 / var(--tw-border-opacity)); +} +@media (min-width: 48rem){ + + .site-footer__nav ul li,.site-footer__social-links ul li{ + border-top-width: 0px; + } +} +.site-footer__nav ul li:last-child,.site-footer__social-links ul li:last-child{ + border-bottom-width: 1px; +} +@media (min-width: 48rem){ + + .site-footer__nav ul li:last-child,.site-footer__social-links ul li:last-child{ + border-bottom-width: 0px; + } +} +.site-footer__nav ul li::before,.site-footer__social-links ul li::before{ + content: ''; + } +@media (min-width: 48rem){ +.site-footer__nav ul li::before,.site-footer__social-links ul li::before{ + content: none; + } + } +.site-footer__nav ul li::before,.site-footer__social-links ul li::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 37'%3E%3Cpath d='m21.441 12.5 5.556 6m0 0-5.556 6m5.556-6H10' stroke='%23fff'/%3E%3C/svg%3E"); + margin-right: 0.625rem; + display: inline-block; + height: 2.25rem; + width: 2.25rem; + background-repeat: no-repeat; +} +.site-footer__colophon nav{ + margin-top: 3.125rem; + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); + padding-top: 1.5625rem; +} +.site-footer__colophon nav ul{ + display: flex; +} +.site-footer__colophon nav ul li:not(:last-child){ + margin-right: 1.875rem; +} +.site-footer__colophon nav ul li a{ + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +@media (min-width: 48rem){ + + .site-footer__colophon nav ul li a{ + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; + } +} +.hamburger-btn { + --hamburgerPadding: 8px; + --hamburgerWidth: 50px; + --hamburgerHeight: 50px; + --hamburgerLineWidth: 24px; + --hamburgerLineHeight: 2px; + --hamburgerMargin: 6px; + --hamburgerBackground: true; + --hamburgerBackgroundColor: transparent; + --hamburgerColor: #242424; + --hamburgerBorderRadius: false; + --hamburgerBorderRadiusPx: 0; + padding: var(--hamburgerPadding); + width: var(--hamburgerWidth); + height: var(--hamburgerHeight); + border-radius: var(--hamburgerBorderRadiusPx); + background: var(--hamburgerBackgroundColor); + position: relative; + display: flex; + cursor: pointer; + align-items: center; +} +.hamburger-btn:focus{ + /* outline: none; */ + } +.hamburger-btn span{ + margin: 0 auto; + display: inline-block; + position: relative; + top: 0; + width: var(--hamburgerLineWidth); + height: var(--hamburgerLineHeight); + border-radius: 5px; + background-color: var(--hamburgerColor); + /* transition: background-color .1s .1s ease; */ + display: block; + } +.hamburger-btn span::before, .hamburger-btn span::after{ + content: ''; + position: absolute; + width: var(--hamburgerLineWidth); + height: var(--hamburgerLineHeight); + border-radius: 5px; + background-color: var(--hamburgerColor); + display: block; + } +.hamburger-btn span::before{ + margin-top: calc(var(--hamburgerMargin) * -1); + transform: rotate(0deg); + /* transition: margin .2s .2s ease, transform .2s ease; */ + } +.hamburger-btn span::after{ + margin-top: var(--hamburgerMargin); + transform: rotate(0deg); + /* transition: margin .2s .2s ease, transform .2s ease; */ + } +.hamburger-btn.is-toggled span{ + background-color: transparent !important; + } +/* transition: background-color .2s ease; */ +.hamburger-btn.is-toggled span:before{ + margin-top: 0; + transform: rotate(45deg); + /* transition: margin .2s ease, transform .2s .2s ease; */ + } +.hamburger-btn.is-toggled span:after{ + margin-top: 0; + transform: rotate(-45deg); + /* transition: margin .2s ease, transform .2s .2s ease; */ + } +.site-header{ + transition: transform .5s ease; + position: sticky; + top: 0px; + z-index: 40; + --tw-translate-y: 0px; + 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)); +} +body.has-menu-toggled .site-header{ + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} +@media (min-width: 48rem){ + + body.has-menu-toggled .site-header{ + border-bottom-width: 0px; + } +} +@media (min-width: 80rem){ + + .site-header.is-hidden{ + --tw-translate-y: -100%; + 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)); + } +} +.site-header-topbar{ + display: none; + height: 2.5rem; + align-items: center; + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +@media (min-width: 80rem){ + + .site-header-topbar{ + display: flex; + } +} +.site-header-topbar__container{ + display: flex; + align-items: center; + justify-content: space-between; + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +.site-header-topbar__container nav ul{ + display: flex; + align-items: center; +} +.site-header-topbar__container nav ul li a{ + } +.site-header-topbar__container nav ul li:not(:last-child){ + margin-right: 1.25rem; +} +.site-header-topbar__actions{ + display: flex; + align-items: center; +} +.site-header-topbar__actions .site-header-topbar__lang{ + margin-right: 0.9375rem; +} +.site-header-topbar__actions .site-header-topbar__search svg{ + display: block; + height: 2.25rem; + width: 22px; +} +.site-header-navbar{ + display: flex; + height: 3.125rem; + align-items: center; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} +@media (min-width: 80rem){ + + .site-header-navbar{ + height: 3.75rem; + } +} +.site-header-navbar__inner{ + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .site-header-navbar__inner{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.site-header-navbar__inner{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .site-header-navbar__inner{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .site-header-navbar__inner{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.site-header-navbar__inner :where(.grid-container),.site-header-navbar__inner :where(.block-container), .block-container :where(.site-header-navbar__inner){ + margin-left: 0px; + margin-left: 0; + margin-right: 0px; + margin-right: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} + .block-container :where(.site-header-navbar__inner){ + margin-left: 0px; + margin-left: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +.site-header-navbar__main{ + display: flex; + align-items: center; + justify-content: space-between; +} +@media (min-width: 80rem){ + + .site-header-navbar__main{ + width: 75%; + } +} +.site-header-navbar__main nav{ + display: none; +} +@media (min-width: 80rem){ + + .site-header-navbar__main nav{ + display: block; + } +} +.site-header-navbar__main nav ul li{ + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.site-header-navbar__main nav > ul{ + display: flex; + align-items: center; +} +.site-header-navbar__main nav > ul > li:not(:last-child){ + margin-right: 1.5rem; +} +@media (min-width: 80rem){ + + .site-header-navbar__main nav > ul > li:not(:last-child){ + margin-right: 2rem; + } +} +.site-header-navbar__main nav > ul > li > a{ + display: block; +} +.site-header-navbar__main nav > ul > li.is-toggled > a{ + font-weight: 700; +} +.site-header-navbar__main .site-header-navbar__actions{ + display: flex; + --tw-translate-x: calc(var(--grid-gutter) * 1.75); + 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)); + align-items: center; +} +@media (min-width: 80rem){ + + .site-header-navbar__main .site-header-navbar__actions{ + --tw-translate-x: calc(var(--grid-gutter) * 1.25); + 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)); + } +} +.site-header-navbar__main .site-header-navbar__actions > a{ + margin-right: 0.5rem; + --tw-translate-y: 1px; + 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)); +} +@media (min-width: 80rem){ + + .site-header-navbar__main .site-header-navbar__actions > a{ + display: none; + } + + .site-header-navbar__main .site-header-navbar__actions .hamburger-btn{ + display: none; + } + + .site-header-navbar__main .site-header-navbar__actions .hamburger-btn.is-active{ + display: flex; + } +} +.site-header-navbar__title{ + font-weight: 700; +} +@media (min-width: 80rem){ + + .site-header-navbar__title{ + width: 25%; + } +} +.site-header-navbar-submenu li{ + /* .menu-item{ + @apply relative overflow-hidden; + &-overlay{ + @apply absolute z-10 !important; + @apply bg-black w-full h-full block overflow-hidden top-0 left-0 pointer-events-none opacity-100; + } + > a{ + transition: color .4s ease; + @apply block text-black; + } + &:hover{ + > a{ + @apply relative text-white z-20; + } + } + } */ + } +.site-header-navbar-submenu > li{ + margin-right: 0px; + margin-right: 0; +} +.site-header-navbar-submenu > li > a{ + display: inline-block; + width: 100%; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +.site-header-navbar-submenu > li > a:hover{ + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.site-header-navbar-submenu-0{ + padding-left: var(--grid-offset); + padding-right: calc(var(--grid-gutter) * 2); + orphans: 1; + transform: translateZ(0) translateY(calc(100% - 2px)); + pointer-events: none; + visibility: hidden; + position: absolute; + bottom: 0px; + left: 0px; + width: 100%; + -moz-columns: 3; + columns: 3; + -moz-column-gap: calc(var(--grid-gutter) * 2); + column-gap: calc(var(--grid-gutter) * 2); + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + padding-top: 2.5rem; + padding-bottom: 3.125rem; + opacity: 0; + } +.site-header-navbar-submenu-0.is-visible{ + pointer-events: auto; + visibility: visible; + opacity: 1; +} +.site-header-navbar-submenu-0.is-visible > li{ + opacity: 1; +} +.site-header-navbar-submenu-0.is-visible.is-closing > li{ + transition: opacity .1s ease; + opacity: 0; + } +.site-header.is-hidden .site-header-navbar__main .site-header-navbar-submenu-0{ + display: none; +} +.site-header-navbar-submenu-0 > li { + transition: opacity .25s ease .25s; + -moz-column-break-inside: avoid; + break-inside: avoid; + opacity: 0; + } +.site-header-navbar__main nav.is-toggled .site-header-navbar-submenu-0 > li{ + transition: none; +} +.site-header-navbar-submenu-0 > li > a{ + border-top-width: 1px; + border-bottom-width: 1px; + border-top-color: rgb(0 0 0 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-bottom-color: rgb(211 216 216 / var(--tw-border-opacity)); + font-weight: 700; +} +.site-header-navbar-submenu-0 > li > a:first-child:last-child{ + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-bottom-color: rgb(211 216 216 / var(--tw-border-opacity)); +} +.site-header-navbar-submenu:not(.site-header-navbar-submenu-0) > li{ + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); +} +.site-header-navbar-submenu:not(.site-header-navbar-submenu-0) > li:hover > a{ + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.site-header-navbar-submenu:not(.site-header-navbar-submenu-0) > li > a{ + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + -moz-column-gap: var(--size-ratio-base); + column-gap: var(--size-ratio-base); +} +.site-header-navbar-submenu:not(.site-header-navbar-submenu-0) > li > a > span{ + grid-column: 2 / 5; + } +#overlay{ + transition: all .5s ease; + pointer-events: none; + visibility: hidden; + position: fixed; + top: 0px; + left: 0px; + z-index: 30; + height: 100vh; + width: 100%; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + --tw-bg-opacity: 0.5; + opacity: 0; +} +#overlay.is-active{ + pointer-events: auto; + visibility: visible; + opacity: 1; +} +.site-logo{ + transition: all .2s ease; + transform: translateY(0) translateX(-2px); + position: fixed; + bottom: 2.5rem; + left: 2.5rem; + z-index: 20; + display: none; + mix-blend-mode: difference; +} +@media (min-width: 48rem){ + + .site-logo{ + display: block; + } +} +.site-logo svg{ + width: 40px; + display: block; + } +.site-logo.is-visible{ + transform: translateY(0) translateX(-50%); + left: 0px; + } +body.footer-in-viewport .site-logo.is-visible{ + transform: translateY(0) translateX(-2px); + left: 2.5rem; +} +.block-marquee-images{ + --marquee-item-width: 66vw; +} +@media (min-width: 48rem){ +.block-marquee-images{ + --marquee-item-width: 40vw +} + } +@media (min-width: 62rem){ +.block-marquee-images{ + --marquee-item-width: 33vw +} + } +@media (min-width: 80rem){ +.block-marquee-images{ + --marquee-item-width: 25vw +} + } +.block-marquee-images{ + overflow-x: clip; + margin-bottom: 2.1875rem; + margin-left: calc(calc(var(--grid-gutter) * 2) * -1); +} +@media (min-width: 62rem){ + + .block-marquee-images{ + margin-left: 0px; + margin-left: 0; + } +} +/* @apply overflow-hidden mb-5; */ +.block-marquee-images__inner{ + display: flex; +} +.block-marquee-images__inner .block-marquee-images-item{ + width: var(--marquee-item-width); + margin-right: calc(var(--grid-gutter) * 2); + aspect-ratio: 1 / 1; + } +.block-marquee-images__inner .block-marquee-images-item img{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.block-marquee-images.is-hovered{ + position: relative; + z-index: 10; +} +/* .marquee-card{ + @apply relative bg-grey-100 p-4; + &--black{ + @apply bg-black; + p, span{ + @apply text-white; + } + } + &__content{ + @apply aspect-square flex flex-col justify-between; + } + .marquee-card-header, .marquee-card-main{ + @apply relative z-10; + } + .marquee-card-header{ + @apply flex justify-between text-grey-300; + } + .marquee-card-date{ + @apply text-size-sm; + } + .marquee-card-title{ + @apply text-size-md font-bold; + } + .marquee-card-bg{ + @apply absolute left-0 top-0 w-full h-full scale-125 origin-center opacity-0 pointer-events-none bg-black; + img{ + @apply w-full h-full bg-cover z-10 opacity-75; + } + } + &--has-background{ + &.is-hovered{ + @apply bg-transparent z-20; + p, span{ + @apply text-accent-200; + } + .marquee-card-bg{ + @apply opacity-100; + } + &::after{ + content: ''; + @apply w-full h-full border border-accent-200 absolute left-0 top-0; + } + } + } + &--has-keyword{ + .marquee-card-keyword{ + font-size: calc(70vw / var(--marquee-card-keyword-chars)); + @apply absolute top-[50%] left-[50%] translate-y-[-50%] translate-x-[-50%] opacity-0 pointer-events-none text-accent-200 whitespace-nowrap z-50; + } + &.is-hovered{ + @apply z-20 bg-white; + .marquee-card-header{ + span{ + @apply text-grey-300; + } + } + .marquee-card-main{ + p, span{ + @apply text-black; + } + } + .marquee-card-keyword{ + @apply opacity-100; + } + &::after{ + content: ''; + @apply w-full h-full border border-grey-200 absolute left-0 top-0; + } + } + } +} */ +.block-marquee-posts-grid{ + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 1.25rem; +} +.block-marquee-posts-row{ + --marquee-card-width: 27.5vw; + /* @apply overflow-hidden mb-5; */ + overflow-x: clip; + margin-bottom: 1.25rem; +} +.block-marquee-posts-row__wrapper{ + display: flex; +} +.block-marquee-posts-row__wrapper .card{ + width: var(--marquee-card-width); + margin-right: 1.25rem; + } +.block-marquee-posts-row.is-hovered{ + position: relative; + z-index: 10; +} +/* .marquee-card{ + @apply relative bg-grey-100 p-4; + &--black{ + @apply bg-black; + p, span{ + @apply text-white; + } + } + &__content{ + @apply aspect-square flex flex-col justify-between; + } + .marquee-card-header, .marquee-card-main{ + @apply relative z-10; + } + .marquee-card-header{ + @apply flex justify-between text-grey-300; + } + .marquee-card-date{ + @apply text-size-sm; + } + .marquee-card-title{ + @apply text-size-md font-bold; + } + .marquee-card-bg{ + @apply absolute left-0 top-0 w-full h-full scale-125 origin-center opacity-0 pointer-events-none bg-black; + img{ + @apply w-full h-full bg-cover z-10 opacity-75; + } + } + &--has-background{ + &.is-hovered{ + @apply bg-transparent z-20; + p, span{ + @apply text-accent-200; + } + .marquee-card-bg{ + @apply opacity-100; + } + &::after{ + content: ''; + @apply w-full h-full border border-accent-200 absolute left-0 top-0; + } + } + } + &--has-keyword{ + .marquee-card-keyword{ + font-size: calc(70vw / var(--marquee-card-keyword-chars)); + @apply absolute top-[50%] left-[50%] translate-y-[-50%] translate-x-[-50%] opacity-0 pointer-events-none text-accent-200 whitespace-nowrap z-50; + } + &.is-hovered{ + @apply z-20 bg-white; + .marquee-card-header{ + span{ + @apply text-grey-300; + } + } + .marquee-card-main{ + p, span{ + @apply text-black; + } + } + .marquee-card-keyword{ + @apply opacity-100; + } + &::after{ + content: ''; + @apply w-full h-full border border-grey-200 absolute left-0 top-0; + } + } + } +} */ +.block-marquee-posts-grid{ + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 1.25rem; +} +.menu-mobile{ + pointer-events: none; + visibility: hidden; + position: absolute; + z-index: 30; + margin-left: auto; + width: 100%; + max-width: 48rem; + overflow: hidden; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); + opacity: 0; +} +@media (min-width: 48rem){ + + .menu-mobile{ + min-height: calc(var(--vh) - var(--header-height)); + width: calc((100% - (var(--grid-offset) - var(--grid-gutter) * 2))); + } +} +@media (min-width: 80rem){ + + .menu-mobile{ + display: none; + } +} +.menu-mobile.is-toggled{ + pointer-events: auto; + visibility: visible; + position: relative; + opacity: 1; +} +.menu-mobile nav ul li a{ + display: block; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); + padding-top: 0.375rem; +} +.menu-mobile .menu-mobile__primary{ + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.menu-mobile .menu-mobile__primary ul li{ + position: relative; +} +.menu-mobile .menu-mobile__primary ul li .menu-mobile-accordion-container{ + display: flex; +} +.menu-mobile .menu-mobile__primary ul li .menu-mobile-accordion-container a{ + min-height: 3.125rem; + width: calc(100% - 3.125rem); + display: block; + border-bottom-width: 1px; + border-right-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); + padding-top: 0.875rem; + padding-bottom: 0.625rem; + font-weight: 700; + } +.menu-mobile .menu-mobile__primary ul li .menu-mobile-accordion-container button{ + display: flex; + width: 3.125rem; + flex-shrink: 0; + align-items: flex-start; + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); +} +.menu-mobile .menu-mobile__primary ul li .menu-mobile-accordion-container button svg{ + pointer-events: none; + width: 100%; +} +.menu-mobile .menu-mobile__primary ul li ul{ + display: none; +} +.menu-mobile .menu-mobile__primary ul li ul li a{ + padding-left: calc(var(--grid-gutter) * 6); +} +.menu-mobile .menu-mobile__primary ul li.is-toggled > .menu-mobile-accordion-container button svg{ + --tw-rotate: 180deg; + 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)); +} +.menu-mobile .menu-mobile__primary ul li.is-toggled > .menu-mobile-accordion-container + ul{ + display: block; + /* li{ + &:last-child{ + a{ + @apply border-b-black; + &:first-child:last-child{ + &::after{ + @apply border-black; + } + } + } + button{ + @apply border-black; + } + } + } */ +} +.menu-mobile .menu-mobile__primary ul:not(.menu-mobile-level-last) > li > .menu-mobile-accordion-container > a:first-child:last-child::after{ + content: ''; + position: absolute; + bottom: 0px; + right: 0px; + display: block; + width: 3.125rem; + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); + } +.menu-mobile .menu-mobile__primary ul.menu-mobile-level-0 > li:not(.is-toggled) > .menu-mobile-accordion-container > a{ + --tw-border-opacity: 1; + border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity)); +} +.menu-mobile .menu-mobile__primary ul.menu-mobile-level-0 > li:not(.is-toggled) > .menu-mobile-accordion-container > a:first-child:last-child::after{ + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} +.menu-mobile .menu-mobile__primary ul.menu-mobile-level-0 > li:not(.is-toggled) > .menu-mobile-accordion-container button{ + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} +.menu-mobile .menu-mobile__primary ul.menu-mobile-level-0 > li.is-toggled > ul > li:last-child > .menu-mobile-accordion-container > a{ + --tw-border-opacity: 1; + border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity)); +} +.menu-mobile .menu-mobile__primary ul.menu-mobile-level-0 > li.is-toggled > ul > li:last-child > .menu-mobile-accordion-container > a:first-child:last-child::after{ + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} +.menu-mobile .menu-mobile__primary ul.menu-mobile-level-0 > li.is-toggled > ul > li:last-child > .menu-mobile-accordion-container button{ + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} +.menu-mobile .menu-mobile__primary ul.menu-mobile-level-last > li > .menu-mobile-accordion-container > a{ + font-weight: 400; +} +.menu-mobile .menu-mobile__primary ul.menu-mobile-level-last > li:last-child > .menu-mobile-accordion-container > a:first-child:last-child::after{ + content: ''; + position: absolute; + bottom: 0px; + right: 0px; + display: block; + width: 3.125rem; + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(211 216 216 / var(--tw-border-opacity)); + } +.menu-mobile__secondary{ + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + padding-top: 0.625rem; + padding-bottom: 1.25rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.post-archive-header{ + margin-top: 8rem; + margin-bottom: 4rem; + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; +} +.post-archive-header nav ul{ + display: flex; +} +.post-archive-header nav ul li a{ + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +@media (min-width: 48rem){ + + .post-archive-header nav ul li a{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +@media (min-width: 80rem){ + + .post-archive-header nav ul li a{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; + } +} +.post-archive-header nav ul li a span{ + margin-left: 0.625rem; + margin-right: 0.25rem; + display: inline-block; + vertical-align: top; + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +.post-archive-header nav ul li.is-active a{ + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.post-archive-header nav ul li:not(:last-child){ + margin-right: 1rem; +} +.post-archive-header nav ul li:not(:last-child)::after{ + content: ','; + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; + } +@media (min-width: 48rem){ + + .post-archive-header nav ul li:not(:last-child)::after{ + font-size: 26px; + font-size: 1.625rem; + line-height: 35px; + line-height: 2.1875rem; + } +} +@media (min-width: 80rem){ + + .post-archive-header nav ul li:not(:last-child)::after{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; + } +} +.post-archive-header__description{ + margin-top: 0.5vw; + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; + } +.post-archive-posts{ + margin-bottom: 10rem; +} +.secondary-nav-trigger{ + display: block; + height: 1px; + width: 100%; + background-color: transparent; +} +.secondary-nav{ + transition: top .5s ease, opacity .2s ease; + position: fixed; + top: var(--header-height); + z-index: 30; + display: flex; + width: 100vw; + align-items: center; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + opacity: 0; +} +@media (min-width: 62rem){ + + .secondary-nav{ + top: 0px; + } +} +.secondary-nav::before{ + content: ''; + width: calc(100vw - var(--grid-gutter)*4); + } +@media (min-width: 48rem){ +.secondary-nav::before{ + width: calc(100vw - var(--grid-gutter)*2 - var(--grid-offset)); + } + } +.secondary-nav::before{ + position: absolute; + top: 0px; + left: calc(var(--grid-gutter) * 2); + height: 1px; + --tw-bg-opacity: 1; + background-color: rgb(211 216 216 / var(--tw-bg-opacity)); +} +@media (min-width: 48rem){ + + .secondary-nav::before{ + left: var(--grid-offset); + } +} +@media (min-width: 62rem){ + + .secondary-nav::before{ + display: none; + } +} +.secondary-nav::after{ + content: ''; + background: rgb(255,255,255); + background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); + pointer-events: none; + position: absolute; + right: 0px; + height: 100%; + width: 3rem; + } +.secondary-nav ul{ + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); + } +@media (min-width: 48rem){ +.secondary-nav ul{ + padding-left: var(--grid-offset); + padding-right: var(--secondary-nav-button-width) + } + } +.secondary-nav ul{ + display: flex; + overflow: auto; + white-space: nowrap; + -ms-overflow-style: none; + scrollbar-width: none; +} +/* IE and Edge */ +/* Firefox */ +.secondary-nav ul::-webkit-scrollbar { + display: none; + } +.secondary-nav ul{ + display: flex; + height: 3.125rem; + align-items: center; +} +@media (min-width: 80rem){ + + .secondary-nav ul{ + height: 3.75rem; + } +} +.secondary-nav ul li a{ + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; +} +.secondary-nav ul li:not(:last-child){ + margin-right: 1.875rem; +} +.secondary-nav > a{ + position: absolute; + right: -0px; + top: 0px; + z-index: 10; + display: none; + height: 100%; + align-items: center; + padding-top: 0.75rem; + padding-bottom: 0.75rem; + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); + font-size: 16px; + font-size: 1rem; + line-height: 25px; + line-height: 1.5625rem; +} +@media (min-width: 62rem){ + + .secondary-nav > a{ + display: flex; + } +} +.secondary-nav > a span{ + display: inline-flex; + align-items: center; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + padding-right: calc(var(--grid-gutter) * 2); +} +.secondary-nav > a span::after{ + content: ''; + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='m14.333 8 4.167 4.5m0 0L14.333 17m4.167-4.5H6' stroke='%23A3ADAD'/%3E%3C/svg%3E"); + background-size: 100%; + margin-left: 0.625rem; + aspect-ratio: 1 / 1; + width: 1.875rem; + background-position: center; + background-repeat: no-repeat; + } +.secondary-nav > a::before{ + content: ''; + background: rgb(255,255,255); + background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); + height: 100%; + width: 4rem; + } +.secondary-nav.is-stacked{ + top: var(--header-height); +} +.secondary-nav.is-visible{ + opacity: 1; +} +.tease-wrapper{ + display: grid; + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; + row-gap: 3.5rem; +} +@media (min-width: 48rem){ + + .tease-wrapper{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +@media (min-width: 62rem){ + + .tease-wrapper{ + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} +@media (min-width: 80rem){ + + .tease-wrapper{ + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} +/* @TODO */ +@media not all and (min-width: 80rem){ + + @media (min-width: 62rem){ + + .tease-wrapper .tease:nth-child(4){ + display: none; + } + } +} +.tease__title{ + margin-bottom: var(--size-ratio-base); + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; +} +@media (min-width: 48rem){ + + .tease__title{ + font-size: 40px; + font-size: 2.5rem; + line-height: 50px; + line-height: 3.125rem; + } +} +@media (min-width: 80rem){ + + .tease__title{ + font-size: 44px; + font-size: 2.75rem; + line-height: 55px; + line-height: 3.4375rem; + } +} +.tease__img{ + margin-bottom: var(--size-ratio-base); + aspect-ratio: 3/2; +} +.tease__img img{ + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: top; + object-position: top; +} +/* @todo */ +.tease--sm{ + position: relative; + aspect-ratio: 1 / 1; + overflow: hidden; +} +.tease--sm .tease__img{ + transition: height .2s ease; + position: absolute; + top: 0px; + left: 0px; + width: 100%; + --tw-bg-opacity: 1; + background-color: rgb(237 242 242 / var(--tw-bg-opacity)); + } +.tease--sm .tease__main .tease-main-header{ + display: flex; + justify-content: space-between; + padding-top: 0.75rem; + padding-bottom: 0.75rem; + --tw-text-opacity: 1; + color: rgb(163 173 173 / var(--tw-text-opacity)); + font-size: 13px; + font-size: 0.8125rem; + line-height: 20px; + line-height: 1.25rem; +} +.tease--sm .tease__main .tease-main-title{ + font-weight: 700; + font-size: 20px; + font-size: 1.25rem; + line-height: 30px; + line-height: 1.875rem; +} +.tease--sm:hover .tease__img{ + height: 100% !important; +} +.tease--sm:hover .tease__main{ + } +.archive-degrees-degree{ + margin-bottom: 4.5rem; +} +.archive-degrees-degree h2{ + font-size: 30px; + font-size: 1.875rem; + line-height: 40px; + line-height: 2.5rem; +} +@media (min-width: 48rem){ + + .archive-degrees-degree h2{ + font-size: 40px; + font-size: 2.5rem; + line-height: 50px; + line-height: 3.125rem; + } +} +@media (min-width: 80rem){ + + .archive-degrees-degree h2{ + font-size: 58px; + font-size: 3.625rem; + line-height: 70px; + line-height: 4.375rem; + } +} +.archive-degrees-degree .block-grid-list{ + margin-top: 4.5rem; +} +.archive-degrees-degree a.block-link{ + margin-top: 3.125rem; +} +.course-module{ + margin-top: 4.5rem; +} +.course-module + .course-module{ + margin-top: 3.125rem; +} +.course-module__title{ + margin-bottom: 1.125rem; + font-weight: 700; + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .course-module__title{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.course-module__title{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .course-module__title{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .course-module__title{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.course-module__title :where(.grid-container),.course-module__title :where(.block-container), .block-container :where(.course-module__title){ + margin-left: 0px; + margin-left: 0; + margin-right: 0px; + margin-right: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} + .block-container :where(.course-module__title){ + margin-left: 0px; + margin-left: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +.degree-cols{ + /* grid-auto-rows: auto; + @apply grid-container grid lg:grid-cols-2 gap-x-[calc(var(--grid-gutter)*2)] pt-[var(--grid-offset)]; */ + margin-top: 0px; + margin-top: 0; + -moz-column-gap: calc(var(--grid-gutter) * 2); + column-gap: calc(var(--grid-gutter) * 2); + width: 100%; + padding-left: calc(var(--grid-gutter) * 2); + padding-right: calc(var(--grid-gutter) * 2); +} +@media (min-width: 48rem){ + + .degree-cols{ + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; + } +} +.degree-cols{ + margin-left: var(--grid-offset); + } +@media (min-width: 48rem){ + .degree-cols{ + width: calc(100vw - var(--grid-offset) - var(--grid-gutter)*2) + } + } +@media (min-width: 120rem){ + .degree-cols{ + max-width: 120rem; + margin-left: max(var(--grid-offset), calc((100vw - 120rem)/2)) + } + } +.degree-cols :where(.grid-container),.degree-cols :where(.block-container), .block-container :where(.degree-cols){ + margin-left: 0px; + margin-left: 0; + margin-right: 0px; + margin-right: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} + .block-container :where(.degree-cols){ + margin-left: 0px; + margin-left: 0; + width: 100%; + padding-left: 0px; + padding-left: 0; + padding-right: 0px; + padding-right: 0; +} +@media (min-width: 62rem){ + + .degree-cols{ + display: flex; + } + + .degree-cols > *{ + width: 50%; + } + + .degree-cols__col{ + order: 2; + } +} +.degree-cols__col:not(.course-cols__col-info){ + margin-bottom: 4.5rem; +} +@media (min-width: 62rem){ + + .degree-cols__col:not(.course-cols__col-info){ + margin-bottom: 0px; + margin-bottom: 0; + } +} +.degree-cols__col-info{ + top: 4rem; + height: 100%; +} +@media (min-width: 62rem){ + + .degree-cols__col-info{ + order: 1; + } +} +@media (min-width: 80rem){ + + .degree-cols__col-info{ + position: sticky; + } +} +.degree-cols__col-info .block-grid-list{ + margin-bottom: 3.125rem; +} +body.single-degree section{ + scroll-margin-top: var(--secondary-nav-height); + } +@media (min-width: 62rem){ + + .lg\:block{ + display: block; + } + + .lg\:hidden{ + display: none; + } + + .lg\:w-3\/4{ + width: 75%; + } + + .lg\:w-1\/2{ + width: 50%; + } +} \ No newline at end of file diff --git a/build/assets/fonts/standard-bold-italic-webfont.eot b/build/assets/fonts/standard-bold-italic-webfont.eot new file mode 100755 index 0000000..d2d33b9 --- /dev/null +++ b/build/assets/fonts/standard-bold-italic-webfont.eot Binary files differ diff --git a/build/assets/fonts/standard-bold-italic-webfont.ttf b/build/assets/fonts/standard-bold-italic-webfont.ttf new file mode 100755 index 0000000..7bb1e33 --- /dev/null +++ b/build/assets/fonts/standard-bold-italic-webfont.ttf Binary files differ diff --git a/build/assets/fonts/standard-bold-italic-webfont.woff b/build/assets/fonts/standard-bold-italic-webfont.woff new file mode 100755 index 0000000..57d9ef5 --- /dev/null +++ b/build/assets/fonts/standard-bold-italic-webfont.woff Binary files differ diff --git a/build/assets/fonts/standard-bold-italic-webfont.woff2 b/build/assets/fonts/standard-bold-italic-webfont.woff2 new file mode 100755 index 0000000..bc6c49c --- /dev/null +++ b/build/assets/fonts/standard-bold-italic-webfont.woff2 Binary files differ diff --git a/build/assets/fonts/standard-bold-webfont.eot b/build/assets/fonts/standard-bold-webfont.eot new file mode 100755 index 0000000..4fc3f04 --- /dev/null +++ b/build/assets/fonts/standard-bold-webfont.eot Binary files differ diff --git a/build/assets/fonts/standard-bold-webfont.ttf b/build/assets/fonts/standard-bold-webfont.ttf new file mode 100755 index 0000000..387901b --- /dev/null +++ b/build/assets/fonts/standard-bold-webfont.ttf Binary files differ diff --git a/build/assets/fonts/standard-bold-webfont.woff b/build/assets/fonts/standard-bold-webfont.woff new file mode 100755 index 0000000..7d85e52 --- /dev/null +++ b/build/assets/fonts/standard-bold-webfont.woff Binary files differ diff --git a/build/assets/fonts/standard-bold-webfont.woff2 b/build/assets/fonts/standard-bold-webfont.woff2 new file mode 100755 index 0000000..2a34b70 --- /dev/null +++ b/build/assets/fonts/standard-bold-webfont.woff2 Binary files differ diff --git a/build/assets/fonts/standard-book-italic-webfont.eot b/build/assets/fonts/standard-book-italic-webfont.eot new file mode 100755 index 0000000..18b2bcc --- /dev/null +++ b/build/assets/fonts/standard-book-italic-webfont.eot Binary files differ diff --git a/build/assets/fonts/standard-book-italic-webfont.ttf b/build/assets/fonts/standard-book-italic-webfont.ttf new file mode 100755 index 0000000..9f8c229 --- /dev/null +++ b/build/assets/fonts/standard-book-italic-webfont.ttf Binary files differ diff --git a/build/assets/fonts/standard-book-italic-webfont.woff b/build/assets/fonts/standard-book-italic-webfont.woff new file mode 100755 index 0000000..c8fd81c --- /dev/null +++ b/build/assets/fonts/standard-book-italic-webfont.woff Binary files differ diff --git a/build/assets/fonts/standard-book-italic-webfont.woff2 b/build/assets/fonts/standard-book-italic-webfont.woff2 new file mode 100755 index 0000000..e7da342 --- /dev/null +++ b/build/assets/fonts/standard-book-italic-webfont.woff2 Binary files differ diff --git a/build/assets/fonts/standard-book-webfont.eot b/build/assets/fonts/standard-book-webfont.eot new file mode 100755 index 0000000..8772c38 --- /dev/null +++ b/build/assets/fonts/standard-book-webfont.eot Binary files differ diff --git a/build/assets/fonts/standard-book-webfont.ttf b/build/assets/fonts/standard-book-webfont.ttf new file mode 100755 index 0000000..cd01fe5 --- /dev/null +++ b/build/assets/fonts/standard-book-webfont.ttf Binary files differ diff --git a/build/assets/fonts/standard-book-webfont.woff b/build/assets/fonts/standard-book-webfont.woff new file mode 100755 index 0000000..ba0e4a3 --- /dev/null +++ b/build/assets/fonts/standard-book-webfont.woff Binary files differ diff --git a/build/assets/fonts/standard-book-webfont.woff2 b/build/assets/fonts/standard-book-webfont.woff2 new file mode 100755 index 0000000..7926e8d --- /dev/null +++ b/build/assets/fonts/standard-book-webfont.woff2 Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-1.jpeg b/build/assets/img/blocks/hero-banner/hero-1.jpeg new file mode 100644 index 0000000..765ed6d --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-1.jpeg Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-1.webp b/build/assets/img/blocks/hero-banner/hero-1.webp new file mode 100644 index 0000000..e37db5a --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-1.webp Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-2.jpeg b/build/assets/img/blocks/hero-banner/hero-2.jpeg new file mode 100644 index 0000000..43ec913 --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-2.jpeg Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-2.webp b/build/assets/img/blocks/hero-banner/hero-2.webp new file mode 100644 index 0000000..b706540 --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-2.webp Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-3.jpeg b/build/assets/img/blocks/hero-banner/hero-3.jpeg new file mode 100644 index 0000000..7263c01 --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-3.jpeg Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-3.webp b/build/assets/img/blocks/hero-banner/hero-3.webp new file mode 100644 index 0000000..c85be17 --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-3.webp Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-4.jpeg b/build/assets/img/blocks/hero-banner/hero-4.jpeg new file mode 100644 index 0000000..8963e5c --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-4.jpeg Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-4.webp b/build/assets/img/blocks/hero-banner/hero-4.webp new file mode 100644 index 0000000..9a59f62 --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-4.webp Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-banner-architettura.jpg b/build/assets/img/blocks/hero-banner/hero-banner-architettura.jpg new file mode 100644 index 0000000..bad64f7 --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-banner-architettura.jpg Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-banner-architettura.webp b/build/assets/img/blocks/hero-banner/hero-banner-architettura.webp new file mode 100644 index 0000000..f3ce73e --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-banner-architettura.webp Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-banner-arti.jpg b/build/assets/img/blocks/hero-banner/hero-banner-arti.jpg new file mode 100644 index 0000000..49f286c --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-banner-arti.jpg Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-banner-arti.webp b/build/assets/img/blocks/hero-banner/hero-banner-arti.webp new file mode 100644 index 0000000..35e75ed --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-banner-arti.webp Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-banner-design.jpg b/build/assets/img/blocks/hero-banner/hero-banner-design.jpg new file mode 100644 index 0000000..0ad00af --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-banner-design.jpg Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-banner-design.webp b/build/assets/img/blocks/hero-banner/hero-banner-design.webp new file mode 100644 index 0000000..45eb3ab --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-banner-design.webp Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-banner-territorio.jpg b/build/assets/img/blocks/hero-banner/hero-banner-territorio.jpg new file mode 100644 index 0000000..36bac19 --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-banner-territorio.jpg Binary files differ diff --git a/build/assets/img/blocks/hero-banner/hero-banner-territorio.webp b/build/assets/img/blocks/hero-banner/hero-banner-territorio.webp new file mode 100644 index 0000000..6acb4f7 --- /dev/null +++ b/build/assets/img/blocks/hero-banner/hero-banner-territorio.webp Binary files differ diff --git a/build/assets/img/blocks/images-grid/gallery-1.jpeg b/build/assets/img/blocks/images-grid/gallery-1.jpeg new file mode 100644 index 0000000..372e21c --- /dev/null +++ b/build/assets/img/blocks/images-grid/gallery-1.jpeg Binary files differ diff --git a/build/assets/img/blocks/images-grid/gallery-1.webp b/build/assets/img/blocks/images-grid/gallery-1.webp new file mode 100644 index 0000000..fa334be --- /dev/null +++ b/build/assets/img/blocks/images-grid/gallery-1.webp Binary files differ diff --git a/build/assets/img/blocks/images-grid/gallery-2.jpeg b/build/assets/img/blocks/images-grid/gallery-2.jpeg new file mode 100644 index 0000000..ce7acf9 --- /dev/null +++ b/build/assets/img/blocks/images-grid/gallery-2.jpeg Binary files differ diff --git a/build/assets/img/blocks/images-grid/gallery-2.webp b/build/assets/img/blocks/images-grid/gallery-2.webp new file mode 100644 index 0000000..a294e26 --- /dev/null +++ b/build/assets/img/blocks/images-grid/gallery-2.webp Binary files differ diff --git a/build/assets/img/blocks/images-grid/gallery-3.jpeg b/build/assets/img/blocks/images-grid/gallery-3.jpeg new file mode 100644 index 0000000..f4a9f41 --- /dev/null +++ b/build/assets/img/blocks/images-grid/gallery-3.jpeg Binary files differ diff --git a/build/assets/img/blocks/images-grid/gallery-3.webp b/build/assets/img/blocks/images-grid/gallery-3.webp new file mode 100644 index 0000000..c462dd0 --- /dev/null +++ b/build/assets/img/blocks/images-grid/gallery-3.webp Binary files differ diff --git a/build/assets/img/blocks/images-grid/gallery-4.jpeg b/build/assets/img/blocks/images-grid/gallery-4.jpeg new file mode 100644 index 0000000..13ca777 --- /dev/null +++ b/build/assets/img/blocks/images-grid/gallery-4.jpeg Binary files differ diff --git a/build/assets/img/blocks/images-grid/gallery-4.webp b/build/assets/img/blocks/images-grid/gallery-4.webp new file mode 100644 index 0000000..aeb8720 --- /dev/null +++ b/build/assets/img/blocks/images-grid/gallery-4.webp Binary files differ diff --git a/build/assets/img/blocks/images-grid/gallery-5.jpeg b/build/assets/img/blocks/images-grid/gallery-5.jpeg new file mode 100644 index 0000000..fd086eb --- /dev/null +++ b/build/assets/img/blocks/images-grid/gallery-5.jpeg Binary files differ diff --git a/build/assets/img/blocks/images-grid/gallery-5.webp b/build/assets/img/blocks/images-grid/gallery-5.webp new file mode 100644 index 0000000..daa4a90 --- /dev/null +++ b/build/assets/img/blocks/images-grid/gallery-5.webp Binary files differ diff --git a/build/assets/img/blocks/images-grid/img-1.jpg b/build/assets/img/blocks/images-grid/img-1.jpg new file mode 100644 index 0000000..d0a5b90 --- /dev/null +++ b/build/assets/img/blocks/images-grid/img-1.jpg Binary files differ diff --git a/build/assets/img/blocks/images-grid/img-1.webp b/build/assets/img/blocks/images-grid/img-1.webp new file mode 100644 index 0000000..8c36d54 --- /dev/null +++ b/build/assets/img/blocks/images-grid/img-1.webp Binary files differ diff --git a/build/assets/img/blocks/images-grid/img-2.jpg b/build/assets/img/blocks/images-grid/img-2.jpg new file mode 100644 index 0000000..fada8cd --- /dev/null +++ b/build/assets/img/blocks/images-grid/img-2.jpg Binary files differ diff --git a/build/assets/img/blocks/images-grid/img-2.webp b/build/assets/img/blocks/images-grid/img-2.webp new file mode 100644 index 0000000..b983d1d --- /dev/null +++ b/build/assets/img/blocks/images-grid/img-2.webp Binary files differ diff --git a/build/assets/img/blocks/images-grid/img-3.jpg b/build/assets/img/blocks/images-grid/img-3.jpg new file mode 100644 index 0000000..083f65c --- /dev/null +++ b/build/assets/img/blocks/images-grid/img-3.jpg Binary files differ diff --git a/build/assets/img/blocks/images-grid/img-3.webp b/build/assets/img/blocks/images-grid/img-3.webp new file mode 100644 index 0000000..a01a6b6 --- /dev/null +++ b/build/assets/img/blocks/images-grid/img-3.webp Binary files differ diff --git a/build/assets/img/blocks/images-grid/img-4.jpg b/build/assets/img/blocks/images-grid/img-4.jpg new file mode 100644 index 0000000..0c090b1 --- /dev/null +++ b/build/assets/img/blocks/images-grid/img-4.jpg Binary files differ diff --git a/build/assets/img/blocks/images-grid/img-4.webp b/build/assets/img/blocks/images-grid/img-4.webp new file mode 100644 index 0000000..bd120f9 --- /dev/null +++ b/build/assets/img/blocks/images-grid/img-4.webp Binary files differ diff --git a/build/assets/img/blocks/images-grid/img-5.jpg b/build/assets/img/blocks/images-grid/img-5.jpg new file mode 100644 index 0000000..fbd66bd --- /dev/null +++ b/build/assets/img/blocks/images-grid/img-5.jpg Binary files differ diff --git a/build/assets/img/blocks/images-grid/img-5.webp b/build/assets/img/blocks/images-grid/img-5.webp new file mode 100644 index 0000000..63ae7e1 --- /dev/null +++ b/build/assets/img/blocks/images-grid/img-5.webp Binary files differ diff --git a/build/assets/img/icons/chevron-down.svg b/build/assets/img/icons/chevron-down.svg new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/build/assets/img/icons/chevron-down.svg diff --git a/build/assets/img/icons/chevron.svg b/build/assets/img/icons/chevron.svg new file mode 100644 index 0000000..73cb48e --- /dev/null +++ b/build/assets/img/icons/chevron.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/build/assets/img/icons/close.svg b/build/assets/img/icons/close.svg new file mode 100644 index 0000000..d75a33b --- /dev/null +++ b/build/assets/img/icons/close.svg @@ -0,0 +1 @@ + diff --git a/build/assets/img/icons/search.svg b/build/assets/img/icons/search.svg new file mode 100644 index 0000000..62cfb00 --- /dev/null +++ b/build/assets/img/icons/search.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/build/assets/img/logo.svg b/build/assets/img/logo.svg new file mode 100644 index 0000000..7f114d2 --- /dev/null +++ b/build/assets/img/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/build/assets/img/post_type/corsi/Image-1.jpg b/build/assets/img/post_type/corsi/Image-1.jpg new file mode 100644 index 0000000..f3b268d --- /dev/null +++ b/build/assets/img/post_type/corsi/Image-1.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/Image-1.webp b/build/assets/img/post_type/corsi/Image-1.webp new file mode 100644 index 0000000..91c6f40 --- /dev/null +++ b/build/assets/img/post_type/corsi/Image-1.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/Image-2.jpg b/build/assets/img/post_type/corsi/Image-2.jpg new file mode 100644 index 0000000..5bda009 --- /dev/null +++ b/build/assets/img/post_type/corsi/Image-2.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/Image-2.webp b/build/assets/img/post_type/corsi/Image-2.webp new file mode 100644 index 0000000..f27c199 --- /dev/null +++ b/build/assets/img/post_type/corsi/Image-2.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/Image-3.jpg b/build/assets/img/post_type/corsi/Image-3.jpg new file mode 100644 index 0000000..dbad894 --- /dev/null +++ b/build/assets/img/post_type/corsi/Image-3.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/Image-3.webp b/build/assets/img/post_type/corsi/Image-3.webp new file mode 100644 index 0000000..b2c5078 --- /dev/null +++ b/build/assets/img/post_type/corsi/Image-3.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/Image-4.jpg b/build/assets/img/post_type/corsi/Image-4.jpg new file mode 100644 index 0000000..ef52c95 --- /dev/null +++ b/build/assets/img/post_type/corsi/Image-4.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/Image-4.webp b/build/assets/img/post_type/corsi/Image-4.webp new file mode 100644 index 0000000..1ba3fd9 --- /dev/null +++ b/build/assets/img/post_type/corsi/Image-4.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/Image.jpg b/build/assets/img/post_type/corsi/Image.jpg new file mode 100644 index 0000000..fb6972f --- /dev/null +++ b/build/assets/img/post_type/corsi/Image.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/Image.webp b/build/assets/img/post_type/corsi/Image.webp new file mode 100644 index 0000000..9115e1f --- /dev/null +++ b/build/assets/img/post_type/corsi/Image.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-2.jpg b/build/assets/img/post_type/corsi/architettura-2.jpg new file mode 100644 index 0000000..ad15def --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-2.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-2.webp b/build/assets/img/post_type/corsi/architettura-2.webp new file mode 100644 index 0000000..c38d3c2 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-2.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-3.jpg b/build/assets/img/post_type/corsi/architettura-3.jpg new file mode 100644 index 0000000..e660e00 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-3.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-3.webp b/build/assets/img/post_type/corsi/architettura-3.webp new file mode 100644 index 0000000..83a90eb --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-3.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-4.jpg b/build/assets/img/post_type/corsi/architettura-4.jpg new file mode 100644 index 0000000..1cb6a5c --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-4.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-4.webp b/build/assets/img/post_type/corsi/architettura-4.webp new file mode 100644 index 0000000..369f7e4 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-4.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-5.jpg b/build/assets/img/post_type/corsi/architettura-5.jpg new file mode 100644 index 0000000..b4ff2a9 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-5.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-5.webp b/build/assets/img/post_type/corsi/architettura-5.webp new file mode 100644 index 0000000..f2ae467 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-5.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-6.jpg b/build/assets/img/post_type/corsi/architettura-6.jpg new file mode 100644 index 0000000..4cd9758 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-6.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-6.webp b/build/assets/img/post_type/corsi/architettura-6.webp new file mode 100644 index 0000000..5c11bc0 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-6.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-7.jpg b/build/assets/img/post_type/corsi/architettura-7.jpg new file mode 100644 index 0000000..e983754 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-7.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-7.webp b/build/assets/img/post_type/corsi/architettura-7.webp new file mode 100644 index 0000000..c6307d5 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-7.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-8.jpg b/build/assets/img/post_type/corsi/architettura-8.jpg new file mode 100644 index 0000000..283087d --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-8.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura-8.webp b/build/assets/img/post_type/corsi/architettura-8.webp new file mode 100644 index 0000000..9d4dc40 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura-8.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura.jpg b/build/assets/img/post_type/corsi/architettura.jpg new file mode 100644 index 0000000..93a74aa --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/architettura.webp b/build/assets/img/post_type/corsi/architettura.webp new file mode 100644 index 0000000..fc3cd84 --- /dev/null +++ b/build/assets/img/post_type/corsi/architettura.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-1.jpg b/build/assets/img/post_type/corsi/design-1.jpg new file mode 100644 index 0000000..dd064d3 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-1.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-1.webp b/build/assets/img/post_type/corsi/design-1.webp new file mode 100644 index 0000000..486d259 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-1.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-2.jpg b/build/assets/img/post_type/corsi/design-2.jpg new file mode 100644 index 0000000..58f678f --- /dev/null +++ b/build/assets/img/post_type/corsi/design-2.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-2.webp b/build/assets/img/post_type/corsi/design-2.webp new file mode 100644 index 0000000..b607134 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-2.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-3.jpg b/build/assets/img/post_type/corsi/design-3.jpg new file mode 100644 index 0000000..1021934 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-3.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-3.webp b/build/assets/img/post_type/corsi/design-3.webp new file mode 100644 index 0000000..4ab924f --- /dev/null +++ b/build/assets/img/post_type/corsi/design-3.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-4.jpg b/build/assets/img/post_type/corsi/design-4.jpg new file mode 100644 index 0000000..fb9e3cb --- /dev/null +++ b/build/assets/img/post_type/corsi/design-4.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-4.webp b/build/assets/img/post_type/corsi/design-4.webp new file mode 100644 index 0000000..ac18ad6 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-4.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-5.jpg b/build/assets/img/post_type/corsi/design-5.jpg new file mode 100644 index 0000000..f9da44a --- /dev/null +++ b/build/assets/img/post_type/corsi/design-5.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-5.webp b/build/assets/img/post_type/corsi/design-5.webp new file mode 100644 index 0000000..3e6358c --- /dev/null +++ b/build/assets/img/post_type/corsi/design-5.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-c-1.jpg b/build/assets/img/post_type/corsi/design-c-1.jpg new file mode 100644 index 0000000..958747a --- /dev/null +++ b/build/assets/img/post_type/corsi/design-c-1.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-c-1.webp b/build/assets/img/post_type/corsi/design-c-1.webp new file mode 100644 index 0000000..3f0d69f --- /dev/null +++ b/build/assets/img/post_type/corsi/design-c-1.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-c-2.jpg b/build/assets/img/post_type/corsi/design-c-2.jpg new file mode 100644 index 0000000..0dd21fe --- /dev/null +++ b/build/assets/img/post_type/corsi/design-c-2.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-c-2.webp b/build/assets/img/post_type/corsi/design-c-2.webp new file mode 100644 index 0000000..f4b8a70 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-c-2.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-c-3.jpg b/build/assets/img/post_type/corsi/design-c-3.jpg new file mode 100644 index 0000000..0995946 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-c-3.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-c-3.webp b/build/assets/img/post_type/corsi/design-c-3.webp new file mode 100644 index 0000000..44d2ab0 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-c-3.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-c-4.jpg b/build/assets/img/post_type/corsi/design-c-4.jpg new file mode 100644 index 0000000..5a06aee --- /dev/null +++ b/build/assets/img/post_type/corsi/design-c-4.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-c-4.webp b/build/assets/img/post_type/corsi/design-c-4.webp new file mode 100644 index 0000000..a76fb2a --- /dev/null +++ b/build/assets/img/post_type/corsi/design-c-4.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-c-5.jpg b/build/assets/img/post_type/corsi/design-c-5.jpg new file mode 100644 index 0000000..822ba6b --- /dev/null +++ b/build/assets/img/post_type/corsi/design-c-5.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-c-5.webp b/build/assets/img/post_type/corsi/design-c-5.webp new file mode 100644 index 0000000..eed4aa4 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-c-5.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-lab.jpg b/build/assets/img/post_type/corsi/design-lab.jpg new file mode 100644 index 0000000..4530b7c --- /dev/null +++ b/build/assets/img/post_type/corsi/design-lab.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-lab.webp b/build/assets/img/post_type/corsi/design-lab.webp new file mode 100644 index 0000000..f15d343 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-lab.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-moda-1.jpg b/build/assets/img/post_type/corsi/design-moda-1.jpg new file mode 100644 index 0000000..4de85d1 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-moda-1.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-moda-1.webp b/build/assets/img/post_type/corsi/design-moda-1.webp new file mode 100644 index 0000000..be883fa --- /dev/null +++ b/build/assets/img/post_type/corsi/design-moda-1.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-moda-2.jpg b/build/assets/img/post_type/corsi/design-moda-2.jpg new file mode 100644 index 0000000..6ccdc57 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-moda-2.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-moda-2.webp b/build/assets/img/post_type/corsi/design-moda-2.webp new file mode 100644 index 0000000..f7ef86e --- /dev/null +++ b/build/assets/img/post_type/corsi/design-moda-2.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-moda-3.jpg b/build/assets/img/post_type/corsi/design-moda-3.jpg new file mode 100644 index 0000000..16858fe --- /dev/null +++ b/build/assets/img/post_type/corsi/design-moda-3.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-moda-3.webp b/build/assets/img/post_type/corsi/design-moda-3.webp new file mode 100644 index 0000000..188227f --- /dev/null +++ b/build/assets/img/post_type/corsi/design-moda-3.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-moda-4.jpg b/build/assets/img/post_type/corsi/design-moda-4.jpg new file mode 100644 index 0000000..99ee131 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-moda-4.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-moda-4.webp b/build/assets/img/post_type/corsi/design-moda-4.webp new file mode 100644 index 0000000..50286c7 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-moda-4.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-moda-5.jpg b/build/assets/img/post_type/corsi/design-moda-5.jpg new file mode 100644 index 0000000..8ad894c --- /dev/null +++ b/build/assets/img/post_type/corsi/design-moda-5.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-moda-5.webp b/build/assets/img/post_type/corsi/design-moda-5.webp new file mode 100644 index 0000000..cabb969 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-moda-5.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-open-lab.jpg b/build/assets/img/post_type/corsi/design-open-lab.jpg new file mode 100644 index 0000000..537a267 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-open-lab.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-open-lab.webp b/build/assets/img/post_type/corsi/design-open-lab.webp new file mode 100644 index 0000000..2b0d928 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-open-lab.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-prodotto-1.jpg b/build/assets/img/post_type/corsi/design-prodotto-1.jpg new file mode 100644 index 0000000..d93829c --- /dev/null +++ b/build/assets/img/post_type/corsi/design-prodotto-1.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-prodotto-1.webp b/build/assets/img/post_type/corsi/design-prodotto-1.webp new file mode 100644 index 0000000..306f157 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-prodotto-1.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-prodotto-2.jpg b/build/assets/img/post_type/corsi/design-prodotto-2.jpg new file mode 100644 index 0000000..620bf2f --- /dev/null +++ b/build/assets/img/post_type/corsi/design-prodotto-2.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-prodotto-2.webp b/build/assets/img/post_type/corsi/design-prodotto-2.webp new file mode 100644 index 0000000..0112ab5 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-prodotto-2.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-prodotto-3.jpg b/build/assets/img/post_type/corsi/design-prodotto-3.jpg new file mode 100644 index 0000000..ecc6b2c --- /dev/null +++ b/build/assets/img/post_type/corsi/design-prodotto-3.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-prodotto-3.webp b/build/assets/img/post_type/corsi/design-prodotto-3.webp new file mode 100644 index 0000000..b419709 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-prodotto-3.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-prodotto-4.jpg b/build/assets/img/post_type/corsi/design-prodotto-4.jpg new file mode 100644 index 0000000..27471e0 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-prodotto-4.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-prodotto-4.webp b/build/assets/img/post_type/corsi/design-prodotto-4.webp new file mode 100644 index 0000000..eb415ce --- /dev/null +++ b/build/assets/img/post_type/corsi/design-prodotto-4.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design-prodotto-5.jpg b/build/assets/img/post_type/corsi/design-prodotto-5.jpg new file mode 100644 index 0000000..24d9c6e --- /dev/null +++ b/build/assets/img/post_type/corsi/design-prodotto-5.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design-prodotto-5.webp b/build/assets/img/post_type/corsi/design-prodotto-5.webp new file mode 100644 index 0000000..82b8464 --- /dev/null +++ b/build/assets/img/post_type/corsi/design-prodotto-5.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/design.jpg b/build/assets/img/post_type/corsi/design.jpg new file mode 100644 index 0000000..c067ee2 --- /dev/null +++ b/build/assets/img/post_type/corsi/design.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/design.webp b/build/assets/img/post_type/corsi/design.webp new file mode 100644 index 0000000..6054011 --- /dev/null +++ b/build/assets/img/post_type/corsi/design.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/urbanistica-1.jpg b/build/assets/img/post_type/corsi/urbanistica-1.jpg new file mode 100644 index 0000000..b777459 --- /dev/null +++ b/build/assets/img/post_type/corsi/urbanistica-1.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/urbanistica-1.webp b/build/assets/img/post_type/corsi/urbanistica-1.webp new file mode 100644 index 0000000..74e8927 --- /dev/null +++ b/build/assets/img/post_type/corsi/urbanistica-1.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/urbanistica-2.jpg b/build/assets/img/post_type/corsi/urbanistica-2.jpg new file mode 100644 index 0000000..2e10c6b --- /dev/null +++ b/build/assets/img/post_type/corsi/urbanistica-2.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/urbanistica-2.webp b/build/assets/img/post_type/corsi/urbanistica-2.webp new file mode 100644 index 0000000..6aa0d7d --- /dev/null +++ b/build/assets/img/post_type/corsi/urbanistica-2.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/urbanistica-3.jpg b/build/assets/img/post_type/corsi/urbanistica-3.jpg new file mode 100644 index 0000000..684fcaf --- /dev/null +++ b/build/assets/img/post_type/corsi/urbanistica-3.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/urbanistica-3.webp b/build/assets/img/post_type/corsi/urbanistica-3.webp new file mode 100644 index 0000000..5878315 --- /dev/null +++ b/build/assets/img/post_type/corsi/urbanistica-3.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/urbanistica-4.jpg b/build/assets/img/post_type/corsi/urbanistica-4.jpg new file mode 100644 index 0000000..b20a2e2 --- /dev/null +++ b/build/assets/img/post_type/corsi/urbanistica-4.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/urbanistica-4.webp b/build/assets/img/post_type/corsi/urbanistica-4.webp new file mode 100644 index 0000000..87f1c19 --- /dev/null +++ b/build/assets/img/post_type/corsi/urbanistica-4.webp Binary files differ diff --git a/build/assets/img/post_type/corsi/urbanistica-5.jpg b/build/assets/img/post_type/corsi/urbanistica-5.jpg new file mode 100644 index 0000000..d866856 --- /dev/null +++ b/build/assets/img/post_type/corsi/urbanistica-5.jpg Binary files differ diff --git a/build/assets/img/post_type/corsi/urbanistica-5.webp b/build/assets/img/post_type/corsi/urbanistica-5.webp new file mode 100644 index 0000000..53fc6cb --- /dev/null +++ b/build/assets/img/post_type/corsi/urbanistica-5.webp Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-1.jpg b/build/assets/img/post_type/eventi/eventi-1.jpg new file mode 100644 index 0000000..8803544 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-1.jpg Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-1.webp b/build/assets/img/post_type/eventi/eventi-1.webp new file mode 100644 index 0000000..f1000d3 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-1.webp Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-2.jpg b/build/assets/img/post_type/eventi/eventi-2.jpg new file mode 100644 index 0000000..d97c661 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-2.jpg Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-2.webp b/build/assets/img/post_type/eventi/eventi-2.webp new file mode 100644 index 0000000..e7297aa --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-2.webp Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-3.jpg b/build/assets/img/post_type/eventi/eventi-3.jpg new file mode 100644 index 0000000..b6bee7c --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-3.jpg Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-3.webp b/build/assets/img/post_type/eventi/eventi-3.webp new file mode 100644 index 0000000..d8b556c --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-3.webp Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-4.jpg b/build/assets/img/post_type/eventi/eventi-4.jpg new file mode 100644 index 0000000..a66a829 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-4.jpg Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-4.webp b/build/assets/img/post_type/eventi/eventi-4.webp new file mode 100644 index 0000000..28800f0 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-4.webp Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-5.jpg b/build/assets/img/post_type/eventi/eventi-5.jpg new file mode 100644 index 0000000..212e552 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-5.jpg Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-5.webp b/build/assets/img/post_type/eventi/eventi-5.webp new file mode 100644 index 0000000..975360a --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-5.webp Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-attraversamenti.jpeg b/build/assets/img/post_type/eventi/eventi-attraversamenti.jpeg new file mode 100644 index 0000000..a48a1b1 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-attraversamenti.jpeg Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-attraversamenti.webp b/build/assets/img/post_type/eventi/eventi-attraversamenti.webp new file mode 100644 index 0000000..8ceaed7 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-attraversamenti.webp Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-longarone.jpeg b/build/assets/img/post_type/eventi/eventi-longarone.jpeg new file mode 100644 index 0000000..7d8676f --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-longarone.jpeg Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-longarone.webp b/build/assets/img/post_type/eventi/eventi-longarone.webp new file mode 100644 index 0000000..dc261e7 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-longarone.webp Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-venetie-mml.jpeg b/build/assets/img/post_type/eventi/eventi-venetie-mml.jpeg new file mode 100644 index 0000000..6305924 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-venetie-mml.jpeg Binary files differ diff --git a/build/assets/img/post_type/eventi/eventi-venetie-mml.webp b/build/assets/img/post_type/eventi/eventi-venetie-mml.webp new file mode 100644 index 0000000..7549c06 --- /dev/null +++ b/build/assets/img/post_type/eventi/eventi-venetie-mml.webp Binary files differ diff --git a/build/assets/img/post_type/eventi/open-day.jpeg b/build/assets/img/post_type/eventi/open-day.jpeg new file mode 100644 index 0000000..d545326 --- /dev/null +++ b/build/assets/img/post_type/eventi/open-day.jpeg Binary files differ diff --git a/build/assets/img/post_type/eventi/open-day.webp b/build/assets/img/post_type/eventi/open-day.webp new file mode 100644 index 0000000..054481a --- /dev/null +++ b/build/assets/img/post_type/eventi/open-day.webp Binary files differ diff --git a/build/assets/img/post_type/labs/lab-1.jpg b/build/assets/img/post_type/labs/lab-1.jpg new file mode 100644 index 0000000..3447bf5 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-1.jpg Binary files differ diff --git a/build/assets/img/post_type/labs/lab-1.webp b/build/assets/img/post_type/labs/lab-1.webp new file mode 100644 index 0000000..6ae6bbf --- /dev/null +++ b/build/assets/img/post_type/labs/lab-1.webp Binary files differ diff --git a/build/assets/img/post_type/labs/lab-10.jpg b/build/assets/img/post_type/labs/lab-10.jpg new file mode 100644 index 0000000..8582566 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-10.jpg Binary files differ diff --git a/build/assets/img/post_type/labs/lab-10.webp b/build/assets/img/post_type/labs/lab-10.webp new file mode 100644 index 0000000..e543438 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-10.webp Binary files differ diff --git a/build/assets/img/post_type/labs/lab-2.jpg b/build/assets/img/post_type/labs/lab-2.jpg new file mode 100644 index 0000000..642349b --- /dev/null +++ b/build/assets/img/post_type/labs/lab-2.jpg Binary files differ diff --git a/build/assets/img/post_type/labs/lab-2.webp b/build/assets/img/post_type/labs/lab-2.webp new file mode 100644 index 0000000..c0f86e4 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-2.webp Binary files differ diff --git a/build/assets/img/post_type/labs/lab-3.jpg b/build/assets/img/post_type/labs/lab-3.jpg new file mode 100644 index 0000000..51f0f07 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-3.jpg Binary files differ diff --git a/build/assets/img/post_type/labs/lab-3.webp b/build/assets/img/post_type/labs/lab-3.webp new file mode 100644 index 0000000..a216c34 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-3.webp Binary files differ diff --git a/build/assets/img/post_type/labs/lab-4.jpg b/build/assets/img/post_type/labs/lab-4.jpg new file mode 100644 index 0000000..86ee18e --- /dev/null +++ b/build/assets/img/post_type/labs/lab-4.jpg Binary files differ diff --git a/build/assets/img/post_type/labs/lab-4.webp b/build/assets/img/post_type/labs/lab-4.webp new file mode 100644 index 0000000..9faf96b --- /dev/null +++ b/build/assets/img/post_type/labs/lab-4.webp Binary files differ diff --git a/build/assets/img/post_type/labs/lab-5.jpg b/build/assets/img/post_type/labs/lab-5.jpg new file mode 100644 index 0000000..24a1551 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-5.jpg Binary files differ diff --git a/build/assets/img/post_type/labs/lab-5.webp b/build/assets/img/post_type/labs/lab-5.webp new file mode 100644 index 0000000..679a883 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-5.webp Binary files differ diff --git a/build/assets/img/post_type/labs/lab-6.jpg b/build/assets/img/post_type/labs/lab-6.jpg new file mode 100644 index 0000000..c395037 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-6.jpg Binary files differ diff --git a/build/assets/img/post_type/labs/lab-6.webp b/build/assets/img/post_type/labs/lab-6.webp new file mode 100644 index 0000000..7c7bf31 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-6.webp Binary files differ diff --git a/build/assets/img/post_type/labs/lab-7.jpg b/build/assets/img/post_type/labs/lab-7.jpg new file mode 100644 index 0000000..7122428 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-7.jpg Binary files differ diff --git a/build/assets/img/post_type/labs/lab-7.webp b/build/assets/img/post_type/labs/lab-7.webp new file mode 100644 index 0000000..00c6ff2 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-7.webp Binary files differ diff --git a/build/assets/img/post_type/labs/lab-8.jpg b/build/assets/img/post_type/labs/lab-8.jpg new file mode 100644 index 0000000..bf13405 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-8.jpg Binary files differ diff --git a/build/assets/img/post_type/labs/lab-8.webp b/build/assets/img/post_type/labs/lab-8.webp new file mode 100644 index 0000000..da17ca7 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-8.webp Binary files differ diff --git a/build/assets/img/post_type/labs/lab-9.jpg b/build/assets/img/post_type/labs/lab-9.jpg new file mode 100644 index 0000000..965bd17 --- /dev/null +++ b/build/assets/img/post_type/labs/lab-9.jpg Binary files differ diff --git a/build/assets/img/post_type/labs/lab-9.webp b/build/assets/img/post_type/labs/lab-9.webp new file mode 100644 index 0000000..a5950ed --- /dev/null +++ b/build/assets/img/post_type/labs/lab-9.webp Binary files differ diff --git a/build/assets/img/post_type/news/avvisi-1.jpg b/build/assets/img/post_type/news/avvisi-1.jpg new file mode 100644 index 0000000..2767466 --- /dev/null +++ b/build/assets/img/post_type/news/avvisi-1.jpg Binary files differ diff --git a/build/assets/img/post_type/news/avvisi-1.webp b/build/assets/img/post_type/news/avvisi-1.webp new file mode 100644 index 0000000..edcc65c --- /dev/null +++ b/build/assets/img/post_type/news/avvisi-1.webp Binary files differ diff --git a/build/assets/img/post_type/news/avvisi-2.jpg b/build/assets/img/post_type/news/avvisi-2.jpg new file mode 100644 index 0000000..0d36e38 --- /dev/null +++ b/build/assets/img/post_type/news/avvisi-2.jpg Binary files differ diff --git a/build/assets/img/post_type/news/avvisi-2.webp b/build/assets/img/post_type/news/avvisi-2.webp new file mode 100644 index 0000000..7579a0b --- /dev/null +++ b/build/assets/img/post_type/news/avvisi-2.webp Binary files differ diff --git a/build/assets/img/post_type/news/avvisi-3.jpg b/build/assets/img/post_type/news/avvisi-3.jpg new file mode 100644 index 0000000..da64dbd --- /dev/null +++ b/build/assets/img/post_type/news/avvisi-3.jpg Binary files differ diff --git a/build/assets/img/post_type/news/avvisi-3.webp b/build/assets/img/post_type/news/avvisi-3.webp new file mode 100644 index 0000000..6666a80 --- /dev/null +++ b/build/assets/img/post_type/news/avvisi-3.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-1.jpg b/build/assets/img/post_type/news/news-1.jpg new file mode 100644 index 0000000..cceb0ff --- /dev/null +++ b/build/assets/img/post_type/news/news-1.jpg Binary files differ diff --git a/build/assets/img/post_type/news/news-1.webp b/build/assets/img/post_type/news/news-1.webp new file mode 100644 index 0000000..040f1c2 --- /dev/null +++ b/build/assets/img/post_type/news/news-1.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-2.jpg b/build/assets/img/post_type/news/news-2.jpg new file mode 100644 index 0000000..4b2df92 --- /dev/null +++ b/build/assets/img/post_type/news/news-2.jpg Binary files differ diff --git a/build/assets/img/post_type/news/news-2.webp b/build/assets/img/post_type/news/news-2.webp new file mode 100644 index 0000000..b7796f6 --- /dev/null +++ b/build/assets/img/post_type/news/news-2.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-3.jpg b/build/assets/img/post_type/news/news-3.jpg new file mode 100644 index 0000000..e32d2bd --- /dev/null +++ b/build/assets/img/post_type/news/news-3.jpg Binary files differ diff --git a/build/assets/img/post_type/news/news-3.webp b/build/assets/img/post_type/news/news-3.webp new file mode 100644 index 0000000..0cbe745 --- /dev/null +++ b/build/assets/img/post_type/news/news-3.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-4.jpg b/build/assets/img/post_type/news/news-4.jpg new file mode 100644 index 0000000..e23b035 --- /dev/null +++ b/build/assets/img/post_type/news/news-4.jpg Binary files differ diff --git a/build/assets/img/post_type/news/news-4.webp b/build/assets/img/post_type/news/news-4.webp new file mode 100644 index 0000000..8b197bf --- /dev/null +++ b/build/assets/img/post_type/news/news-4.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-5.jpg b/build/assets/img/post_type/news/news-5.jpg new file mode 100644 index 0000000..1809b1b --- /dev/null +++ b/build/assets/img/post_type/news/news-5.jpg Binary files differ diff --git a/build/assets/img/post_type/news/news-5.webp b/build/assets/img/post_type/news/news-5.webp new file mode 100644 index 0000000..6c52fdc --- /dev/null +++ b/build/assets/img/post_type/news/news-5.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-6.jpg b/build/assets/img/post_type/news/news-6.jpg new file mode 100644 index 0000000..c5142bb --- /dev/null +++ b/build/assets/img/post_type/news/news-6.jpg Binary files differ diff --git a/build/assets/img/post_type/news/news-6.webp b/build/assets/img/post_type/news/news-6.webp new file mode 100644 index 0000000..b0aa6ea --- /dev/null +++ b/build/assets/img/post_type/news/news-6.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-biennale.jpeg b/build/assets/img/post_type/news/news-biennale.jpeg new file mode 100644 index 0000000..3ae8529 --- /dev/null +++ b/build/assets/img/post_type/news/news-biennale.jpeg Binary files differ diff --git a/build/assets/img/post_type/news/news-biennale.webp b/build/assets/img/post_type/news/news-biennale.webp new file mode 100644 index 0000000..a23f5de --- /dev/null +++ b/build/assets/img/post_type/news/news-biennale.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-gregotti.jpeg b/build/assets/img/post_type/news/news-gregotti.jpeg new file mode 100644 index 0000000..8f54bc4 --- /dev/null +++ b/build/assets/img/post_type/news/news-gregotti.jpeg Binary files differ diff --git a/build/assets/img/post_type/news/news-gregotti.webp b/build/assets/img/post_type/news/news-gregotti.webp new file mode 100644 index 0000000..f0f3865 --- /dev/null +++ b/build/assets/img/post_type/news/news-gregotti.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-petti.jpeg b/build/assets/img/post_type/news/news-petti.jpeg new file mode 100644 index 0000000..79a4aaa --- /dev/null +++ b/build/assets/img/post_type/news/news-petti.jpeg Binary files differ diff --git a/build/assets/img/post_type/news/news-petti.webp b/build/assets/img/post_type/news/news-petti.webp new file mode 100644 index 0000000..2a31016 --- /dev/null +++ b/build/assets/img/post_type/news/news-petti.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-preiscrizioni.jpeg b/build/assets/img/post_type/news/news-preiscrizioni.jpeg new file mode 100644 index 0000000..c48b780 --- /dev/null +++ b/build/assets/img/post_type/news/news-preiscrizioni.jpeg Binary files differ diff --git a/build/assets/img/post_type/news/news-preiscrizioni.webp b/build/assets/img/post_type/news/news-preiscrizioni.webp new file mode 100644 index 0000000..a710f46 --- /dev/null +++ b/build/assets/img/post_type/news/news-preiscrizioni.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-seoul.png b/build/assets/img/post_type/news/news-seoul.png new file mode 100644 index 0000000..72ea68b --- /dev/null +++ b/build/assets/img/post_type/news/news-seoul.png Binary files differ diff --git a/build/assets/img/post_type/news/news-seoul.webp b/build/assets/img/post_type/news/news-seoul.webp new file mode 100644 index 0000000..b26313a --- /dev/null +++ b/build/assets/img/post_type/news/news-seoul.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-ssibap.jpeg b/build/assets/img/post_type/news/news-ssibap.jpeg new file mode 100644 index 0000000..e7b6d14 --- /dev/null +++ b/build/assets/img/post_type/news/news-ssibap.jpeg Binary files differ diff --git a/build/assets/img/post_type/news/news-ssibap.webp b/build/assets/img/post_type/news/news-ssibap.webp new file mode 100644 index 0000000..d9217c2 --- /dev/null +++ b/build/assets/img/post_type/news/news-ssibap.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-urbanistica.jpeg b/build/assets/img/post_type/news/news-urbanistica.jpeg new file mode 100644 index 0000000..e051ed5 --- /dev/null +++ b/build/assets/img/post_type/news/news-urbanistica.jpeg Binary files differ diff --git a/build/assets/img/post_type/news/news-urbanistica.webp b/build/assets/img/post_type/news/news-urbanistica.webp new file mode 100644 index 0000000..6c24f12 --- /dev/null +++ b/build/assets/img/post_type/news/news-urbanistica.webp Binary files differ diff --git a/build/assets/img/post_type/news/news-ursula.jpeg b/build/assets/img/post_type/news/news-ursula.jpeg new file mode 100644 index 0000000..9d84aa3 --- /dev/null +++ b/build/assets/img/post_type/news/news-ursula.jpeg Binary files differ diff --git a/build/assets/img/post_type/news/news-ursula.webp b/build/assets/img/post_type/news/news-ursula.webp new file mode 100644 index 0000000..4e07dd2 --- /dev/null +++ b/build/assets/img/post_type/news/news-ursula.webp Binary files differ diff --git a/build/assets/js/blocks.js b/build/assets/js/blocks.js new file mode 100644 index 0000000..774455a --- /dev/null +++ b/build/assets/js/blocks.js @@ -0,0 +1,218 @@ +/** + * Scripts for custom blocks and components + */ + +window.addEventListener('load', (event) => { + + /** + * Vars + */ + // DOM elements + const marquees = document.querySelectorAll('.block-marquee-posts-row') + const cards = document.querySelectorAll('.card') + const secondaryNav = document.querySelector('.secondary-nav') + const secondaryNavTrigger = document.querySelector('.secondary-nav-trigger') + const parallaxImages = document.querySelectorAll('[data-banner-scroll-image]') + const teaseItems = document.querySelectorAll('.tease') + + /** + * Marquees + */ + let marqueesCardWidth + if (marquees.length > 0){ + marqueesCardWidth = window.getComputedStyle(marquees[0]).getPropertyValue('--marquee-card-width') + } + + marquees.forEach(marquee => { + + const marqueeSpeed = Number(marquee.getAttribute('data-marquee-row-speed')) + + let marqueePos = 0 + let marqueeIntvl + + //get vars + const items = marquee.getAttribute('data-marquee-row-items') + const wrapper = marquee.querySelector('.block-marquee-posts-row__wrapper') + + //clone cards in marquee + const cards = wrapper.querySelectorAll('.card') + cards.forEach(card => { + wrapper.appendChild(card.cloneNode(true)) + }) + + //calculate wrapper width + wrapper.style.width = `calc(${items*2}*${marqueesCardWidth})` + + marqueeIntvl = setInterval(() => { + if (marqueePos > 50) { + wrapper.style.transform = `translateX(0%)` + marqueePos = 0 + } else { + wrapper.style.transform = `translateX(-${marqueePos}%)` + } + marqueePos = marqueePos+marqueeSpeed + }, 0) + + marquee.addEventListener('mouseover', function(){ + clearInterval(marqueeIntvl) + }) + + marquee.addEventListener('mouseleave', function(){ + marqueeIntvl = setInterval(() => { + if (marqueePos > 50) { + wrapper.style.transform = `translateX(0%)` + marqueePos = 0 + } else { + wrapper.style.transform = `translateX(-${marqueePos}%)` + } + marqueePos = marqueePos+marqueeSpeed + }, 0) + }) + + }) + + /** + * Cards hover effect + */ + cards.forEach(card => { + const marqueeWrapper = card.closest('.block-marquee-posts-row') + card.addEventListener('mouseenter', function(){ + this.classList.add('is-hovered') + if (marqueeWrapper){ + marqueeWrapper.classList.add('is-hovered') + } + }) + card.addEventListener('mouseleave', function(){ + this.classList.remove('is-hovered') + if (marqueeWrapper){ + marqueeWrapper.classList.remove('is-hovered') + } + }) + }) + + /** + * Homepage Hero Banner parallax effect + */ + + document.addEventListener('scroll', function(){ + const scrollPosition = window.scrollY + parallaxImages.forEach(image => { + + const imageSpeed = image.getAttribute('data-banner-scroll-image-parallax-speed') + const imagePos = scrollPosition * imageSpeed + image.style.transform = `translateY(-${imagePos}px)` + + scrollBannerObserver.observe(image) + + }) + }) + + + let scrollBannerObserver = new IntersectionObserver((entries) => { + + entries.forEach(entry => { + + if(entry.isIntersecting && (entry.target.getBoundingClientRect().top > 0)){ + entry.target.classList.add('is-visible') + entry.target.style.opacity = entry.intersectionRatio + } + + }) + + }, + { + rootMargin: "0px 0px 0px 0px", + threshold: [0.1, 0.15, 0.2, 0.25, 0.3, 0.35, 0.4, 0.45, 0.5, 0.55, 0.6, 0.65, 0.7, 0.75, 0.8, 0.85, 0.9, 0.95, 1] + }) + + /** + * Tease height transition + */ + function updateTeaseHeight(tease){ + const teaseHeight = tease.clientHeight + const teaseImg = tease.querySelector('.tease__img') + const teaseText = tease.querySelector('.tease__main') + const teaseTextHeight = teaseText.clientHeight + teaseImg.style.height = `${teaseHeight-teaseTextHeight}px` + teaseText.style.marginTop = `${teaseHeight-teaseTextHeight}px` + } + + teaseItems.forEach(tease => { + updateTeaseHeight(tease) + }) + + /** + * Accordion + */ + const accordions = document.querySelectorAll('[data-accordion]') + accordions.forEach(accordion => { + const title = accordion.querySelector('[data-accordion-title]') + const content = accordion.querySelector('[data-accordion-content]') + title.addEventListener('click', function(){ + [...accordions].forEach(item => { item.classList.remove('is-toggled'); item.querySelector('[data-accordion-content]').style.display = 'none'}) + accordion.classList.toggle('is-toggled') + content.style.display = content.style.display == 'none' ? 'block' : 'none'; + }) + }) + + /** + * Secondary Nav + */ + // Get secondary nav height + function getSecondaryNavHeight(){ + document.documentElement.style.setProperty("--secondary-nav-height", `${secondaryNav.clientHeight}px`) + } + + if(secondaryNav !== null) getSecondaryNavHeight() + + let secondaryNavObserver = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if(!entry.isIntersecting){ + secondaryNav.classList.add('is-visible') + } else { + secondaryNav.classList.remove('is-visible') + } + }) + }, + { + threshold: 1, + rootMargin: '-1px 0px 0px 0px' + }) + + if(secondaryNav !== null) secondaryNavObserver.observe(secondaryNavTrigger) + + function getSecondaryNavButtonWidth(){ + const secondaryNavButtonWidth = secondaryNav.querySelector('.secondary-nav__btn').clientWidth + secondaryNav.style.setProperty("--secondary-nav-button-width", `${secondaryNavButtonWidth}px`) + } + if(secondaryNav !== null) getSecondaryNavButtonWidth() + + if(secondaryNav !== null){ + window.addEventListener('scroll', () => { + currentScrollPos = window.scrollY + if (prevScrollPos > 0 && prevScrollPos < currentScrollPos ) { + secondaryNav.classList.remove('is-stacked') + } else if (prevScrollPos >= currentScrollPos) { + secondaryNav.classList.add('is-stacked') + } + }) + } + + /** + * Window resize function callbacks + */ + const resizeHandler = function(){ + + // if secondary nav exists update height and buttons width + if(secondaryNav !== null) getSecondaryNavHeight() + if(secondaryNav !== null) getSecondaryNavButtonWidth() + + //resize tease posts + teaseItems.forEach(tease => { + updateTeaseHeight(tease) + }) + } + + window.addEventListener('resize', resizeHandler) + +}) \ No newline at end of file diff --git a/build/assets/js/blocks/accordion.js b/build/assets/js/blocks/accordion.js new file mode 100644 index 0000000..a2ab3e7 --- /dev/null +++ b/build/assets/js/blocks/accordion.js @@ -0,0 +1,22 @@ +window.addEventListener('load', (event) => { + + const accordions = document.querySelectorAll('[data-accordion]') + + accordions.forEach(accordion => { + const title = accordion.querySelector('[data-accordion-title]') + const content = accordion.querySelector('[data-accordion-content]') + title.addEventListener('click', function(){ + //close all other accordions + accordions.forEach(item => { + if (item != accordion) { + item.classList.remove('is-toggled') + item.querySelector('[data-accordion-content]').style.display = 'none' + } + }) + //open clicked accordion + accordion.classList.toggle('is-toggled') + content.style.display = content.style.display == 'none' ? 'block' : 'none'; + }) + }) + +}) \ No newline at end of file diff --git a/build/assets/js/blocks/carousel.js b/build/assets/js/blocks/carousel.js new file mode 100644 index 0000000..90188c0 --- /dev/null +++ b/build/assets/js/blocks/carousel.js @@ -0,0 +1,46 @@ +window.addEventListener('load', (event) => { + + if (typeof(document.querySelector('.swiper')) == 'undefined' || document.querySelector('.swiper') == null) return + + const swiper = new Swiper('.swiper', { + + loop: true, + effect: 'fade', + + // If we need pagination + pagination: { + el: '.swiper-pagination', + }, + + // Navigation arrows + navigation: { + nextEl: '.swiper-button-next', + prevEl: '.swiper-button-prev', + }, + + // And if we need scrollbar + scrollbar: { + el: '.swiper-scrollbar', + } + }) + + const carousels = document.querySelectorAll('.block-carousel') + + function setCarouselImgHeight(carousel){ + const carouselImg = carousel.querySelector('.swiper-slide__img') + let carouselImgHeight = Math.floor(carousel.clientWidth / 1.5) + //set carousel img height + carousel.style.setProperty('--carousel-img-height', `${carouselImgHeight}px`) + } + + carousels.forEach(carousel => { + setCarouselImgHeight(carousel) + }) + + window.addEventListener('resize', function(){ + carousels.forEach(carousel => { + setCarouselImgHeight(carousel) + }) + }) + +}) diff --git a/build/assets/js/blocks/marquee.js b/build/assets/js/blocks/marquee.js new file mode 100644 index 0000000..e8edc02 --- /dev/null +++ b/build/assets/js/blocks/marquee.js @@ -0,0 +1,68 @@ +window.addEventListener('load', (event) => { + + const marquees = document.querySelectorAll('[data-marquee]') + + marquees.forEach(marquee => { + + const container = marquee.querySelector('[data-marquee-container]') + + let itemWidth = window.getComputedStyle(marquee).getPropertyValue('--marquee-item-width') + const itemWidthBase = Number(itemWidth.replace(/vw/g, '')) + const itemsLength = marquee.getAttribute('data-marquee-items') + + const items = container.querySelectorAll('[data-marquee-item]') + + let itemsCloned = 1 + + //clone items in marquee if 100vw / itemsLength less than threshold + if (100 / itemWidthBase < itemsLength) { + items.forEach(item => { + container.appendChild(item.cloneNode(true)) + }) + itemsCloned = 2 + } + + const speed = Number(marquee.getAttribute('data-marquee-speed')) + + let pos = 0 + let intvl + + //get vars + // const items = marquee.getAttribute('data-marquee-items') + + //calculate wrapper width + container.style.width = `calc(${items.length*itemsCloned}*${itemWidth})` + + intvl = setInterval(() => { + if (pos > 50) { + container.style.transform = `translateX(0%)` + pos = 0 + } else { + container.style.transform = `translateX(-${pos}%)` + } + pos = pos+speed + }, 0) + + marquee.addEventListener('mouseover', function(){ + clearInterval(intvl) + }) + + marquee.addEventListener('mouseleave', function(){ + intvl = setInterval(() => { + if (pos > 50) { + container.style.transform = `translateX(0%)` + pos = 0 + } else { + container.style.transform = `translateX(-${pos}%)` + } + pos = pos+speed + }, 0) + }) + + window.addEventListener('resize', function(){ + itemWidth = window.getComputedStyle(marquee).getPropertyValue('--marquee-item-width') + container.style.width = `calc(${items.length*itemsCloned}*${itemWidth})` + }) + + }) +}) \ No newline at end of file diff --git a/build/assets/js/blocks/page-title-banner.js b/build/assets/js/blocks/page-title-banner.js new file mode 100644 index 0000000..0f52ba7 --- /dev/null +++ b/build/assets/js/blocks/page-title-banner.js @@ -0,0 +1,24 @@ +window.addEventListener('load', (event) => { + + const banners = document.querySelectorAll('.block-page-title-banner') + + function setBannerHeight(banner){ + if (window.matchMedia('(min-width: 62rem)').matches) { + //get element top offset + const bannerOffsetTop = banner.offsetTop + //set block height + banner.style.setProperty('--page-title-banner-img-height', `${window.innerHeight-bannerOffsetTop}px`) + } + } + + banners.forEach(banner => { + setBannerHeight(banner) + }) + + window.addEventListener('resize', function(){ + banners.forEach(banner => { + setBannerHeight(banner) + }) + }) + +}) diff --git a/build/assets/js/blocks/secondary-nav.js b/build/assets/js/blocks/secondary-nav.js new file mode 100644 index 0000000..edabc73 --- /dev/null +++ b/build/assets/js/blocks/secondary-nav.js @@ -0,0 +1,70 @@ +window.addEventListener('load', (event) => { + + let currentScrollPos = 0 + let prevScrollPos = 0 + + const secondaryNav = document.querySelector('.secondary-nav') + + if (typeof(secondaryNav) == 'undefined' || secondaryNav == null) return + + const secondaryNavTrigger = document.querySelector('.secondary-nav-trigger') + const secondaryNavLinks = secondaryNav.querySelectorAll('ul li a') + + function getSecondaryNavHeight(){ + document.documentElement.style.setProperty("--secondary-nav-height", `${secondaryNav.clientHeight}px`) + } + + if(secondaryNav !== null) getSecondaryNavHeight() + + let secondaryNavObserver = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if(!entry.isIntersecting && currentScrollPos > entry.target.getBoundingClientRect().top){ + secondaryNav.classList.add('is-visible') + } else { + secondaryNav.classList.remove('is-visible') + } + }) + }, + { + threshold: 1, + rootMargin: '-1px 0px 0px 0px' + }) + + function getSecondaryNavButtonWidth(){ + const secondaryNavButtonWidth = secondaryNav.querySelector('.secondary-nav__btn').clientWidth + secondaryNav.style.setProperty("--secondary-nav-button-width", `${secondaryNavButtonWidth}px`) + } + if(secondaryNav !== null) { + + secondaryNavObserver.observe(secondaryNavTrigger) + + getSecondaryNavButtonWidth() + + window.addEventListener('scroll', () => { + currentScrollPos = window.scrollY + if (prevScrollPos > 0 && prevScrollPos < currentScrollPos && currentScrollPos > window.innerHeight ) { + secondaryNav.classList.remove('is-stacked') + } else if (prevScrollPos >= currentScrollPos) { + secondaryNav.classList.add('is-stacked') + } + prevScrollPos = currentScrollPos + }) + } + + window.addEventListener('resize', function(){ + if(secondaryNav !== null) { + getSecondaryNavButtonWidth() + } + }) + + //smooth scrolling anchor links + secondaryNavLinks.forEach(link => { + link.addEventListener('click', function(e){ + e.preventDefault() + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }) + }) + }) + +}) diff --git a/build/assets/js/blocks/tabs.js b/build/assets/js/blocks/tabs.js new file mode 100644 index 0000000..253ba8c --- /dev/null +++ b/build/assets/js/blocks/tabs.js @@ -0,0 +1,22 @@ +window.addEventListener('load', (event) => { + + const tabs = document.querySelectorAll('[data-tabs-container]') + + function toggleTab(container, button){ + [...container.querySelectorAll('[data-tab-target]')].forEach((b)=>{b.classList.remove('is-selected')}); + [...container.querySelectorAll('[data-tab-index]')].forEach((t)=>{t.style.display = 'none'}); + button.classList.add('is-selected') + const target = button.getAttribute('data-tab-target') + container.querySelector(`[data-tab-index="${target}"]`).style.display = 'block'; + + } + + tabs.forEach(tabContainer => { + const tabsButtons = tabContainer.querySelectorAll('[data-tab-target]') + tabsButtons.forEach(button => { + button.addEventListener('click', function(){ + toggleTab(tabContainer, this) + }) + }) + }) +}) \ No newline at end of file diff --git a/build/assets/js/blocks/tease.js b/build/assets/js/blocks/tease.js new file mode 100644 index 0000000..4b0631d --- /dev/null +++ b/build/assets/js/blocks/tease.js @@ -0,0 +1,25 @@ +window.addEventListener('load', (event) => { + + const teaseItems = document.querySelectorAll('.tease') + + function updateTeaseHeight(tease){ + const teaseHeight = tease.clientHeight + const teaseImg = tease.querySelector('.tease__img') + const teaseText = tease.querySelector('.tease__main') + const teaseTextHeight = teaseText.clientHeight + teaseImg.style.height = `${teaseHeight-teaseTextHeight}px` + teaseText.style.marginTop = `${teaseHeight-teaseTextHeight}px` + } + + teaseItems.forEach(tease => { + updateTeaseHeight(tease) + }) + + window.addEventListener('resize', function(){ + teaseItems.forEach(tease => { + updateTeaseHeight(tease) + }) + }) + + +}) \ No newline at end of file diff --git a/build/assets/js/site.js b/build/assets/js/site.js new file mode 100644 index 0000000..2b34d72 --- /dev/null +++ b/build/assets/js/site.js @@ -0,0 +1,445 @@ +import './blocks/accordion.js'; +import './blocks/carousel.js'; +import './blocks/marquee.js'; +import './blocks/page-title-banner.js'; +import './blocks/secondary-nav.js'; +import './blocks/tabs.js'; +import './blocks/tease.js'; + +/** + * Global scripts + */ + +window.addEventListener('load', (event) => { + + /** + * Vars + */ + + //functional + let vh = '100vh' + let currentScrollPos = 0 + let prevScrollPos = 0 + let menuToggledScrollPos + let menuIsOpen = false + let desktopMenuIsOpen = false + let mobileMenuIsOpen = false + + //media query + const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream + const isDesktop = window.matchMedia('(min-width: 80rem)') + + // DOM elements + const body = document.body + const header = document.querySelector('.site-header') + const logo = document.querySelector('.site-logo') + const a11y_ariaexpanded = document.querySelectorAll('[aria-expanded="false"]') + const mainNav = document.getElementById('site-header-main-nav') + const menuItems = document.querySelectorAll('#site-header-main-nav > ul > .menu-item-has-children > a') + const menuBtn = document.getElementById('menu-btn') + const overlay = document.getElementById('overlay') + const menuMobile = document.getElementById('menu-mobile') + const pageWrapper = document.getElementById('site-content-wrapper') + const accordionMenuItems = document.querySelectorAll('[data-toggle-menu-items]') + const footer = document.getElementById('site-footer') + + /** + * Throttle + */ + function throttle(mainFunction, delay) { + let timerFlag = null + return (...args) => { + if (timerFlag === null) { + mainFunction(...args) + timerFlag = setTimeout(() => { + timerFlag = null + }, delay) + } + } + } + + /** + * Check if iOS, then set --vh + */ + if (isIOS && window.matchMedia("(max-width: 1024px)").matches) { + document.documentElement.classList.add('is-ios') + } + + function set100vh() { + // If window size is iPad or smaller, then use JS to set screen height. + if (isIOS && window.matchMedia("(max-width: 1024px)").matches) { + vh = `${window.innerHeight}px` + document.documentElement.style.setProperty("--vh", vh) + } + } + set100vh() + + /** + * WAI-ARIA toggle aria-expanded + */ + function updateAriaExpanded(item){ + const ariaexpanded = item.getAttribute('aria-expanded') + if (ariaexpanded == 'true') { + item.setAttribute('aria-expanded', 'false') + } else { + item.setAttribute('aria-expanded', 'true') + } + } + a11y_ariaexpanded.forEach((item) => { + item.addEventListener('click', function () { + updateAriaExpanded(this) + }) + }) + + + /** + * Get header height + */ + function getHeaderHeight(){ + document.documentElement.style.setProperty("--header-height", `${header.clientHeight}px`) + } + + getHeaderHeight() + + /** + * Hide header if scrolling down, show if scrolling up + */ + + window.addEventListener('scroll', () => { + + currentScrollPos = window.scrollY + + // const currentScrollPos = window.scrollY + + //if you start scrolling add class + if (currentScrollPos > 0 && !menuIsOpen) { + body.classList.add('is-scrolled') + } else{ + body.classList.remove('is-scrolled') + } + + // if scrolling down, hide header and position logo to the left + // if scrolling up, show header and logo in initial position + if (prevScrollPos > 0 && prevScrollPos < currentScrollPos && !menuIsOpen) { + header.classList.add('is-hidden') + logo.classList.add('is-visible') + overlay.classList.remove('is-active') + } else if (prevScrollPos >= currentScrollPos && !menuIsOpen) { + header.classList.remove('is-hidden') + logo.classList.remove('is-visible') + } + + prevScrollPos = currentScrollPos + + }) + + /** + * Menu + */ + + function toggleMenuSharedElements(toggle = true){ + + if (!menuIsOpen) { + body.classList.add('has-menu-toggled') + menuBtn.classList.add('is-active') + menuBtn.classList.add('is-toggled') + overlay.classList.add('is-active') + menuIsOpen = true + } else if (toggle) { + body.classList.remove('has-menu-toggled') + menuBtn.classList.remove('is-active') + menuBtn.classList.remove('is-toggled') + overlay.classList.remove('is-active') + menuIsOpen = false + } + + } + + // when menu is toggled, set margin top based + // on scrolled px and restore scroll after menu is closed + function setScrolledMarginContent(scrolled){ + if (mobileMenuIsOpen || desktopMenuIsOpen) { + pageWrapper.style.marginTop = 0 + document.body.scrollTop = menuToggledScrollPos + document.body.scrollTop = menuToggledScrollPos + document.documentElement.scrollTop = menuToggledScrollPos + } else { + pageWrapper.style.marginTop = `-${scrolled}px` + } + menuToggledScrollPos = scrolled + } + + function toggleMobileMenu(forceClosing = null){ + toggleMenuSharedElements() + if (forceClosing) { + menuMobile.classList.remove('is-toggled') + } else { + menuMobile.classList.toggle('is-toggled') + // if (menuIsOpen) { + // menuMobile.animate( + // [ + // { height: '0px' }, + // { height: `${menuMobile.clientHeight}px` } + // ], + // { + // duration: 500, + // easing: 'ease-out' + // } + // ) + // } else { + // menuMobile.animate( + // [ + // { height: '0px' }, + // { height: `${menuMobile.clientHeight}px` } + // ], + // { + // duration: 500, + // easing: 'ease-out' + // } + // ) + // } + } + closeAllAccordionMenuItems() + // set margin on page wapper + // and restore scrolled position when you close menu + setScrolledMarginContent(currentScrollPos) + menuIsOpen ? mobileMenuIsOpen = true : mobileMenuIsOpen = false + } + + let previousClickedItem + function toggleDesktopMenu(clickedItem = null){ + + if (clickedItem == null) { + toggleMenuSharedElements() + openSubMenu() + + } else if (clickedItem == previousClickedItem || previousClickedItem == null || !desktopMenuIsOpen) { + // if desktop menu is not toggled or you are toggling menu item + toggleMenuSharedElements() + openSubMenu(clickedItem) + } else if (clickedItem != previousClickedItem && clickedItem != null){ + // if you are swapping submenu + openSubMenu(clickedItem, false) + } + // assign previous clicked item to currently clicked item + previousClickedItem = clickedItem + + // toggle/remove class on all menu items + menuItems.forEach((item) => { + const itemListItem = item.parentElement + if (itemListItem != clickedItem) { + itemListItem.classList.remove('is-toggled') + } else { + itemListItem.classList.toggle('is-toggled') + } + }) + // set margin on page wapper + // and restore scrolled position when you close menu + setScrolledMarginContent(currentScrollPos) + menuIsOpen ? desktopMenuIsOpen = true : desktopMenuIsOpen = false + } + + function toggleMenuWhenResized(){ + // if mobile menu is open and window resized to desktop + if (mobileMenuIsOpen && isDesktop.matches){ + toggleMenuSharedElements() + toggleMobileMenu(true) + menuIsOpen = false + } + // if desktop menu is open and window resized to mobile + if (desktopMenuIsOpen && !isDesktop.matches){ + toggleMenuSharedElements() + toggleDesktopMenu() + menuIsOpen = false + } + } + + // animate desktop dropdown and toggle + function openSubMenu(clickedItem, animate = true){ + let submenu + if (clickedItem) { + //if there's a clicked item get submenu descendante + submenu = clickedItem.querySelector('.site-header-navbar-submenu-0') + } else { + // if there isn't a clicked item (eg: X button), select visible menus + submenu = document.querySelector('.site-header-navbar-submenu-0.is-visible') + clickedItem = document.querySelector('#site-header-main-nav .menu-item-has-children.is-toggled') + console.log(clickedItem) + } + if (clickedItem.classList.contains('is-toggled')) { + // if desktop menu is already open and click on already toggled item + // remove classes and animate submenu to 0px height + mainNav.classList.remove('is-toggled') + submenu.classList.add('is-closing') + submenu.animate( + [ + { height: `${submenu.clientHeight}px` }, + { height: 0 } + ], + { + duration: 250, + delay: 250, + easing: 'ease-out' + } + ) + // timeout animation + setTimeout(() => { + submenu.classList.remove('is-visible') + submenu.classList.remove('is-closing') + }, 500); + } else if (!animate){ + // if desktop menu is open and click on item not yet toggled + // swap submenu container without animations + [...document.querySelectorAll('.site-header-navbar-submenu-0')].forEach(s=>{ + if(submenu != s){ + s.classList.remove('is-visible') + } else { + submenu.classList.add('is-visible') + } + }) + } else { + // if desktop menu is not open and click on item + // show and animate submenu + submenu.classList.add('is-visible') + submenu.animate( + [ + { height: 0 }, + { height: `${submenu.clientHeight}px` } + ], + { + duration: 250, + easing: 'ease-out' + } + ) + setTimeout(() => { + mainNav.classList.add('is-toggled') + }, 500); + } + } + + function cbToggleDesktopMenu(event){ + const item = event.target.parentElement + toggleDesktopMenu(item) + } + + // Throttle the fetchData function with a delay of 5000 ms + const throttledtoggleDesktopMenu = throttle(cbToggleDesktopMenu, 500) + + menuItems.forEach(item => { + item.addEventListener('click', throttledtoggleDesktopMenu) + }) + + menuBtn.addEventListener('click', function(){ + if (isDesktop.matches) { + console.log('test') + toggleDesktopMenu() + } else { + toggleMobileMenu() + } + }) + + //close all accordion menu items + function closeAllAccordionMenuItems(){ + accordionMenuItems.forEach(item => { + item.parentElement.parentElement.classList.remove('is-toggled') + item.parentElement.parentElement.setAttribute('aria-expanded', 'false') + }) + } + + accordionMenuItems.forEach(button => { + button.addEventListener('click', function(){ + // get
1&&u.push(e.virtualSize-n)}if(o&&s.loop){const t=m[0]+S;if(s.slidesPerGroup>1){const i=Math.ceil((e.virtual.slidesBefore+e.virtual.slidesAfter)/s.slidesPerGroup),r=t*s.slidesPerGroup;for(let e=0;e!(s.cssMode&&!s.loop)||t!==c.length-1)).forEach((e=>{e.style[t]=`${S}px`}))}if(s.centeredSlides&&s.centeredSlidesBounds){let e=0;m.forEach((t=>{e+=t+(S||0)})),e-=S;const t=e-n;u=u.map((e=>e<=0?-f:e>t?t+v:e))}if(s.centerInsufficientSlides){let e=0;if(m.forEach((t=>{e+=t+(S||0)})),e-=S,e 0?(n._cssModeVirtualInitialSet=!0,requestAnimationFrame((()=>{h[e?"scrollLeft":"scrollTop"]=s}))):h[e?"scrollLeft":"scrollTop"]=s,t&&requestAnimationFrame((()=>{n.wrapperEl.style.scrollSnapType="",n._immediateVirtual=!1}))}else{if(!n.support.smoothScroll)return animateCSSModeScroll({swiper:n,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}return n.setTransition(t),n.setTranslate(g),n.updateActiveIndex(a),n.updateSlidesClasses(),n.emit("beforeTransitionStart",t,i),n.transitionStart(s,w),0===t?n.transitionEnd(s,w):n.animating||(n.animating=!0,n.onSlideToWrapperTransitionEnd||(n.onSlideToWrapperTransitionEnd=function(e){n&&!n.destroyed&&e.target===this&&(n.wrapperEl.removeEventListener("transitionend",n.onSlideToWrapperTransitionEnd),n.onSlideToWrapperTransitionEnd=null,delete n.onSlideToWrapperTransitionEnd,n.transitionEnd(s,w))}),n.wrapperEl.addEventListener("transitionend",n.onSlideToWrapperTransitionEnd)),!0}function slideToLoop(e,t,s,i){if(void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),"string"==typeof e){e=parseInt(e,10)}const r=this,n=r.grid&&r.params.grid&&r.params.grid.rows>1;let a=e;if(r.params.loop)if(r.virtual&&r.params.virtual.enabled)a+=r.virtual.slidesBefore;else{let e;if(n){const t=a*r.params.grid.rows;e=r.slides.filter((e=>1*e.getAttribute("data-swiper-slide-index")===t))[0].column}else e=r.getSlideIndexByData(a);const t=n?Math.ceil(r.slides.length/r.params.grid.rows):r.slides.length,{centeredSlides:s}=r.params;let i=r.params.slidesPerView;"auto"===i?i=r.slidesPerViewDynamic():(i=Math.ceil(parseFloat(r.params.slidesPerView,10)),s&&i%2==0&&(i+=1));let l=t-e1*t.getAttribute("data-swiper-slide-index")===e))[0].column}else a=r.getSlideIndexByData(a)}return requestAnimationFrame((()=>{r.slideTo(a,t,s,i)})),r}function slideNext(e,t,s){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0);const i=this,{enabled:r,params:n,animating:a}=i;if(!r)return i;let l=n.slidesPerGroup;"auto"===n.slidesPerView&&1===n.slidesPerGroup&&n.slidesPerGroupAuto&&(l=Math.max(i.slidesPerViewDynamic("current",!0),1));const o=i.activeIndex 1&&m.push(e.virtualSize-r)}if(o&&s.loop){const t=g[0]+x;if(s.slidesPerGroup>1){const a=Math.ceil((e.virtual.slidesBefore+e.virtual.slidesAfter)/s.slidesPerGroup),i=t*s.slidesPerGroup;for(let e=0;e!(s.cssMode&&!s.loop)||t!==c.length-1)).forEach((e=>{e.style[t]=`${x}px`}))}if(s.centeredSlides&&s.centeredSlidesBounds){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=e-r;m=m.map((e=>e<=0?-v:e>t?t+w:e))}if(s.centerInsufficientSlides){let e=0;if(g.forEach((t=>{e+=t+(x||0)})),e-=x,e 0?(r._cssModeVirtualInitialSet=!0,requestAnimationFrame((()=>{h[e?"scrollLeft":"scrollTop"]=s}))):h[e?"scrollLeft":"scrollTop"]=s,t&&requestAnimationFrame((()=>{r.wrapperEl.style.scrollSnapType="",r._immediateVirtual=!1}))}else{if(!r.support.smoothScroll)return m({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}return r.setTransition(t),r.setTranslate(w),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.wrapperEl.addEventListener("transitionend",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){if(void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),"string"==typeof e){e=parseInt(e,10)}const i=this,r=i.grid&&i.params.grid&&i.params.grid.rows>1;let n=e;if(i.params.loop)if(i.virtual&&i.params.virtual.enabled)n+=i.virtual.slidesBefore;else{let e;if(r){const t=n*i.params.grid.rows;e=i.slides.filter((e=>1*e.getAttribute("data-swiper-slide-index")===t))[0].column}else e=i.getSlideIndexByData(n);const t=r?Math.ceil(i.slides.length/i.params.grid.rows):i.slides.length,{centeredSlides:s}=i.params;let a=i.params.slidesPerView;"auto"===a?a=i.slidesPerViewDynamic():(a=Math.ceil(parseFloat(i.params.slidesPerView,10)),s&&a%2==0&&(a+=1));let l=t-e1*t.getAttribute("data-swiper-slide-index")===e))[0].column}else n=i.getSlideIndexByData(n)}return requestAnimationFrame((()=>{i.slideTo(n,t,s,a)})),i},slideNext:function(e,t,s){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0);const a=this,{enabled:i,params:r,animating:n}=a;if(!i)return a;let l=r.slidesPerGroup;"auto"===r.slidesPerView&&1===r.slidesPerGroup&&r.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndex =p[e])&&(g=e,v=p[p.length-1]-p[p.length-2])}let w=null,b=null;r.rewind&&(t.isBeginning?b=r.virtual&&r.virtual.enabled&&t.virtual?t.virtual.slides.length-1:t.slides.length-1:t.isEnd&&(w=0));const y=(h-p[g])/v,x=g {s.slidesEl.append(d(u[e],e))})),r)for(let e=T.length-1;e>=0;e-=1){const t=T[e];s.slidesEl.prepend(d(u[t],t))}else T.sort(((e,t)=>t-e)),T.forEach((e=>{s.slidesEl.prepend(d(u[e],e))}));f(s.slidesEl,".swiper-slide, swiper-slide").forEach((e=>{e.style[v]=E-Math.abs(s.cssOverflowAdjustment())+"px"})),S()}r("beforeInit",(()=>{if(!s.params.virtual.enabled)return;let e;if(void 0===s.passedParams.virtual.slides){const t=[...s.slidesEl.children].filter((e=>e.matches(`.${s.params.slideClass}, swiper-slide`)));t&&t.length&&(s.virtual.slides=[...t],e=!0,t.forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t),s.virtual.cache[t]=e,e.remove()})))}e||(s.virtual.slides=s.params.virtual.slides),s.classNames.push(`${s.params.containerModifierClass}virtual`),s.params.watchSlidesProgress=!0,s.originalParams.watchSlidesProgress=!0,p()})),r("setTranslate",(()=>{s.params.virtual.enabled&&(s.params.cssMode&&!s._immediateVirtual?(clearTimeout(t),t=setTimeout((()=>{p()}),100)):p())})),r("init update resize",(()=>{s.params.virtual.enabled&&s.params.cssMode&&u(s.wrapperEl,"--swiper-virtual-size",`${s.virtualSize}px`)})),Object.assign(s.virtual,{appendSlide:function(e){if("object"==typeof e&&"length"in e)for(let t=0;t1){const e=[];return n.querySelectorAll(t.el).forEach((s=>{const i=extend({},t,{el:s});e.push(new Swiper(i))})),e}const a=this;a.__swiper__=!0,a.support=getSupport(),a.device=getDevice({userAgent:t.userAgent}),a.browser=getBrowser(),a.eventsListeners={},a.eventsAnyListeners=[],a.modules=[...a.__modules__],t.modules&&Array.isArray(t.modules)&&a.modules.push(...t.modules);const l={};a.modules.forEach((e=>{e({params:t,swiper:a,extendParams:moduleExtendParams(t,l),on:a.on.bind(a),once:a.once.bind(a),off:a.off.bind(a),emit:a.emit.bind(a)})}));const o=extend({},defaults,l);return a.params=extend({},o,extendedDefaults,t),a.originalParams=extend({},a.params),a.passedParams=extend({},t),a.params&&a.params.on&&Object.keys(a.params.on).forEach((e=>{a.on(e,a.params.on[e])})),a.params&&a.params.onAny&&a.onAny(a.params.onAny),Object.assign(a,{enabled:a.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===a.params.direction,isVertical:()=>"vertical"===a.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:a.params.allowSlideNext,allowSlidePrev:a.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:a.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:a.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),a.emit("_swiper"),a.params.init&&a.init(),a}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:t,params:s}=this,i=elementChildren(t,`.${s.slideClass}, swiper-slide`),r=elementIndex(i[0]);return elementIndex(e)-r}getSlideIndexByData(e){return this.getSlideIndex(this.slides.filter((t=>1*t.getAttribute("data-swiper-slide-index")===e))[0])}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=elementChildren(e,`.${t.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const i=s.minTranslate(),r=(s.maxTranslate()-i)*e+i;s.translateTo(r,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.forEach((s=>{const i=e.getSlideClasses(s);t.push({slideEl:s,classNames:i}),e.emit("_slideClass",s,i)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:i,slidesGrid:r,slidesSizesGrid:n,size:a,activeIndex:l}=this;let o=1;if("number"==typeof s.slidesPerView)return s.slidesPerView;if(s.centeredSlides){let e,t=i[l]?i[l].swiperSlideSize:0;for(let s=l+1;s=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach((e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach(((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)}))})),s):s},emit(){const e=this;if(!e.eventsListeners||e.destroyed)return e;if(!e.eventsListeners)return e;let t,s,a;for(var i=arguments.length,r=new Array(i),n=0;n{e.eventsAnyListeners&&e.eventsAnyListeners.length&&e.eventsAnyListeners.forEach((e=>{e.apply(a,[t,...s])})),e.eventsListeners&&e.eventsListeners[t]&&e.eventsListeners[t].forEach((e=>{e.apply(a,s)}))})),e}};const z=(e,t)=>{if(!e||e.destroyed||!e.params)return;const s=t.closest(e.isElement?"swiper-slide":`.${e.params.slideClass}`);if(s){let t=s.querySelector(`.${e.params.lazyPreloaderClass}`);!t&&e.isElement&&(s.shadowRoot?t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`):requestAnimationFrame((()=>{s.shadowRoot&&(t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`),t&&t.remove())}))),t&&t.remove()}},$=(e,t)=>{if(!e.slides[t])return;const s=e.slides[t].querySelector('[loading="lazy"]');s&&s.removeAttribute("loading")},k=e=>{if(!e||e.destroyed||!e.params)return;let t=e.params.lazyPreloadPrevNext;const s=e.slides.length;if(!s||!t||t<0)return;t=Math.min(t,s);const a="auto"===e.params.slidesPerView?e.slidesPerViewDynamic():Math.ceil(e.params.slidesPerView),i=e.activeIndex;if(e.params.grid&&e.params.grid.rows>1){const s=i,r=[s-t];return r.push(...Array.from({length:t}).map(((e,t)=>s+a+t))),void e.slides.forEach(((t,s)=>{r.includes(t.column)&&$(e,s)}))}const r=i+a-1;if(e.params.rewind||e.params.loop)for(let a=i-t;a<=r+t;a+=1){const t=(a%s+s)%s;(tr)&&$(e,t)}else for(let a=Math.max(i-t,0);a<=Math.min(r+t,s-1);a+=1)a!==i&&(a>r||a=0?x=parseFloat(x.replace("%",""))/100*r:"string"==typeof x&&(x=parseFloat(x)),e.virtualSize=-x,c.forEach((e=>{n?e.style.marginLeft="":e.style.marginRight="",e.style.marginBottom="",e.style.marginTop=""})),s.centeredSlides&&s.cssMode&&(u(a,"--swiper-centered-offset-before",""),u(a,"--swiper-centered-offset-after",""));const P=s.grid&&s.grid.rows>1&&e.grid;let L;P?e.grid.initSlides(c):e.grid&&e.grid.unsetSlides();const A="auto"===s.slidesPerView&&s.breakpoints&&Object.keys(s.breakpoints).filter((e=>void 0!==s.breakpoints[e].slidesPerView)).length>0;for(let a=0;a1){const e=[];return n.querySelectorAll(t.el).forEach((s=>{const a=p({},t,{el:s});e.push(new ee(a))})),e}const l=this;l.__swiper__=!0,l.support=P(),l.device=L({userAgent:t.userAgent}),l.browser=A(),l.eventsListeners={},l.eventsAnyListeners=[],l.modules=[...l.__modules__],t.modules&&Array.isArray(t.modules)&&l.modules.push(...t.modules);const o={};l.modules.forEach((e=>{e({params:t,swiper:l,extendParams:Z(t,o),on:l.on.bind(l),once:l.once.bind(l),off:l.off.bind(l),emit:l.emit.bind(l)})}));const d=p({},K,o);return l.params=p({},d,J,t),l.originalParams=p({},l.params),l.passedParams=p({},t),l.params&&l.params.on&&Object.keys(l.params.on).forEach((e=>{l.on(e,l.params.on[e])})),l.params&&l.params.onAny&&l.onAny(l.params.onAny),Object.assign(l,{enabled:l.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===l.params.direction,isVertical:()=>"vertical"===l.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:l.params.allowSlideNext,allowSlidePrev:l.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:l.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:l.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),l.emit("_swiper"),l.params.init&&l.init(),l}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:t,params:s}=this,a=y(f(t,`.${s.slideClass}, swiper-slide`)[0]);return y(e)-a}getSlideIndexByData(e){return this.getSlideIndex(this.slides.filter((t=>1*t.getAttribute("data-swiper-slide-index")===e))[0])}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=f(e,`.${t.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.forEach((s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if("number"==typeof s.slidesPerView)return s.slidesPerView;if(s.centeredSlides){let e,t=a[l]?a[l].swiperSlideSize:0;for(let s=l+1;sM&&(u=M),g0?u:0),t&&(t.style.opacity=-u>0?-u:0)}}},setTransition:e=>{t.slides.map((e=>h(e))).forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))}))},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const i=e=>"string"==typeof e?e:`${e}px`;oe({effect:"creative",swiper:t,on:a,setTranslate:()=>{const{slides:e,wrapperEl:s,slidesSizesGrid:a}=t,r=t.params.creativeEffect,{progressMultiplier:n}=r,l=t.params.centeredSlides;if(l){const e=a[0]/2-t.params.slidesOffsetBefore||0;s.style.transform=`translateX(calc(50% - ${e}px))`}for(let s=0;s=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach((e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach(((i,a)=>{(i===t||i.__emitterProxy&&i.__emitterProxy===t)&&s.eventsListeners[e].splice(a,1)}))})),s):s},emit(){const e=this;if(!e.eventsListeners||e.destroyed)return e;if(!e.eventsListeners)return e;let t,s,i;for(var a=arguments.length,r=new Array(a),n=0;n{e.eventsAnyListeners&&e.eventsAnyListeners.length&&e.eventsAnyListeners.forEach((e=>{e.apply(i,[t,...s])})),e.eventsListeners&&e.eventsListeners[t]&&e.eventsListeners[t].forEach((e=>{e.apply(i,s)}))})),e}};const A=(e,t)=>{if(!e||e.destroyed||!e.params)return;const s=t.closest(e.isElement?"swiper-slide":`.${e.params.slideClass}`);if(s){let t=s.querySelector(`.${e.params.lazyPreloaderClass}`);!t&&e.isElement&&(s.shadowRoot?t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`):requestAnimationFrame((()=>{s.shadowRoot&&(t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`),t&&t.remove())}))),t&&t.remove()}},I=(e,t)=>{if(!e.slides[t])return;const s=e.slides[t].querySelector('[loading="lazy"]');s&&s.removeAttribute("loading")},$=e=>{if(!e||e.destroyed||!e.params)return;let t=e.params.lazyPreloadPrevNext;const s=e.slides.length;if(!s||!t||t<0)return;t=Math.min(t,s);const i="auto"===e.params.slidesPerView?e.slidesPerViewDynamic():Math.ceil(e.params.slidesPerView),a=e.activeIndex;if(e.params.grid&&e.params.grid.rows>1){const s=a,r=[s-t];return r.push(...Array.from({length:t}).map(((e,t)=>s+i+t))),void e.slides.forEach(((t,s)=>{r.includes(t.column)&&I(e,s)}))}const r=a+i-1;if(e.params.rewind||e.params.loop)for(let i=a-t;i<=r+t;i+=1){const t=(i%s+s)%s;(tr)&&I(e,t)}else for(let i=Math.max(a-t,0);i<=Math.min(r+t,s-1);i+=1)i!==a&&(i>r||i=0?E=parseFloat(E.replace("%",""))/100*r:"string"==typeof E&&(E=parseFloat(E)),e.virtualSize=-E,p.forEach((e=>{n?e.style.marginLeft="":e.style.marginRight="",e.style.marginBottom="",e.style.marginTop=""})),s.centeredSlides&&s.cssMode&&(u(i,"--swiper-centered-offset-before",""),u(i,"--swiper-centered-offset-after",""));const P=s.grid&&s.grid.rows>1&&e.grid;let L;P?e.grid.initSlides(p):e.grid&&e.grid.unsetSlides();const z="auto"===s.slidesPerView&&s.breakpoints&&Object.keys(s.breakpoints).filter((e=>void 0!==s.breakpoints[e].slidesPerView)).length>0;for(let i=0;i1){const e=[];return n.querySelectorAll(t.el).forEach((s=>{const i=c({},t,{el:s});e.push(new ee(i))})),e}const l=this;l.__swiper__=!0,l.support=P(),l.device=L({userAgent:t.userAgent}),l.browser=z(),l.eventsListeners={},l.eventsAnyListeners=[],l.modules=[...l.__modules__],t.modules&&Array.isArray(t.modules)&&l.modules.push(...t.modules);const o={};l.modules.forEach((e=>{e({params:t,swiper:l,extendParams:Z(t,o),on:l.on.bind(l),once:l.once.bind(l),off:l.off.bind(l),emit:l.emit.bind(l)})}));const d=c({},K,o);return l.params=c({},d,J,t),l.originalParams=c({},l.params),l.passedParams=c({},t),l.params&&l.params.on&&Object.keys(l.params.on).forEach((e=>{l.on(e,l.params.on[e])})),l.params&&l.params.onAny&&l.onAny(l.params.onAny),Object.assign(l,{enabled:l.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===l.params.direction,isVertical:()=>"vertical"===l.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:l.params.allowSlideNext,allowSlidePrev:l.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:l.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:l.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),l.emit("_swiper"),l.params.init&&l.init(),l}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:t,params:s}=this,i=y(f(t,`.${s.slideClass}, swiper-slide`)[0]);return y(e)-i}getSlideIndexByData(e){return this.getSlideIndex(this.slides.filter((t=>1*t.getAttribute("data-swiper-slide-index")===e))[0])}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=f(e,`.${t.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const i=s.minTranslate(),a=(s.maxTranslate()-i)*e+i;s.translateTo(a,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.forEach((s=>{const i=e.getSlideClasses(s);t.push({slideEl:s,classNames:i}),e.emit("_slideClass",s,i)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:i,slidesGrid:a,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if("number"==typeof s.slidesPerView)return s.slidesPerView;if(s.centeredSlides){let e,t=i[l]?i[l].swiperSlideSize:0;for(let s=l+1;sM&&(u=M),g0?u:0),t&&(t.style.opacity=-u>0?-u:0)}}},setTransition:e=>{t.slides.map((e=>h(e))).forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))}))},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function(e){let{swiper:t,extendParams:s,on:i}=e;s({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const a=e=>"string"==typeof e?e:`${e}px`;oe({effect:"creative",swiper:t,on:i,setTranslate:()=>{const{slides:e,wrapperEl:s,slidesSizesGrid:i}=t,r=t.params.creativeEffect,{progressMultiplier:n}=r,l=t.params.centeredSlides;if(l){const e=i[0]/2-t.params.slidesOffsetBefore||0;s.style.transform=`translateX(calc(50% - ${e}px))`}for(let s=0;s