/* base styles */ /* ! tailwindcss v3.2.0 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. */ 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 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } .font-body { font-size: var(--font-size-body); font-family: "Avenir Medium"; font-weight: normal; font-style: normal; line-height: 1.2; } .font-xs { font-size: var(--font-size-xs); } .font-md { font-size: var(--font-size-md); } .font-accent { font-family: "Avenir Black"; } .font-xl { font-size: var(--font-size-xl); } .font-mega { font-size: var(--font-size-mega); line-height: 1; } .font-nav, .font-heading { font-family: "Avenir Black"; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } @font-face { font-family: "Avenir Book"; src: url(88f76da2c5cebed30e10.woff2) format("woff2"), url(123ecfc13e869309bcc8.woff) format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir Black"; src: url(87e4fb9b5a885ca37ba4.woff2) format("woff2"), url(698ceb13d86e9887604d.woff) format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir Medium"; src: url(1cc40986f834f7535071.woff2) format("woff2"), url(c5ec5f8ce58410a7c64c.woff) format("woff"); font-weight: normal; font-style: normal; font-display: swap; } /* Fonts loaded from Adobe in header.php */ :root { --font-size-xs: clamp(13px, 1.4vw, 14px); --font-size-sm: clamp(16px, 1.3vw, 18px); --font-size-body: clamp(20px, 1.5vw, 24px); --font-size-btn: clamp(15px, 2.2vw, 20px); --font-size-md: clamp(21px, 2.2vw, 24px); --font-size-md-alt: clamp(21px, 2.2vw, 24px); --font-size-lg: clamp(24px, 2.3vw, 30px); --font-size-xl: clamp(24px, 2.3vw, 30px); --font-size-xxl: clamp(36px, 5.5vw, 56px); --font-size-mega: clamp(48px, 4.66vw, 76px); } @keyframes breathe { 0% { opacity: 1; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .background.black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .background.white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .background.green { --tw-bg-opacity: 1; background-color: rgb(41 100 66 / var(--tw-bg-opacity)); } .background.accent_1 { --tw-bg-opacity: 1; background-color: rgb(145 129 118 / var(--tw-bg-opacity)); } .background.reseda_green { --tw-bg-opacity: 1; background-color: rgb(114 138 121 / var(--tw-bg-opacity)); } .background.taupe { --tw-bg-opacity: 1; background-color: rgb(83 68 57 / var(--tw-bg-opacity)); } .background.tan { --tw-bg-opacity: 1; background-color: rgb(199 164 139 / var(--tw-bg-opacity)); } * { box-sizing: border-box; outline: none; } /* @view-transition { navigation: auto; } */ /* :root { overscroll-behavior: none; } */ html, body { margin: 0px; display: flex; flex-direction: column; --tw-bg-opacity: 1; background-color: rgb(145 129 118 / var(--tw-bg-opacity)); padding: 0px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); text-rendering: optimizeLegibility; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-kerning: normal; font-size: 20px; min-height: 100dvh; font-family: "Avenir Medium"; font-weight: 400; font-style: normal; line-height: 1.25; } @media (min-width: 640px) { html, body { font-size: 24px } } html.is-changing .transition-fade { transition: opacity 0.25s; opacity: 1; } html.is-animating .transition-fade { opacity: 0; } main { font-size: var(--font-size-body); font-family: "Avenir Medium"; font-weight: normal; font-style: normal; line-height: 1.2; position: relative; z-index: 11; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0px; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { main { padding-left: 2rem; padding-right: 2rem; } } img { max-width: 100%; will-change: opacity; } a { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } strong, b { font-weight: 700; font-weight: normal; } h1, h2, h3, h4 { font-family: "Avenir Black"; margin-bottom: 1rem; color: inherit; line-height: 1.1; } h1, h2, .h1, .h2 { margin-bottom: 1.5rem; } h1 { font-size: var(--font-size-mega); } h2 { font-size: var(--font-size-xxl); opacity: .6; } h3, .h3 { font-family: "Avenir Medium"; font-style: normal; font-size: var(--font-size-lg); margin-bottom: 1em; line-height: 1.1; font-weight: normal; } h4, .h4 { font-family: "Avenir Medium"; font-weight: normal; font-style: normal; line-height: 1.2; font-size: var(--font-size-md); margin-bottom: 1.5rem; } p { font-size: var(--font-size-body); font-family: "Avenir Medium"; font-weight: normal; font-style: normal; line-height: 1.2; margin: 0px; margin-bottom: 1rem; } strong, b { font-weight: 700; } img { width: 100%; height: auto; display: block; } svg { fill: currentColor; } hr { margin: 0; padding: 0; border: 0; border-bottom: 1px solid; } .button, input[type="submit"], .form-button, strong a, a strong, a b, b a { font-size: var(--font-size-btn); display: inline-block; border-radius: 9999px; border-width: 1.5px; border-color: inherit; padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-top: .625rem; font-weight: 400; text-transform: uppercase; line-height: 1; text-decoration-line: none !important; } @media (min-width: 640px) { .button:hover, input[type="submit"]:hover, .form-button:hover, strong a:hover, a strong:hover, a b:hover, b a:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(145 129 118 / var(--tw-text-opacity)); } } .button:only-child, .button :last-child, input[type="submit"]:only-child, input[type="submit"] :last-child, .form-button:only-child, .form-button :last-child, strong a:only-child, strong a :last-child, a strong:only-child, a strong :last-child, a b:only-child, a b :last-child, b a:only-child, b a :last-child { margin-bottom: 0; } .text-green .button, .text-green input[type="submit"], .text-green strong a, .text-green a strong, .text-green a b, .text-green b a { background-color: #296442; color: #918176; } .text-green .button:hover, .text-green input[type="submit"]:hover, .text-green strong a:hover, .text-green a strong:hover, .text-green a b:hover, .text-green b a:hover { color: #296442; background-color: #918176; border-color: #296442; } .rte p a { text-decoration: underline; } .rte p a:hover { text-decoration: none; } .rte P + h3, .rte ul + h3 { margin-top: 1rem; } @media (min-width: 768px) { .rte P + h3, .rte ul + h3 { margin-top: 2rem; } } /* h3 { @apply mb-2; } */ .rte p:last-child { margin-bottom: 0; } .rte blockquote { font-size: var(--font-size-xxl); line-height: 1.1; padding-top: 1rem; padding-bottom: 2rem; } .rte blockquote p { font-size: var(--font-size-xxl); line-height: 1.1; padding: 0px; } .rte ul { font-size: var(--font-size-body); font-family: "Avenir Medium"; font-weight: normal; font-style: normal; line-height: 1.2; list-style: disc; padding-left: 1.5em; margin-bottom: 1rem; } .rte ul li { padding-bottom: .25rem; } .rte figure { margin-bottom: .75rem; } .wp-caption-text, .wp-caption { padding: .5rem 0; margin-bottom: 0; } .scroll-to-next-section { cursor: pointer; } .no-fill { fill: none !important; } .section > div, section > div { overflow: hidden; } /* @import "plyr/dist/plyr"; */ /* component styles */ /** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } /* Nav Toggle -------------------------------------------------------------- */ .bun { width: 20px; height: 100%; cursor: pointer; } .bun .burger { pointer-events: none; height: 100%; width: 100%; position: absolute; top: 0; padding: 0; transition: all 0.15s ease-out; } .bun .burger span, .bun .burger span:before, .bun .burger span:after { z-index: 1; pointer-events: none; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; display: block; content: ''; transition: all 0.15s ease-out; background-color: #FFFFFF; } .bun .burger span:before { top: -6px; } .bun .burger span:after { top: 6px; } body.nav-open { overflow: hidden; } body.nav-open header .bun .burger span, body.nav-open header .bun .burger span:before, body.nav-open header .bun .burger span:after { height: 1px; } body.nav-open header .bun .burger:hover { transform: unset; } body.nav-open header .bun .burger:hover span:before { transform: rotate(180deg) scaleX(1.333); top: 0; } body.nav-open header .bun .burger:hover span:after { opacity: 0; top: 0; } body.nav-open header .bun .burger .loader { border-right-color: #FFFFFF; border-left-color: #FFFFFF; } body.nav-open header .bun .burger span { background-color: transparent !important; } body.nav-open header .bun .burger span:before { transform: rotate(135deg); top: 0; } body.nav-open header .bun .burger span:after { transform: rotate(-135deg); top: 0; } .footer-logo svg { margin: auto; height: auto; width: clamp(160px, 16.66vw, 210px); } #footer { margin-top: auto; align-items: center; text-transform: uppercase; } #footer p, #footer ul, #footer li { font-size: var(--font-size-xs); font-family: "Avenir Black"; margin-bottom: 0px; } #footer li { margin-right: 1rem; display: inline-block; } #footer li:last-of-type { margin-right: 0px; } #footer a:active { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); opacity: 0.8; } @media (min-width: 640px) { #footer a:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); opacity: 0.8; } } #footer.option-0 .logo { --tw-text-opacity: 1; color: rgb(41 100 66 / var(--tw-text-opacity)); } #footer.option-0 .logo .button,#footer.option-0 .logo input[type="submit"],#footer.option-0 .logo strong a,#footer.option-0 .logo a strong,#footer.option-0 .logo a b,#footer.option-0 .logo b a { background-color: #296442; color: #918176; } #footer.option-0 .logo .button:hover,#footer.option-0 .logo input[type="submit"]:hover,#footer.option-0 .logo strong a:hover,#footer.option-0 .logo a strong:hover,#footer.option-0 .logo a b:hover,#footer.option-0 .logo b a:hover { color: #296442; background-color: #918176; border-color: #296442; } #footer.option-1 .logo { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #footer-logo.option-0 { --tw-text-opacity: 1; color: rgb(41 100 66 / var(--tw-text-opacity)); } #footer-logo.option-0 .button,#footer-logo.option-0 input[type="submit"],#footer-logo.option-0 strong a,#footer-logo.option-0 a strong,#footer-logo.option-0 a b,#footer-logo.option-0 b a { background-color: #296442; color: #918176; } #footer-logo.option-0 .button:hover,#footer-logo.option-0 input[type="submit"]:hover,#footer-logo.option-0 strong a:hover,#footer-logo.option-0 a strong:hover,#footer-logo.option-0 a b:hover,#footer-logo.option-0 b a:hover { color: #296442; background-color: #918176; border-color: #296442; } #footer-logo.option-1 { --tw-text-opacity: 1; color: rgb(145 129 118 / var(--tw-text-opacity)); } #header { position: fixed; top: 0px; left: 0px; z-index: 20; display: flex; height: auto; width: 100%; flex-direction: row; align-items: center; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 768px) { #header { padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 2rem; padding-right: 2rem; } } #header { background-color: transparent; text-transform: uppercase; line-height: 1; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); transition: transform 0.3s ease-in-out; } #header.header--unpinned { transform: translateY(calc(-100% + 4rem)); /* &.siteHeader--bottom { transform: translateY(0); }*/ } #header .logo { z-index: 50; margin-left: 0px; margin-right: auto; flex-direction: column; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #header .logo svg { margin: auto; height: auto; width: clamp(60px, 10vh, 120px); } #header a { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } #header .instagram { position: absolute; top: 0px; left: 1rem; z-index: 20; margin-right: auto; display: flex; height: 100%; flex-direction: column; justify-content: center; } @media (min-width: 768px) { #header .instagram { left: 1.5rem; } } #header .instagram svg { height: 0.75rem; width: 0.75rem; } #header .nav-desktop { font-size: var(--font-size-xs); font-family: "Avenir Black"; position: relative; margin-left: auto; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; padding-top: 6.66vh; line-height: 1.5; } #header .nav-desktop ul li { display: inline-block; padding-right: 0.75rem; } #header .nav-desktop ul li:last-child { padding-right: 0px; } #header .nav-desktop ul li a { border-bottom-width: 1px; border-bottom-color: transparent; } @media (min-width: 640px) { #header .nav-desktop ul li a:hover { border-color: inherit; } } #header .nav-desktop ul li.menu-item-has-children a { pointer-events: none; cursor: pointer; } #header .nav-desktop ul li.menu-item-has-children .sub-menu { font-size: var(--font-size-xs); position: absolute; top: 1rem; right: 0px; display: none; padding-top: 0.25rem; text-align: right; line-height: 1.5; } #header .nav-desktop ul li.menu-item-has-children .sub-menu li { display: block; padding: 0px; } #header .nav-desktop ul li.menu-item-has-children .sub-menu li a { pointer-events: auto; } #header .nav-desktop ul li.menu-item-has-children:hover .sub-menu { display: block; } #header .nav-toggle { position: absolute; top: 0px; right: 1rem; z-index: 20; margin-right: auto; display: flex; height: 100%; flex-direction: column; justify-content: center; } @media (min-width: 768px) { #header .nav-toggle { right: 1.5rem; display: none; } } #header .nav-toggle { /* .text { @apply hidden md:block; } */ /* .bun { @apply block md:hidden; } */ pointer-events: none; } #header .nav-toggle > * { pointer-events: auto; cursor: pointer; } #header .nav-tools { pointer-events: auto; position: absolute; top: 0px; right: 1rem; z-index: 20; margin-left: auto; display: none; height: 100%; cursor: pointer; flex-direction: column; justify-content: center; } @media (min-width: 768px) { #header .nav-tools { display: flex; } } #header .nav-tools a { display: block; vertical-align: middle; } #header .nav-tools svg { margin-left: 8px; display: inline-block; vertical-align: baseline; } #header .nav { order: 9999; display: none; --tw-bg-opacity: 1; background-color: rgb(145 129 118 / var(--tw-bg-opacity)); line-height: 2; position: absolute; top: 0px; left: 0px; height: 0px; width: 100%; flex-direction: column; overflow: hidden; } #header .nav .nav-inner { margin: auto; text-align: center; opacity: 0; } #header .nav .menu-main-container { font-size: var(--font-size-md); font-family: "Avenir Black"; position: relative; margin: auto; display: flex; width: 100%; flex-direction: column; } @media (min-width: 768px) { #header .nav .menu-main-container { padding-left: 1rem; padding-right: 1rem; } } #header .nav .nav-footer { font-size: var(--font-size-body); font-family: "Avenir Medium"; font-weight: normal; font-style: normal; line-height: 1.2; margin-top: 0px; display: flex; width: 100%; padding: 1rem; padding-top: 2rem; } #header .nav .menu-item-has-children { pointer-events: none; } #header .nav .sub-menu { margin: 0px; width: auto; } @media (min-width: 768px) { #header .nav .sub-menu { position: absolute; } } #header .nav .sub-menu { font-size: var(--font-size-sm); pointer-events: auto; opacity: 0.5; /* a { @apply text-green md:hover:text-green; } */ } #header .nav .sub-menu:before { content: 'V'; font-size: var(--font-size-xs); width: 100%; text-align: center; } #header .nav .menu-item.active > a { text-decoration-line: underline; } #header .nav .menu-item.active > .sub-menu { display: block; } #header .nav .menu-secondary-container { margin: auto; padding: 0px; } #header .nav .menu-secondary-container li { margin-right: 1rem; } #header .nav .menu-secondary-container li a { text-transform: capitalize; } .portfolio-filter, .section-navigation { position: absolute; top: 100%; left: 0px; width: 100%; overflow-x: scroll; border-top-width: .5px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(145 129 118 / var(--tw-bg-opacity)); padding: 1rem; text-transform: uppercase; line-height: 1; } /* -ms-overflow-style: none; scrollbar-width: none; */ .portfolio-filter::-webkit-scrollbar, .section-navigation::-webkit-scrollbar { width: 1px; height: 1px; } .portfolio-filter::-webkit-scrollbar-track, .section-navigation::-webkit-scrollbar-track { box-shadow: inset 0 0 1px rgba(0,0,0,0.1); border-radius: 0; } @media (min-width: 640px) { .portfolio-filter::-webkit-scrollbar-track, .section-navigation::-webkit-scrollbar-track { box-shadow: none } } /* Handle */ .portfolio-filter::-webkit-scrollbar-thumb, .section-navigation::-webkit-scrollbar-thumb { border-radius: 0; background-color: rgba(0,0,0,0.1); } .portfolio-filter ul, .section-navigation ul { display: flex; height: auto; width: 100%; flex-direction: row; } @media (min-width: 768px) { .portfolio-filter ul, .section-navigation ul { align-items: center; justify-content: center; } } .portfolio-filter ul li, .section-navigation ul li { padding-right: 1rem; } .portfolio-filter ul li:last-child, .section-navigation ul li:last-child { padding-right: 1.5rem; } @media (min-width: 768px) { .portfolio-filter ul li:last-child, .section-navigation ul li:last-child { padding-right: 0px; } } .portfolio-filter ul li a, .section-navigation ul li a { white-space: nowrap; border-bottom-width: .5px; border-color: transparent; padding-bottom: 1px; --tw-text-opacity: 1; color: rgb(145 129 118 / var(--tw-text-opacity)); } .portfolio-filter ul li a:hover, .section-navigation ul li a:hover { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .portfolio-filter ul li a.active, .section-navigation ul li a.active { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .portfolio-filter ul li.active a, .section-navigation ul li.active a { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #header.option-0 { --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #header.option-0 .logo { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #header.option-0 .bun .burger span, #header.option-0 .bun .burger span:before, #header.option-0 .bun .burger span:after { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } #header.option-0 .nav [class*=-container] ul li a:hover { --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); } #header.option-0 .nav [class*=-container] ul li.current-menu-item a { --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); } #header.option-0 .nav-desktop ul li a:hover { --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); } #header.option-0 .nav-desktop ul li.menu-item-has-children .sub-menu { background-color: transparent; } #header.option-0 .nav-desktop ul li.current-menu-item a { --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); } #header.option-1 { border-width: 0px !important; background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #header.option-1 .bun .burger span, #header.option-1 .bun .burger span:before, #header.option-1 .bun .burger span:after { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } #header.option-1 .nav [class*=-container] ul li a:hover { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } #header.option-1 .nav [class*=-container] ul li.current-menu-item a { --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); } #header.option-1 .nav { top: 0px; } #header.option-1.menu-item-has-children .sub-menu { background-color: transparent; } #header.option-1 .portfolio-filter, #header.option-1 .section-navigation { display: none; } .nav-open #header { background-color: transparent; } .nav-open #header.option-0, .nav-open #header.option-2, .nav-open #header.option-3 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nav-open #header.option-0 .logo, .nav-open #header.option-2 .logo, .nav-open #header.option-3 .logo { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nav-open #header.option-0 .bun .burger span, .nav-open #header.option-0 .bun .burger span:before, .nav-open #header.option-0 .bun .burger span:after, .nav-open #header.option-2 .bun .burger span, .nav-open #header.option-2 .bun .burger span:before, .nav-open #header.option-2 .bun .burger span:after, .nav-open #header.option-3 .bun .burger span, .nav-open #header.option-3 .bun .burger span:before, .nav-open #header.option-3 .bun .burger span:after { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .nav-open #header.option-1 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nav-open #header.option-1 .logo { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nav-open #header.option-1 .bun .burger span, .nav-open #header.option-1 .bun .burger span:before, .nav-open #header.option-1 .bun .burger span:after { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .nav-open #header .nav { display: flex; } .page-template-template-headless header .reservations, .page-template-template-headless header .nav, .page-template-template-headless header .nav-toggle { display: none; } .page-template-template-headless header .logo { margin: auto; } .blocker { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 111; display: none; height: 100%; width: 100vw; overflow: hidden; 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); flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 1rem; } @media (min-width: 768px) { .blocker { padding: 1.5rem; } } .blocker .modal { pointer-events: none; position: relative; display: none; height: 100%; width: 100%; } .blocker .modal .close { position: absolute; right: 0px; top: 0px; z-index: 999; } .blocker .modal a:not(.button) { text-decoration: underline; } .blocker .modal a:not(.button):hover { text-decoration: none; } .blocker .modal-close { cursor: pointer; } .blocker .modal.active { pointer-events: auto; display: flex; } .blocker #modal-intro { flex-direction: column; } .blocker #modal-intro div { margin-top: auto; } @media (min-width: 640px) { .blocker #modal-intro div { margin-top: 0px; } } .blocker #modal-signup h2 { margin-bottom: 0px; } .blocker .subscribe-module input { background-color: transparent; outline: none !important; border-bottom: 1px solid; } .blocker .subscribe-module input[type="email"] { width: 100%; } @media (min-width: 640px) { .blocker .subscribe-module input[type="email"] { min-width: 25vw } } .blocker .subscribe-module input[type="submit"] { cursor: pointer; border-bottom: none; width: 3em; } .blocker .subscribe-module form { margin-top: -2px; } .nav-open .blocker { background-color: rgb(0 0 0 / 0.5); --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); } /* @import "components/mailchimp.css"; */ .btn-prev, .btn-next { position: absolute; left: 0px; top: 0px; z-index: 10; display: none; height: 100%; width: 50%; cursor: pointer; } .btn-prev { cursor: w-resize; } .btn-next { left: 50%; cursor: e-resize; } .swiper-button-disabled { display: none !important; } .swiper-initialized .btn-prev, .swiper-initialized .btn-next { display: block; } /* .swiper-pagination { @apply hidden; } */ /* .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { @apply w-auto left-auto right-4 md:right-8 top-auto bottom-4 md:bottom-8; } .swiper-pagination-bullet { @apply w-2 h-2 inline-block opacity-100 rounded-[50%]; } .swiper-pagination-bullet-active { @apply opacity-100 bg-black; } */ .gallery { position: relative; margin: auto 0; overflow: hidden; } .gallery .swiper-slide { position: relative; } .gallery .swiper-slide * { pointer-events: none; } /* .caption { display: none; } */ .gallery .swiper-slide.swiper-slide-active * { pointer-events: auto; } .gallery .swiper-slide.swiper-slide-active .caption { display: block; } .gallery.editorial1 .swiper-slide { border-radius: 1rem; overflow: hidden; } .gallery.editorial1 .swiper-slide .caption { font-size: var(--font-size-md); font-size: var(--font-size-mega); line-height: 1; font-family: "Avenir Black"; position: absolute; top: 0px; height: 100%; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); --tw-bg-opacity: .2; padding: 1.5rem; opacity: 0.8 !important; } .gallery.editorial1 .swiper-pagination { --tw-invert: invert(1); 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); } .gallery.editorial1 .swiper-pagination-progressbar { bottom: 1.75rem; left: 1rem; width: calc(100% - 2rem); } @media (min-width: 768px) { .gallery.editorial1 .swiper-pagination-progressbar { left: 0px; width: 100%; } } .gallery.editorial2 { border-radius: 1rem; overflow: hidden; } @media not all and (min-width: 768px) { .gallery.editorial2 .swiper-slide { opacity: 0.5; } .gallery.editorial2 .swiper-slide.swiper-slide-active { opacity: 1; } } .gallery.editorial2 .swiper-pagination { display: none; } .gallery.free-mode { height: auto; width: 100vw; } .gallery.free-mode .swiper-wrapper { transition-timing-function: linear; } .gallery.free-mode .swiper-slide { height: auto; width: auto; } .gallery.free-mode .swiper-slide img { height: 50vw; max-height: 640px; width: auto; /* sm:h-[50vh] lg:h-[70vh] */ } .swiper-button-prev-1, .swiper-button-next-1 { position: absolute; top: 0px; z-index: 2; display: none; height: 100%; width: 50%; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; color: transparent; } .swiper-button-prev-1:after, .swiper-button-next-1:after { --tw-content: ""; content: var(--tw-content); } .swiper-button-prev-1, .swiper-button-next-1 { position: absolute; height: 100%; width: 5rem; cursor: pointer; } @media (min-width: 640px) { .swiper-button-prev-1, .swiper-button-next-1 { height: calc(100% - 4rem); width: 50% } } .swiper-button-prev-1 { left: 0px; background-image: url("data:image/svg+xml,%3Csvg width=%2713%27 height=%2714%27 viewBox=%270 0 13 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.3584 13.1748L11.5684 11.7648C9.9284 8.8548 9.9284 5.1548 11.5684 2.23481L12.3584 0.824804L0.358399 7.0048L12.3584 13.1748Z%27 fill=%27%23FAF7F2%27/%3E%3C/svg%3E%0A"); background-size: 12px; background-repeat: no-repeat; background-position: 1rem calc(50% - 1rem); } @media (min-width: 640px) { .swiper-button-prev-1 { background-image: none; cursor: url("data:image/svg+xml,%3Csvg width=%2713%27 height=%2714%27 viewBox=%270 0 13 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.3584 13.1748L11.5684 11.7648C9.9284 8.8548 9.9284 5.1548 11.5684 2.23481L12.3584 0.824804L0.358399 7.0048L12.3584 13.1748Z%27 fill=%27%23FAF7F2%27/%3E%3C/svg%3E%0A") 0 0, pointer } } .swiper-button-next-1 { right: 0px; background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0 0.825195L0.79 2.2352C2.43 5.1452 2.43 8.84519 0.79 11.7652L0 13.1752L12 6.9952L0 0.825195Z%27 fill=%27%23FAF7F2%27/%3E%3C/svg%3E%0A"); background-size: 12px; background-repeat: no-repeat; background-position: 3rem calc(50% - 1rem); } @media (min-width: 640px) { .swiper-button-next-1 { background-image: none; cursor: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0 0.825195L0.79 2.2352C2.43 5.1452 2.43 8.84519 0.79 11.7652L0 13.1752L12 6.9952L0 0.825195Z%27 fill=%27%23FAF7F2%27/%3E%3C/svg%3E%0A") 0 0, pointer } } .swiper-initialized .swiper-button-prev-1, .swiper-initialized .swiper-button-next-1 { display: block; } .gallery { /* aspect-ratio: 16/9; */ /* width: 100dvw; height: 100dvh; */ z-index: 0; } .gallery.swiper-initialized .swiper-slide .slide-info { opacity: 0; } .gallery.swiper-initialized .swiper-slide.swiper-slide-active .slide-info { opacity: 1; } .gallery.h-dvh { height: 100dvh; } .gallery .swiper-slide { width: 100%; height: 100%; /* &.swiper-slide-active { .slide-info { opacity: 1; } } */ } .gallery .swiper-slide:only-child .slide-info { opacity: 0; animation: fade-in ease-in 1s; animation-fill-mode: forwards; animation-duration: 1s; animation-delay: .5s; } .gallery .swiper-slide .slide-info { /* opacity: 0; */ /* display: none; */ text-align: center; display: block; width: 66%; max-width: 960px; height: 100%; position: absolute; z-index: 90; top: 0; left: 50%; transform: translateX(-50%); transition: 1s opacity ease-in; transition-delay: .5s; display: flex; flex-direction: column; justify-content: center; } .gallery .swiper-slide .slide-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } @media (orientation: landscape) { .gallery .swiper-slide .slide-img.portrait { display: none; } } @media (orientation: portrait) { .gallery .swiper-slide .slide-img.landscape { display: none; } } .gallery .swiper-pagination-fraction, .gallery .swiper-pagination-custom, .gallery .swiper-horizontal > .swiper-pagination-bullets, .gallery .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10%; } .gallery .swiper-pagination-fraction .swiper-pagination-bullet, .gallery .swiper-pagination-custom .swiper-pagination-bullet, .gallery .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .gallery .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { width: 10px; height: 8px; background-color: transparent; opacity: 1; border: transparent; background-image: url("data:image/svg+xml,"); margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px); background-size: 100%; border-radius: 0; } .gallery .swiper-pagination-fraction .swiper-pagination-bullet-active, .gallery .swiper-pagination-custom .swiper-pagination-bullet-active, .gallery .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active, .gallery .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active { background-color: transparent; background-image: url("data:image/svg+xml,"); } .gallery .swiper-pagination-progressbar { background: rgba(255, 255, 255, 0.15); position: absolute; bottom: 1rem; width: calc(100% - 2rem); left: 1rem; height: 1px; top: unset !important; } .gallery .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgba(255, 255, 255, .75); } .gallery.carousel { position: relative; margin-left: 0; margin-right: 0; overflow: hidden; } .gallery.carousel.gallery * a { pointer-events: auto; display: block; transition: all .2s ease-out; } .gallery.carousel.gallery * a:hover { opacity: .8; } @media (min-width: 768px) { .gallery.carousel.gallery * a:hover { opacity: 1 } } .gallery.carousel .swiper-wrapper { align-items: center; } .gallery.carousel .swiper-slide { position: relative; display: flex; flex-direction: column; justify-content: center; opacity: .35; } .gallery.carousel .swiper-slide .title { opacity: 0; } @media (min-width: 768px) { .gallery.carousel .swiper-slide .title { opacity: 1 } } .gallery.carousel .swiper-slide.swiper-slide-active { opacity: 1; } .gallery.carousel .swiper-slide.swiper-slide-active .title { opacity: 1; } @media (min-width: 768px) { .gallery.carousel .swiper-slide { opacity: 1 } } .gallery.carousel .swiper-slide .image-container { background-size: cover; background-position: center; aspect-ratio: 3/4; height: 100%; width: 100%; } .gallery.carousel .swiper-slide .image-container a { pointer-events: auto; display: block; height: 100%; } .gallery.carousel .swiper-slide .image-container .feature-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gallery.carousel .swiper-slide .slide-info { display: none; } .gallery.carousel .swiper-slide .slide-footer { text-align: left; padding-left: 0.5rem; padding-right: 0.5rem; opacity: 0; } @media (min-width: 640px) { .gallery.carousel .swiper-slide .slide-footer { padding-left: 0; padding-right: 0 } } .gallery.carousel .swiper-slide .slide-footer .slide-index { white-space: nowrap; color: #999; } .gallery.carousel .swiper-slide .slide-footer > * { display: inline; } .gallery.carousel .swiper-slide.swiper-slide-active .slide-footer { opacity: 1; } /* Gravity Forms */ /* Elements */ form { position: relative; font-size: inherit; } form ul { padding:0; margin:0; } form ul li { list-style: none; margin: 0 0 1rem; padding: 0; line-height: 1em; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } select { width: 100%; display: inline-block; font: inherit; padding: .5rem; margin: 0 0 1.5rem; box-sizing: border-box; border: none; border-radius: 0; background-color: transparent; -moz-appearance: none; -webkit-appearance: none; appearance: none; color: inherit; border: .5px solid; } input, textarea { width: 100%; border: none; border: .5px solid; font-weight: inherit; font-size: inherit; background-color: transparent; display: inline-block; padding: .5rem; margin: 0 0 1.5rem; /* -webkit-appearance: none; */ } textarea { width: 100%; max-height: 6.5em; } input[type=submit] { cursor: pointer; font-family: inherit; width: auto; margin: 3rem auto 0; } input, textarea, select { transition: all 0.1s ease-in; border-radius: 0; border-color: inherit; } /* Placeholders */ ::-webkit-input-placeholder { color: #FFFFFF !important; opacity: .3; font-family: inherit; } ::-moz-placeholder { color: #FFFFFF !important; opacity: .3; font-family: inherit; } :-ms-input-placeholder { color: #FFFFFF !important; opacity: .3; font-family: inherit; } :-moz-placeholder { color: #FFFFFF !important; opacity: .3; font-family: inherit; } :focus::-webkit-input-placeholder { color: #FFFFFF !important; opacity: .3; font-family: inherit; animation: breathe 1.666s infinite ease-in; } :focus:-moz-placeholder { color: #FFFFFF !important; opacity: .3; font-family: inherit; animation: breathe 2s infinite linear; } :focus::-moz-placeholder { color: #FFFFFF !important; opacity: .3; font-family: inherit; animation: breathe 2s infinite linear; } :focus:-ms-input-placeholder { color: #FFFFFF !important; opacity: .3; font-family: inherit; animation: breathe 1.666s infinite linear; } /* form specific */ .gravity-theme .half_left, .gform-theme .half_left { width: 50%; display: inline-block; padding-right: .5rem; } .gravity-theme .half_right, .gform-theme .half_right { width: 50%; display: inline-block; padding-left: .5rem; } .gravity-theme .application, .gravity-theme .contact-form, .gform-theme .application, .gform-theme .contact-form { padding: 2rem 0; } .gravity-theme .application input, .gravity-theme .application textarea, .gravity-theme .application select, .gravity-theme .contact-form input, .gravity-theme .contact-form textarea, .gravity-theme .contact-form select, .gform-theme .application input, .gform-theme .application textarea, .gform-theme .application select, .gform-theme .contact-form input, .gform-theme .contact-form textarea, .gform-theme .contact-form select { border-color: black } .gravity-theme .application label, .gravity-theme .contact-form label, .gform-theme .application label, .gform-theme .contact-form label { margin-bottom: .4rem; display: block; } .gravity-theme .application input[type="submit"], .gravity-theme .contact-form input[type="submit"], .gform-theme .application input[type="submit"], .gform-theme .contact-form input[type="submit"] { cursor: pointer; /* width: 5rem; */ margin: .5rem auto 0; } .gravity-theme .application input[type=file], .gravity-theme .contact-form input[type=file], .gform-theme .application input[type=file], .gform-theme .contact-form input[type=file] { margin: 0; padding:.5rem; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .gravity-theme .application .gform_fileupload_rules, .gravity-theme .application .upload-rules, .gravity-theme .application .validation_message, .gravity-theme .contact-form .gform_fileupload_rules, .gravity-theme .contact-form .upload-rules, .gravity-theme .contact-form .validation_message, .gform-theme .application .gform_fileupload_rules, .gform-theme .application .upload-rules, .gform-theme .application .validation_message, .gform-theme .contact-form .gform_fileupload_rules, .gform-theme .contact-form .upload-rules, .gform-theme .contact-form .validation_message { font-size: var(--font-size-xs); color: #296442; display: inline-block; margin-bottom: 0; } .gravity-theme .application .ginput_container_select, .gravity-theme .contact-form .ginput_container_select, .gform-theme .application .ginput_container_select, .gform-theme .contact-form .ginput_container_select { position: relative; } .gravity-theme .application .ginput_container_select::after, .gravity-theme .contact-form .ginput_container_select::after, .gform-theme .application .ginput_container_select::after, .gform-theme .contact-form .ginput_container_select::after { pointer-events: none; content: ''; position: absolute; display: block; right: .5rem; width: 15px; height: 15px; top: 15px; background-image: url("data:image/svg+xml,%3Csvg width=%2741%27 height=%2727%27 viewBox=%270 0 41 27%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 0.999998L20.5 25L40 1%27 stroke=%27black%27 stroke-width=%272%27/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-position: center; transform-origin: center; } .gravity-theme .application .gfield_required::after, .gravity-theme .contact-form .gfield_required::after, .gform-theme .application .gfield_required::after, .gform-theme .contact-form .gfield_required::after { content: '*'; --tw-text-opacity: 1; color: rgb(145 129 118 / var(--tw-text-opacity)); } .gravity-theme .application .gfield_required .gfield_required_text, .gravity-theme .contact-form .gfield_required .gfield_required_text, .gform-theme .application .gfield_required .gfield_required_text, .gform-theme .contact-form .gfield_required .gfield_required_text { display: none; } .gravity-theme .application .gform_footer, .gravity-theme .contact-form .gform_footer, .gform-theme .application .gform_footer, .gform-theme .contact-form .gform_footer { display: flex; position: relative; } .gravity-theme .application .upload, .gravity-theme .contact-form .upload, .gform-theme .application .upload, .gform-theme .contact-form .upload { margin: 0 0 1rem; } .gravity-theme .application .upload + .upload,.gravity-theme .contact-form .upload + .upload,.gform-theme .application .upload + .upload,.gform-theme .contact-form .upload + .upload{ margin: .5rem 0 0; } .gravity-theme .application #field_1_9, .gravity-theme .contact-form #field_1_9, .gform-theme .application #field_1_9, .gform-theme .contact-form #field_1_9 { margin-bottom: 0; } .gravity-theme .application .gfield--type-html, .gravity-theme .contact-form .gfield--type-html, .gform-theme .application .gfield--type-html, .gform-theme .contact-form .gfield--type-html { margin: .5rem auto 1rem } .gravity-theme .application .gform_fileupload_rules, .gravity-theme .contact-form .gform_fileupload_rules, .gform-theme .application .gform_fileupload_rules, .gform-theme .contact-form .gform_fileupload_rules { display: none; } /* .gfield.upload { display: flex; align-items: center; justify-content: space-between; } */ .gravity-theme .application input[type=file]::file-selector-button, .gravity-theme .contact-form input[type=file]::file-selector-button, .gform-theme .application input[type=file]::file-selector-button, .gform-theme .contact-form input[type=file]::file-selector-button { font-size: var(--font-size-xs); } .gravity-theme .gform_description, .gravity-theme .gform_confirmation_message, .gform-theme .gform_description, .gform-theme .gform_confirmation_message { margin: auto; max-width: 66.6; text-align: center; } .gravity-theme .ginput_preview_list, .gform-theme .ginput_preview_list { padding-top: 0.5rem; padding-bottom: 0.5rem; } .gravity-theme .ginput_preview_list *, .gform-theme .ginput_preview_list * { font-size: var(--font-size-xs); --tw-text-opacity: 1; color: rgb(41 100 66 / var(--tw-text-opacity)); } .gravity-theme .ginput_preview_list * .button,.gravity-theme .ginput_preview_list * input[type="submit"],.gravity-theme .ginput_preview_list * strong a,.gravity-theme .ginput_preview_list * a strong,.gravity-theme .ginput_preview_list * a b,.gravity-theme .ginput_preview_list * b a, .gform-theme .ginput_preview_list * .button, .gform-theme .ginput_preview_list * input[type="submit"], .gform-theme .ginput_preview_list * strong a, .gform-theme .ginput_preview_list * a strong, .gform-theme .ginput_preview_list * a b, .gform-theme .ginput_preview_list * b a { background-color: #296442; color: #918176; } .gravity-theme .ginput_preview_list * .button:hover,.gravity-theme .ginput_preview_list * input[type="submit"]:hover,.gravity-theme .ginput_preview_list * strong a:hover,.gravity-theme .ginput_preview_list * a strong:hover,.gravity-theme .ginput_preview_list * a b:hover,.gravity-theme .ginput_preview_list * b a:hover, .gform-theme .ginput_preview_list * .button:hover, .gform-theme .ginput_preview_list * input[type="submit"]:hover, .gform-theme .ginput_preview_list * strong a:hover, .gform-theme .ginput_preview_list * a strong:hover, .gform-theme .ginput_preview_list * a b:hover, .gform-theme .ginput_preview_list * b a:hover { color: #296442; background-color: #918176; border-color: #296442; } .hidden_label label { display: none; } .gform_ajax_spinner { border: 1.5px solid rgba(0, 0, 0, 0.15); border-left: 1.5px solid rgba(0, 0, 0, 0.99999); animation: rotate .75s infinite linear; border-radius: 50%; width: 20px; height: 20px; margin: 0; display: block; position: absolute; left: calc(50% - 10px); bottom: 3rem; } /* error styling */ .gfield_error input, .gfield_error textarea, .gfield_error select { border-color: red !important; border-width: 1px !important; } .gfield_error .gfield_required::after, .gfield_error .gfield_label { color: red !important; } .gravity-theme .validation_message, .gform-theme .validation_message, .gform_validation_errors { display: none !important; } .admin-hidden-markup { display: none; } .childcarecrm-form__select-days-toggle { margin: 2rem 0; } .childcarecrm-form__care-days-checkboxes { width: 100%; } .childcarecrm-form__control--date select { width: auto; padding: .5rem 1rem; } #childcarecrm-tour-form input[type=checkbox] { width: 20px; } #childcarecrm-tour-form h1 { font-size: 24px; } #childcarecrm-tour-form hr { margin: 1rem auto; } #childcarecrm-tour-form a { display: block; margin: auto; } #childcarecrm-tour-form .childcarecrm-form__control label { display: inline-block; margin-right: 2rem !important; } #childcarecrm-tour-form .childcarecrm-form__disclaimer { margin: 1.5rem 0; } #childcarecrm-tour-form button { font-size: var(--font-size-btn); display: inline-block; border-radius: 9999px; border-width: 1.5px; border-color: inherit; padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-top: .625rem; font-weight: 400; text-transform: uppercase; line-height: 1; text-decoration-line: none !important; } @media (min-width: 640px) { #childcarecrm-tour-form button:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(145 129 118 / var(--tw-text-opacity)); } } #childcarecrm-tour-form .fc-event.available-tour-time { background-color: transparent; color: white; padding: .25rem; } video { width: 100%; height: 100%; } .video-player.height-full { min-height: 66.6vh; padding-top: 0; padding-bottom: 0; position: sticky; top: 0; } @media (min-width: 640px) { .video-player.height-full { min-height: calc(100vh - 153px) } } .plyr { --plyr-color-main: #000; --plyr-control-icon-size: 30px; --plyr-badge-border-radius: 0; --plyr-control-radius: 0; --plyr-control-spacing: 1rem; --plyr-menu-shadow: unset; --plyr-menu-radius: 0; --plyr-progress-loading-background: transparent; --plyr-progress-loading-background: #FFFFFF; --plyr-range-thumb-shadow: unset; --plyr-range-thumb-active-shadow-width: unset; --plyr-range-track-height : 1px; --plyr-video-range-thumb-active-shadow-color: unset; --plyr-audio-range-thumb-active-shadow-color: unset; --plyr-tooltip-radius: 0; --plyr-tooltip-shadow: unset; --plyr-video-controls-background: transparent; font-family: helvetica, sans-serif; } .plyr__poster { background-size: cover; } .plyr__video-wrapper, .plyr--video { background-color: transparent; } .plyr.plyr--stopped .plyr__controls, .plyr.plyr--paused .plyr__controls { opacity: 0; } .plyr__control.plyr__control--overlaid { width: 70px; height: 70px; background-image: url("data:image/svg+xml,%3Csvg class=%27icon-play%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 width=%2771.1px%27 height=%2771.1px%27 viewBox=%270 0 71.1 71.1%27 style=%27overflow:visible;enable-background:new 0 0 71.1 71.1;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23FFFFFF;%7D %3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class=%27st0%27 d=%27M0,35.6C0,15.9,15.9,0,35.6,0s35.6,15.9,35.6,35.6S55.2,71.1,35.6,71.1S0,55.2,0,35.6 M57.5,35.6L22.6,18.1V53 L57.5,35.6z%27%3E%3C/path%3E%3C/svg%3E"); } .plyr__control.plyr__control--overlaid:hover { background-image: url("data:image/svg+xml,%3Csvg class=%27icon-play%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 width=%2771.1px%27 height=%2771.1px%27 viewBox=%270 0 71.1 71.1%27 style=%27overflow:visible;enable-background:new 0 0 71.1 71.1;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23FFFFFF;%7D %3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class=%27st0%27 d=%27M0,35.6C0,15.9,15.9,0,35.6,0s35.6,15.9,35.6,35.6S55.2,71.1,35.6,71.1S0,55.2,0,35.6 M57.5,35.6L22.6,18.1V53 L57.5,35.6z%27%3E%3C/path%3E%3C/svg%3E"); opacity: 0.6; } .plyr__control.plyr__control--overlaid svg { display: none; } .plyr button { margin-bottom: 0; } .plyr__time { font-family: inherit; } .plyr--video .plyr__controls { padding-left: 1rem; padding-right: 1rem; } .plyr--video .plyr__progress__buffer { color: #FFFFFF; } /* @import "components/intro.css"; */ .section { position: relative; z-index: 10; --tw-translate-y: 0px; --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)); -webkit-transform: translate3d(0,0,0); } /**/ .section.content-gallery { aspect-ratio: auto; height: 100vh; } @media (min-width: 768px) { .section.content-gallery { aspect-ratio: 16 / 9; height: auto; } } .section.hero-module { overflow: hidden; } .section.hero-module .foreground { transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; animation: fade-in ease-in 1.5s; animation-fill-mode: forwards; animation-delay: 1.5s; } .section.hero-module .footer { position: absolute; bottom: 1rem; left: 0px; width: 100%; z-index: 30; display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; } @media (min-width: 768px) { .section.hero-module .footer { flex-direction: row; align-items: baseline; gap: 2rem; text-align: right; } } .section.hero-module .footer { padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .section.hero-module .footer { padding-left: 1.5rem; padding-right: 1.5rem; } .section.hero-module .text { margin-left: auto; } } .section.hero-module .text *:last-child { margin-bottom: 0px; } .section.hero-module .text a { margin-left: 0.5rem; font-size: var(--font-size-btn); display: inline-block; border-radius: 9999px; border-width: 1.5px; border-color: inherit; padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-top: .625rem; font-weight: 400; text-transform: uppercase; line-height: 1; text-decoration-line: none !important; } @media (min-width: 640px) { .section.hero-module .text a:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(145 129 118 / var(--tw-text-opacity)); } } .section.hero-module .text a:only-child,.section.hero-module .text a :last-child { margin-bottom: 0; } .text-green .section.hero-module .text a { background-color: #296442; color: #918176; } .text-green .section.hero-module .text a:hover { color: #296442; background-color: #918176; border-color: #296442; } .blocker .modal a:not(.section.hero-module .text a) { text-decoration: underline; } .blocker .modal a:not(.section.hero-module .text a):hover { text-decoration: none; } .section.hero-module .links { font-family: "Avenir Black"; display: flex; flex-direction: row; gap: 1rem; } @media (min-width: 768px) { .section.hero-module .links { gap: 2rem; } } .section.single-column .text { position: relative; z-index: 1; } .section.single-column .text p:last-child { margin-bottom: 0px; } .section.two-column-text h2, .section.two-column-text h3 { margin-bottom: 0.5rem; } .section.two-column-text img { height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 3/2; } .section.accordion_module .image { aspect-ratio: auto; } @media (min-width: 768px) { .section.accordion_module .image { aspect-ratio: 3/4; } } .section.accordion_module .image img { height: auto; width: 100%; } @media (min-width: 768px) { .section.accordion_module .image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .section.accordion_module .accordion { border-width: 0px; border-bottom-width: 2px; } .section.accordion_module .accordion .title { display: flex; cursor: pointer; flex-direction: row; padding-top: 1rem; padding-bottom: 1rem; } .section.accordion_module .accordion .title h3 { font-size: var(--font-size-btn); line-height: 1; max-width: 95%; } .section.accordion_module .accordion .title:after { font-size: var(--font-size-lg); margin: auto; margin-right: 0px; display: flex; width: 0.5rem; flex-direction: column; --tw-content: "+"; content: var(--tw-content); } .section.accordion_module .accordion.open .title:after { display: block; --tw-content: "-"; content: var(--tw-content); } .section.accordion_module .accordion .content { height: 0px; overflow: hidden; } .section.accordion_module .accordion .content .inner { margin-bottom: 1rem; } @media (min-width: 768px) { .section.accordion_module .accordion .content .inner { margin-bottom: 2rem; } } .section.accordion_module .accordion .content p *:last-child { margin-bottom: 0px; } .section.accordion_module .accordion .content .links { margin-top: 1rem; display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 768px) { .section.accordion_module .accordion .content .links { margin-top: 2rem; gap: 2rem; } } .section.multi-column-content .item { /* &:first-child { @apply pb-12; } */ } .section.multi-column-content .item p { padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1024px) { .section.multi-column-content .item p { padding-left: 2rem; padding-right: 2rem; } } .section.multi-column-content .item h3 { /* @apply font-body font-sm; */ } .section.stats-counter .inner { border-top: .5px solid black; border-bottom: .5px solid black; } .section.stats-counter .stat-item { width: 100%; position: relative; border-bottom: .5px solid black; padding: 2rem 1rem; } .section.stats-counter .stat-item:last-child { border-bottom: none; } @media (min-width: 768px) { .section.stats-counter .stat-item { border-bottom: none; padding: 3vw 1rem } } .section.stats-counter .title { text-align: center; } @media (min-width: 768px) { .section.stats-counter .title { min-height: 2em } } .section .post-slider .swiper-slide .title { line-height: 1.2; } .section.instagram_module a:hover { border-bottom-width: 0px !important; text-decoration-line: none !important; } .section.instagram_module .instagram-logo { position: relative; margin-top: 1rem; } @media (min-width: 768px) { .section.instagram_module .instagram-logo { position: absolute; bottom: 0px; left: calc(-26px + -1rem); margin-top: 0px; } } .section.instagram_module .instagram-logo svg { width: 26px; height: 26px; } .section.instagram_module .instagram-logo svg path, .section.instagram_module .instagram-logo svg circle { stroke: currentColor !important; } .section.scroll-gallery { position: relative; } .section.scroll-gallery .scroll-gallery-inner { width: 100vw; overflow-x: hidden; } .section.scroll-gallery .scroll-gallery-inner .scroll-gallery-inner-inner { display: flex; width: 100vw; flex-wrap: nowrap; align-items: center; overflow-x: auto; overflow-y: hidden; } @media (min-width: 768px) { .section.scroll-gallery .scroll-gallery-inner .scroll-gallery-inner-inner { width: -moz-max-content; width: max-content; overflow-x: hidden; } } .section.scroll-gallery .scroll-gallery-inner .scroll-gallery-inner-inner .scroll-gallery-inner-inner-inner { position: relative; display: flex; flex-wrap: nowrap; align-items: center; } .section.scroll-gallery .scroll-gallery-inner .scroll-gallery-inner-inner .scroll-gallery-inner-inner-inner + .scroll-gallery-inner-inner-inner { display: none; } @media (min-width: 768px) { .section.scroll-gallery .scroll-gallery-inner .scroll-gallery-inner-inner .scroll-gallery-inner-inner-inner + .scroll-gallery-inner-inner-inner { display: flex; } } .section.scroll-gallery .image-container { position: relative; margin-right: 10px; } @media (min-width: 768px) { .section.scroll-gallery .image-container { margin-right: 20px; } } .section.scroll-gallery .image-container svg { height: 50vw; max-height: 640px; width: auto; } .section.scroll-gallery .image-container img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; height: 50vw; max-height: 640px; width: auto; } .section.scroll-gallery .image-container:last-child { margin-right: 0px; } @media (min-width: 768px) { .section.scroll-gallery .image-container:last-child { margin-right: 20px; } } .section > div { overflow: hidden; } .fit { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (orientation: landscape) { .fit.portrait { display: none; } } @media (orientation: portrait) { .fit.landscape { display: none; } } .border-before { position: relative; } .border-before:before { content: ''; position: absolute; width: 100%; top: .75rem; left: 0; border-top: 1px solid; height: 1px; overflow: hidden; z-index: 10; } @media (screen: md) { .border-before:before { top: 1.25rem } } main > section:only-child { height: calc(100dvh - 5rem); } .page { position: relative; } /* blog posts */ .posts .post { position: relative; } .posts .line { position: relative; display: block; height: 2px; width: 100%; } .news-content img { margin-bottom: 2rem; } /* portfolio posts */ .portfolio_archive_content p { margin-bottom: 0px; } .portfolio-posts { grid-column: span 12 / span 12; grid-column-start: 1; margin-bottom: 10rem; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 6rem; padding-top: 6rem; } @media (min-width: 768px) { .portfolio-posts { row-gap: 10rem; } } .portfolio-posts .post { position: relative; grid-column: span 12 / span 12; } @media (min-width: 640px) { .portfolio-posts .post { grid-column: span 6 / span 6; } } @media (min-width: 1024px) { .portfolio-posts .post { grid-column: span 4 / span 4; } } .portfolio-posts .post .image-container img { aspect-ratio: 4/3; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .portfolio-posts .post .no-image-container { display: flex; aspect-ratio: 4/3; height: 100%; width: 100%; flex-direction: column; --tw-bg-opacity: 1; background-color: rgb(145 129 118 / var(--tw-bg-opacity)); } .portfolio-posts .post .external-link { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 9999; display: block; height: 100%; width: 100%; } .portfolio-posts .post .external-link:hover + div { opacity: 0.8; } /* events posts */ .events-posts { grid-column: span 12 / span 12; grid-column-start: 1; margin-bottom: 10rem; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 6rem; padding-top: 6rem; } @media (min-width: 768px) { .events-posts { row-gap: 10rem; } } .events-posts .post { grid-column: span 12 / span 12; } @media (min-width: 640px) { .events-posts .post { grid-column: span 6 / span 6; } } @media (min-width: 1024px) { .events-posts .post { grid-column: span 6 / span 6; } } .events-posts .post .image-container img { aspect-ratio: 4/3; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .events-posts .post .no-image-container { display: flex; aspect-ratio: 4/3; height: 100%; width: 100%; flex-direction: column; --tw-bg-opacity: 1; background-color: rgb(145 129 118 / var(--tw-bg-opacity)); } .recipe-intro { grid-column: span 12 / span 12; height: 100dvh; width: 100%; } /* @apply fixed top-0 left-0 h-full w-full;*/ .recipe-intro .hero-container img { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .cover-title { position: relative; z-index: 10; display: flex; height: 100dvh; width: 100%; flex-direction: column; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(41 100 66 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(145 129 118 / var(--tw-text-opacity)); } .cover-title h1 { font-size: var(--font-size-mega); line-height: 1; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; max-width: 1040px; } .cover-title p { font-size: var(--font-size-md); text-transform: uppercase; } .cover-title .cover-title-inner { width: 85%; text-align: center; } @media (min-width: 768px) { .cover-title .cover-title-inner { width: 66.666667%; } } .big-avo { width: 80vw; --tw-rotate: -12.5deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 640px) { .big-avo { width: 50vw; } } @media (min-width: 768px) { .big-avo { max-width: 540px; } } @media (min-width: 1024px) { .big-avo { width: 40vw; } } .recipe-content h2 { font-size: var(--font-size-body); font-family: "Avenir Medium"; font-weight: normal; font-style: normal; line-height: 1.2; font-size: var(--font-size-md); margin-top: 3rem; margin-bottom: 1rem; border-bottom-width: .5px; --tw-border-opacity: 1; border-bottom-color: rgb(41 100 66 / var(--tw-border-opacity)); padding-bottom: 0.25rem; } .recipe-content h2:first-child { margin-top: 0px; } .recipe-content ol { margin: 0px; margin-left: 1.5rem; margin-bottom: 1.5rem; list-style-type: decimal; padding: 0px; } .recipe-content p { font-size: var(--font-size-sm); margin-bottom: 0.5rem; } .recipe-content ul { list-style-type: none; padding-left: 0px; } .recipe-content ul li:before { content: '\2014'; width: 1.25rem; display: inline-block; margin-left: .25rem; } .avo-list ul li { padding: 0 0 .5rem 1.25rem; position: relative; } .avo-list ul li:before { content: ''; position: absolute; left: 0; background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14.35 20%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2300552c;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 d=%27M.04,10.06c-.12,1.59,0,3.45.71,5.29.49,1.25,1.21,2.41,2.4,3.32,1.31,1,2.86,1.45,4.63,1.29,1.93-.17,3.38-1.05,4.47-2.37,1.07-1.29,1.61-2.75,1.88-4.24.31-1.69.27-3.34-.01-4.94-.17-.94-.43-1.84-.83-2.7-.96-2.55-2.28-4.04-2.28-4.04C10.17.55,8.65-.02,7.15,0c-1.51-.02-3.02.54-3.86,1.68C3.29,1.68.62,4.68.1,9.48c-.02.19-.04.38-.06.59h0ZM4.81,14.26c-.41-.64-.54-1.34-.54-2.06,0-.65.11-1.29.44-1.88.48-.88,1.25-1.43,2.4-1.43,1.13,0,1.94.49,2.39,1.37.68,1.33.68,2.69-.07,4-.46.81-1.24,1.27-2.3,1.28-1.07,0-1.81-.48-2.32-1.27h0Z%27/%3E%3C/svg%3E"); background-size: 13px 18px; width: 18px; height: 18px; background-repeat: no-repeat; } .is-changing .careers-filter .gform_ajax_spinner { display: block; bottom: -1.5rem; } .tag { display: inline-block; text-decoration-line: none; } @media (min-width: 640px) { .tag:hover { text-decoration-line: underline; } } .tag:before { content: '|'; display: inline-block; width: 1.25rem; text-align: center; opacity: 0.25; } .post-filter ul li:first-child a.tag::before { display: none; } .radial-gradient { background-image: radial-gradient( circle at bottom left, #134922 -20%, #225430 80% ); } /* utility styles */ .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { top: 0px; right: 0px; bottom: 0px; left: 0px; } .left-0 { left: 0px; } .top-0 { top: 0px; } .bottom-0 { bottom: 0px; } .right-0 { right: 0px; } .bottom-8 { bottom: 2rem; } .top-\[50\%\] { top: 50%; } .top-1\/2 { top: 50%; } .left-1\/2 { left: 50%; } .bottom-4 { bottom: 1rem; } .z-20 { z-index: 20; } .z-10 { z-index: 10; } .z-0 { z-index: 0; } .z-\[1\] { z-index: 1; } .z-\[0\] { z-index: 0; } .z-\[-1\] { z-index: -1; } .order-first { order: -9999; } .col-span-12 { grid-column: span 12 / span 12; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-10 { grid-column: span 10 / span 10; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .m-0 { margin: 0px; } .m-auto { margin: auto; } .mx-auto { margin-left: auto; margin-right: auto; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .ml-\[calc\(50\%_-_50vw\)\] { margin-left: calc(50% - 50vw); } .mb-0 { margin-bottom: 0px; } .mt-auto { margin-top: auto; } .mb-4 { margin-bottom: 1rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-auto { margin-bottom: auto; } .mt-0 { margin-top: 0px; } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[4\/3\] { aspect-ratio: 4/3; } .aspect-\[5\/4\] { aspect-ratio: 5/4; } .aspect-\[10\/16\] { aspect-ratio: 10/16; } .aspect-\[16\/9\] { aspect-ratio: 16/9; } .aspect-\[16\/10\] { aspect-ratio: 16/10; } .aspect-\[3\/2\] { aspect-ratio: 3/2; } .aspect-square { aspect-ratio: 1 / 1; } .h-full { height: 100%; } .h-0 { height: 0px; } .h-\[70px\] { height: 70px; } .h-\[50vh\] { height: 50vh; } .h-\[\.5px\] { height: .5px; } .h-\[100dvh\] { height: 100dvh; } .h-10 { height: 2.5rem; } .h-auto { height: auto; } .w-screen { width: 100vw; } .w-full { width: 100%; } .w-\[70px\] { width: 70px; } .w-\[90vw\] { width: 90vw; } .max-w-xl { max-width: 36rem; } .max-w-\[100\%\] { max-width: 100%; } .origin-center { transform-origin: center; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --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)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-pointer { cursor: pointer; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .justify-center { justify-content: center; } .gap-4 { gap: 1rem; } .gap-2 { gap: 0.5rem; } .gap-12 { gap: 3rem; } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-24 { row-gap: 6rem; } .self-start { align-self: flex-start; } .overflow-hidden { overflow: hidden; } .border-0 { border-width: 0px; } .border-b-\[\.5px\] { border-bottom-width: .5px; } .border-t-2 { border-top-width: 2px; } .border-none { border-style: none; } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-accent_1 { --tw-bg-opacity: 1; background-color: rgb(145 129 118 / var(--tw-bg-opacity)); } .bg-green { --tw-bg-opacity: 1; background-color: rgb(41 100 66 / var(--tw-bg-opacity)); } .\!bg-transparent { background-color: transparent !important; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-center { -o-object-position: center; object-position: center; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .pt-24 { padding-top: 6rem; } .pt-28 { padding-top: 7rem; } .pt-32 { padding-top: 8rem; } .pb-4 { padding-bottom: 1rem; } .pt-4 { padding-top: 1rem; } .pt-40 { padding-top: 10rem; } .pt-12 { padding-top: 3rem; } .pt-20 { padding-top: 5rem; } .pt-2 { padding-top: 0.5rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-16 { padding-top: 4rem; } .pt-0 { padding-top: 0px; } .pb-2 { padding-bottom: 0.5rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-8 { padding-bottom: 2rem; } .pb-16 { padding-bottom: 4rem; } .pb-32 { padding-bottom: 8rem; } .pb-0 { padding-bottom: 0px; } .pt-3 { padding-top: 0.75rem; } .text-center { text-align: center; } .text-right { text-align: right; } .italic { font-style: italic; } .text-accent_1 { --tw-text-opacity: 1; color: rgb(145 129 118 / var(--tw-text-opacity)); } .opacity-100 { opacity: 1; } .mix-blend-multiply { mix-blend-mode: multiply; } .mix-blend-screen { mix-blend-mode: screen; } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300 { transition-duration: 300ms; } .group:hover .group-hover\:opacity-90 { opacity: 0.9; } @media not all and (min-width: 768px) { .max-md\:ml-\[calc\(50\%_-_50vw\)\] { margin-left: calc(50% - 50vw); } .max-md\:w-screen { width: 100vw; } .max-md\:pb-4 { padding-bottom: 1rem; } .max-md\:text-center { text-align: center; } } @media not all and (min-width: 640px) { .max-sm\:p-4 { padding: 1rem; } } @media (min-width: 640px) { .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:col-span-4 { grid-column: span 4 / span 4; } .sm\:col-span-3 { grid-column: span 3 / span 3; } .sm\:col-span-8 { grid-column: span 8 / span 8; } .sm\:col-start-3 { grid-column-start: 3; } .sm\:contents { display: contents; } .sm\:hidden { display: none; } .sm\:aspect-auto { aspect-ratio: auto; } .sm\:w-1\/2 { width: 50%; } .sm\:max-w-\[calc\(50\%_-_0\.5rem\)\] { max-width: calc(50% - 0.5rem); } .sm\:max-w-\[66\.6\%\] { max-width: 66.6%; } .sm\:pt-0 { padding-top: 0px; } .sm\:pb-0 { padding-bottom: 0px; } .sm\:text-left { text-align: left; } .sm\:text-right { text-align: right; } .sm\:hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .sm\:hover\:opacity-80:hover { opacity: 0.8; } .group:hover .sm\:group-hover\:border-transparent { border-color: transparent; } .group:hover .sm\:group-hover\:opacity-80 { opacity: 0.8; } } @media (min-width: 768px) { .md\:sticky { position: sticky; } .md\:top-20 { top: 5rem; } .md\:order-first { order: -9999; } .md\:col-span-6 { grid-column: span 6 / span 6; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-8 { grid-column: span 8 / span 8; } .md\:col-span-7 { grid-column: span 7 / span 7; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:col-span-10 { grid-column: span 10 / span 10; } .md\:col-start-4 { grid-column-start: 4; } .md\:col-start-3 { grid-column-start: 3; } .md\:col-start-7 { grid-column-start: 7; } .md\:col-start-2 { grid-column-start: 2; } .md\:col-start-1 { grid-column-start: 1; } .md\:block { display: block; } .md\:hidden { display: none; } .md\:h-full { height: 100%; } .md\:w-\[50vw\] { width: 50vw; } .md\:w-full { width: 100%; } .md\:max-w-\[480px\] { max-width: 480px; } .md\:flex-row { flex-direction: row; } .md\:gap-8 { gap: 2rem; } .md\:gap-6 { gap: 1.5rem; } .md\:gap-x-8 { -moz-column-gap: 2rem; column-gap: 2rem; } .md\:border-none { border-style: none; } .md\:object-cover { -o-object-fit: cover; object-fit: cover; } .md\:object-top { -o-object-position: top; object-position: top; } .md\:object-center { -o-object-position: center; object-position: center; } .md\:object-bottom { -o-object-position: bottom; object-position: bottom; } .md\:px-\[16\.666\%\] { padding-left: 16.666%; padding-right: 16.666%; } .md\:\!px-\[15\%\] { padding-left: 15% !important; padding-right: 15% !important; } .md\:pb-6 { padding-bottom: 1.5rem; } .md\:pt-40 { padding-top: 10rem; } .md\:pt-6 { padding-top: 1.5rem; } .md\:pt-24 { padding-top: 6rem; } .md\:pb-4 { padding-bottom: 1rem; } .md\:pt-4 { padding-top: 1rem; } .md\:pt-10 { padding-top: 2.5rem; } .md\:pt-16 { padding-top: 4rem; } .md\:pt-32 { padding-top: 8rem; } .md\:pt-56 { padding-top: 14rem; } .md\:pb-10 { padding-bottom: 2.5rem; } .md\:pb-16 { padding-bottom: 4rem; } .md\:pb-32 { padding-bottom: 8rem; } .md\:pb-56 { padding-bottom: 14rem; } .md\:pr-\[20\%\] { padding-right: 20%; } } @media (min-width: 1024px) { .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-10 { grid-column: span 10 / span 10; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:col-start-2 { grid-column-start: 2; } .lg\:col-start-3 { grid-column-start: 3; } .lg\:col-start-4 { grid-column-start: 4; } .lg\:w-1\/4 { width: 25%; } .lg\:max-w-\[calc\(33\.3\%_-_2rem\)\] { max-width: calc(33.3% - 2rem); } .lg\:gap-y-\[10rem\] { row-gap: 10rem; } } @media (min-width: 1280px) { .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-start-4 { grid-column-start: 4; } } @media (min-width: 1800px) { .\32xl\:col-span-10 { grid-column: span 10 / span 10; } .\32xl\:col-span-8 { grid-column: span 8 / span 8; } .\32xl\:col-start-2 { grid-column-start: 2; } .\32xl\:col-start-3 { grid-column-start: 3; } } @media (orientation: portrait) { .portrait\:hidden { display: none; } } @media (orientation: landscape) { .landscape\:hidden { display: none; } }