@charset "UTF-8"; /*! Theme Name: EWS Tier 1 Theme URI: https://bi-kay.com/ Author: bi-kay.com Author URI: https://bi-kay.com/ Description: Tier 1 theme for EWS Website. Version: 1.0.0 Tested up to: 6.5.2 Requires PHP: 8.1 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: ews-tier-1 */ /* ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: Trade Gothic LT Std, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: Trade Gothic LT Std, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } body{ font-size: 0.875rem; } @media (min-width: 768px){ body{ font-size: 1.09375rem; } } @media (min-width: 1024px){ body{ font-size: 1.3125rem; } } h1, h2, h3, h4, h5, h6 { line-height: 1.2; } .container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } @media (min-width: 100%){ .container{ max-width: 100%; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 1024px){ .container{ max-width: 1024px; } } @media (min-width: 1280px){ .container{ max-width: 1280px; } } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .not-sr-only{ position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } .pointer-events-none{ pointer-events: none; } .pointer-events-auto{ pointer-events: auto; } .\!visible{ visibility: visible !important; } .visible{ visibility: visible; } .invisible{ visibility: hidden; } .collapse{ visibility: collapse; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .\!relative{ position: relative !important; } .relative{ position: relative; } .sticky{ position: sticky; } .-inset-1{ inset: -0.25rem; } .inset-0{ inset: 0px; } .inset-y-0{ top: 0px; bottom: 0px; } .bottom-0{ bottom: 0px; } .end-1{ inset-inline-end: 0.25rem; } .left-0{ left: 0px; } .right-0{ right: 0px; } .top-0{ top: 0px; } .top-\[63px\]{ top: 63px; } .isolate{ isolation: isolate; } .isolation-auto{ isolation: auto; } .z-10{ z-index: 10; } .z-20{ z-index: 20; } .z-30{ z-index: 30; } .z-40{ z-index: 40; } .z-50{ z-index: 50; } .z-\[100\]{ z-index: 100; } .z-\[51\]{ z-index: 51; } .col-span-2{ grid-column: span 2 / span 2; } .col-span-3{ grid-column: span 3 / span 3; } .col-span-4{ grid-column: span 4 / span 4; } .col-span-6{ grid-column: span 6 / span 6; } .float-start{ float: inline-start; } .float-end{ float: inline-end; } .float-right{ float: right; } .float-left{ float: left; } .float-none{ float: none; } .clear-start{ clear: inline-start; } .clear-end{ clear: inline-end; } .clear-left{ clear: left; } .clear-right{ clear: right; } .clear-both{ clear: both; } .clear-none{ clear: none; } .m-auto{ margin: auto; } .mx-5{ margin-left: 1.25rem; margin-right: 1.25rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .my-auto{ margin-top: auto; margin-bottom: auto; } .\!mt-2{ margin-top: 0.5rem !important; } .\!mt-4{ margin-top: 1rem !important; } .-ml-2{ margin-left: -0.5rem; } .-mr-2{ margin-right: -0.5rem; } .mb-0{ margin-bottom: 0px; } .mb-1{ margin-bottom: 0.25rem; } .mb-10{ margin-bottom: 2.5rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-4{ margin-bottom: 1rem; } .mb-5{ margin-bottom: 1.25rem; } .mb-6{ margin-bottom: 1.5rem; } .mb-8{ margin-bottom: 2rem; } .mb-\[90px\]{ margin-bottom: 90px; } .ml-0{ margin-left: 0px; } .ml-0\.5{ margin-left: 0.125rem; } .ml-2{ margin-left: 0.5rem; } .ml-3{ margin-left: 0.75rem; } .ml-4{ margin-left: 1rem; } .ml-5{ margin-left: 1.25rem; } .ml-auto{ margin-left: auto; } .mr-0{ margin-right: 0px; } .mt-1{ margin-top: 0.25rem; } .mt-1\.5{ margin-top: 0.375rem; } .mt-10{ margin-top: 2.5rem; } .mt-12{ margin-top: 3rem; } .mt-16{ margin-top: 4rem; } .mt-2{ margin-top: 0.5rem; } .mt-3{ margin-top: 0.75rem; } .mt-3\.5{ margin-top: 0.875rem; } .mt-4{ margin-top: 1rem; } .mt-5{ margin-top: 1.25rem; } .mt-6{ margin-top: 1.5rem; } .mt-8{ margin-top: 2rem; } .mt-\[-1\.5rem\]{ margin-top: -1.5rem; } .mt-\[50px\]{ margin-top: 50px; } .mt-\[63px\]{ margin-top: 63px; } .mt-auto{ margin-top: auto; } .box-border{ box-sizing: border-box; } .box-content{ box-sizing: content-box; } .line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .line-clamp-4{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .line-clamp-none{ overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .table{ display: table; } .inline-table{ display: inline-table; } .table-caption{ display: table-caption; } .table-cell{ display: table-cell; } .table-column{ display: table-column; } .table-column-group{ display: table-column-group; } .table-footer-group{ display: table-footer-group; } .table-header-group{ display: table-header-group; } .table-row-group{ display: table-row-group; } .table-row{ display: table-row; } .flow-root{ display: flow-root; } .grid{ display: grid; } .inline-grid{ display: inline-grid; } .contents{ display: contents; } .list-item{ display: list-item; } .hidden{ display: none; } .aspect-\[0\.89\]{ aspect-ratio: 0.89; } .aspect-\[0\.97\]{ aspect-ratio: 0.97; } .aspect-\[1\.19\]{ aspect-ratio: 1.19; } .aspect-\[1\.22\]{ aspect-ratio: 1.22; } .aspect-\[1\.32\]{ aspect-ratio: 1.32; } .aspect-\[1\.54\]{ aspect-ratio: 1.54; } .aspect-\[2\.17\]{ aspect-ratio: 2.17; } .aspect-square{ aspect-ratio: 1 / 1; } .aspect-video{ aspect-ratio: 16 / 9; } .size-full{ width: 100%; height: 100%; } .h-0{ height: 0px; } .h-10{ height: 2.5rem; } .h-12\.75{ height: 51px; } .h-20{ height: 5rem; } .h-3{ height: 0.75rem; } .h-39{ height: 9.75rem; } .h-4{ height: 1rem; } .h-6{ height: 1.5rem; } .h-60{ height: 15rem; } .h-8{ height: 2rem; } .h-\[15px\]{ height: 15px; } .h-\[164px\]{ height: 164px; } .h-\[182px\]{ height: 182px; } .h-\[200px\]{ height: 200px; } .h-\[206px\]{ height: 206px; } .h-\[250px\]{ height: 250px; } .h-\[26px\]{ height: 26px; } .h-\[272px\]{ height: 272px; } .h-\[286px\]{ height: 286px; } .h-\[327px\]{ height: 327px; } .h-\[461px\]{ height: 461px; } .h-\[50px\]{ height: 50px; } .h-\[63px\]{ height: 63px; } .h-\[73px\]{ height: 73px; } .h-auto{ height: auto; } .h-full{ height: 100%; } .h-screen{ height: 100vh; } .max-h-50{ max-height: 200px; } .max-h-\[90vh\]{ max-height: 90vh; } .max-h-full{ max-height: 100%; } .min-h-7{ min-height: 1.75rem; } .min-h-\[156px\]{ min-height: 156px; } .min-h-\[312px\]{ min-height: 312px; } .w-10{ width: 2.5rem; } .w-3{ width: 0.75rem; } .w-4{ width: 1rem; } .w-48\.5{ width: 194px; } .w-5\.5{ width: 22px; } .w-6{ width: 1.5rem; } .w-72{ width: 18rem; } .w-\[12px\]{ width: 12px; } .w-\[156px\]{ width: 156px; } .w-\[164px\]{ width: 164px; } .w-\[170px\]{ width: 170px; } .w-\[327px\]{ width: 327px; } .w-\[45\%\]{ width: 45%; } .w-\[79px\]{ width: 79px; } .w-\[86px\]{ width: 86px; } .w-\[this-is\\\\\]{ width: this-is\\; } .w-\[this-is\]{ width: this-is; } .w-\[weird-and-invalid\]{ width: weird-and-invalid; } .w-auto{ width: auto; } .w-full{ width: 100%; } .min-w-10{ min-width: 2.5rem; } .min-w-20{ min-width: 5rem; } .min-w-72{ min-width: 18rem; } .max-w-0{ max-width: 0px; } .max-w-3xl{ max-width: 48rem; } .max-w-4xl{ max-width: 56rem; } .max-w-64{ max-width: 16rem; } .max-w-72{ max-width: 18rem; } .max-w-\[150px\]{ max-width: 150px; } .max-w-\[200px\]{ max-width: 200px; } .max-w-full{ max-width: 100%; } .max-w-screen-desktop{ max-width: 1440px; } .max-w-screen-xl{ max-width: 1280px; } .flex-1{ flex: 1 1 0%; } .flex-shrink{ flex-shrink: 1; } .flex-shrink-0{ flex-shrink: 0; } .shrink{ flex-shrink: 1; } .shrink-0{ flex-shrink: 0; } .flex-grow{ flex-grow: 1; } .grow{ flex-grow: 1; } .basis-0{ flex-basis: 0px; } .table-auto{ table-layout: auto; } .table-fixed{ table-layout: fixed; } .caption-top{ caption-side: top; } .caption-bottom{ caption-side: bottom; } .border-collapse{ border-collapse: collapse; } .border-separate{ border-collapse: separate; } .origin-left{ transform-origin: left; } .translate-y-\[100\%\]{ --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90{ --tw-rotate: -90deg; 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)); } .rotate-90{ --tw-rotate: 90deg; 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)) !important; } .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)); } .transform-cpu{ 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-gpu{ transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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-none{ transform: none; } .cursor-pointer{ cursor: pointer; } .touch-auto{ touch-action: auto; } .touch-none{ touch-action: none; } .touch-pan-x{ --tw-pan-x: pan-x; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-left{ --tw-pan-x: pan-left; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-right{ --tw-pan-x: pan-right; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-y{ --tw-pan-y: pan-y; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-up{ --tw-pan-y: pan-up; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-down{ --tw-pan-y: pan-down; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pinch-zoom{ --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-manipulation{ touch-action: manipulation; } .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-text{ -webkit-user-select: text; -moz-user-select: text; user-select: text; } .select-all{ -webkit-user-select: all; -moz-user-select: all; user-select: all; } .select-auto{ -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .resize-none{ resize: none; } .resize-y{ resize: vertical; } .resize-x{ resize: horizontal; } .resize{ resize: both; } .snap-none{ scroll-snap-type: none; } .snap-x{ scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-y{ scroll-snap-type: y var(--tw-scroll-snap-strictness); } .snap-both{ scroll-snap-type: both var(--tw-scroll-snap-strictness); } .snap-mandatory{ --tw-scroll-snap-strictness: mandatory; } .snap-proximity{ --tw-scroll-snap-strictness: proximity; } .snap-start{ scroll-snap-align: start; } .snap-end{ scroll-snap-align: end; } .snap-center{ scroll-snap-align: center; } .snap-align-none{ scroll-snap-align: none; } .snap-normal{ scroll-snap-stop: normal; } .snap-always{ scroll-snap-stop: always; } .list-inside{ list-style-position: inside; } .list-outside{ list-style-position: outside; } .appearance-none{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .appearance-auto{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .break-before-auto{ -moz-column-break-before: auto; break-before: auto; } .break-before-avoid{ -moz-column-break-before: avoid; break-before: avoid; } .break-before-all{ -moz-column-break-before: all; break-before: all; } .break-before-avoid-page{ -moz-column-break-before: avoid; break-before: avoid-page; } .break-before-page{ -moz-column-break-before: page; break-before: page; } .break-before-left{ -moz-column-break-before: left; break-before: left; } .break-before-right{ -moz-column-break-before: right; break-before: right; } .break-before-column{ -moz-column-break-before: column; break-before: column; } .break-inside-auto{ -moz-column-break-inside: auto; break-inside: auto; } .break-inside-avoid{ -moz-column-break-inside: avoid; break-inside: avoid; } .break-inside-avoid-page{ break-inside: avoid-page; } .break-inside-avoid-column{ -moz-column-break-inside: avoid; break-inside: avoid-column; } .break-after-auto{ -moz-column-break-after: auto; break-after: auto; } .break-after-avoid{ -moz-column-break-after: avoid; break-after: avoid; } .break-after-all{ -moz-column-break-after: all; break-after: all; } .break-after-avoid-page{ -moz-column-break-after: avoid; break-after: avoid-page; } .break-after-page{ -moz-column-break-after: page; break-after: page; } .break-after-left{ -moz-column-break-after: left; break-after: left; } .break-after-right{ -moz-column-break-after: right; break-after: right; } .break-after-column{ -moz-column-break-after: column; break-after: column; } .grid-flow-row{ grid-auto-flow: row; } .grid-flow-col{ grid-auto-flow: column; } .grid-flow-dense{ grid-auto-flow: dense; } .grid-flow-row-dense{ grid-auto-flow: row dense; } .grid-flow-col-dense{ grid-auto-flow: column dense; } .auto-rows-max{ grid-auto-rows: max-content; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .flex-row{ flex-direction: row; } .flex-row-reverse{ flex-direction: row-reverse; } .flex-col{ flex-direction: column; } .flex-col-reverse{ flex-direction: column-reverse; } .flex-wrap{ flex-wrap: wrap; } .flex-wrap-reverse{ flex-wrap: wrap-reverse; } .flex-nowrap{ flex-wrap: nowrap; } .place-content-center{ place-content: center; } .place-content-start{ place-content: start; } .place-content-end{ place-content: end; } .place-content-between{ place-content: space-between; } .place-content-around{ place-content: space-around; } .place-content-evenly{ place-content: space-evenly; } .place-content-baseline{ place-content: baseline; } .place-content-stretch{ place-content: stretch; } .place-items-start{ place-items: start; } .place-items-end{ place-items: end; } .place-items-center{ place-items: center; } .place-items-baseline{ place-items: baseline; } .place-items-stretch{ place-items: stretch; } .content-normal{ align-content: normal; } .content-center{ align-content: center; } .content-start{ align-content: flex-start; } .content-end{ align-content: flex-end; } .content-between{ align-content: space-between; } .content-around{ align-content: space-around; } .content-evenly{ align-content: space-evenly; } .content-baseline{ align-content: baseline; } .content-stretch{ align-content: stretch; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .items-stretch{ align-items: stretch; } .justify-normal{ justify-content: normal; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .justify-around{ justify-content: space-around; } .justify-evenly{ justify-content: space-evenly; } .justify-stretch{ justify-content: stretch; } .justify-items-start{ justify-items: start; } .justify-items-end{ justify-items: end; } .justify-items-center{ justify-items: center; } .justify-items-stretch{ justify-items: stretch; } .gap-0{ gap: 0px; } .gap-1{ gap: 0.25rem; } .gap-16{ gap: 4rem; } .gap-18{ gap: 4.5rem; } .gap-2{ gap: 0.5rem; } .gap-2\.5{ gap: 0.625rem; } .gap-3{ gap: 0.75rem; } .gap-3\.5{ gap: 0.875rem; } .gap-4{ gap: 1rem; } .gap-5{ gap: 1.25rem; } .gap-6{ gap: 1.5rem; } .gap-8{ gap: 2rem; } .gap-x-10{ -moz-column-gap: 2.5rem; column-gap: 2.5rem; } .gap-x-16{ -moz-column-gap: 4rem; column-gap: 4rem; } .gap-y-8{ row-gap: 2rem; } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-reverse > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 1; } .space-x-reverse > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; } .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-y-reverse > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 1; } .divide-x-reverse > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .divide-solid > :not([hidden]) ~ :not([hidden]){ border-style: solid; } .divide-dashed > :not([hidden]) ~ :not([hidden]){ border-style: dashed; } .divide-dotted > :not([hidden]) ~ :not([hidden]){ border-style: dotted; } .divide-double > :not([hidden]) ~ :not([hidden]){ border-style: double; } .divide-none > :not([hidden]) ~ :not([hidden]){ border-style: none; } .divide-black > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(0 0 0 / var(--tw-divide-opacity, 1)); } .place-self-auto{ place-self: auto; } .place-self-start{ place-self: start; } .place-self-end{ place-self: end; } .place-self-center{ place-self: center; } .place-self-stretch{ place-self: stretch; } .self-auto{ align-self: auto; } .self-start{ align-self: flex-start; } .self-end{ align-self: flex-end; } .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } .self-baseline{ align-self: baseline; } .justify-self-auto{ justify-self: auto; } .justify-self-start{ justify-self: start; } .justify-self-end{ justify-self: end; } .justify-self-center{ justify-self: center; } .justify-self-stretch{ justify-self: stretch; } .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } .overflow-clip{ overflow: clip; } .overflow-visible{ overflow: visible; } .overflow-scroll{ overflow: scroll; } .overflow-x-auto{ overflow-x: auto; } .overflow-y-auto{ overflow-y: auto; } .overflow-x-hidden{ overflow-x: hidden; } .overflow-y-hidden{ overflow-y: hidden; } .overflow-x-clip{ overflow-x: clip; } .overflow-y-clip{ overflow-y: clip; } .overflow-x-visible{ overflow-x: visible; } .overflow-y-visible{ overflow-y: visible; } .overflow-x-scroll{ overflow-x: scroll; } .overflow-y-scroll{ overflow-y: scroll; } .overscroll-auto{ overscroll-behavior: auto; } .overscroll-contain{ overscroll-behavior: contain; } .overscroll-none{ overscroll-behavior: none; } .overscroll-y-auto{ overscroll-behavior-y: auto; } .overscroll-y-contain{ overscroll-behavior-y: contain; } .overscroll-y-none{ overscroll-behavior-y: none; } .overscroll-x-auto{ overscroll-behavior-x: auto; } .overscroll-x-contain{ overscroll-behavior-x: contain; } .overscroll-x-none{ overscroll-behavior-x: none; } .scroll-auto{ scroll-behavior: auto; } .scroll-smooth{ scroll-behavior: smooth; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-ellipsis{ text-overflow: ellipsis; } .text-ellipsis{ text-overflow: ellipsis; } .text-clip{ text-overflow: clip; } .hyphens-none{ -webkit-hyphens: none; hyphens: none; } .hyphens-manual{ -webkit-hyphens: manual; hyphens: manual; } .hyphens-auto{ -webkit-hyphens: auto; hyphens: auto; } .whitespace-normal{ white-space: normal; } .whitespace-nowrap{ white-space: nowrap; } .whitespace-pre{ white-space: pre; } .whitespace-pre-line{ white-space: pre-line; } .whitespace-pre-wrap{ white-space: pre-wrap; } .whitespace-break-spaces{ white-space: break-spaces; } .text-wrap{ text-wrap: wrap; } .text-nowrap{ text-wrap: nowrap; } .text-balance{ text-wrap: balance; } .text-pretty{ text-wrap: pretty; } .break-normal{ overflow-wrap: normal; word-break: normal; } .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } .break-keep{ word-break: keep-all; } .rounded{ border-radius: 0.25rem; } .rounded-10{ border-radius: 10px; } .rounded-5{ border-radius: 5px; } .rounded-\[44px\]{ border-radius: 44px; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-md{ border-radius: 0.375rem; } .rounded-xl{ border-radius: 0.75rem; } .rounded-b{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-10{ border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .rounded-e{ border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } .rounded-l{ border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-r{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-s{ border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .rounded-t{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-10{ border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-t-5{ border-top-left-radius: 5px; border-top-right-radius: 5px; } .rounded-t-xl{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .rounded-bl{ border-bottom-left-radius: 0.25rem; } .rounded-br{ border-bottom-right-radius: 0.25rem; } .rounded-ee{ border-end-end-radius: 0.25rem; } .rounded-es{ border-end-start-radius: 0.25rem; } .rounded-se{ border-start-end-radius: 0.25rem; } .rounded-ss{ border-start-start-radius: 0.25rem; } .rounded-tl{ border-top-left-radius: 0.25rem; } .rounded-tl-10{ border-top-left-radius: 10px; } .rounded-tr{ border-top-right-radius: 0.25rem; } .border{ border-width: 1px; } .border-0{ border-width: 0px; } .border-0\.5{ border-width: 0.5px; } .border-x{ border-left-width: 1px; border-right-width: 1px; } .border-y{ border-top-width: 1px; border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; } .border-b-0\.5{ border-bottom-width: 0.5px; } .border-b-\[0\.5px\]{ border-bottom-width: 0.5px; } .border-e{ border-inline-end-width: 1px; } .border-l{ border-left-width: 1px; } .border-r{ border-right-width: 1px; } .border-s{ border-inline-start-width: 1px; } .border-t{ border-top-width: 1px; } .border-t-0\.25{ border-top-width: 0.25px; } .border-t-0\.5{ border-top-width: 0.5px; } .border-solid{ border-style: solid; } .border-dashed{ border-style: dashed; } .border-dotted{ border-style: dotted; } .border-double{ border-style: double; } .border-hidden{ border-style: hidden; } .border-none{ border-style: none; } .border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-grey-scale-40{ --tw-border-opacity: 1; border-color: rgb(153 153 153 / var(--tw-border-opacity, 1)); } .border-main-green-100{ --tw-border-opacity: 1; border-color: rgb(1 84 58 / var(--tw-border-opacity, 1)); } .border-white{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-b-white{ --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .\!bg-main-green-100{ --tw-bg-opacity: 1 !important; background-color: rgb(1 84 58 / var(--tw-bg-opacity, 1)) !important; } .bg-\[rgb\(255\2c 0\2c 0\)\]{ --tw-bg-opacity: 1; background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1)); } .bg-accent-red-10{ --tw-bg-opacity: 1; background-color: rgb(251 231 233 / var(--tw-bg-opacity, 1)); } .bg-accent-red-100{ --tw-bg-opacity: 1; background-color: rgb(217 19 35 / var(--tw-bg-opacity, 1)); } .bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-main-green-10{ --tw-bg-opacity: 1; background-color: rgb(230 238 235 / var(--tw-bg-opacity, 1)); } .bg-main-green-100{ --tw-bg-opacity: 1; background-color: rgb(1 84 58 / var(--tw-bg-opacity, 1)); } .bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-opacity-50{ --tw-bg-opacity: 0.5; } .decoration-slice{ -webkit-box-decoration-break: slice; box-decoration-break: slice; } .decoration-clone{ -webkit-box-decoration-break: clone; box-decoration-break: clone; } .box-decoration-slice{ -webkit-box-decoration-break: slice; box-decoration-break: slice; } .box-decoration-clone{ -webkit-box-decoration-break: clone; box-decoration-break: clone; } .bg-fixed{ background-attachment: fixed; } .bg-local{ background-attachment: local; } .bg-scroll{ background-attachment: scroll; } .bg-clip-border{ background-clip: border-box; } .bg-clip-padding{ background-clip: padding-box; } .bg-clip-content{ background-clip: content-box; } .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } .bg-repeat{ background-repeat: repeat; } .bg-no-repeat{ background-repeat: no-repeat; } .bg-repeat-x{ background-repeat: repeat-x; } .bg-repeat-y{ background-repeat: repeat-y; } .bg-repeat-round{ background-repeat: round; } .bg-repeat-space{ background-repeat: space; } .bg-origin-border{ background-origin: border-box; } .bg-origin-padding{ background-origin: padding-box; } .bg-origin-content{ background-origin: content-box; } .fill-current{ fill: currentColor; } .object-contain{ -o-object-fit: contain; object-fit: contain; } .object-cover{ -o-object-fit: cover; object-fit: cover; } .object-fill{ -o-object-fit: fill; object-fit: fill; } .object-none{ -o-object-fit: none; object-fit: none; } .object-scale-down{ -o-object-fit: scale-down; object-fit: scale-down; } .p-1{ padding: 0.25rem; } .p-10{ padding: 2.5rem; } .p-2{ padding: 0.5rem; } .p-4{ padding: 1rem; } .p-4\.5{ padding: 18px; } .p-6{ padding: 1.5rem; } .p-8{ padding: 2rem; } .px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; } .px-16{ padding-left: 4rem; padding-right: 4rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-9{ padding-left: 2.25rem; padding-right: 2.25rem; } .px-\[38px\]{ padding-left: 38px; padding-right: 38px; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-7{ padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-\[10px\]{ padding-top: 10px; padding-bottom: 10px; } .pb-1{ padding-bottom: 0.25rem; } .pb-1\.5{ padding-bottom: 0.375rem; } .pb-10{ padding-bottom: 2.5rem; } .pb-12{ padding-bottom: 3rem; } .pb-2{ padding-bottom: 0.5rem; } .pb-3{ padding-bottom: 0.75rem; } .pb-4{ padding-bottom: 1rem; } .pb-4\.5{ padding-bottom: 18px; } .pb-6{ padding-bottom: 1.5rem; } .pb-8{ padding-bottom: 2rem; } .pb-\[63px\]{ padding-bottom: 63px; } .pl-3{ padding-left: 0.75rem; } .pl-4{ padding-left: 1rem; } .pl-5{ padding-left: 1.25rem; } .pr-2{ padding-right: 0.5rem; } .pr-4{ padding-right: 1rem; } .pr-7\.5{ padding-right: 30px; } .pr-8{ padding-right: 2rem; } .pt-1{ padding-top: 0.25rem; } .pt-1\.5{ padding-top: 0.375rem; } .pt-2{ padding-top: 0.5rem; } .pt-20{ padding-top: 5rem; } .pt-3{ padding-top: 0.75rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-6{ padding-top: 1.5rem; } .pt-\[50px\]{ padding-top: 50px; } .pt-\[5px\]{ padding-top: 5px; } .pt-\[max\(60\%\2c 326px\)\]{ padding-top: max(60%,326px); } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-justify{ text-align: justify; } .text-start{ text-align: start; } .text-end{ text-align: end; } .align-baseline{ vertical-align: baseline; } .align-top{ vertical-align: top; } .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } .align-text-top{ vertical-align: text-top; } .align-text-bottom{ vertical-align: text-bottom; } .align-sub{ vertical-align: sub; } .align-super{ vertical-align: super; } .\!text-18{ font-size: 18px !important; } .\!text-20{ font-size: 20px !important; } .\!text-\[16px\]{ font-size: 16px !important; } .text-14{ font-size: 14px; } .text-2\.2xl{ font-size: 25px; } .text-20{ font-size: 20px; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-32{ font-size: 32px; } .text-40{ font-size: 40px; } .text-\[16px\]{ font-size: 16px; } .text-\[21px\]{ font-size: 21px; } .text-\[24px\]{ font-size: 24px; } .text-lg{ font-size: 1.3125rem; } .text-sm{ font-size: 0.875rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .font-bold{ font-weight: 700; } .font-normal{ font-weight: 400; } .uppercase{ text-transform: uppercase; } .lowercase{ text-transform: lowercase; } .capitalize{ text-transform: capitalize; } .normal-case{ text-transform: none; } .italic{ font-style: italic; } .not-italic{ font-style: normal; } .normal-nums{ font-variant-numeric: normal; } .ordinal{ --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .slashed-zero{ --tw-slashed-zero: slashed-zero; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .lining-nums{ --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .oldstyle-nums{ --tw-numeric-figure: oldstyle-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .proportional-nums{ --tw-numeric-spacing: proportional-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .tabular-nums{ --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .diagonal-fractions{ --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .stacked-fractions{ --tw-numeric-fraction: stacked-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-none{ line-height: 1; } .leading-normal{ line-height: 1.5; } .leading-tight{ line-height: 1.25; } .text-\[\#006699\]{ --tw-text-opacity: 1; color: rgb(0 102 153 / var(--tw-text-opacity, 1)); } .text-\[\#333333\]{ --tw-text-opacity: 1; color: rgb(51 51 51 / var(--tw-text-opacity, 1)); } .text-\[\#336699\]\/\[\.35\]{ color: rgb(51 102 153 / .35); } .text-\[\#337FFF\]{ --tw-text-opacity: 1; color: rgb(51 127 255 / var(--tw-text-opacity, 1)); } .text-\[\#FF3000\]{ --tw-text-opacity: 1; color: rgb(255 48 0 / var(--tw-text-opacity, 1)); } .text-accent-red-100{ --tw-text-opacity: 1; color: rgb(217 19 35 / var(--tw-text-opacity, 1)); } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-500{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-grey-scale-40{ --tw-text-opacity: 1; color: rgb(153 153 153 / var(--tw-text-opacity, 1)); } .text-grey-scale-60{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity, 1)); } .text-grey-scale-80{ --tw-text-opacity: 1; color: rgb(51 51 51 / var(--tw-text-opacity, 1)); } .text-main-green-100{ --tw-text-opacity: 1; color: rgb(1 84 58 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .underline{ text-decoration-line: underline; } .overline{ text-decoration-line: overline; } .line-through{ text-decoration-line: line-through; } .no-underline{ text-decoration-line: none; } .decoration-solid{ text-decoration-style: solid; } .decoration-double{ text-decoration-style: double; } .decoration-dotted{ text-decoration-style: dotted; } .decoration-dashed{ text-decoration-style: dashed; } .decoration-wavy{ text-decoration-style: wavy; } .antialiased{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased{ -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .opacity-0{ opacity: 0; } .opacity-100{ opacity: 1; } .opacity-20{ opacity: 0.2; } .opacity-40{ opacity: 0.4; } .opacity-50{ opacity: 0.5; } .bg-blend-normal{ background-blend-mode: normal; } .bg-blend-multiply{ background-blend-mode: multiply; } .bg-blend-screen{ background-blend-mode: screen; } .bg-blend-overlay{ background-blend-mode: overlay; } .bg-blend-darken{ background-blend-mode: darken; } .bg-blend-lighten{ background-blend-mode: lighten; } .bg-blend-color-dodge{ background-blend-mode: color-dodge; } .bg-blend-color-burn{ background-blend-mode: color-burn; } .bg-blend-hard-light{ background-blend-mode: hard-light; } .bg-blend-soft-light{ background-blend-mode: soft-light; } .bg-blend-difference{ background-blend-mode: difference; } .bg-blend-exclusion{ background-blend-mode: exclusion; } .bg-blend-hue{ background-blend-mode: hue; } .bg-blend-saturation{ background-blend-mode: saturation; } .bg-blend-color{ background-blend-mode: color; } .bg-blend-luminosity{ background-blend-mode: luminosity; } .mix-blend-normal{ mix-blend-mode: normal; } .mix-blend-multiply{ mix-blend-mode: multiply; } .mix-blend-screen{ mix-blend-mode: screen; } .mix-blend-overlay{ mix-blend-mode: overlay; } .mix-blend-darken{ mix-blend-mode: darken; } .mix-blend-lighten{ mix-blend-mode: lighten; } .mix-blend-color-dodge{ mix-blend-mode: color-dodge; } .mix-blend-color-burn{ mix-blend-mode: color-burn; } .mix-blend-hard-light{ mix-blend-mode: hard-light; } .mix-blend-soft-light{ mix-blend-mode: soft-light; } .mix-blend-difference{ mix-blend-mode: difference; } .mix-blend-exclusion{ mix-blend-mode: exclusion; } .mix-blend-hue{ mix-blend-mode: hue; } .mix-blend-saturation{ mix-blend-mode: saturation; } .mix-blend-color{ mix-blend-mode: color; } .mix-blend-luminosity{ mix-blend-mode: luminosity; } .mix-blend-plus-darker{ mix-blend-mode: plus-darker; } .mix-blend-plus-lighter{ mix-blend-mode: plus-lighter; } .\!shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .outline{ outline-style: solid; } .outline-dashed{ outline-style: dashed; } .outline-dotted{ outline-style: dotted; } .outline-double{ outline-style: double; } .ring{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-inset{ --tw-ring-inset: inset; } .blur{ --tw-blur: blur(8px); 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); } .drop-shadow{ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert{ --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .sepia{ --tw-sepia: sepia(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .\!filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .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); } .filter-none{ filter: none; } .backdrop-blur{ --tw-backdrop-blur: blur(8px); -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); } .backdrop-grayscale{ --tw-backdrop-grayscale: grayscale(100%); -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); } .backdrop-invert{ --tw-backdrop-invert: invert(100%); -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); } .backdrop-sepia{ --tw-backdrop-sepia: sepia(100%); -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); } .backdrop-filter{ -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); } .backdrop-filter-none{ -webkit-backdrop-filter: none; backdrop-filter: none; } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .delay-\[2000ms\]{ transition-delay: 2000ms; } .duration-300{ transition-duration: 300ms; } .duration-500{ transition-duration: 500ms; } .duration-700{ transition-duration: 700ms; } .ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .contain-none{ contain: none; } .contain-content{ contain: content; } .contain-strict{ contain: strict; } .contain-size{ --tw-contain-size: size; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .contain-inline-size{ --tw-contain-size: inline-size; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .contain-layout{ --tw-contain-layout: layout; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .contain-paint{ --tw-contain-paint: paint; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .contain-style{ --tw-contain-style: style; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ --tw-content: 'this-is-also-valid]-weirdly-enough'; content: var(--tw-content); } .forced-color-adjust-auto{ forced-color-adjust: auto; } .forced-color-adjust-none{ forced-color-adjust: none; } .line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .line-clamp-4{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .line-clamp-none{ -webkit-line-clamp: unset; } @font-face { font-family: "iconmoon"; src: url("./assets/fonts/iconmoon.ttf?h9lzkn") format("truetype"), url("./assets/fonts/iconmoon.woff?h9lzkn") format("woff"), url("./assets/fonts/iconmoon.svg?h9lzkn#iconmoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "iconmoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\e900"; } .icon-arrow-left:before { content: "\e901"; } .icon-arrow-outward:before { content: "\e902"; } .icon-arrow-right:before { content: "\e903"; } .icon-arrow-top:before { content: "\e904"; } .icon-close:before { content: "\e905"; } .icon-contact:before { content: "\e906"; } .icon-facebook:before { content: "\e907"; } .icon-filter-list:before { content: "\e908"; } .icon-instagram:before { content: "\e909"; } .icon-linkedin:before { content: "\e90a"; } .icon-location:before { content: "\e90b"; } .icon-mail:before { content: "\e90c"; } .icon-menu-2lines:before { content: "\e90d"; } .icon-search:before { content: "\e90e"; } .icon-share:before { content: "\e90f"; } .icon-shopping-cart:before { content: "\e910"; } .icon-x:before { content: "\e911"; } .icon-youtube:before { content: "\e912"; } @font-face { font-family: "Trade Gothic LT Std"; src: url("./assets/fonts/TradeGothicLTStd.otf"); } @font-face { font-family: "Trade Gothic LT Std Condensed No. 18"; src: url("./assets/fonts/TradeGothicLTStd-Cn18.otf"); font-weight: 400; } @font-face { font-family: "Trade Gothic LT Std Bold Condensed No. 20"; src: url("./assets/fonts/TradeGothicLTStd-BdCn20.otf"); font-weight: 700; } @font-face { font-family: "Trade Gothic LT Std"; src: url("./assets/fonts/TradeGothicLTStd-Bold.otf"); font-weight: 700; } .text-12-c500, .text-14-c500, .text-16-c500, .text-20-c500, .text-24-c500, .text-32-c500, .text-38-c500, .text-40-c500, .text-48-c500, .text-56-c500 { font-family: "Trade Gothic LT Std Condensed No. 18", serif; font-weight: 400; } .text-12-c700, .text-14-c700, .text-16-c700, .text-20-c700, .text-24-c700, .text-32-c700, .text-38-c700, .text-40-c700, .text-48-c700, .text-56-c700 { font-family: "Trade Gothic LT Std Bold Condensed No. 20", serif; font-weight: 700; } .text-12-500, .text-12-c500, .text-12-c700 { font-size: 0.75rem; } .text-14-500, .text-14-c500, .text-14-c700 { font-size: 0.875rem; } .text-16-500, .text-16-c500, .text-16-c700 { font-size: 1rem; } .text-20-500, .text-20-c500, .text-20-c700 { font-size: 1.25rem; } .text-24-500, .text-24-c500, .text-24-c700 { font-size: 1.5rem; } .text-32-500, .text-32-c500, .text-32-c700 { font-size: 2rem; } .text-38-500, .text-38-c500, .text-38-c700 { font-size: 2.375rem; } .text-40-500, .text-40-c500, .text-40-c700 { font-size: 2.5rem; } .text-48-500, .text-48-c500, .text-48-c700 { font-size: 3rem; } .text-56-500, .text-56-c500, .text-56-c700 { font-size: 3.5rem; } @media (min-width: 768px) { .text-12-500, .text-12-c500, .text-12-c700 { font-size: 0.9375rem; } .text-14-500, .text-14-c500, .text-14-c700 { font-size: 1.09375rem; } .text-16-500, .text-16-c500, .text-16-c700 { font-size: 1.25rem; } .text-20-500, .text-20-c500, .text-20-c700 { font-size: 1.5625rem; } .text-24-500, .text-24-c500, .text-24-c700 { font-size: 1.875rem; } .text-32-500, .text-32-c500, .text-32-c700 { font-size: 2.5rem; } .text-40-500, .text-40-c500, .text-40-c700 { font-size: 3.125rem; } } @media (min-width: 1280px) { .text-12-500, .text-12-c500, .text-12-c700 { font-size: 1.125rem; } .text-14-500, .text-14-c500, .text-14-c700 { font-size: 1.3125rem; } .text-16-500, .text-16-c500, .text-16-c700 { font-size: 1.5rem; } .text-20-500, .text-20-c500, .text-20-c700 { font-size: 2.25rem; } .text-24-500, .text-24-c500, .text-24-c700 { font-size: 2.625rem; } .text-32-500, .text-32-c500, .text-32-c700 { font-size: 3rem; } .text-40-500, .text-40-c500, .text-40-c700 { font-size: 3.5625rem; } } html, body { --ews-color-primary: #01543A; --ews-color-primary-dark: #023C29; --ews-color-primary-200: #CCDDD8; --ews-color-primary-100: #E6EEEB; --ews-dropdown-toggle-icon: url('data:image/svg+xml,<svg width="13" height="11" viewBox="0 0 13 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9999 2.06354L11.499 1.20866e-07L6.49995 6.87289L1.50092 0L0 2.06354L6.49995 11L12.9999 2.06354Z" fill="%2301543A"></path></svg>'); --wpforms-button-background-color-alt: #01543a; --wpforms-button-background-color: #01543a; --wpforms-field-background-color: #e6eeeb; --wpforms-field-border-size: 0; --wpforms-field-size-input-spacing: 0.25rem; --wpforms-field-size-input-height: 2rem; --wpforms-field-border-radius: 0.313rem; --wpforms-label-size-line-height: 1.2; --wpforms-button-size-height: 1.625rem; --wpforms-button-size-padding-h: 1.25rem; --wpforms-button-size-font-size: 0.875rem; --wpforms-field-size-font-size: 0.875rem; --wpforms-label-size-font-size: 1.25rem; --wpforms-button-border-radius: 0.313rem; } @media (min-width: 768px) { html, body { --wpforms-field-size-input-height: 2.5rem; --wpforms-field-size-font-size: 1.09375rem; --wpforms-field-border-radius: 0.391rem; --wpforms-button-size-font-size: 1.09375rem; --wpforms-button-size-height: 2.125rem; } } @media (min-width: 1024px) { html, body { --wpforms-field-size-input-height: 3rem; --wpforms-field-size-font-size: 1.3125rem; --wpforms-field-border-radius: 0.469rem; --wpforms-button-size-font-size: 1.3125rem; --wpforms-button-size-padding-h: 1.875rem; --wpforms-button-size-height: 2.5rem; } } .stretched-link:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .btn { background-color: var(--ews-btn-bg); border: 0.0625rem solid var(--ews-btn-border-color); border-radius: 0.3125rem; display: inline-block; color: var(--ews-btn-color); font-family: "Trade Gothic LT Std Condensed No. 18", serif; padding: 0.3125rem 1.25rem 0.125rem 1.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:hover, .btn:focus, .btn:active { opacity: 0.85; } .btn-primary { --ews-btn-border-color: var(--ews-color-primary); --ews-btn-bg: var(--ews-color-primary); --ews-btn-color: #FFFFFF; } .btn-outline-primary { --ews-btn-border-color: var(--ews-color-primary); --ews-btn-color: var(--ews-color-primary); } .form-control { border: 0.0625rem solid #000000; border-radius: 0.375rem; padding: 0.5625rem 1rem 0.375rem 1rem; width: 100%; } .section-heading { font-size: 2rem; font-family: "Trade Gothic LT Std Condensed No. 18", serif; font-weight: 500; margin: 0 0 1.5rem 0; } @media (min-width: 768px) { .btn { border-radius: 0.40625rem; padding-left: 1.5625rem; padding-right: 1.5625rem; } .form-control { padding: 0.6875rem 1.25rem 0.5625rem 1.25rem; } .section-heading { font-size: 2.5rem; margin: 0 0 1.875rem 0; } } @media (min-width: 1024px) { .btn { border-radius: 0.46875rem; padding-left: 1.875rem; padding-right: 1.875rem; } .form-control { padding: 0.875rem 1.4375rem 0.625rem 1.4375rem; } .section-heading { font-size: 3rem; } } .breadcrumb { color: #999999; margin: 0 0 1rem 0; } .breadcrumb_last { color: var(--ews-color-primary); font-family: "Trade Gothic LT Std Bold Condensed No. 20"; font-weight: 700; } @media (min-width: 768px) { .breadcrumb { margin: 0 0 1.5rem 0; } } @media (min-width: 1024px) { .breadcrumb { margin: 0 0 2.5rem 0; } } .navbar-nav { display: flex; } .navbar-nav .nav-link { align-items: center; color: var(--ews-color-primary); display: flex; font-family: "Trade Gothic LT Std Bold Condensed No. 20", serif; font-size: 1.125rem; font-weight: 700; gap: 0.3125rem; padding: 1.5rem 0.5rem; white-space: nowrap; } .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:active { color: var(--ews-color-primary-dark); } .navbar-nav .dropdown { position: relative; } .navbar-nav .dropdown:hover .dropdown-menu { display: block; } .navbar-nav .dropdown:hover .nav-link { background-color: var(--ews-color-primary-200); } .navbar-nav .dropdown-toggle:after { content: ""; background-image: var(--ews-dropdown-toggle-icon); background-size: 0.75rem 0.75rem; background-repeat: no-repeat; display: inline-block; height: 0.75rem; width: 0.75rem; } .navbar-nav .dropdown-menu { background-color: var(--ews-color-primary-100); display: none; padding: 0.75rem 1.25rem; position: absolute; min-width: 15rem; } .navbar-nav .dropdown-menu .menu-item { font-family: "Trade Gothic LT Std Condensed No. 18", serif; padding: 0.375rem 0; } .navbar-nav .dropdown-item { color: var(--ews-color-primary); font-size: 1.125rem; text-decoration: underline; } .navbar-nav .dropdown-item:hover, .navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:active { color: var(--ews-color-primary-dark); } .menu { border-bottom: 0.0625rem solid #e5e7eb; } .menu-header { align-items: center; cursor: pointer; display: flex; justify-content: space-between; font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; padding: 1.25rem 1.5rem; } .menu-header .icon-arrow-down { font-size: 1rem; transition: transform 0.3s ease; } .menu-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .menu-content ul { display: flex; flex-direction: column; gap: 0.375rem; padding: 1rem 4rem; } .menu.open .menu-header { background-color: rgb(204, 221, 216); } .menu.open .menu-header .icon-arrow-down { transform: rotate(180deg); } .menu.open .menu-content { max-height: 100vh; background-color: rgb(230, 238, 235); } @media (min-width: 1280px) { .navbar-nav .nav-link { font-size: 1.125rem; padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1536px) { .navbar-nav .nav-link { font-size: 1.375rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } } .grid-news .grid-item:first-child { flex-direction: column; } .grid-news .grid-item:first-child .thumbnail-wrapper { height: 20.3125rem; width: 100%; } .grid-country-item { border-top: 0.0625rem solid #FFFFFF; position: relative; padding: 1.25rem 0; } .grid-country-item:first-child { border-top: 0 none; } @media (min-width: 768px) { .grid-news .grid-item:first-child .thumbnail-wrapper { height: 25.375rem; } .grid-country-item:after { content: ""; background-color: #FFFFFF; position: absolute; top: 1.25rem; left: 0; height: calc(100% - 40px); width: 0.0625rem; } .grid-country-item:nth-child(1), .grid-country-item:nth-child(2) { border-top: 0 none; } .grid-country-item:nth-child(odd) { padding-right: 1rem; } .grid-country-item:nth-child(odd):after { width: 0; } .grid-country-item:nth-child(even) { padding-left: 1rem; } } @media (min-width: 1024px) { .grid-news .grid-item:first-child { grid-column: span 2/span 2; } .grid-news .grid-item:first-child .thumbnail-wrapper { height: 30rem; } .grid-country { gap: 1.25rem; } .grid-country-item { border-top: 0 none !important; padding: 0 0 0 1.375rem !important; } .grid-country-item:after { height: 100%; top: 0; } .grid-country-item:nth-child(odd):after, .grid-country-item:nth-child(even):after { width: 0.0625rem; } .grid-country-item:first-child:after, .grid-country-item:last-child:after { width: 0; } } body { display: flex; flex-direction: column; min-height: 100vh; } .main-content { margin: 0 0 2rem 0; } .main-content article ul { list-style: disc; padding-left: 1.125rem; } .main-content .post-thumbnail { margin: 0 0 1.5rem 0; } .main-content .post-thumbnail img { -o-object-fit: cover; object-fit: cover; max-height: 39.875rem; height: auto; width: 100%; } .main-content .entry-title { color: var(--ews-color-primary); font-size: 2.5rem; margin: 0 0 1.5rem 0; } @media (min-width: 768px) { .main-content .post-thumbnail { margin-bottom: 2.125rem; } } @media (min-width: 1024px) { .main-content { margin: 0 0 3.5rem 0; } .main-content .post-thumbnail { margin-bottom: 2.5rem; } .main-content .entry-title { font-size: 3.125rem; } } @media (max-width: 767px) { .main-content .post-thumbnail { margin-left: -1.5rem; margin-right: -1.5rem; } } .content-styles { max-width: 100%; margin: 0 auto; } .content-styles p { margin-bottom: 1rem; margin-top: 1rem; line-height: 1.6; } .content-styles h1 { font-size: 2.25rem; margin-bottom: 1.5rem; font-weight: 700; } .content-styles h2 { font-size: 1.875rem; margin-bottom: 1.25rem; font-weight: 600; } .content-styles h3 { font-size: 1.5rem; margin-bottom: 1rem; font-weight: 500; } .content-styles img { width: 100%; height: auto; border-radius: 26px; } .content-styles a { text-decoration: underline; padding-bottom: 1rem; font-weight: bold; } .content-styles a:hover { text-decoration: none; } #colophon { margin-top: auto; } article.type-post ol, article.type-post ul, article.type-post dl, article.type-post p, article.type-post h2, article.type-post h3, article.type-post h4, article.type-post h5, article.type-post h6, article.type-page ol, article.type-page ul, article.type-page dl, article.type-page p, article.type-page h2, article.type-page h3, article.type-page h4, article.type-page h5, article.type-page h6, article.type-crop ol, article.type-crop ul, article.type-crop dl, article.type-crop p, article.type-crop h2, article.type-crop h3, article.type-crop h4, article.type-crop h5, article.type-crop h6 { margin-top: 0; margin-bottom: 1rem; } article.type-post h2, article.type-post h3, article.type-post h4, article.type-post h5, article.type-post h6, article.type-page h2, article.type-page h3, article.type-page h4, article.type-page h5, article.type-page h6, article.type-crop h2, article.type-crop h3, article.type-crop h4, article.type-crop h5, article.type-crop h6 { font-family: "Trade Gothic LT Std Bold Condensed No. 20", serif; font-weight: 700; } article.type-post h2, article.type-page h2, article.type-crop h2 { font-size: 2rem; } article.type-post h3, article.type-post blockquote, article.type-page h3, article.type-page blockquote, article.type-crop h3, article.type-crop blockquote { font-size: 1.5rem; } article.type-post h4, article.type-page h4, article.type-crop h4 { font-size: 1.25rem; } article.type-post blockquote, article.type-page blockquote, article.type-crop blockquote { color: var(--ews-color-primary); font-family: "Trade Gothic LT Std Condensed No. 18", serif; font-style: italic; font-weight: 700; } article.type-post blockquote p, article.type-page blockquote p, article.type-crop blockquote p { margin: 0; } article.type-post em, article.type-page em, article.type-crop em { color: #999999; font-size: 0.75rem; } article.type-post a, article.type-page a, article.type-crop a { text-decoration: underline; } article.type-post a:hover, article.type-page a:hover, article.type-crop a:hover { text-decoration: none; } article.type-post img, article.type-page img, article.type-crop img { border-radius: 0.75rem; } @media (min-width: 768px) { article.type-post ol, article.type-post ul, article.type-post dl, article.type-post p, article.type-post h2, article.type-post h3, article.type-post h4, article.type-post h5, article.type-post h6, article.type-page ol, article.type-page ul, article.type-page dl, article.type-page p, article.type-page h2, article.type-page h3, article.type-page h4, article.type-page h5, article.type-page h6, article.type-crop ol, article.type-crop ul, article.type-crop dl, article.type-crop p, article.type-crop h2, article.type-crop h3, article.type-crop h4, article.type-crop h5, article.type-crop h6 { margin-bottom: 1.25rem; } article.type-post h2, article.type-page h2, article.type-crop h2 { font-size: 2.5rem; } article.type-post h3, article.type-post blockquote, article.type-page h3, article.type-page blockquote, article.type-crop h3, article.type-crop blockquote { font-size: 1.875rem; } article.type-post h4, article.type-page h4, article.type-crop h4 { font-size: 1.5625rem; } } @media (min-width: 1024px) { article.type-page ol, article.type-page ul, article.type-page dl, article.type-page p, article.type-page h2, article.type-page h3, article.type-page h4, article.type-page h5, article.type-page h6, article.type-crop ol, article.type-crop ul, article.type-crop dl, article.type-crop p, article.type-crop h2, article.type-crop h3, article.type-crop h4, article.type-crop h5, article.type-crop h6 { margin-bottom: 1.5rem; } article.type-page h2, article.type-crop h2 { font-size: 3rem; } article.type-page h3, article.type-crop h3 { font-size: 2.625rem; } article.type-page h3, article.type-page blockquote, article.type-crop h3, article.type-crop blockquote { font-size: 2.625rem; } article.type-page h4, article.type-crop h4 { font-size: 2.25rem; } article.type-page em, article.type-crop em { font-size: 1rem; } } .wpforms-container .wpforms-field { padding: 0 0 1rem 0; } .wpforms-head-container { padding: 0 !important; } .wpforms-title { color: var(--ews-color-primary) !important; font-family: "Trade Gothic LT Std Condensed No. 18", serif; font-size: 2.25rem !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 0 0 1rem 0 !important; } .wpforms-field-label { font-size: 1rem !important; } .wpforms-submit { padding-top: 0.125rem !important; } @media (min-width: 768px) { .wpforms-container .wpforms-field { padding: 0 0 1.25rem 0; } .wpforms-field-label { font-size: 1.1875rem !important; } } @media (min-width: 1024px) { .wpforms-container .wpforms-field { padding: 0 0 1.5rem 0; } .wpforms-title { font-size: 3.25rem !important; margin: 0 0 1.75rem 0 !important; } .wpforms-field-label { font-size: 1.5rem !important; } } @media (max-width: 767px) { .wpforms-container .wpforms-one-third, .wpforms-container .wpforms-two-sixths { margin-left: 0 !important; width: 100%; } .wpforms-container .wpforms-one-third.wpforms-first, .wpforms-container .wpforms-two-sixths.wpforms-first { width: 100%; } } .addtoany_shortcode .addtoany_list a { align-items: center; border-right: 0.0625rem solid #CCDDD8 !important; display: inline-flex; padding-left: 0.75rem; padding-right: 0.75rem; height: 100%; } .addtoany_shortcode .addtoany_list .a2a_button_facebook svg path { fill: #337FFF; } .addtoany_shortcode .addtoany_list .a2a_button_linkedin svg path { fill: #006699; } .addtoany_share_save_container { display: none; } .alm-listing[data-category=awards] time { display: none; } .alm-btn-wrap { display: flex; justify-content: center; margin: 3.125rem 0 0 0; } .alm-load-more-btn { align-items: center; display: flex; justify-content: center; position: relative; overflow: hidden; transform: translate3d(0, 0, 0); opacity: 0; height: 0.3125rem; width: 9.375rem; } .alm-load-more-btn.loading { opacity: 1; } .alm-load-more-btn::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #CCDDD8; transition: background-color 0.3s ease; } .alm-load-more-btn::after { content: ""; height: 100%; width: 100%; animation: zoom 1.4s ease-in-out infinite; transform: translateX(-9.375rem); background-color: #01543A; transition: background-color 0.3s ease; } @keyframes zoom { 0% { transform: translateX(-9.375rem); } 100% { transform: translateX(100%); } } .gallery { display: grid; gap: 0.75rem; margin-bottom: 1.5rem; } .gallery-3, .gallery-4 { grid-template-columns: repeat(6, 1fr); } .gallery-3 .gallery-item { grid-column: span 2/span 2; } .gallery-3 .gallery-item:nth-child(1) { grid-column: span 4/span 4; } .gallery-3 .gallery-item:nth-child(1) img { aspect-ratio: 1.455/1; } .gallery-3 .gallery-item:nth-child(3) { grid-column: span 6/span 6; } .gallery-3 .gallery-item:nth-child(3) img { aspect-ratio: 1.777/1; } .gallery-4 .gallery-item { grid-column: span 2/span 2; } .gallery-4 .gallery-item:nth-child(1), .gallery-4 .gallery-item:nth-child(4) { grid-column: span 4/span 4; } .gallery-4 .gallery-item:nth-child(1) img, .gallery-4 .gallery-item:nth-child(4) img { aspect-ratio: 1.455/1; } .gallery-item img { aspect-ratio: 2/1; border-radius: 0.75rem; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } @media (min-width: 768px) { .gallery { gap: 1.375rem; margin-bottom: 2.25rem; } } @media (min-width: 1024px) { .gallery { gap: 1.75rem; } } div.cky-box-bottom-left, div.cky-box-bottom-right { bottom: 0; } div.cky-box-bottom-left { left: 1.5rem; } div.cky-box-bottom-right { right: 1.5rem; } div.cky-consent-container { border-radius: 0.625rem 0.625rem 0 0; } div.cky-consent-container .cky-consent-bar { border: 0.0625rem solid var(--ews-color-primary); border-bottom: 0; border-radius: 0.625rem 0.625rem 0 0; box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.15); } div.cky-consent-container .cky-consent-bar .cky-banner-btn-close { top: 0.875rem; right: 0.875rem; } div.cky-consent-container .cky-consent-bar .cky-banner-btn-close img { height: 1rem; width: 1rem; } div.cky-consent-container .cky-notice-btn-wrapper { flex-direction: row; margin: 1rem 0 0 0; } div.cky-consent-container .cky-notice-des { overflow-y: auto; line-height: 1.4; } div.cky-consent-container .cky-btn { font-family: "Trade Gothic LT Std Bold Condensed No. 20", serif; font-weight: 700; font-size: 0.875rem; flex: none; padding: 0; margin: 0 1rem 0 0; width: auto !important; } @media (max-width: 640px) { div.cky-consent-container { width: calc(100% - 48px); } } @media (min-width: 768px) { div.cky-consent-container .cky-notice-des p { font-size: 1.09375rem; } div.cky-consent-container .cky-btn { font-size: 1.09375rem; margin: 0 1.25rem 0 0; } } @media (min-width: 1280px) { div.cky-consent-container .cky-notice-des p { font-size: 1.3125rem; } div.cky-consent-container .cky-btn { font-size: 1.3125rem; margin: 0 1.5rem 0 0; } } .accordion { border-bottom: 1px solid #999999; transition: border 0.1s ease; } .accordion-content { max-height: 0; overflow: hidden; cursor: pointer; transition: max-height 0.4s ease, padding 0.4s ease; } .accordion.open .accordion-content { max-height: 1000px; padding: 0 0 12px 0; } .icon-open { display: none; } .accordion.open .icon-closed { display: none; } .accordion.open .icon-open { display: inline; } .custom-select { -webkit-appearance: none; -moz-appearance: none; } .custom-select-container::after { content: ""; position: absolute; top: 50%; right: 10px; width: 8px; height: 11px; transform: translateY(-50%); background: url("./assets//icon/arrow_back_green.svg") no-repeat center center; background-size: contain; pointer-events: none; } .checkbox-container { display: block; } .checkbox-container input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .checkbox-container label { position: relative; cursor: pointer; } .checkbox-container label:before { content: ""; -webkit-appearance: none; background-color: transparent; border: 2px solid #D91323; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); width: 18px; height: 18px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 4px; } .checkbox-container.sm label:before { width: 16px; height: 16px; } .checkbox-container input:checked + label:before { background-color: #D91323; } .checkbox-container input:checked + label:after { content: ""; display: block; position: absolute; top: 2px; left: 8px; width: 4px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .checkbox-container.sm input:checked + label:after { top: 3px; left: 6px; width: 4px; height: 8px; } .floating-content img.banner { width: 100%; height: 100%; margin-top: 80px; margin-bottom: 100px; gap: 8px; } @media (min-width: 1024px) { .floating-content img.banner { width: 50%; margin: 80px auto 100px auto; } } .floating-content h2.form-title { font-size: 32px; font-weight: 400; color: #01543A; line-height: 1.25; padding-bottom: 1rem; margin-top: 5%; } .floating-content h1 { color: #d91323; margin-top: 32px; font-size: 60px; font-weight: 400; } .floating-content p { margin-top: 16px; font-size: 21px; } .floating-content a { color: #01543a; text-decoration-line: underline; } .floating-content ol { list-style-position: inside; } .floating-content ol li { list-style-type: decimal; margin-top: 16px; font-size: 21px; } .floating-content h3 { margin-top: 16px; font-weight: bold; } .floating-content h3 ~ p { margin-top: 0px; } .privacy-policy-content h2 { margin-top: 32px; font-size: 30px; font-family: "Trade Gothic LT Std Bold Condensed No. 20"; } .privacy-policy-content p { margin-top: 16px; font-size: 21px; } .privacy-policy-content a { color: #d91323; text-decoration-line: underline; } .privacy-policy-content ol { list-style-position: inside; } .privacy-policy-content ol li { list-style-type: decimal; margin-top: 16px; font-size: 21px; } .privacy-policy-content h3 { margin-top: 16px; font-size: 21px; font-family: "Trade Gothic LT Std Bold Condensed No. 20"; } .privacy-policy-content h3 ~ p { margin-top: 0px; } .privacy-policy-content table { --border: 1px solid #666666; border-radius: 6px; border-spacing: 0; border-collapse: separate; border: var(--border); overflow: hidden; margin-top: 16px; } .privacy-policy-content table.second-tab { margin-bottom: 60px; } .privacy-policy-content table th:not(:last-child), .privacy-policy-content table td:not(:last-child) { border-right: var(--border); } .privacy-policy-content table > thead > tr { background: #01543a; } .privacy-policy-content table > thead > tr > th { vertical-align: top; padding: 10px 12px 10px 12px; color: white; text-align: start; font-size: 21px; } .privacy-policy-content table > tbody > tr > td { vertical-align: top; padding: 10px 12px 10px 12px; font-size: 21px; } .privacy-policy-content table > tbody > tr > td:first-child { font-weight: bold; } .privacy-policy-content table > thead > tr:not(:last-child) > th, .privacy-policy-content table > thead > tr:not(:last-child) > td, .privacy-policy-content table > tbody > tr:not(:last-child) > th, .privacy-policy-content table > tbody > tr:not(:last-child) > td, .privacy-policy-content table > tfoot > tr:not(:last-child) > th, .privacy-policy-content table > tfoot > tr:not(:last-child) > td, .privacy-policy-content table > tr:not(:last-child) > td, .privacy-policy-content table > tr:not(:last-child) > th, .privacy-policy-content table > thead:not(:last-child), .privacy-policy-content table > tbody:not(:last-child), .privacy-policy-content table > tfoot:not(:last-child) { border-bottom: var(--border); } @media (max-width: 768px) { .privacy-policy-content { width: 100%; } .privacy-policy-content .table-container { overflow-x: auto; } .privacy-policy-content table { table-layout: fixed; } .privacy-policy-content table > thead > tr > th { font-size: 14px; } .privacy-policy-content table > tbody > tr > td { font-size: 14px; } .privacy-policy-content ol li { font-size: 14px; } .privacy-policy-content h2 { margin-top: 32px; font-size: 20px; font-weight: bold; } .privacy-policy-content p { margin-top: 16px; font-size: 14px; } .privacy-policy-content a { color: #d91323; text-decoration-line: underline; font-size: 14px; } .privacy-policy-content h3 { margin-top: 16px; font-weight: bold; font-size: 14px; } .modal-annual-report { width: calc(100% - 48px); } #annualReportOpt { padding-top: 0.45rem; } .report-cover img { height: 100% !important; -o-object-fit: cover; object-fit: cover; } } .history-content h2 { font-weight: bold; font-size: 20px; margin-top: 32px; margin-bottom: 32px; } .history-content h3 { font-size: 32px; color: #01543A; margin-top: 32px; } .history-content img { width: 100%; border-radius: 12px; margin-top: 24px; margin-bottom: 24px; } .history-content p { margin-top: 14px; } .history-content iframe { width: 100%; margin-top: 24px; border-radius: 12px; aspect-ratio: 1.8; } .history-content p q { margin-top: 24px; color: #01543a; font-size: 24px; font-weight: bold; font-style: italic; } .history-content i { font-size: 14px; margin-bottom: 16px; color: #999999; } .history-content a { margin-top: 8px; font-size: 16px; font-weight: bold; color: #01543a; text-decoration-line: underline; } @media (min-width: 1024px) { .history-content h2 { font-size: 40px; } .history-content h1 { font-size: 32px; } .history-content p { font-size: 21px; } .history-content p q { font-size: 32px; } .history-content p i { font-size: 16px; } .history-content a { font-size: 21px; } } .content { font-size: 14px; } @media (min-width: 768px) { .content { font-size: 17.5px; } } @media (min-width: 1280px) { .content { font-size: 21px; } } /*------------------------------------*\ #CUSTOM Crop Variety */ .custom-bullet p { position: relative; padding-left: 1.5em; } .custom-bullet p::before { content: "•"; /* Caractère de puce */ position: absolute; left: 5px; top: 0; color: black; font-size: 1.2em; line-height: 1; } /*------------------------------------*\ #CUSTOM Awards */ /* Masquer tous les éléments au-delà du 3ème sur mobile */ .awards-container > div:nth-child(n+4) { position: absolute; visibility: hidden; opacity: 0; height: 0; margin: 0; padding: 0; transition: all 0.3s ease; } /* Sur grand écran (lg), afficher les 5 premiers éléments */ @media (min-width: 1024px) { .awards-container > div:nth-child(n+4) { position: relative; visibility: visible; opacity: 1; height: auto; margin: initial; padding: initial; } /* Masquer les éléments au-delà du 5ème sur grand écran */ .awards-container > div:nth-child(n+6) { position: absolute; visibility: hidden; opacity: 0; height: 0; margin: 0; padding: 0; transition: all 0.3s ease; } } .awards-container > div:first-of-type h3 { font-size: 24px; } .awards-container > div h3 { font-size: 20px; } @media (min-width: 1024px) { .awards-container > div:first-of-type h3 { font-size: 36px; } .awards-container > div h3 { font-size: 30px; } } .line-menu-header { display: flex; margin-left: 1.5rem; margin-right: 1.5rem; height: 0.0625rem; background-color: #e5e7eb; } .menu { border-bottom: 0; } /*------------------------------------*\ #CUSTOM Popup */ /* Popup container */ #popup-container { display: flex; align-items: center; justify-content: center; padding: 1rem; height: 100vh; width: 100vw; position: fixed; z-index: 9999; } /* Popup overlay */ #popup-container .bg-black { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Popup content */ #popup-container .border-black { position: relative; border: 2px solid black; border-radius: 10px; background-color: white; max-width: 327px; width: 100%; z-index: 999; } #popup-container img { border-top-left-radius: 10px; border-top-right-radius: 10px; width: 100%; height: auto; } #popup-container h2 { font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; margin-bottom: 1rem; } #popup-container p { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 1.5rem; } #popup-container .underline a { text-decoration: underline; font-weight: bold; color: #000; cursor: pointer; } #popup-container .underline a:hover { color: #333; } /* Responsive adjustments */ @media (min-width: 768px) { #popup-container .border-black { max-width: 400px; } #popup-container h2 { font-size: 2.25rem; line-height: 2.5rem; } #popup-container p { font-size: 1rem; } } /* Annual report popup resize */ .modal-annual-report { width: 75%; } @media (max-width: 1024px) { .modal-annual-report { width: 90%; } } /* Update annual report cover image*/ .report-cover img { max-width: 100%; height: auto; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; float: right; } .report-cover img.active { opacity: 1; visibility: visible; position: relative; } /*------------------------------------*\ #CUSTOM Commitments */ .commitments img { width: 100%; -o-object-fit: cover; object-fit: cover; } .quicksearch { max-height: 100vh; } .notfound { height: 100vh; } @media (max-width: 1024px) { .entry-content .alignright, .entry-content .alignleft { float: none; display: block; margin-left: auto; margin-right: auto; } } .entry-content .alignright { float: right; margin-left: 20px; margin-bottom: 5px; margin-top: 10px; } .entry-content .alignleft { float: left; margin-right: 20px; margin-bottom: 5px; margin-top: 10px; } .entry-content .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; } .entry-content .alignnone { margin-top: 20px; margin-bottom: 20px; } .entry-content .img-wrapper { margin-top: 20px; margin-bottom: 20px; } .entry-content ul { list-style-type: disc; margin-left: 20px; padding-left: 20px; } .entry-content ol { list-style-type: decimal; margin-left: 20px; padding-left: 20px; } .entry-content li { margin-bottom: 5px; } @media (min-width: 640px){ .sm\:container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } @media (min-width: 100%){ .sm\:container{ max-width: 100%; } } @media (min-width: 768px){ .sm\:container{ max-width: 768px; } } @media (min-width: 1024px){ .sm\:container{ max-width: 1024px; } } @media (min-width: 1280px){ .sm\:container{ max-width: 1280px; } } } .placeholder\:text-black::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .placeholder\:text-black::placeholder{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .first\:grid-cols-1:first-child{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .first\:border-t-0:first-child{ border-top-width: 0px; } .first\:border-none:first-child{ border-style: none; } .last\:pb-0:last-child{ padding-bottom: 0px; } .hover\:font-bold:hover{ font-weight: 700; } .hover\:text-main-green-100:hover{ --tw-text-opacity: 1; color: rgb(1 84 58 / var(--tw-text-opacity, 1)); } .before\:hover\:text-center:hover::before{ content: var(--tw-content); text-align: center; } .hover\:before\:text-center:hover::before{ content: var(--tw-content); text-align: center; } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:hover\:text-center:hover:focus{ text-align: center; } .hover\:focus\:text-center:focus:hover{ text-align: center; } .group:hover .group-hover\:ml-2{ margin-left: 0.5rem; } .group:hover .group-hover\:max-w-\[150px\]{ max-width: 150px; } .group:hover .group-hover\:delay-0{ transition-delay: 0s; } @media (min-width: 640px){ .sm\:mr-0{ margin-right: 0px; } .sm\:mt-1{ margin-top: 0.25rem; } .sm\:mt-\[-2rem\]{ margin-top: -2rem; } .sm\:h-227{ height: 227px; } .sm\:h-4{ height: 1rem; } .sm\:h-8{ height: 2rem; } .sm\:h-\[18\.75px\]{ height: 18.75px; } .sm\:h-\[33px\]{ height: 33px; } .sm\:h-full{ height: 100%; } .sm\:w-4{ width: 1rem; } .sm\:w-8{ width: 2rem; } .sm\:w-\[108px\]{ width: 108px; } .sm\:w-\[15px\]{ width: 15px; } .sm\:w-\[98px\]{ width: 98px; } .sm\:w-full{ width: 100%; } .sm\:max-w-\[327px\]{ max-width: 327px; } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:text-14{ font-size: 14px; } .sm\:text-17\.5{ font-size: 17.5px; } .sm\:text-25{ font-size: 25px; } .sm\:text-50{ font-size: 50px; } .sm\:underline{ text-decoration-line: underline; } } @media (min-width: 768px){ .md\:order-1{ order: 1; } .md\:order-2{ order: 2; } .md\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .md\:my-3{ margin-top: 0.75rem; margin-bottom: 0.75rem; } .md\:mb-10{ margin-bottom: 2.5rem; } .md\:mb-2\.5{ margin-bottom: 0.625rem; } .md\:mb-3{ margin-bottom: 0.75rem; } .md\:mb-5{ margin-bottom: 1.25rem; } .md\:mb-7{ margin-bottom: 1.75rem; } .md\:mb-8{ margin-bottom: 2rem; } .md\:mb-9{ margin-bottom: 2.25rem; } .md\:mt-1\.5{ margin-top: 0.375rem; } .md\:mt-2\.5{ margin-top: 0.625rem; } .md\:mt-3{ margin-top: 0.75rem; } .md\:mt-4{ margin-top: 1rem; } .md\:mt-5{ margin-top: 1.25rem; } .md\:mt-8{ margin-top: 2rem; } .md\:mt-9{ margin-top: 2.25rem; } .md\:aspect-\[2\.44\]{ aspect-ratio: 2.44; } .md\:aspect-auto{ aspect-ratio: auto; } .md\:h-10{ height: 2.5rem; } .md\:h-15\.75{ height: 63.75px; } .md\:h-\[204px\]{ height: 204px; } .md\:h-\[264px\]{ height: 264px; } .md\:h-\[275px\]{ height: 275px; } .md\:h-\[312\.5px\]{ height: 312.5px; } .md\:h-\[339px\]{ height: 339px; } .md\:h-\[340px\]{ height: 340px; } .md\:h-\[392px\]{ height: 392px; } .md\:h-\[460px\]{ height: 460px; } .md\:h-\[515px\]{ height: 515px; } .md\:h-auto{ height: auto; } .md\:max-h-85\.5{ max-height: 342px; } .md\:w-1\/2{ width: 50%; } .md\:w-60\.5{ width: 242.5px; } .md\:w-7{ width: 1.75rem; } .md\:w-90{ width: 360px; } .md\:w-\[195px\]{ width: 195px; } .md\:w-\[204px\]{ width: 204px; } .md\:max-w-\[400px\]{ max-width: 400px; } .md\:max-w-screen-lg{ max-width: 1128px; } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:flex-row{ flex-direction: row; } .md\:gap-10{ gap: 2.5rem; } .md\:gap-2\.5{ gap: 0.625rem; } .md\:gap-20{ gap: 5rem; } .md\:gap-4{ gap: 1rem; } .md\:gap-5{ gap: 1.25rem; } .md\:gap-6{ gap: 1.5rem; } .md\:gap-x-24{ -moz-column-gap: 6rem; column-gap: 6rem; } .md\:gap-y-10{ row-gap: 2.5rem; } .md\:rounded-20{ border-radius: 20px; } .md\:rounded-xl{ border-radius: 0.75rem; } .md\:border-\[1\.25px\]{ border-width: 1.25px; } .md\:border-b-0\.65{ border-bottom-width: 0.65px; } .md\:border-t-0\.65{ border-top-width: 0.65px; } .md\:p-10{ padding: 2.5rem; } .md\:p-5{ padding: 1.25rem; } .md\:px-14{ padding-left: 3.5rem; padding-right: 3.5rem; } .md\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-7\.5{ padding-left: 30px; padding-right: 30px; } .md\:px-8{ padding-left: 2rem; padding-right: 2rem; } .md\:py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .md\:py-15{ padding-top: 60px; padding-bottom: 60px; } .md\:py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .md\:py-8{ padding-top: 2rem; padding-bottom: 2rem; } .md\:pb-1\.5{ padding-bottom: 0.375rem; } .md\:pb-4{ padding-bottom: 1rem; } .md\:pb-5{ padding-bottom: 1.25rem; } .md\:pb-7{ padding-bottom: 1.75rem; } .md\:pt-2\.5{ padding-top: 0.625rem; } .md\:pt-5{ padding-top: 1.25rem; } .md\:pt-6{ padding-top: 1.5rem; } .md\:pt-7\.5{ padding-top: 30px; } .md\:text-0\.75lg{ font-size: 17.5px; } .md\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .md\:text-\[30px\]{ font-size: 30px; } .md\:text-\[50px\]{ font-size: 50px; } .md\:text-base{ font-size: 1rem; line-height: 1.5rem; } .md\:text-md{ font-size: 1.09375rem; } } @media (min-width: 1024px){ .lg\:top-\[123px\]{ top: 123px; } .lg\:col-span-1{ grid-column: span 1 / span 1; } .lg\:mx-auto{ margin-left: auto; margin-right: auto; } .lg\:my-0{ margin-top: 0px; margin-bottom: 0px; } .lg\:my-4{ margin-top: 1rem; margin-bottom: 1rem; } .lg\:mb-1\.5{ margin-bottom: 0.375rem; } .lg\:mb-10{ margin-bottom: 2.5rem; } .lg\:mb-12{ margin-bottom: 3rem; } .lg\:mb-14{ margin-bottom: 3.5rem; } .lg\:mb-20{ margin-bottom: 5rem; } .lg\:mb-3{ margin-bottom: 0.75rem; } .lg\:mb-4{ margin-bottom: 1rem; } .lg\:mb-5{ margin-bottom: 1.25rem; } .lg\:mb-6{ margin-bottom: 1.5rem; } .lg\:mb-8{ margin-bottom: 2rem; } .lg\:mb-\[24px\]{ margin-bottom: 24px; } .lg\:mt-10{ margin-top: 2.5rem; } .lg\:mt-14{ margin-top: 3.5rem; } .lg\:mt-16{ margin-top: 4rem; } .lg\:mt-2{ margin-top: 0.5rem; } .lg\:mt-3{ margin-top: 0.75rem; } .lg\:mt-4{ margin-top: 1rem; } .lg\:mt-6{ margin-top: 1.5rem; } .lg\:block{ display: block; } .lg\:grid{ display: grid; } .lg\:hidden{ display: none; } .lg\:h-12{ height: 3rem; } .lg\:h-272{ height: 272px; } .lg\:h-5{ height: 1.25rem; } .lg\:h-\[22\.5px\]{ height: 22.5px; } .lg\:h-\[330px\]{ height: 330px; } .lg\:h-\[375px\]{ height: 375px; } .lg\:h-\[39px\]{ height: 39px; } .lg\:h-\[408px\]{ height: 408px; } .lg\:h-\[458px\]{ height: 458px; } .lg\:h-\[470px\]{ height: 470px; } .lg\:h-\[482px\]{ height: 482px; } .lg\:h-\[745px\]{ height: 745px; } .lg\:h-full{ height: 100%; } .lg\:min-h-\[355px\]{ min-height: 355px; } .lg\:w-5{ width: 1.25rem; } .lg\:w-9{ width: 2.25rem; } .lg\:w-\[118px\]{ width: 118px; } .lg\:w-\[129px\]{ width: 129px; } .lg\:w-\[18px\]{ width: 18px; } .lg\:w-\[234px\]{ width: 234px; } .lg\:w-full{ width: 100%; } .lg\:max-w-\[480px\]{ max-width: 480px; } .lg\:max-w-\[550px\]{ max-width: 550px; } .lg\:max-w-screen-xl{ max-width: 1280px; } .lg\:flex-1{ flex: 1 1 0%; } .lg\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:flex-row{ flex-direction: row; } .lg\:flex-col{ flex-direction: column; } .lg\:gap-12{ gap: 3rem; } .lg\:gap-3{ gap: 0.75rem; } .lg\:gap-4{ gap: 1rem; } .lg\:gap-5{ gap: 1.25rem; } .lg\:gap-6{ gap: 1.5rem; } .lg\:overflow-hidden{ overflow: hidden; } .lg\:rounded-17{ border-radius: 17px; } .lg\:rounded-2xl{ border-radius: 1rem; } .lg\:border-\[1\.5px\]{ border-width: 1.5px; } .lg\:border-b-0\.75{ border-bottom-width: 0.75px; } .lg\:border-t-0\.75{ border-top-width: 0.75px; } .lg\:p-2{ padding: 0.5rem; } .lg\:p-32{ padding: 8rem; } .lg\:p-6{ padding: 1.5rem; } .lg\:p-8{ padding: 2rem; } .lg\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .lg\:px-12{ padding-left: 3rem; padding-right: 3rem; } .lg\:px-24{ padding-left: 6rem; padding-right: 6rem; } .lg\:px-4{ padding-left: 1rem; padding-right: 1rem; } .lg\:py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .lg\:py-12{ padding-top: 3rem; padding-bottom: 3rem; } .lg\:py-14{ padding-top: 3.5rem; padding-bottom: 3.5rem; } .lg\:py-15{ padding-top: 60px; padding-bottom: 60px; } .lg\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .lg\:pb-10{ padding-bottom: 2.5rem; } .lg\:pb-3{ padding-bottom: 0.75rem; } .lg\:pb-4\.5{ padding-bottom: 18px; } .lg\:pb-6{ padding-bottom: 1.5rem; } .lg\:pb-\[124px\]{ padding-bottom: 124px; } .lg\:pt-0{ padding-top: 0px; } .lg\:pt-2\.5{ padding-top: 0.625rem; } .lg\:pt-6{ padding-top: 1.5rem; } .lg\:pt-9{ padding-top: 2.25rem; } .lg\:text-1\.2xl{ font-size: 21px; } .lg\:text-18{ font-size: 18px; } .lg\:text-30{ font-size: 30px; } .lg\:text-36{ font-size: 36px; } .lg\:text-48{ font-size: 48px; } .lg\:text-50{ font-size: 50px; } .lg\:text-60{ font-size: 60px; } .lg\:text-\[36px\]{ font-size: 36px; } .first\:lg\:row-span-2:first-child{ grid-row: span 2 / span 2; } } @media (min-width: 1280px){ .xl\:mx-7{ margin-left: 1.75rem; margin-right: 1.75rem; } .xl\:mb-6{ margin-bottom: 1.5rem; } .xl\:mt-20{ margin-top: 5rem; } .xl\:mt-4{ margin-top: 1rem; } .xl\:mt-6{ margin-top: 1.5rem; } .xl\:mt-7{ margin-top: 1.75rem; } .xl\:mt-8{ margin-top: 2rem; } .xl\:h-\[630px\]{ height: 630px; } .xl\:max-h-69\.5{ max-height: 299px; } .xl\:w-147\.75{ width: 551px; } .xl\:w-72\.75{ width: 291px; } .xl\:max-w-4xl{ max-width: 56rem; } .xl\:gap-6{ gap: 1.5rem; } .xl\:gap-x-52{ -moz-column-gap: 13rem; column-gap: 13rem; } .xl\:gap-y-16{ row-gap: 4rem; } .xl\:rounded-1\.75xl{ border-radius: 15px; } .xl\:p-10{ padding: 2.5rem; } .xl\:px-24{ padding-left: 6rem; padding-right: 6rem; } .xl\:px-32{ padding-left: 8rem; padding-right: 8rem; } .xl\:px-48{ padding-left: 12rem; padding-right: 12rem; } .xl\:px-7\.5{ padding-left: 30px; padding-right: 30px; } .xl\:px-9{ padding-left: 2.25rem; padding-right: 2.25rem; } .xl\:px-\[24px\]{ padding-left: 24px; padding-right: 24px; } .xl\:py-20{ padding-top: 5rem; padding-bottom: 5rem; } .xl\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .xl\:py-\[24px\]{ padding-top: 24px; padding-bottom: 24px; } .xl\:pb-2{ padding-bottom: 0.5rem; } .xl\:pr-4{ padding-right: 1rem; } .xl\:pt-3{ padding-top: 0.75rem; } .xl\:text-1\.25xl{ font-size: 21px; } .xl\:text-\[75px\]{ font-size: 75px; } .xl\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } } @media (prefers-color-scheme: dark){ @media (min-width: 1024px){ .dark\:lg\:hover\:\[paint-order\:markers\]:hover{ paint-order: markers; } } } /*# sourceMappingURL=style.css.map */