/* Tailwind*/ /* ! tailwindcss v3.3.3 | 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. 6. Use the user's configured `sans` font-variation-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: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ } /* 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-feature-settings: inherit; /* 1 */ font-variation-settings: 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; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { 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-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } .container{ width: 100%} @media (min-width: 480px){ .container{ max-width: 480px}} @media (min-width: 640px){ .container{ max-width: 640px}} @media (min-width: 768px){ .container{ max-width: 768px}} @media (min-width: 1024px){ .container{ max-width: 1024px}} @media (min-width: 1280px){ .container{ max-width: 1280px}} @media (min-width: 1536px){ .container{ max-width: 1536px}} /* Editor font sizes*/ /* UI font sizes*/ .button{ font-size: var(--ui-default); font-weight: 700; text-transform: uppercase; position: relative; display: flex; cursor: pointer; align-items: center; white-space: nowrap; border-radius: 0px; -webkit-background-clip: text; background-clip: text; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; color: transparent; transition-property: background-position; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} .button:hover{ text-decoration-line: none} @media (min-width: 1280px){ .button{ padding-left: 2.5rem; padding-right: 2.5rem}} .button { background-image: linear-gradient(90deg, #39EB18 50%, #191919 50%); background-size: calc(200% + 1px) 100%; background-position: calc(100% + 0.5px) 0; } .button:hover, .button:focus { background-position: 0 0; } .sr-only{ position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border-width: 0 !important} .visible{ visibility: visible !important} .invisible{ visibility: hidden !important} .static{ position: static !important} .\!m-0{ margin: 0px !important} .m-0{ margin: 0px !important} .\!my-0{ margin-top: 0px !important; margin-bottom: 0px !important} .my-0{ margin-top: 0px !important; margin-bottom: 0px !important} .\!mb-0{ margin-bottom: 0px !important} .\!mt-0{ margin-top: 0px !important} .mb-0{ margin-bottom: 0px !important} .mt-0{ margin-top: 0px !important} .block{ display: block !important} .inline{ display: inline !important} .bg-black{ --tw-bg-opacity: 1 !important; background-color: rgb(25 25 25 / var(--tw-bg-opacity)) !important} .bg-primary{ --tw-bg-opacity: 1 !important; background-color: rgb(57 235 24 / var(--tw-bg-opacity)) !important} .\!p-0{ padding: 0px !important} .p-0{ padding: 0px !important} .\!py-0{ padding-top: 0px !important; padding-bottom: 0px !important} .py-0{ padding-top: 0px !important; padding-bottom: 0px !important} .\!pb-0{ padding-bottom: 0px !important} .\!pt-0{ padding-top: 0px !important} .pb-0{ padding-bottom: 0px !important} .pt-0{ padding-top: 0px !important} .text-center{ text-align: center !important} .lowercase{ text-transform: lowercase !important} .capitalize{ text-transform: capitalize !important} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important} .label{ font-size: var(--ui-label); font-weight: 700; text-transform: uppercase; margin-bottom: 0px; display: block; padding-bottom: 0.25rem; padding-left: 0.25rem} .input{ font-size: var(--body-default); font-weight: 300} .input::-moz-placeholder{ color: rgb(25 25 25 / 0.5)} .input::placeholder{ color: rgb(25 25 25 / 0.5)} .field{ position: relative; width: 100%; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; outline: 2px solid transparent; outline-offset: 2px} .select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10 fa-3x'%3E%3Cpath fill='currentColor' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z' class=''%3E%3C/path%3E%3C/svg%3E") !important; background-size: 0.625em !important; background-repeat: no-repeat !important; background-position: right 0.5em center !important} /* Vendor*/ /** * Swiper 10.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 8, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal} :root{--swiper-theme-color:#007aff} :host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1} .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block} .swiper-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box} .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} .swiper-horizontal{touch-action:pan-y} .swiper-vertical{touch-action:pan-x} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block} .swiper-slide-invisible-blank{visibility:hidden} .swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto} .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden} .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px} .swiper-3d .swiper-wrapper{transform-style:preserve-3d} .swiper-3d{perspective:1200px} .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d} .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none} .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none} .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start} .swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory} .swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory} .swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none} .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none} .swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999} .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)} .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)} .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent} .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear} .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} [data-sal]{transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)} [data-sal][data-sal-duration="200"]{transition-duration:.2s} [data-sal][data-sal-duration="250"]{transition-duration:.25s} [data-sal][data-sal-duration="300"]{transition-duration:.3s} [data-sal][data-sal-duration="350"]{transition-duration:.35s} [data-sal][data-sal-duration="400"]{transition-duration:.4s} [data-sal][data-sal-duration="450"]{transition-duration:.45s} [data-sal][data-sal-duration="500"]{transition-duration:.5s} [data-sal][data-sal-duration="550"]{transition-duration:.55s} [data-sal][data-sal-duration="600"]{transition-duration:.6s} [data-sal][data-sal-duration="650"]{transition-duration:.65s} [data-sal][data-sal-duration="700"]{transition-duration:.7s} [data-sal][data-sal-duration="750"]{transition-duration:.75s} [data-sal][data-sal-duration="800"]{transition-duration:.8s} [data-sal][data-sal-duration="850"]{transition-duration:.85s} [data-sal][data-sal-duration="900"]{transition-duration:.9s} [data-sal][data-sal-duration="950"]{transition-duration:.95s} [data-sal][data-sal-duration="1000"]{transition-duration:1s} [data-sal][data-sal-duration="1050"]{transition-duration:1.05s} [data-sal][data-sal-duration="1100"]{transition-duration:1.1s} [data-sal][data-sal-duration="1150"]{transition-duration:1.15s} [data-sal][data-sal-duration="1200"]{transition-duration:1.2s} [data-sal][data-sal-duration="1250"]{transition-duration:1.25s} [data-sal][data-sal-duration="1300"]{transition-duration:1.3s} [data-sal][data-sal-duration="1350"]{transition-duration:1.35s} [data-sal][data-sal-duration="1400"]{transition-duration:1.4s} [data-sal][data-sal-duration="1450"]{transition-duration:1.45s} [data-sal][data-sal-duration="1500"]{transition-duration:1.5s} [data-sal][data-sal-duration="1550"]{transition-duration:1.55s} [data-sal][data-sal-duration="1600"]{transition-duration:1.6s} [data-sal][data-sal-duration="1650"]{transition-duration:1.65s} [data-sal][data-sal-duration="1700"]{transition-duration:1.7s} [data-sal][data-sal-duration="1750"]{transition-duration:1.75s} [data-sal][data-sal-duration="1800"]{transition-duration:1.8s} [data-sal][data-sal-duration="1850"]{transition-duration:1.85s} [data-sal][data-sal-duration="1900"]{transition-duration:1.9s} [data-sal][data-sal-duration="1950"]{transition-duration:1.95s} [data-sal][data-sal-duration="2000"]{transition-duration:2s} [data-sal][data-sal-delay="50"]{transition-delay:.05s} [data-sal][data-sal-delay="100"]{transition-delay:.1s} [data-sal][data-sal-delay="150"]{transition-delay:.15s} [data-sal][data-sal-delay="200"]{transition-delay:.2s} [data-sal][data-sal-delay="250"]{transition-delay:.25s} [data-sal][data-sal-delay="300"]{transition-delay:.3s} [data-sal][data-sal-delay="350"]{transition-delay:.35s} [data-sal][data-sal-delay="400"]{transition-delay:.4s} [data-sal][data-sal-delay="450"]{transition-delay:.45s} [data-sal][data-sal-delay="500"]{transition-delay:.5s} [data-sal][data-sal-delay="550"]{transition-delay:.55s} [data-sal][data-sal-delay="600"]{transition-delay:.6s} [data-sal][data-sal-delay="650"]{transition-delay:.65s} [data-sal][data-sal-delay="700"]{transition-delay:.7s} [data-sal][data-sal-delay="750"]{transition-delay:.75s} [data-sal][data-sal-delay="800"]{transition-delay:.8s} [data-sal][data-sal-delay="850"]{transition-delay:.85s} [data-sal][data-sal-delay="900"]{transition-delay:.9s} [data-sal][data-sal-delay="950"]{transition-delay:.95s} [data-sal][data-sal-delay="1000"]{transition-delay:1s} [data-sal][data-sal-easing=linear]{transition-timing-function:linear} [data-sal][data-sal-easing=ease]{transition-timing-function:ease} [data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in} [data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out} [data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out} [data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)} [data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)} [data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)} [data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)} [data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)} [data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)} [data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)} [data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)} [data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)} [data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)} [data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)} [data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)} [data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)} [data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)} [data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)} [data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)} [data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)} [data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)} [data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)} [data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)} [data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)} [data-sal|=fade]{opacity:0;transition-property:opacity} [data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1} [data-sal|=slide]{opacity:0;transition-property:opacity,transform} [data-sal=slide-up]{transform:translateY(20%)} [data-sal=slide-down]{transform:translateY(-20%)} [data-sal=slide-left]{transform:translateX(20%)} [data-sal=slide-right]{transform:translateX(-20%)} [data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none} [data-sal|=zoom]{opacity:0;transition-property:opacity,transform} [data-sal=zoom-in]{transform:scale(.5)} [data-sal=zoom-out]{transform:scale(1.1)} [data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none} [data-sal|=flip]{backface-visibility:hidden;transition-property:transform} [data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)} [data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)} [data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)} [data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)} [data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none} /* SWIPER.JS */ .swiper-pagination{ z-index: 10; margin-top: 1rem; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center} .swiper-pagination-bullet{ margin-right: 0.5rem; display: block; height: 8px; width: 8px; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(186 186 186 / var(--tw-bg-opacity))} .swiper-pagination-bullet-active{ --tw-bg-opacity: 1; background-color: rgb(57 235 24 / var(--tw-bg-opacity))} .swiper-button{ position: absolute; top: 50%; z-index: 10; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; /* adjust by half the swiper-pagination height */ --tw-translate-y: calc(-50% - 12px); 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))} .swiper-button svg{ height: 60px; width: 60px} .swiper-button svg path{ fill: #BABABA} .swiper-button:hover svg path{ fill: #FFFFFF} .swiper-button-prev{ left: -10px} .swiper-button-next{ right: -10px} @media (min-width: 768px){ .swiper:hover .swiper-button{ opacity: 1}} /* Theme*/ :root { --container-width: 100%; --header-height: 108.922px; --section-gap: 64px; --column-gap: max(2.5vw, 24px); --site-padding: 32px; } @media (min-width: 768px) { :root { --section-gap: 80px; --site-padding: 48px } } @media (min-width: 1024px) { :root { --container-width: clamp(768px, 768vw / 1024 * 100, 1360px); --section-gap: 96px; --site-padding: 64px } } @media (min-width: 1280px) { :root { --section-gap: 112px; --site-padding: max(80px, 6.25vw) } } @media (min-width: 1536px) { :root { --section-gap: 128px } } :root{ --admin-bar-height: 32px} @media (max-width: 782px) { :root { --admin-bar-height: 46px } } html{ position: relative; margin-top: 0px !important; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); scroll-behavior: smooth} /* Theme */ .has-primary-background-color{ --tw-bg-opacity: 1; background-color: rgb(57 235 24 / var(--tw-bg-opacity))} .has-black-background-color{ --tw-bg-opacity: 1; background-color: rgb(25 25 25 / var(--tw-bg-opacity))} .has-gray-background-color{ --tw-bg-opacity: 1; background-color: rgb(186 186 186 / var(--tw-bg-opacity))} .has-white-background-color{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity))} .has-primary-color{ --tw-text-opacity: 1; color: rgb(57 235 24 / var(--tw-text-opacity))} .has-black-color{ --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity))} .has-gray-color{ --tw-text-opacity: 1; color: rgb(186 186 186 / var(--tw-text-opacity))} .has-white-color{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity))} /* Forms */ .has-error-background-color{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity))} .has-warning-background-color{ --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity))} .has-success-background-color{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity))} .has-error-color{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity))} .has-warning-color{ --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity))} .has-success-color{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity))} /* SWATCH */ .swatch{ position: relative; border-width: 1px; border-style: dotted; border-color: rgb(0 0 0 / .125); padding: 0px; padding-top: 100%} .swatch > p{ position: absolute; left: 0px; top: 0px; padding: 2rem} /* large bottom offset*/ .has-bottom-lg-gradient-background { --position: calc(100% - var(--section-gap) - 144px); background-image: linear-gradient( to bottom, #FFFFFF var(--position), #f2f2f3 var(--position), #f2f2f3 calc(var(--position) + 1px), transparent calc(var(--position) + 1px) ); } /* medium bottom offset*/ .has-bottom-md-gradient-background { --position: calc(100% - var(--section-gap) - 64px); background-image: linear-gradient( to bottom, #FFFFFF var(--position), #f2f2f3 var(--position), #f2f2f3 calc(var(--position) + 1px), transparent calc(var(--position) + 1px) ); } /* small bottom offset*/ .has-bottom-sm-gradient-background { --position: calc(100% - 64px); background-image: linear-gradient( to bottom, #FFFFFF var(--position), #f2f2f3 var(--position), #f2f2f3 calc(var(--position) + 1px), transparent calc(var(--position) + 1px) ); } /* top offset*/ .has-top-gradient-background { --position: calc(100% - var(--section-gap) - 64px); background-image: linear-gradient( to top, #FFFFFF var(--position), #f2f2f3 var(--position), #f2f2f3 calc(var(--position) + 1px), transparent calc(var(--position) + 1px) ); } label, legend{ font-size: var(--ui-label); font-weight: 700; text-transform: uppercase; margin-bottom: 0px; display: block; padding-bottom: 0.25rem; padding-left: 0.25rem} /* * BASIC FORM FIELDS * */ input, select, textarea{ background-color: transparent; font-size: var(--body-default); font-weight: 300} input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder{ color: rgb(25 25 25 / 0.5); color: rgb(25 25 25 / 0.8)} input::placeholder, select::placeholder, textarea::placeholder{ color: rgb(25 25 25 / 0.5); color: rgb(25 25 25 / 0.8)} .site .gform_wrapper.gravity-theme input, .site .gform_wrapper.gravity-theme select, .site .gform_wrapper.gravity-theme textarea{ font-size: var(--body-default); font-weight: 300} .site .gform_wrapper.gravity-theme input::-moz-placeholder, .site .gform_wrapper.gravity-theme select::-moz-placeholder, .site .gform_wrapper.gravity-theme textarea::-moz-placeholder{ color: rgb(25 25 25 / 0.5)} .site .gform_wrapper.gravity-theme input::placeholder, .site .gform_wrapper.gravity-theme select::placeholder, .site .gform_wrapper.gravity-theme textarea::placeholder{ color: rgb(25 25 25 / 0.5)} .site .gform_wrapper.gravity-theme input.small.small, .site .gform_wrapper.gravity-theme select.small.small, .site .gform_wrapper.gravity-theme textarea.small.small{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; height: calc(1.22222em + 1rem)} .site .gform_wrapper.gravity-theme input.small.small:not(:-moz-placeholder-shown), .site .gform_wrapper.gravity-theme select.small.small:not(:-moz-placeholder-shown), .site .gform_wrapper.gravity-theme textarea.small.small:not(:-moz-placeholder-shown) { height: calc(6.11111em + 1rem); } .site .gform_wrapper.gravity-theme input.small.small:focus, .site .gform_wrapper.gravity-theme input.small.small:not(:placeholder-shown), .site .gform_wrapper.gravity-theme select.small.small:focus, .site .gform_wrapper.gravity-theme select.small.small:not(:placeholder-shown), .site .gform_wrapper.gravity-theme textarea.small.small:focus, .site .gform_wrapper.gravity-theme textarea.small.small:not(:placeholder-shown) { height: calc(6.11111em + 1rem); } /*text inputs and dropdowns*/ [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea, select{ font-size: var(--body-default); font-weight: 300} [type='color']::-moz-placeholder, [type='date']::-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='email']::-moz-placeholder, [type='month']::-moz-placeholder, [type='number']::-moz-placeholder, [type='password']::-moz-placeholder, [type='search']::-moz-placeholder, [type='tel']::-moz-placeholder, [type='text']::-moz-placeholder, [type='time']::-moz-placeholder, [type='url']::-moz-placeholder, [type='week']::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{ color: rgb(25 25 25 / 0.5)} [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder, select::placeholder{ color: rgb(25 25 25 / 0.5)} [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea, select{ position: relative; width: 100%; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; outline: 2px solid transparent; outline-offset: 2px} .site .gform_wrapper.gravity-theme [type='color'], .site .gform_wrapper.gravity-theme [type='date'], .site .gform_wrapper.gravity-theme [type='datetime'], .site .gform_wrapper.gravity-theme [type='datetime-local'], .site .gform_wrapper.gravity-theme [type='email'], .site .gform_wrapper.gravity-theme [type='month'], .site .gform_wrapper.gravity-theme [type='number'], .site .gform_wrapper.gravity-theme [type='password'], .site .gform_wrapper.gravity-theme [type='search'], .site .gform_wrapper.gravity-theme [type='tel'], .site .gform_wrapper.gravity-theme [type='text'], .site .gform_wrapper.gravity-theme [type='time'], .site .gform_wrapper.gravity-theme [type='url'], .site .gform_wrapper.gravity-theme [type='week'], .site .gform_wrapper.gravity-theme input:not([type]), .site .gform_wrapper.gravity-theme textarea, .site .gform_wrapper.gravity-theme select{ font-size: var(--body-default); font-weight: 300} .site .gform_wrapper.gravity-theme [type='color']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='date']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='datetime']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='datetime-local']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='email']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='month']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='number']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='password']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='search']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='tel']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='text']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='time']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='url']::-moz-placeholder, .site .gform_wrapper.gravity-theme [type='week']::-moz-placeholder, .site .gform_wrapper.gravity-theme input:not([type])::-moz-placeholder, .site .gform_wrapper.gravity-theme textarea::-moz-placeholder, .site .gform_wrapper.gravity-theme select::-moz-placeholder{ color: rgb(25 25 25 / 0.5)} .site .gform_wrapper.gravity-theme [type='color']::placeholder, .site .gform_wrapper.gravity-theme [type='date']::placeholder, .site .gform_wrapper.gravity-theme [type='datetime']::placeholder, .site .gform_wrapper.gravity-theme [type='datetime-local']::placeholder, .site .gform_wrapper.gravity-theme [type='email']::placeholder, .site .gform_wrapper.gravity-theme [type='month']::placeholder, .site .gform_wrapper.gravity-theme [type='number']::placeholder, .site .gform_wrapper.gravity-theme [type='password']::placeholder, .site .gform_wrapper.gravity-theme [type='search']::placeholder, .site .gform_wrapper.gravity-theme [type='tel']::placeholder, .site .gform_wrapper.gravity-theme [type='text']::placeholder, .site .gform_wrapper.gravity-theme [type='time']::placeholder, .site .gform_wrapper.gravity-theme [type='url']::placeholder, .site .gform_wrapper.gravity-theme [type='week']::placeholder, .site .gform_wrapper.gravity-theme input:not([type])::placeholder, .site .gform_wrapper.gravity-theme textarea::placeholder, .site .gform_wrapper.gravity-theme select::placeholder{ color: rgb(25 25 25 / 0.5)} .site .gform_wrapper.gravity-theme [type='color'], .site .gform_wrapper.gravity-theme [type='date'], .site .gform_wrapper.gravity-theme [type='datetime'], .site .gform_wrapper.gravity-theme [type='datetime-local'], .site .gform_wrapper.gravity-theme [type='email'], .site .gform_wrapper.gravity-theme [type='month'], .site .gform_wrapper.gravity-theme [type='number'], .site .gform_wrapper.gravity-theme [type='password'], .site .gform_wrapper.gravity-theme [type='search'], .site .gform_wrapper.gravity-theme [type='tel'], .site .gform_wrapper.gravity-theme [type='text'], .site .gform_wrapper.gravity-theme [type='time'], .site .gform_wrapper.gravity-theme [type='url'], .site .gform_wrapper.gravity-theme [type='week'], .site .gform_wrapper.gravity-theme input:not([type]), .site .gform_wrapper.gravity-theme textarea, .site .gform_wrapper.gravity-theme select{ position: relative; width: 100%; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; outline: 2px solid transparent; outline-offset: 2px} /*radio and checkbox*/ [type='checkbox'], [type='radio']{ position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 0; color: inherit} [type='checkbox'] + label, [type='radio'] + label{ font-weight: 400} [type='checkbox']:before, [type='radio']:before{ display: inline-block; height: 16px; width: 16px; border-width: 1px; --tw-content: ''; content: var(--tw-content); border-color: currentColor} [type='checkbox']:after, [type='radio']:after{ position: absolute; left: 50%; top: 50%; display: inline-block; --tw-translate-x: -50%; --tw-translate-y: -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)); --tw-content: ''; content: var(--tw-content); width: 11px; height: 11px} [type='checkbox']:hover:before, [type='radio']:hover:before { color: rgba($color-text, 0.5); } [type='checkbox']:checked:after, [type='radio']:checked:after{ --tw-bg-opacity: 1; background-color: rgb(57 235 24 / var(--tw-bg-opacity))} [type='checkbox']:before, [type='checkbox']:after{ border-radius: 0px} [type='radio']:before, [type='radio']:after{ border-radius: 9999px} /* prevent horizonatal resize of textareas*/ textarea { resize: none; } /* set custom icon for dropdowns*/ select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10 fa-3x'%3E%3Cpath fill='currentColor' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z' class=''%3E%3C/path%3E%3C/svg%3E"); background-size: 0.625em; background-repeat: no-repeat; background-position: right 0.5em center} .site .gform_wrapper.gravity-theme select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10 fa-3x'%3E%3Cpath fill='currentColor' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z' class=''%3E%3C/path%3E%3C/svg%3E"); background-size: 0.625em; background-repeat: no-repeat; background-position: right 0.5em center} @-moz-document url-prefix() { select { background-image: none; } } [type='file'] { cursor: pointer; } [type='submit'], [type='reset'], [type='button']{ font-size: var(--ui-default); font-weight: 700; text-transform: uppercase; position: relative; display: flex; cursor: pointer; align-items: center; white-space: nowrap; border-radius: 0px; -webkit-background-clip: text; background-clip: text; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; color: transparent; transition-property: background-position; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} [type='submit']:hover, [type='reset']:hover, [type='button']:hover{ text-decoration-line: none} @media (min-width: 1280px){ [type='submit'], [type='reset'], [type='button']{ padding-left: 2.5rem; padding-right: 2.5rem}} [type='submit'], [type='reset'], [type='button'] { background-image: linear-gradient(90deg, #39EB18 50%, #191919 50%); background-size: calc(200% + 1px) 100%; background-position: calc(100% + 0.5px) 0; } [type='submit']:hover,[type='submit']:focus, [type='reset']:hover, [type='reset']:focus, [type='button']:hover, [type='button']:focus { background-position: 0 0; } .site .gform_wrapper.gravity-theme .gform_title, .site .gform_wrapper.gravity-theme .gform_description{ margin-bottom: 2rem; display: block} .site .gform_wrapper.gravity-theme .gform_title + .gform_description{ margin-top: -2rem} .site .gform_wrapper.gravity-theme .gform_required_legend, .site .gform_wrapper.gravity-theme .gform_validation_errors{ display: none} .site .gform_wrapper.gravity-theme .gform_fields{ -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 3rem} .site .gform_wrapper.gravity-theme .gfield{ position: relative} .site .gform_wrapper.gravity-theme .gfield > .ginput_container:not(.ginput_complex), .site .gform_wrapper.gravity-theme .gfield > .ginput_complex > span{ position: relative; display: grid} .site .gform_wrapper.gravity-theme .gfield > .ginput_container:not(.ginput_complex):after, .site .gform_wrapper.gravity-theme .gfield > .ginput_complex > span:after { content: ''; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 100%; --tw-bg-opacity: 1; background-color: rgb(25 25 25 / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; background-image: linear-gradient(90deg, #39EB18 50%, #191919 50%); background-size: calc(200% + 1px) 100%; background-position: calc(100% + 0.5px) 0; } .site .gform_wrapper.gravity-theme .gfield > .ginput_container:not(.ginput_complex):hover:after, .site .gform_wrapper.gravity-theme .gfield > .ginput_container:not(.ginput_complex):focus-within:after, .site .gform_wrapper.gravity-theme .gfield > .ginput_complex > span:hover:after, .site .gform_wrapper.gravity-theme .gfield > .ginput_complex > span:focus-within:after { background-position: 0 0; } .site .gform_wrapper.gravity-theme .gfield_label{ font-size: var(--ui-label); font-weight: 700; text-transform: uppercase; margin-bottom: 0px; display: block; padding-bottom: 0.25rem; padding-left: 0.25rem} .site .gform_wrapper.gravity-theme .gfield_required { color: inherit; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .site .gform_wrapper.gravity-theme .gfield_description, .site .gform_wrapper.gravity-theme .ginput_complex label, .site .gform_wrapper.gravity-theme .gform_fileupload_rules{ font-size: var(--ui-label); font-weight: 700; text-transform: uppercase; padding-top: 0px} .site .gform_wrapper.gravity-theme .ginput_complex{ row-gap: 3rem} @media (min-width: 640px){ .site .gform_wrapper.gravity-theme .ginput_complex{ margin: 0px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -moz-column-gap: 24px; column-gap: 24px}} .site .gform_wrapper.gravity-theme .ginput_complex span{ margin: 0px; padding-left: 0px !important; padding-right: 0px !important} @media (min-width: 640px){ .site .gform_wrapper.gravity-theme .ginput_complex span{ padding: 0px} .site .gform_wrapper.gravity-theme .ginput_complex span.ginput_full{ grid-column: 1 / -1}} .site .gform_wrapper.gravity-theme .gform_footer{ margin-top: 0px; padding: 0px} .site .gform_wrapper.gravity-theme .gform_footer .gform_button{ margin-bottom: 0px; margin-left: auto; margin-right: 0.25rem; margin-top: 2rem} .site .gform_wrapper.gravity-theme .gform_footer .wp-block-button{ margin-bottom: 0px; margin-left: auto; margin-right: 0.25rem; margin-top: 2rem} .site .gform_wrapper.gravity-theme .gform_footer .wp-block-button .gform_button{ margin: 0px} .site .gform_wrapper.gravity-theme .gfield_error [aria-invalid='true']{ border-width: 0px} /* errors */ .site .gform_wrapper.gravity-theme.gform_validation_error .gfield_error label { color: #191919; } .site .gform_wrapper.gravity-theme.gform_validation_error .gfield_error input, .site .gform_wrapper.gravity-theme.gform_validation_error .gfield_error textarea, .site .gform_wrapper.gravity-theme.gform_validation_error .gfield_error select, .site .gform_wrapper.gravity-theme.gform_validation_error .gfield_error [type='radio']:before, .site .gform_wrapper.gravity-theme.gform_validation_error .gfield_error [type='checkbox']:before { border-color: #dc2626; } .site .gform_wrapper.gravity-theme.gform_validation_error .gfield_error > .ginput_container:not(.ginput_complex):not(.interacted):after, .site .gform_wrapper.gravity-theme.gform_validation_error .gfield_error > .ginput_complex > span:not(.interacted):after { background-image: linear-gradient(90deg, #dc2626 50%, #dc2626 50%); } .site .gform_wrapper.gravity-theme.gform_validation_error .gfield_validation_message{ border-style: none; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0px; padding-bottom: 0px; font-weight: 600; text-transform: none; background-color: transparent; color: #dc2626} /* enhanced select */ .site .gform_wrapper.gravity-theme .chosen-container .chosen-search, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-search { display: none; } .site .gform_wrapper.gravity-theme .chosen-container .chosen-single, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-single{ font-size: var(--body-default); font-weight: 300} .site .gform_wrapper.gravity-theme .chosen-container .chosen-single::-moz-placeholder, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-single::-moz-placeholder{ color: rgb(25 25 25 / 0.5)} .site .gform_wrapper.gravity-theme .chosen-container .chosen-single::placeholder, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-single::placeholder{ color: rgb(25 25 25 / 0.5)} .site .gform_wrapper.gravity-theme .chosen-container .chosen-single, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-single{ position: relative; width: 100%; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; outline: 2px solid transparent; outline-offset: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10 fa-3x'%3E%3Cpath fill='currentColor' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z' class=''%3E%3C/path%3E%3C/svg%3E"); background-size: 0.625em; background-repeat: no-repeat; background-position: right 0.5em center; border-color: inherit; height: auto; box-shadow: none !important} .site .gform_wrapper.gravity-theme .chosen-container .chosen-single span, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-single span { line-height: inherit; margin: 0 !important; } .site .gform_wrapper.gravity-theme .chosen-container .chosen-single div, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-single div { display: none; } .site .gform_wrapper.gravity-theme .chosen-container .chosen-drop, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-drop { box-shadow: none; padding: 0; --tw-border-opacity: 1; border-color: rgb(57 235 24 / var(--tw-border-opacity)); border-bottom-width: 1px; margin-top: -1px; } .site .gform_wrapper.gravity-theme .chosen-container .chosen-results, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-results { margin: 0; padding: 0; } .site .gform_wrapper.gravity-theme .chosen-container .chosen-results li, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-results li { font-size: var(--body-default); line-height: inherit; padding: 5px 8px; } .site .gform_wrapper.gravity-theme .chosen-container .chosen-results li.highlighted, .site .gform_wrapper.gravity-theme .chosen-container-single .chosen-results li.highlighted { background-image: none; --tw-bg-opacity: 1; background-color: rgb(57 235 24 / var(--tw-bg-opacity)); } .site .gform_wrapper.gravity-theme .chosen-container.chosen-container-active .chosen-single, .site .gform_wrapper.gravity-theme .chosen-container-single.chosen-container-active .chosen-single{ --tw-border-opacity: 1; border-color: rgb(57 235 24 / var(--tw-border-opacity)); border-bottom-width: 1px; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10 fa-3x'%3E%3Cpath fill='currentColor' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z' class=''%3E%3C/path%3E%3C/svg%3E") !important} /*inline form*/ .site .gform_wrapper.gravity-theme .inline-form .gfield_validation_message{ position: absolute} .site .gform_wrapper.gravity-theme .inline-form #field_submit { display: flex; } .site .gform_wrapper.gravity-theme .inline-form #field_submit button { flex: 1; } /* default form */ .site .gform_wrapper.gravity-theme form:not(.material-design) [type='color'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='date'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='datetime'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='datetime-local'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='email'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='month'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='number'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='password'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='search'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='tel'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='text'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='time'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='url'], .site .gform_wrapper.gravity-theme form:not(.material-design) [type='week'], .site .gform_wrapper.gravity-theme form:not(.material-design) input:not([type]), .site .gform_wrapper.gravity-theme form:not(.material-design) textarea, .site .gform_wrapper.gravity-theme form:not(.material-design) select{ --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity))} /* material design */ .site .gform_wrapper.gravity-theme .material-design .gform_fields{ row-gap: 0.5rem} .site .gform_wrapper.gravity-theme .material-design .gfield:not(:first-child).has-select, .site .gform_wrapper.gravity-theme .material-design .gfield:not(:first-child).has-textarea{ padding-top: 1rem} .site .gform_wrapper.gravity-theme .material-design [type='color'], .site .gform_wrapper.gravity-theme .material-design [type='date'], .site .gform_wrapper.gravity-theme .material-design [type='datetime'], .site .gform_wrapper.gravity-theme .material-design [type='datetime-local'], .site .gform_wrapper.gravity-theme .material-design [type='email'], .site .gform_wrapper.gravity-theme .material-design [type='month'], .site .gform_wrapper.gravity-theme .material-design [type='number'], .site .gform_wrapper.gravity-theme .material-design [type='password'], .site .gform_wrapper.gravity-theme .material-design [type='search'], .site .gform_wrapper.gravity-theme .material-design [type='tel'], .site .gform_wrapper.gravity-theme .material-design [type='text'], .site .gform_wrapper.gravity-theme .material-design [type='time'], .site .gform_wrapper.gravity-theme .material-design [type='url'], .site .gform_wrapper.gravity-theme .material-design [type='week'], .site .gform_wrapper.gravity-theme .material-design input:not([type]) select{ border-radius: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px !important; background-color: transparent} .site .gform_wrapper.gravity-theme .material-design .has-textarea { padding-top: $space * 1.5; } .site .gform_wrapper.gravity-theme .material-design .has-textarea textarea { background-color: transparent; } .site .gform_wrapper.gravity-theme .material-design select { background-position: right 4px center; } .site .gform_wrapper.gravity-theme .material-design .chosen-single{ border-radius: 0px; border-left-width: 0px !important; border-right-width: 0px !important; border-top-width: 0px !important; padding-left: 0px; padding-right: 0px; background-position: right 4px center; background-color: transparent; border-color: currentColor; color: inherit} .site .gform_wrapper.gravity-theme .material-design .chosen-container-active.chosen-with-drop .chosen-single { border-bottom-color: transparent !important; } .site .gform_wrapper.gravity-theme .material-design .chosen-drop { border-top: 1px solid #39EB18 !important; } .site .gform_wrapper.gravity-theme .material-design .gfield.has-text-input:not(.has-select) .gfield_label{ font-weight: 400; pointer-events: none; padding: 5px 0; margin: 0; transform: translateY(100%) scale(1); will-change: transform; transform-origin: left; transition: transform 100ms ease} .site .gform_wrapper.gravity-theme .material-design .gfield.has-text-input:not(.has-select):focus-within .gfield_label, .site .gform_wrapper.gravity-theme .material-design .gfield.has-text-input:not(.has-select).has_value .gfield_label{ font-weight: 500; transform: translateY(5px) scale(0.8)} /*INLINE FORM ERRORS*/ .gform_validation_error .inline-form{ margin-bottom: 2rem} /* Type vars*/ :root { --heading-huge: clamp(2.4rem, 7.03125vw, 4.5rem); --heading-1: clamp(2rem, 5.85938vw, 3.75rem); --heading-2: clamp(1.6rem, 4.6875vw, 3rem); --heading-3: 1.25rem; --heading-small: 1rem; --body-large: 1.25rem; --body-default: 1rem; --ui-large: 1.25rem; --ui-default: 0.875rem; --ui-menu: 1rem; --ui-label: 0.875rem; --ui-scroll: 0.75rem; } @media (min-width: 768px) { :root { --heading-huge: clamp(2.4rem, 3.75vw, 4.5rem); --heading-1: clamp(2rem, 3.125vw, 3.75rem); --heading-2: clamp(1.6rem, 2.5vw, 3rem) } } @media (min-width: 1024px) { :root { --ui-large: 1rem } } @media (min-width: 1280px) { :root { --ui-large: 1.25rem } } @media (min-width: 1536px) { :root { --heading-3: 1.5rem; --body-large: 1.5rem; --ui-large: 1.5rem; --ui-default: 1.125rem } } /* Extend tailwind type styles*/ /* Type Styles*/ html{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} body, .editor-styles-wrapper{ font-family: Montserrat, sans-serif; font-size: var(--body-default); line-height: 1.222222222; --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity))} p{ font-size: var(--body-default); font-weight: 300; margin-bottom: 1rem} p:last-child{ margin-bottom: 0px} /* Editor classes*/ .has-heading-huge-font-size{ font-size: var(--heading-huge); font-weight: 700} .has-heading-1-font-size{ font-size: var(--heading-1); font-weight: 700} .has-heading-2-font-size{ font-size: var(--heading-2); font-weight: 700} .has-heading-3-font-size{ font-size: var(--heading-3); font-weight: 700} .has-heading-small-font-size{ font-size: var(--heading-small); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em} .is-style-eyebrow{ font-size: var(--heading-3); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(57 235 24 / var(--tw-text-opacity))} .has-body-large-font-size{ font-size: var(--body-large); font-weight: 300} .has-body-font-size{ font-size: var(--body-default); font-weight: 300} ul, ol, blockquote, cite, figcaption{ font-size: var(--body-default); font-weight: 300} a{ cursor: pointer; --tw-text-opacity: 1; color: rgb(57 235 24 / var(--tw-text-opacity)); text-decoration-line: none; text-decoration-thickness: 2px; text-underline-offset: 2px} a:hover{ text-decoration-line: underline} a[href*='tel:'], a[href*='mailto:']{ --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity)); text-decoration-line: none} a[href*='tel:']:hover, a[href*='mailto:']:hover{ text-decoration-line: underline} /* image b&w until hover*/ .site-content .wp-block-image img, .site-content .wp-block-image picture, .site-content .wp-block-media-text__media img, .site-content .wp-block-media-text__media picture, .site-content .wp-block-cover .wp-block-cover__image-background{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); transition-property: filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} .site-content .wp-block-image img:hover, .site-content .wp-block-image picture:hover, .site-content .wp-block-media-text__media img:hover, .site-content .wp-block-media-text__media picture:hover, .site-content .wp-block-cover .wp-block-cover__image-background:hover{ --tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .site-content .wp-block-cover:hover .wp-block-cover__image-background{ --tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} /* Sal stuffs*/ [data-sal]{ transition-delay: var(--sal-delay,0ms); transition-duration: var(--sal-duration,800ms); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)} [data-sal='slide-up']{ --tw-translate-y: 1.25rem; 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)); opacity: 0} [data-sal='slide-up'].sal-animate{ --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)); opacity: 1} /* don't animate full sections for media-text / cover*/ .wp-block-media-text[data-sal='fade']{ opacity: 1 !important} .wp-block-media-text[data-sal='fade'] > .wp-block-media-text__media, .wp-block-media-text[data-sal='fade']:after{ opacity: 0; transition-property: opacity; transition-duration: 150ms; transition-delay: var(--sal-delay,0ms); transition-duration: var(--sal-duration,500ms); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)} .wp-block-media-text[data-sal='fade'].sal-animate > .wp-block-media-text__media, .wp-block-media-text[data-sal='fade'].sal-animate:after{ opacity: 1} .wp-block-cover[data-sal='fade']{ opacity: 1 !important} .wp-block-cover[data-sal='fade'] > .wp-block-cover__image-background, .wp-block-cover[data-sal='fade']:after, .wp-block-cover[data-sal='fade']:before{ opacity: 0; transition-property: opacity; transition-duration: 150ms; transition-delay: var(--sal-delay,0ms); transition-duration: var(--sal-duration,500ms); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)} .wp-block-cover[data-sal='fade'].sal-animate > .wp-block-cover__image-background, .wp-block-cover[data-sal='fade'].sal-animate:after, .wp-block-cover[data-sal='fade'].sal-animate:before{ opacity: 1} /* mobile sal remove delays*/ @media not all and (min-width: 768px) { [data-sal]:not(.is-style-hero *) { --sal-delay: 0ms !important; } } .site-footer { /*styles*/ --tw-bg-opacity: 1; background-color: rgb(57 235 24 / var(--tw-bg-opacity)); padding-top: 3.5rem; padding-bottom: 3.5rem; --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity)); } .site-footer .site-footer__inner{ display: grid; align-items: center; justify-content: center; gap: 3rem} @media (min-width: 768px){ .site-footer .site-footer__inner{ grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: space-between}} @media (min-width: 1024px){ .site-footer .site-footer__inner{ display: flex}} .site-footer .footer-branding img{ --tw-brightness: brightness(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} @media not all and (min-width: 768px){ .site-footer .footer-branding img{ width: 200px}} .site-footer .footer-team{ display: flex; justify-content: center} @media (min-width: 768px){ @media not all and (min-width: 1024px){ .site-footer .footer-team{ justify-content: flex-end}}} .site-footer .footer-team .wp-block-button__link { background-image: linear-gradient(90deg, #191919 50%, #FFFFFF 50%); } .site-footer .footer-veriforce{ display: flex; justify-content: center} @media (min-width: 768px){ @media not all and (min-width: 1024px){ .site-footer .footer-veriforce{ justify-content: flex-start}}} .site-footer .footer-veriforce svg{ height: 100%; width: 100%; max-width: 189px} .site-footer .footer-social{ display: flex; align-items: center; justify-content: center; gap: 1.5rem} @media (min-width: 768px){ .site-footer .footer-social{ justify-content: flex-end}} .site-footer .footer-social .social-label{ font-size: var(--ui-label); font-weight: 700; text-transform: uppercase; margin: 0px !important; white-space: nowrap} .site-footer .footer-social ul{ display: flex; gap: 0.75rem} .site-footer .footer-social a{ display: block; height: 1.5rem; width: 1.5rem; background-size: contain; background-position: center; background-repeat: no-repeat} @media (min-width: 768px){ .site-footer .footer-social a{ height: 2rem; width: 2rem}} /* facebook*/ .site-footer .footer-social a[href*='facebook.com'] { background-image: url('data:image/svg+xml;utf8,'); } /* linkedin*/ .site-footer .footer-social a[href*='linkedin.com'] { background-image: url('data:image/svg+xml;utf8,'); } .site-header{ position: relative; left: 0px; top: 0px; width: 100%; padding-top: 1.5rem; padding-bottom: 1.5rem} @media (min-width: 1024px){ .site-header{ z-index: 1; padding-top: 2rem; padding-bottom: 2rem}} @media (min-width: 1536px){ .site-header{ padding-top: 3rem; padding-bottom: 3rem}} .site-header { --sal-delay: 200ms; } .site-header:after { content: ''; position: absolute; inset: 0px; z-index: -1; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .site-header__inner{ display: flex; align-items: center; justify-content: space-between} @media not all and (min-width: 768px){ .site-branding{ max-width: 200px}} .site-branding a{ text-decoration-line: none} .menu-item{ display: flex; flex-wrap: wrap} .menu-item a{ position: relative; padding-top: 0.5rem; padding-bottom: 0.5rem; color: currentColor; text-decoration-line: none} .menu{ align-items: center; -moz-column-gap: 3.125vw; column-gap: 3.125vw} @media (min-width: 1024px){ .menu{ display: flex}} /* main menu*/ .menu > .menu-item{ font-size: var(--ui-menu); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity))} @media not all and (min-width: 1024px){ .menu > .menu-item{ position: relative; width: 100%}} .menu > .menu-item > a{ overflow: hidden; white-space: nowrap; padding-top: 0.5rem; padding-bottom: 0.5rem} @media not all and (min-width: 1024px){ .menu > .menu-item > a{ margin-left: auto; margin-right: auto}} .menu > .menu-item > a:after { content: ''; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 0.125rem; --tw-translate-x: calc(-100% + -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)); --tw-bg-opacity: 1; background-color: rgb(57 235 24 / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .menu > .menu-item > a:hover:after{ --tw-translate-x: 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))} /* sub menu*/ .menu > .menu-item > .sub-menu{ left: 0px; right: 0px; top: 100%; z-index: -1; margin-bottom: -1.25rem; display: grid; gap: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(25 25 25 / var(--tw-bg-opacity)); padding-left: var(--site-padding); padding-right: var(--site-padding); padding-top: 7.5vw; padding-bottom: 7.5vw; color: transparent} @media (min-width: 1024px){ .menu > .menu-item > .sub-menu{ position: absolute; grid-template-columns: 1fr auto}} .menu > .menu-item > .sub-menu{ --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity))} @media not all and (min-width: 1024px){ .menu > .menu-item > .sub-menu{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0px; padding-right: 0px} .menu > .menu-item > .sub-menu > li{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(186 186 186 / var(--tw-border-opacity))} .menu > .menu-item > .sub-menu > li:before{ display: none !important} .menu > .menu-item > .sub-menu > li > a{ font-size: 13px} .menu > .menu-item > .sub-menu > li .sub-menu{ padding-left: 0px !important; padding-right: 0px !important}} .menu > .menu-item > .sub-menu:not(.is-active){ pointer-events: none; display: none; opacity: 0} @media (min-width: 1080px) { .menu > .menu-item > .sub-menu{ grid-template-columns: repeat(2, minmax(0, 1fr))} } .menu > .menu-item > .sub-menu{ counter-reset: sub-menu; pointer-events: none; --tw-translate-y: -1.25rem; 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)); opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} .menu > .menu-item > .sub-menu.is-active, .menu > .menu-item > .sub-menu:focus-within{ pointer-events: auto; --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)); opacity: 1} .menu > .menu-item > .sub-menu a{ -webkit-background-clip: text; background-clip: text; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; background-image: linear-gradient(90deg, #39EB18 50%, #FFFFFF 50%); background-size: calc(200% + 1px) 100%; background-position: calc(100% + 0.5px) 0} .menu > .menu-item > .sub-menu a:hover { background-position: 0 0; } .menu > .menu-item > .sub-menu > .menu-item{ font-size: var(--ui-large); font-weight: 700; text-transform: uppercase; align-items: baseline} @media (min-width: 1024px){ .menu > .menu-item > .sub-menu > .menu-item{ grid-column-start: 2}} .menu > .menu-item > .sub-menu > .menu-item { counter-increment: sub-menu; } .menu > .menu-item > .sub-menu > .menu-item.menu-item-has-children{ align-content: flex-start} @media (min-width: 1024px){ .menu > .menu-item > .sub-menu > .menu-item.menu-item-has-children{ grid-column-start: 1; grid-row: span 4 / span 4}} .menu > .menu-item > .sub-menu > .menu-item:before { content: '0' counter(sub-menu); font-size: var(--ui-default); font-weight: 700; text-transform: uppercase; width: 2.25rem; --tw-text-opacity: 1; color: rgb(57 235 24 / var(--tw-text-opacity)); } .menu > .menu-item > .sub-menu > .menu-item > .sub-menu{ display: grid; padding-left: 2.25rem} .menu > .menu-item > .sub-menu > .menu-item > .sub-menu .menu-item{ font-size: var(--ui-default); font-weight: 700; text-transform: uppercase; align-items: center} .menu > .menu-item > .sub-menu > .menu-item > .sub-menu .menu-item:before { content: ''; font-size: var(--ui-default); font-weight: 700; text-transform: uppercase; margin-right: 1rem; height: 0.125rem; width: 1em; --tw-bg-opacity: 1; background-color: rgb(57 235 24 / var(--tw-bg-opacity)); } .menu-toggle{ display: none} @media not all and (min-width: 1024px) { .site-header{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} .menu-toggle{ display: flex; background-color: transparent; stroke: #191919; padding: 0.5rem} .menu-toggle:hover{ background-color: transparent; stroke: #39EB18} .menu-toggle svg{ height: 1.5rem; width: 1.5rem; stroke-width: 2} .menu-toggle svg .top, .menu-toggle svg .bot{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition: transform 150ms linear; transform: translate(0, 0) rotate(0deg); transform-origin: center} body.menu-open .menu-toggle svg .top { transform: rotate(45deg) translate(0px, 4px); } body.menu-open .menu-toggle svg .bot { transform: rotate(-45deg) translate(0px, -4px); } .site-navigation{ position: absolute; bottom: 0px; right: 0px; top: var(--header-height); z-index: 0; display: grid; width: 320px; overflow: hidden; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 3rem; height: calc(100vh - var(--header-height))} @supports (height: 100dvh) { .site-navigation { height: calc(100dvh - var(--header-height)) } } .site-navigation .menu{ display: flex; flex-direction: column; gap: 3rem; padding-top: 1.75rem; padding-bottom: 1.75rem} } .wp-block-highlight{ position: absolute; left: var(--x); top: var(--y); z-index: 10; height: 0px; width: 0px; --tw-bg-opacity: 1; background-color: rgb(57 235 24 / var(--tw-bg-opacity)); mix-blend-mode: multiply; transition-delay: 300ms; transition-duration: 700ms} @media (min-width: 768px){ .wp-block-highlight{ left: var(--md-x); top: var(--md-y)}} @media (min-width: 1024px){ .wp-block-highlight{ left: var(--lg-x); top: var(--lg-y)}} /* default horizontal*/ .wp-block-highlight:not(.is-vertical){ height: var(--h); width: 0px; transition-property: width} .wp-block-highlight:not(.is-vertical).is-in-view{ width: var(--w)} /* vertical*/ .wp-block-highlight.is-vertical{ height: 0px; width: var(--w); transition-property: height} .wp-block-highlight.is-vertical.is-in-view{ height: var(--h)} .site{ position: relative; z-index: 0; display: grid; min-height: 100vh; max-width: 100vw; grid-template-rows: auto 1fr auto; overflow-x: clip} .site.admin-bar { min-height: calc(100dvh - var(--admin-bar-height)); } .site-content { background-image: url('../images/grid.svg'); z-index: 0; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-position: top; background-repeat: repeat; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; overflow: clip; } .site-content, .site-content * { -webkit-hyphens: manual !important; hyphens: manual !important; } .menu-open .site-content{ --tw-translate-x: -320px; 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, .site-content, .site-footer{ padding-left: var(--site-padding); padding-right: var(--site-padding)} .site-header__inner, .site-footer__inner, .site-content__inner{ margin-left: auto; margin-right: auto} /* .site-toasts {*/ /* }*/ .site-toasts{ pointer-events: none; position: fixed; bottom: 0px; right: 0px; z-index: 10; display: flex; flex-direction: column; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} .menu-open .site-toasts{ --tw-translate-x: -320px; 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-toast{ pointer-events: none; position: relative; display: flex; height: 100px; width: 280px; --tw-translate-x: 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)); align-items: flex-end; padding: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; box-shadow: 0 8px 24px 0px rgba(0, 0, 0, 0.05)} .site-toast:nth-child(0){ transition-delay: 75ms} .site-toast:nth-child(1){ transition-delay: 150ms} .site-toast.is-active{ pointer-events: auto; --tw-translate-x: 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)); opacity: 1} .site-toast button{ position: absolute; right: 0.25rem; top: 0.25rem; margin: 0px; height: 26px; width: 26px; background-color: transparent; background-position: center; background-repeat: no-repeat; padding: 0px; background-image: url('../images/close.svg') !important; background-size: 18px 18px} .site-toast a{ font-size: var(--ui-default); font-weight: 700; position: relative; overflow: hidden; white-space: nowrap; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); text-decoration-line: none} .site-toast a:after { content: ''; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 0.125rem; --tw-translate-x: calc(-100% + -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)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .site-toast a:hover:after{ --tw-translate-x: 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))} /* BASE BLOCK */ :where([class*='wp-block']:not([class*='__'])){ margin-left: auto; margin-right: auto; max-width: var(--container-width)} /* BLOCK WIDE/FULL WIDTHS */ .alignwide{ max-width: 100%} .alignfull{ margin-left: calc(var(--site-padding)*-1); margin-right: calc(var(--site-padding)*-1); width: 100vw; max-width: 100vw} @media (min-width: 1024px){ .alignfull{ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw)}} .blocks > :where(.alignfull.has-white-background-color) { /* box-shadow: 0 8px 24px 0px rgba(0,0,0,0.05);*/ position: relative; border-top-width: 1px; border-bottom-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(242 242 243 / var(--tw-border-opacity)); border-bottom-color: rgb(242 242 243 / var(--tw-border-opacity)); } .blocks > :where(.alignfull.has-white-background-color):first-child{ border-top-width: 0px} .blocks > :where(.alignfull.has-white-background-color) + .has-background{ isolation: isolate; margin-top: -1px; border-top-width: 0px} .aligncustom{ max-width: 940px} .has-text-align-left{ text-align: left} .has-text-align-center{ text-align: center} .has-text-align-right{ text-align: right} .is-vertically-aligned-top{ align-items: flex-start; align-self: flex-start} .is-vertically-aligned-bottom{ align-items: flex-end; align-self: flex-end} .is-vertically-aligned-center{ align-items: center; align-self: center} .are-vertically-aligned-top{ align-items: flex-start} .are-vertically-aligned-center{ align-items: center} .are-vertically-aligned-bottom{ align-items: flex-end} .wp-block-audio audio { width: 100%; } .wp-block-audio figcaption{ padding-top: 0.5rem} .wp-block-buttons{ margin-bottom: 1rem; margin-top: 2rem; display: flex; align-items: center; gap: 0.5rem} .wp-block-buttons:first-child{ margin-top: 0px} .wp-block-buttons:last-child{ margin-bottom: 0px} @media not all and (min-width: 768px){ .wp-block-buttons{ flex-wrap: wrap}} @media (min-width: 1024px){ .wp-block-buttons{ gap: 1rem}} .wp-block-buttons.is-vertical{ flex-direction: column} .wp-block-button{ margin: 0px; flex-grow: 0; transition-property: background-position; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; background-image: linear-gradient(90deg, #191919 50%, #39EB18 50%); background-size: calc(200% + 1px) 100%; background-position: calc(100% + 0.5px) 0} .wp-block-button:hover, .wp-block-button:focus-within { background-position: 0 0; } /* Override WP global-styles-inline-css defaults */ .wp-block-button .wp-element-button, .wp-block-button .wp-block-button__link{ font-size: var(--ui-default); font-weight: 700; text-transform: uppercase; position: relative; display: flex; cursor: pointer; align-items: center; white-space: nowrap; border-radius: 0px; -webkit-background-clip: text; background-clip: text; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; color: transparent; transition-property: background-position; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} .wp-block-button .wp-element-button:hover, .wp-block-button .wp-block-button__link:hover{ text-decoration-line: none} @media (min-width: 1280px){ .wp-block-button .wp-element-button, .wp-block-button .wp-block-button__link{ padding-left: 2.5rem; padding-right: 2.5rem}} .wp-block-button .wp-element-button, .wp-block-button .wp-block-button__link { background-image: linear-gradient(90deg, #39EB18 50%, #191919 50%); background-size: calc(200% + 1px) 100%; background-position: calc(100% + 0.5px) 0; } .wp-block-button .wp-element-button:hover,.wp-block-button .wp-element-button:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus { background-position: 0 0; } .wp-block-button .wp-element-button, .wp-block-button .wp-block-button__link { color: transparent; background-color: transparent; border-width: 0; } .wp-block-button .wp-element-button:hover, .wp-block-button .wp-element-button:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus { color: transparent; } /* Scroll Button */ .is-style-scroll .wp-block-button{ background-image: none} .is-style-scroll .wp-block-button .wp-block-button__link{ font-size: var(--ui-scroll); font-weight: 400; text-transform: none; font-style: italic; color: rgb(25 25 25 / 0.5)} .is-style-scroll .wp-block-button .wp-block-button__link:hover{ --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity))} .is-style-scroll .wp-block-button .wp-block-button__link{ position: relative; -moz-column-gap: 0.75rem; column-gap: 0.75rem; background-image: none; padding: 0px; background-color: transparent} .is-style-invert { background-image: linear-gradient(90deg, #FFFFFF 50%, #191919 50%); background-size: calc(200% + 1px) 100%; background-position: calc(100% + 0.5px) 0; } .is-style-invert:hover, .is-style-invert:focus { background-position: 0 0; } .is-style-invert .wp-block-button__link { background-image: linear-gradient(90deg, #191919 50%, #FFFFFF 50%); background-size: calc(200% + 1px) 100%; background-position: calc(100% + 0.5px) 0; } .is-style-invert .wp-block-button__link:hover, .is-style-invert .wp-block-button__link:focus { background-position: 0 0; } /* COLUMNS BLOCK */ .wp-block-columns{ display: flex; flex-direction: column; -moz-column-gap: var(--column-gap); column-gap: var(--column-gap); row-gap: 3rem} @media (min-width: 768px){ .wp-block-columns{ flex-direction: row}} .wp-block-cover .wp-block-columns{ margin-top: 0px; margin-bottom: 0px} /* is section*/ .blocks > .wp-block-columns{ padding-top: var(--section-gap); padding-bottom: var(--section-gap)} .wp-block-columns.is-style-cards{ justify-content: space-between; gap: 1rem} .wp-block-columns.is-style-cards .wp-block-column{ display: flex; flex-direction: column; align-items: center} .wp-block-columns.is-style-cards .wp-block-image{ margin-bottom: 1.25rem; max-width: 186px} .wp-block-columns.is-style-cards .wp-block-heading{ margin-bottom: 0px} /* Normal width (960px)*/ .wp-block-columns.is-style-normal{ max-width: 960px} /* Fixed column layouts*/ .wp-block-columns.is-style-2-3{ display: grid} @media (min-width: 768px){ .wp-block-columns.is-style-2-3{ grid-template-columns: auto calc(var(--container-width)*0.6 + (100% - var(--container-width))/2) !important} .wp-block-columns.is-style-2-3 > .wp-block-column:first-child{ padding-right: var(--column-gap)}} .wp-block-columns.is-style-3-2{ display: grid} @media (min-width: 768px){ .wp-block-columns.is-style-3-2{ grid-template-columns: calc(var(--container-width)*0.6 + (100% - var(--container-width))/2) auto !important} .wp-block-columns.is-style-3-2 > .wp-block-column:last-child{ padding-left: var(--column-gap)}} .wp-block-columns.is-style-1-2{ display: grid} @media (min-width: 768px){ .wp-block-columns.is-style-1-2{ grid-template-columns: auto calc(var(--container-width)*0.66 + (100% - var(--container-width))/2) !important} .wp-block-columns.is-style-1-2 > .wp-block-column:first-child{ padding-right: var(--column-gap)}} .wp-block-columns.is-style-2-1{ display: grid} @media (min-width: 768px){ .wp-block-columns.is-style-2-1{ grid-template-columns: calc(var(--container-width)*0.66 + (100% - var(--container-width))/2) auto !important} .wp-block-columns.is-style-2-1 > .wp-block-column:last-child{ padding-left: var(--column-gap)}} /* COLUMN BLOCK */ .wp-block-column{ width: 100%} @media (min-width: 1024px){ .wp-block-column{ margin: 0px}} .wp-block-column { flex: 1; max-width: unset; } .wp-block-column > :first-child{ margin-top: 0px} .wp-block-column > :last-child{ margin-bottom: 0px} .wp-block-column:only-child{ width: 100%; flex-basis: 100%} .wp-block-column.is-form { /* @apply md:pl-[--column-gap]; */ } .wp-block-cover{ position: relative; margin-top: 0px; margin-bottom: 0px; display: flex; align-items: center; background-size: cover; padding-left: var(--site-padding); padding-right: var(--site-padding); padding-top: var(--section-gap); padding-bottom: var(--section-gap)} @media not all and (min-width: 1024px) { .wp-block-cover.alignwide{ width: 100vw; max-width: 100vw} @media not all and (min-width: 1024px){ .wp-block-cover.alignwide{ margin-left: calc(var(--site-padding)*-1); margin-right: calc(var(--site-padding)*-1)}} .wp-block-cover.alignwide .wp-block-columns{ row-gap: 0px} @media (min-width: 768px){ @media not all and (min-width: 1024px){ .wp-block-cover.alignwide .wp-block-columns{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important}}} } /* overlay / bgs*/ .wp-block-cover__background{ pointer-events: none; position: absolute; left: 0px; top: 0px; z-index: 1; height: 100%; width: 100%; max-width: 100%} .wp-block-cover__image-background, .wp-block-cover__video-background{ pointer-events: none; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover} .wp-block-cover__video-background { /* hide video on mobile*/ display: none; } @media (min-width: 768px){ .wp-block-cover__video-background{ display: block}} .has-parallax{ background-attachment: fixed} .is-repeated{ background-size: auto} /* Content*/ .wp-block-cover__inner-container{ position: relative; z-index: 2; margin-left: auto; margin-right: auto; width: 100%; max-width: 100%} .wp-block-cover__inner-container > *:where(:not(.alignfull)){ margin-left: auto; margin-right: auto} .wp-block-cover__inner-container > :first-child{ margin-top: 0px} .wp-block-cover__inner-container > :last-child{ margin-bottom: 0px} /* Content position*/ .is-position-top-left{ align-items: flex-start} .is-position-top-left > .wp-block-cover__inner-container > *{ margin-left: 0px} .is-position-top-center{ align-items: flex-start} .is-position-top-right{ align-items: flex-start} .is-position-top-right > .wp-block-cover__inner-container > *{ margin-right: 0px} .is-position-center-left > .wp-block-cover__inner-container > *{ margin-left: 0px} .is-position-center-right > .wp-block-cover__inner-container > *{ margin-right: 0px} .is-position-bottom-left{ align-items: flex-end} .is-position-bottom-left > .wp-block-cover__inner-container > *{ margin-left: 0px} .is-position-bottom-center{ align-items: flex-end} .is-position-bottom-right{ align-items: flex-end} .is-position-bottom-right > .wp-block-cover__inner-container > *{ margin-right: 0px} /* Overlay*/ :where(.has-background-dim){ --tw-bg-opacity: 1; background-color: rgb(25 25 25 / var(--tw-bg-opacity))} .has-background-dim { opacity: 0.5; } .has-background-dim-0 { opacity: 0; } .has-background-dim-10 { opacity: 0.1; } .has-background-dim-20 { opacity: 0.2; } .has-background-dim-30 { opacity: 0.3; } .has-background-dim-40 { opacity: 0.4; } .has-background-dim-60 { opacity: 0.6; } .has-background-dim-70 { opacity: 0.7; } .has-background-dim-80 { opacity: 0.8; } .has-background-dim-90 { opacity: 0.9; } .has-background-dim-100 { opacity: 1; } /* hero - unused*/ .wp-block-cover.is-style-hero{ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); min-height: 33.33333vw; width: 100vw; max-width: 100vw; padding: 0px; padding-bottom: 60px} .wp-block-cover.is-style-hero .wp-block-image{ height: 33.33333vw} .wp-block-cover.is-style-hero .wp-block-cover__image-background{ background-position: bottom !important} .wp-block-embed{ margin-bottom: 1rem} .wp-block-embed iframe{ width: 100%} .wp-block-embed figcaption{ padding-top: 0.5rem} .wp-block-gallery{ position: relative; display: grid; gap: var(--column-gap) !important; padding-top: calc(var(--column-gap)/2)} .wp-block-gallery:first-child{ padding-top: 0px} /* Fixed column layouts*/ @media (min-width: 768px){ .wp-block-gallery.is-style-2-3{ grid-template-columns: auto calc(var(--container-width)*0.6 + (100% - var(--container-width))/2) !important}} .wp-block-gallery.is-style-2-3 > :first-child{ width: auto; max-width: calc(100% + var(--column-gap)/2)} @media (min-width: 768px){ .wp-block-gallery.is-style-2-3 > :first-child{ margin-right: calc(var(--column-gap)/2*-1) !important} .wp-block-gallery.is-style-3-2{ grid-template-columns: calc(var(--container-width)*0.6 + (100% - var(--container-width))/2) auto !important}} .wp-block-gallery.is-style-3-2 > :last-child{ width: auto; max-width: calc(100% + var(--column-gap)/2)} @media (min-width: 768px){ .wp-block-gallery.is-style-3-2 > :last-child{ margin-left: calc(var(--column-gap)/2*-1) !important} .wp-block-gallery.is-style-1-2{ grid-template-columns: auto calc(var(--container-width)*0.66 + (100% - var(--container-width))/2) !important}} .wp-block-gallery.is-style-1-2 > :first-child{ width: auto; max-width: calc(100% + var(--column-gap)/2)} @media (min-width: 768px){ .wp-block-gallery.is-style-1-2 > :first-child{ margin-right: calc(var(--column-gap)/2*-1) !important} .wp-block-gallery.is-style-2-1{ grid-template-columns: calc(var(--container-width)*0.66 + (100% - var(--container-width))/2) auto !important}} .wp-block-gallery.is-style-2-1 > :last-child{ width: auto; max-width: calc(100% + var(--column-gap)/2)} @media (min-width: 768px){ .wp-block-gallery.is-style-2-1 > :last-child{ margin-left: calc(var(--column-gap)/2*-1) !important}} .wp-block-gallery.has-caption{ margin-bottom: 3rem} .wp-block-gallery > figcaption{ position: absolute; left: 0px; top: 100%; width: 100%; padding-top: 1rem; padding-bottom: 1rem} /* gallery images*/ .wp-block-gallery .wp-block-image{ position: relative; margin: 0px; width: 100%; overflow: hidden} .wp-block-gallery .wp-block-image img{ width: 100%} /* SHOW IMAGE CAPTIONS ON HOVER*/ .wp-block-gallery .wp-block-image figcaption{ position: absolute; bottom: 0px; left: 0px; width: 100%; --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: 1rem; --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity)); --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms} .wp-block-gallery .wp-block-image:hover figcaption{ --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))} .wp-block-gallery.is-cropped{ grid-template-columns: repeat(2, minmax(0, 1fr))} @media (min-width: 768px) { .wp-block-gallery.is-cropped.columns-1{ grid-template-columns: repeat(1, minmax(0, 1fr))} .wp-block-gallery.is-cropped.columns-2{ grid-template-columns: repeat(2, minmax(0, 1fr))} .wp-block-gallery.is-cropped.columns-3{ grid-template-columns: repeat(3, minmax(0, 1fr))} .wp-block-gallery.is-cropped.columns-4{ grid-template-columns: repeat(4, minmax(0, 1fr))} .wp-block-gallery.is-cropped.columns-5{ grid-template-columns: repeat(5, minmax(0, 1fr))} .wp-block-gallery.is-cropped.columns-6{ grid-template-columns: repeat(6, minmax(0, 1fr))} .wp-block-gallery.is-cropped.columns-7{ grid-template-columns: repeat(7, minmax(0, 1fr))} .wp-block-gallery.is-cropped.columns-8{ grid-template-columns: repeat(8, minmax(0, 1fr))} } .wp-block-gallery.is-cropped .wp-block-image > img{ aspect-ratio: 4/3; width: 100%; -o-object-fit: cover; object-fit: cover} .wp-block-group{ position: relative; margin-top: 0px; margin-bottom: 0px; padding: 0px} .wp-block-group.has-background { /* @apply p-4 lg:p-12;*/ } .wp-block-group.is-style-section{ padding-top: var(--section-gap); padding-bottom: var(--section-gap)} .wp-block-group.alignfull{ padding-left: var(--site-padding); padding-right: var(--site-padding)} .wp-block-group.is-nowrap{ -moz-column-gap: 3rem; column-gap: 3rem} .wp-block-heading{ margin-bottom: 1.25rem; text-wrap: balance} .wp-block-heading:last-child{ margin-bottom: 0px} .wp-block-heading.has-heading-2-font-size { text-wrap: unset; } .wp-block-heading.is-style-eyebrow{ font-size: var(--heading-3); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(57 235 24 / var(--tw-text-opacity)); margin-bottom: 0px} .wp-block-heading.is-style-target{ position: relative; margin-left: 0px; max-width: -moz-max-content; max-width: max-content} .wp-block-heading.is-style-target:before { content: ''; position: absolute; left: -28px; top: -20px; display: block; height: 2rem; width: 2rem; background-size: contain; background-repeat: no-repeat; } @media (min-width: 768px){ .wp-block-heading.is-style-target:before{ left: -39px; top: -39px; height: 3rem; width: 3rem}} .wp-block-heading.is-style-target:before { background-image: url('data:image/svg+xml;utf8,'); } @media not all and (min-width: 768px) { .wp-block-heading br{ display: none} } .wp-block-image{ margin-bottom: 2rem} .wp-block-image.alignfull img, .wp-block-image.alignwide img { width: 100%; } .wp-block-image.alignfull img{ border-radius: 0px} .wp-block-image figcaption{ padding-top: 1rem} .wp-block-image.alignfull > figcaption{ padding-left: 1rem} .wp-block-image .alignleft{ float: left; margin: 0px} @media (min-width: 768px){ .wp-block-image .alignleft{ margin-bottom: 1rem; margin-right: 2rem}} .wp-block-image .alignright{ float: right; margin: 0px} @media (min-width: 768px){ .wp-block-image .alignright{ margin-bottom: 1rem; margin-left: 2rem}} .wp-block-image .aligncenter{ margin: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center} .wp-block-image.is-style-rounded{ position: relative; z-index: 0; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 9999px} .wp-block-image.is-style-rounded img{ height: 100%; width: 100%; border-radius: 9999px; -o-object-fit: cover; object-fit: cover; transition-property: filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} .wp-block-image.is-style-rounded:after { content: ''; pointer-events: none; position: absolute; inset: 0px; z-index: 1; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(57 235 24 / var(--tw-bg-opacity)); mix-blend-mode: multiply; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .wp-block-image.is-style-rounded:hover:after{ background-color: transparent} .wp-block-image.is-style-hero{ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-bottom: calc(var(--section-gap)/2); height: 50vw; width: 100vw; max-width: 100vw; padding: 0px} @media (min-width: 768px){ .wp-block-image.is-style-hero{ height: 33.33333vw}} .wp-block-image.is-style-hero img{ width: 100%; -o-object-fit: cover; object-fit: cover} @media (min-width: 768px) { .wp-block-image.is-style-hero img { height: 100% !important } } .wp-block-list, .wp-block-list ul, .wp-block-list ol { padding-left: 1em; } .wp-block-list:is(ul){ position: relative; padding-left: .75em} .wp-block-list:is(ul) li{ list-style-position: outside} .wp-block-list:is(ul) li:before{ position: absolute; left: 0px; content: '•'} .wp-block-list:is(ol) li{ list-style-position: outside; list-style-type: decimal} .wp-block-list:is(ol) li li { list-style-type: lower-alpha; } .wp-block-list.is-style-spacing li{ margin-bottom: 1rem} .wp-block-list.is-style-spacing li:last-child{ margin-bottom: 0px} .wp-block-media-text{ position: relative; margin-left: auto; margin-right: auto; display: grid; min-height: 280px; max-width: var(--container-width); -moz-column-gap: var(--column-gap); column-gap: var(--column-gap)} @media not all and (min-width: 768px){ .wp-block-media-text{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important}} @media (min-width: 768px){ .wp-block-media-text{ grid-template-columns: repeat(2, minmax(0, 1fr))}} /* is section*/ .blocks > .wp-block-media-text{ margin-top: var(--section-gap); margin-bottom: var(--section-gap)} /* alignment*/ .wp-block-media-text.alignfull { width: calc(100% + var(--site-padding)*2); } @media (min-width: 768px) { .wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__media{ margin-right: calc(var(--site-padding)*-1)} .wp-block-media-text.alignwide:not(.has-media-on-the-right) .wp-block-media-text__media{ margin-left: calc(var(--site-padding)*-1)} } @media (min-width: 1024px) { .wp-block-media-text.alignwide, .wp-block-media-text.alignfull { width: calc(100% + (100vw - var(--container-width))/2); } .wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__media{ padding-right: var(--site-padding); margin-right: calc((100vw - var(--container-width))/-2)} .wp-block-media-text.alignwide:not(.has-media-on-the-right) .wp-block-media-text__media, .wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__media{ padding-left: var(--site-padding); margin-left: calc((100vw - var(--container-width))/-2)} } /* media*/ .wp-block-media-text .wp-block-media-text__media{ height: 100%; width: auto; background-size: cover; background-repeat: no-repeat} @media not all and (min-width: 768px){ .wp-block-media-text .wp-block-media-text__media{ order: -9999; margin-left: auto; margin-right: auto}} .wp-block-media-text .wp-block-media-text__media img{ min-height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); transition-property: filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms} .wp-block-media-text .wp-block-media-text__media:hover img{ --tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} /* content*/ .wp-block-media-text .wp-block-media-text__content{ padding-top: 3rem; padding-bottom: 3rem} @media (min-width: 768px){ .wp-block-media-text .wp-block-media-text__content{ padding-top: 3rem}} .wp-block-media-text .wp-block-media-text__content .wp-block-paragraph { max-width: 35em; } @media (min-width: 768px){ .wp-block-media-text:not([class*='is-style-hero']).has-media-on-the-right .wp-block-media-text__content{ padding-right: var(--column-gap)} .wp-block-media-text:not([class*='is-style-hero']):not(.has-media-on-the-right) .wp-block-media-text__content{ padding-left: var(--column-gap)}} /* Sticky image*/ .wp-block-media-text.sticky-image{ align-items: flex-start} .wp-block-media-text.sticky-image .wp-block-media-text__media{ max-height: 100vh} @media (min-width: 1024px) { .wp-block-media-text.sticky-image .wp-block-media-text__media{ position: sticky; top: 0px} } .wp-block-media-text.sticky-image .wp-block-media-text__media img{ max-height: 100vh} /* Fixed column layouts*/ @media (min-width: 768px){ .wp-block-media-text.is-style-2-3{ grid-template-columns: auto calc(var(--container-width)*0.6 + (100% - var(--container-width))/2) !important; gap: var(--column-gap)} .wp-block-media-text.is-style-3-2{ grid-template-columns: calc(var(--container-width)*0.6 + (100% - var(--container-width))/2) auto !important; gap: var(--column-gap)} .wp-block-media-text.is-style-1-2{ grid-template-columns: auto calc(var(--container-width)*0.66 + (100% - var(--container-width))/2) !important; gap: var(--column-gap)} .wp-block-media-text.is-style-2-1{ grid-template-columns: calc(var(--container-width)*0.66 + (100% - var(--container-width))/2) auto !important; gap: var(--column-gap)}} /* hero*/ .wp-block-media-text.is-style-hero{ position: relative; margin-top: 0px !important; margin-bottom: 0px !important; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); min-height: calc(100dvh - var(--header-height) + 1px); width: 100vw; max-width: 100vw; grid-template-columns: repeat(1, minmax(0, 1fr)) !important; -moz-column-gap: var(--column-gap); column-gap: var(--column-gap); overflow: hidden; padding: 0px !important} @media (min-width: 768px) { .wp-block-media-text.is-style-hero { grid-template-columns: auto calc(66vw - var(--site-padding)*2*0.66 + var(--site-padding)) !important } } @media (min-width: 1024px) { .wp-block-media-text.is-style-hero { grid-template-columns: auto calc(var(--container-width)*0.66 + (100vw - var(--container-width))/2) !important } } .admin-bar .wp-block-media-text.is-style-hero { min-height: calc(100dvh - var(--header-height) - var(--admin-bar-height) + 1px); } .wp-block-media-text.is-style-hero:not(.has-background){ border-top-width: 1px; border-bottom-width: 1px; --tw-border-opacity: 1; border-top-color: rgb(242 242 243 / var(--tw-border-opacity)); border-bottom-color: rgb(242 242 243 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity))} .wp-block-media-text.is-style-hero:not(.has-background):first-child{ border-top-width: 0px} .wp-block-media-text.is-style-hero:not(.has-background) + .has-background{ isolation: isolate; margin-top: -1px; border-top-width: 0px} .wp-block-media-text.is-style-hero .wp-block-media-text__media{ margin: 0px !important; min-height: 480px; padding: 0px !important} .wp-block-media-text.is-style-hero .wp-block-media-text__media.has-video{ position: relative; z-index: 0; cursor: pointer} .wp-block-media-text.is-style-hero .wp-block-media-text__media.has-video:after { content: ''; position: absolute; left: 50%; top: 50%; z-index: 1; height: 5rem; width: 5rem; --tw-translate-x: -50%; --tw-translate-y: -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)); background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0.75; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 768px){ .wp-block-media-text.is-style-hero .wp-block-media-text__media.has-video:after{ height: 10rem; width: 10rem}} .wp-block-media-text.is-style-hero .wp-block-media-text__media.has-video:after { background-image: url('../images/video-play.svg'); } .wp-block-media-text.is-style-hero .wp-block-media-text__media.has-video:hover:after{ opacity: 1} /* content*/ .wp-block-media-text.is-style-hero .wp-block-media-text__content{ padding-bottom: 81px; padding-top: 3rem} @media (min-width: 768px){ .wp-block-media-text.is-style-hero .wp-block-media-text__content{ padding-top: 105px; padding-bottom: 105px}} @media not all and (min-width: 768px){ .wp-block-media-text.is-style-hero.has-media-on-the-right .wp-block-media-text__content{ padding-left: var(--site-padding); padding-right: var(--site-padding)}} @media (min-width: 768px){ .wp-block-media-text.is-style-hero.has-media-on-the-right .wp-block-media-text__content{ padding-left: var(--site-padding)}} @media not all and (min-width: 768px){ .wp-block-media-text.is-style-hero:not(.has-media-on-the-right) .wp-block-media-text__content{ padding-left: var(--site-padding); padding-right: var(--site-padding)}} @media (min-width: 768px){ .wp-block-media-text.is-style-hero:not(.has-media-on-the-right) .wp-block-media-text__content{ padding-right: var(--site-padding)}} .wp-block-media-text.is-style-hero .has-heading-huge-font-size{ margin-top: 3rem; margin-bottom: 3rem} .wp-block-media-text.is-style-hero .has-heading-huge-font-size:first-child{ margin-top: 0px} .wp-block-media-text.is-style-hero .has-body-large-font-size{ margin-bottom: 3rem} .wp-block-media-text.is-style-hero .has-body-large-font-size:last-child{ margin-bottom: 0px} .wp-block-media-text.is-style-hero .has-heading-small-font-size{ margin-bottom: 0.125rem; display: flex; gap: 1rem} .wp-block-media-text.is-style-hero .wp-block-buttons.is-style-scroll{ position: absolute; bottom: 48px} @media (min-width: 768px){ .wp-block-media-text.is-style-hero .wp-block-buttons.is-style-scroll{ bottom: 72px}} /* mobile*/ @media not all and (min-width: 768px) { .wp-block-media-text.is-style-hero{ min-height: 0px !important; align-items: flex-end} .wp-block-media-text.is-style-hero .wp-block-media-text__media{ position: absolute; inset: 0px} .wp-block-media-text.is-style-hero .wp-block-media-text__content{ margin-right: var(--site-padding); background: linear-gradient(195deg, rgba(255, 255, 255, 0.85), #FFFFFF)} } /* video modal*/ .wp-block-media-text__video-modal{ pointer-events: none; position: fixed; inset: 0px; z-index: 10; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; background-color: rgb(0 0 0 / 0.5); padding-left: var(--site-padding); padding-right: var(--site-padding); padding-bottom: var(--site-padding); padding-top: 5rem; opacity: 0; --tw-backdrop-blur: blur(12px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} @media (min-width: 768px){ .wp-block-media-text__video-modal{ padding-top: 8rem}} .wp-block-media-text__video-modal.is-open{ pointer-events: auto; opacity: 1} .wp-block-media-text__video-modal .video-modal__inner{ display: flex; height: 100%; width: 100%; align-items: center; justify-content: center} .wp-block-media-text__video-modal video { background: rgba(0, 0, 0, 0.5); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25); width: auto; height: auto; max-height: 100%; } .wp-block-media-text__video-modal button{ position: absolute; right: var(--site-padding); top: 2.5rem; height: 2.5rem; width: 2.5rem; cursor: pointer} @media (min-width: 768px){ .wp-block-media-text__video-modal button{ top: 4rem; height: 4rem; width: 4rem}} .wp-block-media-text__video-modal button svg{ stroke: #39EB18; stroke-width: 2} .wp-block-media-text__video-modal button svg .top, .wp-block-media-text__video-modal button svg .bot { transform-origin: center; } .wp-block-media-text__video-modal button svg .top { transform: rotate(45deg) translate(0px, 4px); } .wp-block-media-text__video-modal button svg .bot { transform: rotate(-45deg) translate(0px, -4px); } .wp-block-post-template{ display: grid; width: 100%; max-width: 100%; gap: 2rem} .wp-block-post-template.is-layout-grid.is-layout-grid{ grid-template-columns: repeat(1, minmax(0, 1fr))} @media (min-width: 480px){ .wp-block-post-template.is-layout-grid.is-layout-grid{ grid-template-columns: repeat(2, minmax(0, 1fr))}} @media (min-width: 768px) { .wp-block-post-template.is-layout-grid.is-layout-grid.columns-1{ grid-template-columns: repeat(1, minmax(0, 1fr))} .wp-block-post-template.is-layout-grid.is-layout-grid.columns-2{ grid-template-columns: repeat(2, minmax(0, 1fr))} .wp-block-post-template.is-layout-grid.is-layout-grid.columns-3{ grid-template-columns: repeat(3, minmax(0, 1fr))} .wp-block-post-template.is-layout-grid.is-layout-grid.columns-4{ grid-template-columns: repeat(4, minmax(0, 1fr))} .wp-block-post-template.is-layout-grid.is-layout-grid.columns-5{ grid-template-columns: repeat(5, minmax(0, 1fr))} .wp-block-post-template.is-layout-grid.is-layout-grid.columns-6{ grid-template-columns: repeat(6, minmax(0, 1fr))} .wp-block-post-template.is-layout-grid.is-layout-grid.columns-7{ grid-template-columns: repeat(7, minmax(0, 1fr))} .wp-block-post-template.is-layout-grid.is-layout-grid.columns-8{ grid-template-columns: repeat(8, minmax(0, 1fr))} } .wp-block-post-date, .wp-block-post-author, .wp-block-post-terms{ margin-top: 0px} .wp-block-post{ position: relative; display: grid; flex-direction: column; -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 0.75rem} @media (min-width: 768px){ .wp-block-post{ display: flex}} .wp-block-post .wp-block-post-featured-image{ margin-bottom: 0px; display: flex; --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); transition-property: filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} .wp-block-post .wp-block-post-featured-image a{ display: flex} .wp-block-post .wp-block-post-featured-image img { aspect-ratio: 50 / 39; } .wp-block-post .wp-block-post-title{ font-size: var(--heading-3); font-weight: 700; text-align: left; text-wrap: balance} .wp-block-post .wp-block-post-title a{ display: flex; height: 100%; width: 100%; align-items: center; justify-content: flex-start; --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity)); text-decoration-line: none} @media (min-width: 1024px) { .wp-block-post .wp-block-post-title{ font-size: var(--heading-2); font-weight: 700; position: absolute; inset: 0px; text-align: center; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} .wp-block-post .wp-block-post-title a{ justify-content: center; padding: 1.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity))} } .wp-block-post:hover .wp-block-post-title{ opacity: 1} .wp-block-post:hover .wp-block-post-featured-image{ filter: none} /* .wp-block-post-excerpt {*/ /* @apply flex flex-1 flex-col;*/ /* &__excerpt {*/ /* @apply mb-4;*/ /* }*/ /* &__more-text {*/ /* @apply mt-auto;*/ /* & > a {*/ /* @apply relative rounded-none p-0 font-semibold underline decoration-primary underline-offset-[8px] hover:text-primary;*/ /* color: inherit;*/ /* }*/ /* }*/ /* }*/ .wp-block-query-pagination{ margin-left: 0px; margin-right: 0px; line-height: normal} .wp-block-query-pagination a{ text-decoration-line: none; color: inherit} .wp-block-query-pagination a, .wp-block-query-pagination span { font-size: var(--body-small); } .wp-block-query-pagination .wp-block-query-pagination-previous, .wp-block-query-pagination .wp-block-query-pagination-next{ display: inline-flex; align-items: baseline} .wp-block-query-pagination .wp-block-query-pagination-previous:hover, .wp-block-query-pagination .wp-block-query-pagination-next:hover{ --tw-text-opacity: 1; color: rgb(57 235 24 / var(--tw-text-opacity))} .wp-block-query-pagination .wp-block-query-pagination-previous > span, .wp-block-query-pagination .wp-block-query-pagination-next > span{ margin-bottom: 0px; display: block} .wp-block-query-pagination .wp-block-query-pagination-previous{ margin-right: 1.5em} .wp-block-query-pagination .wp-block-query-pagination-previous-arrow{ margin-right: .25em} .wp-block-query-pagination .wp-block-query-pagination-next{ margin-left: 1.5em} .wp-block-query-pagination .wp-block-query-pagination-next-arrow{ margin-left: .25em} .wp-block-query-pagination .wp-block-query-pagination-numbers{ display: flex} .wp-block-query-pagination .page-numbers:not(:first-child){ margin-left: 0.5rem} .wp-block-query-pagination .page-numbers.current{ font-weight: 600} .wp-block-query-pagination .page-numbers:is(a):hover{ text-decoration-line: underline} .wp-block-query-pagination.is-style-load-more .wp-block-query-pagination-numbers{ display: none} .wp-block-query-pagination.is-style-load-more .wp-block-query-pagination-next{ margin: 0px; display: block; --tw-bg-opacity: 1; background-color: rgb(57 235 24 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity)); text-decoration-line: none !important} .wp-block-query-pagination.is-style-load-more .wp-block-query-pagination-next:hover{ --tw-bg-opacity: 1; background-color: rgb(25 25 25 / var(--tw-bg-opacity))} .wp-block-query-pagination.is-style-load-more .wp-block-query-pagination-next { font-size: 0; } .wp-block-query-pagination.is-style-load-more .wp-block-query-pagination-next:before{ display: block; padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 1rem; padding-bottom: 1rem; content: 'Load More'; font-size: var(--body-default)} blockquote, .wp-block-quote{ margin-bottom: 2rem} blockquote p:first-of-type, .wp-block-quote p:first-of-type{ position: relative} blockquote p:first-of-type:before, .wp-block-quote p:first-of-type:before { content: open-quote; position: absolute; right: 100%; margin-right: 4px; --tw-text-opacity: 1; color: rgb(57 235 24 / var(--tw-text-opacity)); } @media (min-width: 1024px){ blockquote p:first-of-type:before, .wp-block-quote p:first-of-type:before{ margin-right: 0.5rem}} blockquote p:first-of-type:before, .wp-block-quote p:first-of-type:before { /* font-family: var(--font-serif); */ /* @apply absolute right-full mr-4 scale-150 font-bold origin-[50%_10%]; */ } hr, .wp-block-separator{ margin-top: 2rem; margin-bottom: 2rem; border-bottom-width: 1px; border-color: rgb(25 25 25 / 0.8)} .wp-block-spacer{ margin-top: 0px; margin-bottom: 0px} .wp-block-spacer.is-style-section{ height: var(--section-gap) !important} .wp-block-table table{ width: 100%} .wp-block-table td, .wp-block-table th{ border-bottom-color: rgb(25 25 25 / 0.8); padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: left} .wp-block-table td{ border-bottom-width: 1px; border-style: dotted} .wp-block-table th{ border-bottom-width: 1px} .wp-block-table tfoot td{ border-style: none} .wp-block-table figcaption{ padding-top: 1rem} .wp-block-table.is-style-stripes td{ border-style: none} .wp-block-table.is-style-stripes th{ border-style: dotted} .wp-block-table.is-style-stripes tfoot td{ border-bottom-width: 0px; border-top-width: 1px; border-style: dotted; border-top-color: rgb(25 25 25 / 0.8)} .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes figcaption{ padding-left: 0.5rem; padding-right: 0.5rem} .wp-block-table.is-style-stripes tbody tr:nth-child(odd){ background-color: rgb(186 186 186 / 0.2)} .wp-block-video, .has-video .wp-block-media-text__media { position: relative; } .wp-block-video:before, .has-video .wp-block-media-text__media:before { content: ''; display: block; width: 40%; height: 40%; max-width: 200px; max-height: 200px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1200pt' height='1200pt' version='1.1' viewBox='0 0 1200 1200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m600 312.83c-158.6 0-287.17 128.57-287.17 287.17 0 158.6 128.57 287.17 287.17 287.17s287.17-128.57 287.17-287.17c0-158.6-128.57-287.17-287.17-287.17zm-83.129 151.14 226.71 136.03-226.71 136.03z' fill='%23fff'/%3E%3C/svg%3E%0A"); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: drop-shadow(2px 2px 6px rgb(0 0 0 / 0.5)); box-shadow: none; } .wp-block-video.playing:before, .has-video .wp-block-media-text__media.playing:before { display: none; } /*video*/ .wp-block-video:not(.playing) video::-webkit-media-controls, .has-video .wp-block-media-text__media:not(.playing) video::-webkit-media-controls { opacity: 0; } .wp-block-video.playing video:focus-within::-webkit-media-controls, .has-video .wp-block-media-text__media.playing video:focus-within::-webkit-media-controls { opacity: 1; } .wp-block-video figcaption, .has-video .wp-block-media-text__media figcaption{ position: absolute; top: 100%; width: 100%; padding-top: 0.5rem} .wp-block-video{ margin-bottom: 2rem} .wp-block-video.has-caption{ margin-bottom: 3rem} .wp-block-paragraph { max-width: 40em; } .wp-block-paragraph strong{ font-weight: 600} .wp-block-query-filter{ position: relative; z-index: 0; margin-top: -1rem; margin-bottom: 4rem; display: flex; justify-content: center; overflow: auto; padding-bottom: 0.125rem} @media (min-width: 768px){ .wp-block-query-filter{ padding-left: 1.5rem; padding-right: 1.5rem}} .wp-block-query-filter { --indicator-scale: 0; background: linear-gradient( to bottom, #FFFFFF 0%, #FFFFFF calc(100% - 4px), #191919 calc(100% - 4px), #191919 calc(100% - 2px), #FFFFFF calc(100% - 2px) ); } /* hide scrollbar*/ .wp-block-query-filter::-webkit-scrollbar { display: none; } .wp-block-query-filter{ -ms-overflow-style: none; scrollbar-width: none} .wp-block-query-filter + .wp-block-query{ margin-bottom: 4rem} @media (min-width: 768px){ .wp-block-query-filter + .wp-block-query{ margin-bottom: 3rem}} @media (min-width: 1024px){ .wp-block-query-filter + .wp-block-query{ margin-bottom: 2rem}} @media (min-width: 1280px){ .wp-block-query-filter + .wp-block-query{ margin-bottom: 1rem}} @media (min-width: 1536px){ .wp-block-query-filter + .wp-block-query{ margin-bottom: 0px}} .query-filter{ position: relative; display: flex; width: 100%; max-width: 1072px; justify-content: space-between; gap: 1.5rem} .query-filter button{ font-size: var(--ui-default); font-weight: 300; text-transform: uppercase; letter-spacing: 0.05em} .query-filter button:hover{ font-weight: 700; --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity))} .query-filter button.is-active{ font-weight: 700} .query-filter button{ align-items: center; justify-content: center; background-color: transparent; padding-left: 0px; padding-right: 0px; padding-top: 1rem; padding-bottom: 1rem} .query-filter button .visible{ position: absolute} .query-filter button .invisible{ font-size: var(--ui-default); font-weight: 300; text-transform: uppercase; letter-spacing: 0.05em} .query-filter button .invisible:hover{ font-weight: 700; --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity))} .query-filter button .invisible.is-active{ font-weight: 700} .query-filter button .invisible{ pointer-events: none; font-weight: 700 !important} /* indicator*/ .query-filter:after { content: ''; pointer-events: none; position: absolute; bottom: -0.125rem; left: var(--indicator-x); height: 0.375rem; width: var(--indicator-w); transform-origin: left; --tw-scale-x: var(--indicator-scale); 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(57 235 24 / var(--tw-bg-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .query-filter.will-animate:after{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms} .wp-block-services-slider{ overflow: hidden} @media not all and (min-width: 1024px){ .wp-block-services-slider{ max-width: calc(100vw - var(--site-padding)*2)}} @media (min-width: 1024px){ .wp-block-services-slider{ margin-left: calc(-16.66667% - -89.5px); margin-right: calc(-16.66667% - -89.5px)}} @media (min-width: 1536px){ .wp-block-services-slider{ margin-left: calc(-16.66667% - -104px); margin-right: calc(-16.66667% - -104px)}} .wp-block-services-slider .swiper-wrapper{ justify-content: space-between} .wp-block-services-slider .swiper-slide{ display: flex; width: auto; flex-direction: column; align-items: center; justify-content: center; text-align: center} .wp-block-services-slider .wp-block-image{ margin-bottom: 1.25rem; width: calc(100% - 16px); max-width: 186px} .wp-block-services-slider .wp-block-heading{ margin-bottom: 0px} .wp-block-services-slider .wp-block-buttons{ margin-top: 1rem} @media (min-width: 1536px){ .wp-block-services-slider .wp-block-buttons{ margin-top: 2rem}} /* SWIPER.JS */ .swiper-pagination{ z-index: 10; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center} .swiper-pagination-bullet{ display: block; height: 8px; width: 8px; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(242 242 243 / var(--tw-bg-opacity))} .swiper-pagination-bullet-active { /* @apply bg-lightest; */ } .swiper-button{ position: absolute; top: 50%; z-index: 100; opacity: 1; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; /* adjust by half the swiper-pagination height */ --tw-translate-y: calc(-50% - 12px); 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))} .swiper-button svg{ height: 60px; width: 60px} .swiper-button svg path{ fill: #BABABA} .swiper-button:hover svg path{ fill: #39EB18} .swiper-button-prev{ left: -10px} .swiper-button-next{ right: -10px} @media (min-width: 768px){ .swiper:hover .swiper-button{ opacity: 1}} .home { /*styles*/ } /*# sourceMappingURL=theme.css.map*/